init

node_modules/ng-zorro-antd/badge/index.d.ts

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { OnChanges, TemplateRef, SimpleChanges } from '@angular/core';
+import * as _angular_cdk_bidi from '@angular/cdk/bidi';
+import { NzConfigService, NzConfigKey } from 'ng-zorro-antd/core/config';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
+import { NgStyleInterface, NzSafeAny, NzSizeDSType } from 'ng-zorro-antd/core/types';
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+type NzBadgeStatusType = 'success' | 'processing' | 'default' | 'error' | 'warning';
+
+declare class NzBadgeComponent implements OnChanges {
+    readonly nzConfigService: NzConfigService;
+    protected readonly dir: i0.WritableSignal<_angular_cdk_bidi.Direction>;
+    protected readonly noAnimation: NzNoAnimationDirective | null;
+    readonly _nzModuleName: NzConfigKey;
+    showSup: boolean;
+    presetColor: string | null;
+    nzShowZero: boolean;
+    nzShowDot: boolean;
+    nzStandalone: boolean;
+    nzDot: boolean;
+    nzOverflowCount: number;
+    nzColor?: string;
+    nzStyle: NgStyleInterface | null;
+    nzText?: string | TemplateRef<void> | null;
+    nzTitle?: string | null | undefined;
+    nzStatus?: NzBadgeStatusType | string;
+    nzCount?: number | TemplateRef<NzSafeAny>;
+    nzOffset?: [number, number];
+    nzSize: NzSizeDSType;
+    protected get mergedStyle(): NgStyleInterface;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzBadgeComponent, "nz-badge", ["nzBadge"], { "nzShowZero": { "alias": "nzShowZero"; "required": false; }; "nzShowDot": { "alias": "nzShowDot"; "required": false; }; "nzStandalone": { "alias": "nzStandalone"; "required": false; }; "nzDot": { "alias": "nzDot"; "required": false; }; "nzOverflowCount": { "alias": "nzOverflowCount"; "required": false; }; "nzColor": { "alias": "nzColor"; "required": false; }; "nzStyle": { "alias": "nzStyle"; "required": false; }; "nzText": { "alias": "nzText"; "required": false; }; "nzTitle": { "alias": "nzTitle"; "required": false; }; "nzStatus": { "alias": "nzStatus"; "required": false; }; "nzCount": { "alias": "nzCount"; "required": false; }; "nzOffset": { "alias": "nzOffset"; "required": false; }; "nzSize": { "alias": "nzSize"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_nzShowZero: unknown;
+    static ngAcceptInputType_nzShowDot: unknown;
+    static ngAcceptInputType_nzStandalone: unknown;
+    static ngAcceptInputType_nzDot: unknown;
+}
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+
+declare class NzRibbonComponent implements OnChanges {
+    nzColor?: string;
+    nzPlacement: 'start' | 'end';
+    nzText: string | TemplateRef<void> | null;
+    presetColor: string | null;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzRibbonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzRibbonComponent, "nz-ribbon", ["nzRibbon"], { "nzColor": { "alias": "nzColor"; "required": false; }; "nzPlacement": { "alias": "nzPlacement"; "required": false; }; "nzText": { "alias": "nzText"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class NzBadgeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzBadgeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NzBadgeModule, never, [typeof NzBadgeComponent, typeof NzRibbonComponent], [typeof NzBadgeComponent, typeof NzRibbonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NzBadgeModule>;
+}
+
+export { NzBadgeComponent, NzBadgeModule, NzRibbonComponent };
+export type { NzBadgeStatusType };

node_modules/ng-zorro-antd/badge/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/ng-zorro-antd-badge.mjs"
+}

node_modules/ng-zorro-antd/badge/style/entry.less

@@ -0,0 +1,2 @@
+@import './index.less';
+@import './patch.less';

node_modules/ng-zorro-antd/badge/style/index.css

@@ -0,0 +1,469 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+.ant-badge {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  position: relative;
+  display: inline-block;
+  line-height: 1;
+}
+.ant-badge-count {
+  z-index: auto;
+  min-width: 20px;
+  height: 20px;
+  padding: 0 6px;
+  color: #fff;
+  font-weight: normal;
+  font-size: 12px;
+  line-height: 20px;
+  white-space: nowrap;
+  text-align: center;
+  background: #ff4d4f;
+  border-radius: 10px;
+  box-shadow: 0 0 0 1px #fff;
+}
+.ant-badge-count a,
+.ant-badge-count a:hover {
+  color: #fff;
+}
+.ant-badge-count-sm {
+  min-width: 14px;
+  height: 14px;
+  padding: 0;
+  font-size: 12px;
+  line-height: 14px;
+  border-radius: 7px;
+}
+.ant-badge-multiple-words {
+  padding: 0 8px;
+}
+.ant-badge-dot {
+  z-index: auto;
+  width: 6px;
+  min-width: 6px;
+  height: 6px;
+  background: #ff4d4f;
+  border-radius: 100%;
+  box-shadow: 0 0 0 1px #fff;
+}
+.ant-badge-dot.ant-scroll-number {
+  transition: background 1.5s;
+}
+.ant-badge-count,
+.ant-badge-dot,
+.ant-badge .ant-scroll-number-custom-component {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translate(50%, -50%);
+  transform-origin: 100% 0%;
+}
+.ant-badge-count.anticon-spin,
+.ant-badge-dot.anticon-spin,
+.ant-badge .ant-scroll-number-custom-component.anticon-spin {
+  animation: antBadgeLoadingCircle 1s infinite linear;
+}
+.ant-badge-status {
+  line-height: inherit;
+  vertical-align: baseline;
+}
+.ant-badge-status-dot {
+  position: relative;
+  top: -1px;
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  vertical-align: middle;
+  border-radius: 50%;
+}
+.ant-badge-status-success {
+  background-color: #52c41a;
+}
+.ant-badge-status-processing {
+  position: relative;
+  background-color: #1890ff;
+}
+.ant-badge-status-processing::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #1890ff;
+  border-radius: 50%;
+  animation: antStatusProcessing 1.2s infinite ease-in-out;
+  content: '';
+}
+.ant-badge-status-default {
+  background-color: #d9d9d9;
+}
+.ant-badge-status-error {
+  background-color: #ff4d4f;
+}
+.ant-badge-status-warning {
+  background-color: #faad14;
+}
+.ant-badge-status-pink {
+  background: #eb2f96;
+}
+.ant-badge-status-magenta {
+  background: #eb2f96;
+}
+.ant-badge-status-red {
+  background: #f5222d;
+}
+.ant-badge-status-volcano {
+  background: #fa541c;
+}
+.ant-badge-status-orange {
+  background: #fa8c16;
+}
+.ant-badge-status-yellow {
+  background: #fadb14;
+}
+.ant-badge-status-gold {
+  background: #faad14;
+}
+.ant-badge-status-cyan {
+  background: #13c2c2;
+}
+.ant-badge-status-lime {
+  background: #a0d911;
+}
+.ant-badge-status-green {
+  background: #52c41a;
+}
+.ant-badge-status-blue {
+  background: #1890ff;
+}
+.ant-badge-status-geekblue {
+  background: #2f54eb;
+}
+.ant-badge-status-purple {
+  background: #722ed1;
+}
+.ant-badge-status-text {
+  margin-left: 8px;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+}
+.ant-badge-zoom-appear,
+.ant-badge-zoom-enter {
+  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
+  animation-fill-mode: both;
+}
+.ant-badge-zoom-leave {
+  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
+  animation-fill-mode: both;
+}
+.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
+.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
+  animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
+}
+.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
+  animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
+}
+.ant-badge-not-a-wrapper:not(.ant-badge-status) {
+  vertical-align: middle;
+}
+.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
+.ant-badge-not-a-wrapper .ant-badge-count {
+  transform: none;
+}
+.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
+.ant-badge-not-a-wrapper .ant-scroll-number {
+  position: relative;
+  top: auto;
+  display: block;
+  transform-origin: 50% 50%;
+}
+@keyframes antStatusProcessing {
+  0% {
+    transform: scale(0.8);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(2.4);
+    opacity: 0;
+  }
+}
+.ant-scroll-number {
+  overflow: hidden;
+  direction: ltr;
+}
+.ant-scroll-number-only {
+  position: relative;
+  display: inline-block;
+  height: 20px;
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  /* stylelint-disable property-no-vendor-prefix */
+  -webkit-transform-style: preserve-3d;
+  -webkit-backface-visibility: hidden;
+  /* stylelint-enable property-no-vendor-prefix */
+}
+.ant-scroll-number-only > p.ant-scroll-number-only-unit {
+  height: 20px;
+  margin: 0;
+  /* stylelint-disable property-no-vendor-prefix */
+  -webkit-transform-style: preserve-3d;
+  -webkit-backface-visibility: hidden;
+  /* stylelint-enable property-no-vendor-prefix */
+}
+.ant-scroll-number-symbol {
+  vertical-align: top;
+}
+@keyframes antZoomBadgeIn {
+  0% {
+    transform: scale(0) translate(50%, -50%);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1) translate(50%, -50%);
+  }
+}
+@keyframes antZoomBadgeOut {
+  0% {
+    transform: scale(1) translate(50%, -50%);
+  }
+  100% {
+    transform: scale(0) translate(50%, -50%);
+    opacity: 0;
+  }
+}
+@keyframes antNoWrapperZoomBadgeIn {
+  0% {
+    transform: scale(0);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes antNoWrapperZoomBadgeOut {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0);
+    opacity: 0;
+  }
+}
+@keyframes antBadgeLoadingCircle {
+  0% {
+    transform-origin: 50%;
+  }
+  100% {
+    transform: translate(50%, -50%) rotate(360deg);
+    transform-origin: 50%;
+  }
+}
+.ant-ribbon-wrapper {
+  position: relative;
+}
+.ant-ribbon {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  position: absolute;
+  top: 8px;
+  height: 22px;
+  padding: 0 8px;
+  color: #fff;
+  line-height: 22px;
+  white-space: nowrap;
+  background-color: #1890ff;
+  border-radius: 2px;
+}
+.ant-ribbon-text {
+  color: #fff;
+}
+.ant-ribbon-corner {
+  position: absolute;
+  top: 100%;
+  width: 8px;
+  height: 8px;
+  color: currentcolor;
+  border: 4px solid;
+  transform: scaleY(0.75);
+  transform-origin: top;
+}
+.ant-ribbon-corner::after {
+  position: absolute;
+  top: -4px;
+  left: -4px;
+  width: inherit;
+  height: inherit;
+  color: rgba(0, 0, 0, 0.25);
+  border: inherit;
+  content: '';
+}
+.ant-ribbon-color-pink {
+  color: #eb2f96;
+  background: #eb2f96;
+}
+.ant-ribbon-color-magenta {
+  color: #eb2f96;
+  background: #eb2f96;
+}
+.ant-ribbon-color-red {
+  color: #f5222d;
+  background: #f5222d;
+}
+.ant-ribbon-color-volcano {
+  color: #fa541c;
+  background: #fa541c;
+}
+.ant-ribbon-color-orange {
+  color: #fa8c16;
+  background: #fa8c16;
+}
+.ant-ribbon-color-yellow {
+  color: #fadb14;
+  background: #fadb14;
+}
+.ant-ribbon-color-gold {
+  color: #faad14;
+  background: #faad14;
+}
+.ant-ribbon-color-cyan {
+  color: #13c2c2;
+  background: #13c2c2;
+}
+.ant-ribbon-color-lime {
+  color: #a0d911;
+  background: #a0d911;
+}
+.ant-ribbon-color-green {
+  color: #52c41a;
+  background: #52c41a;
+}
+.ant-ribbon-color-blue {
+  color: #1890ff;
+  background: #1890ff;
+}
+.ant-ribbon-color-geekblue {
+  color: #2f54eb;
+  background: #2f54eb;
+}
+.ant-ribbon-color-purple {
+  color: #722ed1;
+  background: #722ed1;
+}
+.ant-ribbon.ant-ribbon-placement-end {
+  right: -8px;
+  border-bottom-right-radius: 0;
+}
+.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
+  right: 0;
+  border-color: currentcolor transparent transparent currentcolor;
+}
+.ant-ribbon.ant-ribbon-placement-start {
+  left: -8px;
+  border-bottom-left-radius: 0;
+}
+.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
+  left: 0;
+  border-color: currentcolor currentcolor transparent transparent;
+}
+.ant-badge-rtl {
+  direction: rtl;
+}
+.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
+.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
+.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
+  right: auto;
+  left: 0;
+  direction: ltr;
+  transform: translate(-50%, -50%);
+  transform-origin: 0% 0%;
+}
+.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
+  right: auto;
+  left: 0;
+  transform: translate(-50%, -50%);
+  transform-origin: 0% 0%;
+}
+.ant-badge-rtl .ant-badge-status-text {
+  margin-right: 8px;
+  margin-left: 0;
+}
+.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
+.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
+  animation-name: antZoomBadgeInRtl;
+}
+.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
+  animation-name: antZoomBadgeOutRtl;
+}
+.ant-ribbon-rtl {
+  direction: rtl;
+}
+.ant-ribbon-rtl.ant-ribbon-placement-end {
+  right: unset;
+  left: -8px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
+  right: unset;
+  left: 0;
+  border-color: currentcolor currentcolor transparent transparent;
+}
+.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
+  border-color: currentcolor currentcolor transparent transparent;
+}
+.ant-ribbon-rtl.ant-ribbon-placement-start {
+  right: -8px;
+  left: unset;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
+  right: 0;
+  left: unset;
+  border-color: currentcolor transparent transparent currentcolor;
+}
+.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
+  border-color: currentcolor transparent transparent currentcolor;
+}
+@keyframes antZoomBadgeInRtl {
+  0% {
+    transform: scale(0) translate(-50%, -50%);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1) translate(-50%, -50%);
+  }
+}
+@keyframes antZoomBadgeOutRtl {
+  0% {
+    transform: scale(1) translate(-50%, -50%);
+  }
+  100% {
+    transform: scale(0) translate(-50%, -50%);
+    opacity: 0;
+  }
+}
+.ant-badge .ant-scroll-number:only-child {
+  position: relative;
+  top: auto;
+  display: block;
+}
+.ant-badge .ant-badge-count:only-child {
+  transform: none;
+}
+nz-ribbon {
+  display: block;
+}

node_modules/ng-zorro-antd/badge/style/index.less

@@ -0,0 +1,281 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@badge-prefix-cls: ~'@{ant-prefix}-badge';
+@number-prefix-cls: ~'@{ant-prefix}-scroll-number';
+
+.@{badge-prefix-cls} {
+  .reset-component();
+
+  position: relative;
+  display: inline-block;
+  line-height: 1;
+
+  &-count {
+    z-index: @zindex-badge;
+    min-width: @badge-height;
+    height: @badge-height;
+    padding: 0 6px;
+    color: @badge-text-color;
+    font-weight: @badge-font-weight;
+    font-size: @badge-font-size;
+    line-height: @badge-height;
+    white-space: nowrap;
+    text-align: center;
+    background: @badge-color;
+    border-radius: (@badge-height / 2);
+    box-shadow: 0 0 0 1px @shadow-color-inverse;
+
+    a,
+    a:hover {
+      color: @badge-text-color;
+    }
+  }
+
+  &-count-sm {
+    min-width: @badge-height-sm;
+    height: @badge-height-sm;
+    padding: 0;
+    font-size: @badge-font-size-sm;
+    line-height: @badge-height-sm;
+    border-radius: (@badge-height-sm / 2);
+  }
+
+  &-multiple-words {
+    padding: 0 8px;
+  }
+
+  &-dot {
+    z-index: @zindex-badge;
+    width: @badge-dot-size;
+    min-width: @badge-dot-size;
+    height: @badge-dot-size;
+    background: @highlight-color;
+    border-radius: 100%;
+    box-shadow: 0 0 0 1px @shadow-color-inverse;
+  }
+
+  // Tricky way to resolve https://github.com/ant-design/ant-design/issues/30088
+  &-dot.@{number-prefix-cls} {
+    transition: background 1.5s;
+  }
+
+  &-count,
+  &-dot,
+  .@{number-prefix-cls}-custom-component {
+    position: absolute;
+    top: 0;
+    right: 0;
+    transform: translate(50%, -50%);
+    transform-origin: 100% 0%;
+
+    &.@{iconfont-css-prefix}-spin {
+      animation: antBadgeLoadingCircle 1s infinite linear;
+    }
+  }
+
+  &-status {
+    line-height: inherit;
+    vertical-align: baseline;
+
+    &-dot {
+      position: relative;
+      top: -1px;
+      display: inline-block;
+      width: @badge-status-size;
+      height: @badge-status-size;
+      vertical-align: middle;
+      border-radius: 50%;
+    }
+
+    &-success {
+      background-color: @success-color;
+    }
+
+    &-processing {
+      position: relative;
+      background-color: @processing-color;
+
+      &::after {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border: 1px solid @processing-color;
+        border-radius: 50%;
+        animation: antStatusProcessing 1.2s infinite ease-in-out;
+        content: '';
+      }
+    }
+
+    &-default {
+      background-color: @normal-color;
+    }
+
+    &-error {
+      background-color: @error-color;
+    }
+
+    &-warning {
+      background-color: @warning-color;
+    }
+
+    // mixin to iterate over colors and create CSS class for each one
+    .make-color-classes(@i: length(@preset-colors)) when (@i > 0) {
+      .make-color-classes(@i - 1);
+      @color: extract(@preset-colors, @i);
+      @darkColor: '@{color}-6';
+      &-@{color} {
+        background: @@darkColor;
+      }
+    }
+    .make-color-classes();
+
+    &-text {
+      margin-left: 8px;
+      color: @text-color;
+      font-size: @font-size-base;
+    }
+  }
+
+  &-zoom-appear,
+  &-zoom-enter {
+    animation: antZoomBadgeIn @animation-duration-slow @ease-out-back;
+    animation-fill-mode: both;
+  }
+
+  &-zoom-leave {
+    animation: antZoomBadgeOut @animation-duration-slow @ease-in-back;
+    animation-fill-mode: both;
+  }
+
+  &-not-a-wrapper {
+    .@{badge-prefix-cls}-zoom-appear,
+    .@{badge-prefix-cls}-zoom-enter {
+      animation: antNoWrapperZoomBadgeIn @animation-duration-slow @ease-out-back;
+    }
+
+    .@{badge-prefix-cls}-zoom-leave {
+      animation: antNoWrapperZoomBadgeOut @animation-duration-slow @ease-in-back;
+    }
+
+    &:not(.@{badge-prefix-cls}-status) {
+      vertical-align: middle;
+    }
+
+    .@{number-prefix-cls}-custom-component,
+    .@{badge-prefix-cls}-count {
+      transform: none;
+    }
+
+    .@{number-prefix-cls}-custom-component,
+    .@{number-prefix-cls} {
+      position: relative;
+      top: auto;
+      display: block;
+      transform-origin: 50% 50%;
+    }
+  }
+}
+
+@keyframes antStatusProcessing {
+  0% {
+    transform: scale(0.8);
+    opacity: 0.5;
+  }
+
+  100% {
+    transform: scale(2.4);
+    opacity: 0;
+  }
+}
+
+// Safari will blink with transform when inner element has absolute style.
+.safari-fix-motion() {
+  /* stylelint-disable property-no-vendor-prefix */
+  -webkit-transform-style: preserve-3d;
+  -webkit-backface-visibility: hidden;
+  /* stylelint-enable property-no-vendor-prefix */
+}
+
+.@{number-prefix-cls} {
+  overflow: hidden;
+  direction: ltr;
+
+  &-only {
+    position: relative;
+    display: inline-block;
+    height: @badge-height;
+    transition: all @animation-duration-slow @ease-in-out;
+    .safari-fix-motion;
+
+    > p.@{number-prefix-cls}-only-unit {
+      height: @badge-height;
+      margin: 0;
+      .safari-fix-motion;
+    }
+  }
+
+  &-symbol {
+    vertical-align: top;
+  }
+}
+
+@keyframes antZoomBadgeIn {
+  0% {
+    transform: scale(0) translate(50%, -50%);
+    opacity: 0;
+  }
+
+  100% {
+    transform: scale(1) translate(50%, -50%);
+  }
+}
+
+@keyframes antZoomBadgeOut {
+  0% {
+    transform: scale(1) translate(50%, -50%);
+  }
+
+  100% {
+    transform: scale(0) translate(50%, -50%);
+    opacity: 0;
+  }
+}
+
+@keyframes antNoWrapperZoomBadgeIn {
+  0% {
+    transform: scale(0);
+    opacity: 0;
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}
+
+@keyframes antNoWrapperZoomBadgeOut {
+  0% {
+    transform: scale(1);
+  }
+
+  100% {
+    transform: scale(0);
+    opacity: 0;
+  }
+}
+
+@keyframes antBadgeLoadingCircle {
+  0% {
+    transform-origin: 50%;
+  }
+
+  100% {
+    transform: translate(50%, -50%) rotate(360deg);
+    transform-origin: 50%;
+  }
+}
+
+@import './ribbon';
+@import './rtl';

node_modules/ng-zorro-antd/badge/style/patch.less

@@ -0,0 +1,15 @@
+.ant-badge {
+  .ant-scroll-number:only-child {
+    position: relative;
+    top: auto;
+    display: block;
+  }
+
+  .ant-badge-count:only-child {
+    transform: none;
+  }
+}
+
+nz-ribbon {
+  display: block;
+}

node_modules/ng-zorro-antd/badge/style/ribbon.less

@@ -0,0 +1,81 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@ribbon-prefix-cls: ~'@{ant-prefix}-ribbon';
+@ribbon-wrapper-prefix-cls: ~'@{ant-prefix}-ribbon-wrapper';
+
+.@{ribbon-wrapper-prefix-cls} {
+  position: relative;
+}
+
+.@{ribbon-prefix-cls} {
+  .reset-component();
+
+  position: absolute;
+  top: 8px;
+  height: 22px;
+  padding: 0 8px;
+  color: @badge-text-color;
+  line-height: 22px;
+  white-space: nowrap;
+  background-color: @primary-color;
+  border-radius: @border-radius-sm;
+
+  &-text {
+    color: @white;
+  }
+
+  &-corner {
+    position: absolute;
+    top: 100%;
+    width: 8px;
+    height: 8px;
+    color: currentcolor;
+    border: 4px solid;
+    transform: scaleY(0.75);
+    transform-origin: top;
+    // If not support IE 11, use filter: brightness(75%) instead
+    &::after {
+      position: absolute;
+      top: -4px;
+      left: -4px;
+      width: inherit;
+      height: inherit;
+      color: rgba(0, 0, 0, 0.25);
+      border: inherit;
+      content: '';
+    }
+  }
+
+  // colors
+  // mixin to iterate over colors and create CSS class for each one
+  .make-color-classes(@i: length(@preset-colors)) when (@i > 0) {
+    .make-color-classes(@i - 1);
+    @color: extract(@preset-colors, @i);
+    @darkColor: '@{color}-6';
+    &-color-@{color} {
+      color: @@darkColor;
+      background: @@darkColor;
+    }
+  }
+  .make-color-classes();
+
+  // placement
+  &.@{ribbon-prefix-cls}-placement-end {
+    right: -8px;
+    border-bottom-right-radius: 0;
+    .@{ribbon-prefix-cls}-corner {
+      right: 0;
+      border-color: currentcolor transparent transparent currentcolor;
+    }
+  }
+
+  &.@{ribbon-prefix-cls}-placement-start {
+    left: -8px;
+    border-bottom-left-radius: 0;
+    .@{ribbon-prefix-cls}-corner {
+      left: 0;
+      border-color: currentcolor currentcolor transparent transparent;
+    }
+  }
+}

node_modules/ng-zorro-antd/badge/style/rtl.less

@@ -0,0 +1,100 @@
+.@{badge-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &:not(&-not-a-wrapper) &-count,
+  &:not(&-not-a-wrapper) &-dot,
+  &:not(&-not-a-wrapper) .@{number-prefix-cls}-custom-component {
+    .@{badge-prefix-cls}-rtl& {
+      right: auto;
+      left: 0;
+      direction: ltr;
+      transform: translate(-50%, -50%);
+      transform-origin: 0% 0%;
+    }
+  }
+
+  &-rtl&:not(&-not-a-wrapper) .@{number-prefix-cls}-custom-component {
+    right: auto;
+    left: 0;
+    transform: translate(-50%, -50%);
+    transform-origin: 0% 0%;
+  }
+
+  &-status {
+    &-text {
+      .@{badge-prefix-cls}-rtl & {
+        margin-right: 8px;
+        margin-left: 0;
+      }
+    }
+  }
+
+  &:not(&-not-a-wrapper).@{badge-prefix-cls}-rtl {
+    .@{badge-prefix-cls}-zoom-appear,
+    .@{badge-prefix-cls}-zoom-enter {
+      animation-name: antZoomBadgeInRtl;
+    }
+
+    .@{badge-prefix-cls}-zoom-leave {
+      animation-name: antZoomBadgeOutRtl;
+    }
+  }
+}
+
+.@{ribbon-prefix-cls}-rtl {
+  direction: rtl;
+  &.@{ribbon-prefix-cls}-placement-end {
+    right: unset;
+    left: -8px;
+    border-bottom-right-radius: @border-radius-sm;
+    border-bottom-left-radius: 0;
+    .@{ribbon-prefix-cls}-corner {
+      right: unset;
+      left: 0;
+      border-color: currentcolor currentcolor transparent transparent;
+
+      &::after {
+        border-color: currentcolor currentcolor transparent transparent;
+      }
+    }
+  }
+  &.@{ribbon-prefix-cls}-placement-start {
+    right: -8px;
+    left: unset;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: @border-radius-sm;
+    .@{ribbon-prefix-cls}-corner {
+      right: 0;
+      left: unset;
+      border-color: currentcolor transparent transparent currentcolor;
+
+      &::after {
+        border-color: currentcolor transparent transparent currentcolor;
+      }
+    }
+  }
+}
+
+@keyframes antZoomBadgeInRtl {
+  0% {
+    transform: scale(0) translate(-50%, -50%);
+    opacity: 0;
+  }
+
+  100% {
+    transform: scale(1) translate(-50%, -50%);
+  }
+}
+
+@keyframes antZoomBadgeOutRtl {
+  0% {
+    transform: scale(1) translate(-50%, -50%);
+  }
+
+  100% {
+    transform: scale(0) translate(-50%, -50%);
+    opacity: 0;
+  }
+}