init

node_modules/ng-zorro-antd/style/mixins/box.less

@@ -0,0 +1,7 @@
+.box(@position: absolute) {
+  position: @position;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}

node_modules/ng-zorro-antd/style/mixins/clearfix.less

@@ -0,0 +1,16 @@
+// mixins for clearfix
+// ------------------------
+.clearfix() {
+  // https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229
+  &::before {
+    display: table;
+    content: '';
+  }
+
+  &::after {
+    // https://github.com/ant-design/ant-design/issues/21864
+    display: table;
+    clear: both;
+    content: '';
+  }
+}

node_modules/ng-zorro-antd/style/mixins/compact-item-vertical.less

@@ -0,0 +1,41 @@
+.compact-item-vertical-border-radius(@prefix-cls) {
+  &-item:not(&-first-item):not(&-last-item) {
+    border-radius: 0;
+  }
+
+  &-item&-first-item:not(&-last-item) {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  &-item&-last-item:not(&-first-item) {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+}
+
+.compact-item-vertical-border(@prefix-cls) {
+  // border collapse
+  &-item:not(&-last-item) {
+    margin-bottom: -@border-width-base;
+  }
+
+  &-item {
+    &:hover,
+    &:focus,
+    &:active {
+      z-index: 2;
+    }
+
+    &[disabled] {
+      z-index: 0;
+    }
+  }
+}
+
+.compact-item-vertical(@prefix-cls) {
+  &-compact-vertical {
+    .compact-item-vertical-border(@prefix-cls);
+    .compact-item-vertical-border-radius(@prefix-cls);
+  }
+}

node_modules/ng-zorro-antd/style/mixins/compact-item.less

@@ -0,0 +1,133 @@
+.compact-item-border-radius(@prefix-cls, @bordered-item-cls: null) {
+  & when (@bordered-item-cls = null) {
+    // border-radius
+    &-item:not(&-first-item):not(&-last-item).@{prefix-cls} {
+      border-radius: 0;
+    }
+
+    &-item.@{prefix-cls}&-first-item:not(&-last-item):not(&-item-rtl) {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+
+    &-item.@{prefix-cls}&-last-item:not(&-first-item):not(&-item-rtl) {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+    // ----------rtl for first item----------
+    &-item.@{prefix-cls}&-item-rtl&-first-item:not(&-last-item) {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+    // ----------rtl for last item----------
+    &-item.@{prefix-cls}&-item-rtl&-last-item:not(&-first-item) {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+
+  & when (not (@bordered-item-cls = null)) {
+    // border-radius
+    &-item:not(&-first-item):not(&-last-item).@{prefix-cls} .@{bordered-item-cls} {
+      border-radius: 0;
+    }
+
+    &-item&-first-item.@{prefix-cls}:not(&-last-item):not(&-item-rtl) .@{bordered-item-cls} {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+
+    &-item&-last-item.@{prefix-cls}:not(&-first-item):not(&-item-rtl) .@{bordered-item-cls} {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+    // ----------rtl for first item----------
+    &-item.@{prefix-cls}&-first-item&-item-rtl:not(&-last-item) .@{bordered-item-cls} {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+
+    // ----------rtl for last item----------
+    &-item.@{prefix-cls}&-last-item&-item-rtl:not(&-first-item) .@{bordered-item-cls} {
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+}
+
+.compact-item-border(@prefix-cls, @bordered-item-cls: null, @special-open-cls) {
+  & when (@bordered-item-cls = null) {
+    // border collapse
+    &-item:not(&-last-item):not(&-item-rtl) {
+      margin-right: -@border-width-base;
+    }
+
+    // rtl border collapse
+    &-item:not(&-last-item)&-item-rtl {
+      margin-left: -@border-width-base;
+    }
+
+    &-item {
+      &:hover,
+      &:focus,
+      &:active {
+        z-index: 2;
+      }
+
+      // Select has an extra focus className
+      & when (not (@special-item-cls = null)) {
+        &.@{special-item-cls} {
+          z-index: 2;
+        }
+      }
+
+      &[disabled] {
+        z-index: 0;
+      }
+    }
+  }
+
+  & when (not (@bordered-item-cls = null)) {
+    // border collapse
+    &-item:not(&-last-item) {
+      margin-right: -@border-width-base;
+
+      &.@{prefix-cls}-compact-item-rtl {
+        margin-right: 0;
+        margin-left: -@border-width-base;
+      }
+    }
+
+    &-item {
+      &:hover,
+      &:focus,
+      &:active {
+        > * {
+          z-index: 2;
+        }
+      }
+
+      // Select has an special focus-item
+      & when (not (@special-item-cls = null)) {
+        &.@{special-item-cls} > * {
+          z-index: 2;
+        }
+      }
+
+      &[disabled] > * {
+        z-index: 0;
+      }
+    }
+  }
+}
+
+.compact-item(@prefix-cls, @bordered-item-cls: null, @special-item-cls: null) {
+  &-compact {
+    .compact-item-border(@prefix-cls, @bordered-item-cls, @special-item-cls);
+
+    .compact-item-border-radius(@prefix-cls, @bordered-item-cls);
+  }
+}

node_modules/ng-zorro-antd/style/mixins/compatibility.less

@@ -0,0 +1,13 @@
+// Compatibility for browsers.
+
+// Placeholder text
+.placeholder(@color: @input-placeholder-color) {
+  &::placeholder {
+    color: @color;
+    user-select: none; // https://github.com/ant-design/ant-design/pull/32639
+  }
+
+  &:placeholder-shown {
+    text-overflow: ellipsis;
+  }
+}

node_modules/ng-zorro-antd/style/mixins/customize.less

@@ -0,0 +1,181 @@
+// customize dark components background in popover containers(like Modal, Drawer, Card, Popover, Popconfirm, Notification, ...)
+// for dark theme
+.popover-customize-bg(@containerClass, @background: @popover-background, @prefix: @ant-prefix)
+  when
+  (@theme = dark) {
+  @picker-prefix-cls: ~'@{prefix}-picker';
+  @slider-prefix-cls: ~'@{prefix}-slider';
+  @anchor-prefix-cls: ~'@{prefix}-anchor';
+  @collapse-prefix-cls: ~'@{prefix}-collapse';
+  @tab-prefix-cls: ~'@{prefix}-tabs';
+  @timeline-prefix-cls: ~'@{prefix}-timeline';
+  @tree-prefix-cls: ~'@{prefix}-tree';
+  @card-prefix-cls: ~'@{prefix}-card';
+  @badge-prefix-cls: ~'@{prefix}-badge';
+  @transfer-prefix-cls: ~'@{prefix}-transfer';
+  @calendar-prefix-cls: ~'@{prefix}-picker-calendar';
+  @calendar-picker-prefix-cls: ~'@{prefix}-picker';
+  @table-prefix-cls: ~'@{prefix}-table';
+
+  @popover-border: @border-width-base @border-style-base @popover-customize-border-color;
+
+  .@{containerClass} {
+    .@{picker-prefix-cls}-clear,
+    .@{slider-prefix-cls}-handle,
+    .@{anchor-prefix-cls}-wrapper,
+    .@{collapse-prefix-cls}-content,
+    .@{timeline-prefix-cls}-item-head,
+    .@{card-prefix-cls} {
+      background-color: @background;
+    }
+
+    .@{transfer-prefix-cls} {
+      &-list {
+        &-header {
+          background: @background;
+          border-bottom: @popover-border;
+        }
+        &-content-item:not(.@{transfer-prefix-cls}-list-content-item-disabled):hover {
+          background-color: @item-hover-bg;
+        }
+      }
+    }
+
+    tr.@{table-prefix-cls}-expanded-row {
+      &,
+      &:hover {
+        > td {
+          background: #272727;
+        }
+      }
+    }
+    .@{table-prefix-cls}.@{table-prefix-cls}-small {
+      thead {
+        > tr {
+          > th {
+            background-color: @background;
+            border-bottom: @popover-border;
+          }
+        }
+      }
+    }
+    .@{table-prefix-cls} {
+      background-color: @background;
+      .@{table-prefix-cls}-row-expand-icon {
+        border: @popover-border;
+      }
+
+      tfoot {
+        > tr {
+          > th,
+          > td {
+            border-bottom: @popover-border;
+          }
+        }
+      }
+
+      thead {
+        > tr {
+          > th {
+            background-color: #272727;
+            border-bottom: @popover-border;
+          }
+        }
+      }
+
+      tbody {
+        > tr {
+          > td {
+            border-bottom: @popover-border;
+            &.@{table-prefix-cls}-cell-fix-left,
+            &.@{table-prefix-cls}-cell-fix-right {
+              background-color: @background;
+            }
+          }
+          &.@{table-prefix-cls}-row:hover {
+            > td {
+              background: @table-header-sort-active-bg;
+            }
+          }
+        }
+      }
+      &.@{table-prefix-cls}-bordered {
+        .@{table-prefix-cls}-title {
+          border: @popover-border;
+        }
+
+        // ============================= Cell =============================
+        thead > tr > th,
+        tbody > tr > td,
+        tfoot > tr > th,
+        tfoot > tr > td {
+          border-right: @popover-border;
+        }
+
+        // Fixed right should provides additional border
+        .@{table-prefix-cls}-cell-fix-right-first::after {
+          border-right: @popover-border;
+        }
+
+        // ============================ Header ============================
+        table > {
+          thead {
+            > tr:not(:last-child) > th {
+              border-bottom: @border-width-base @border-style-base @border-color-split;
+            }
+          }
+        }
+
+        // =========================== Content ============================
+        .@{table-prefix-cls}-container {
+          border: @popover-border;
+        }
+
+        // ========================== Expandable ==========================
+        .@{table-prefix-cls}-expanded-row-fixed {
+          &::after {
+            border-right: @popover-border;
+          }
+        }
+
+        .@{table-prefix-cls}-footer {
+          border: @popover-border;
+        }
+      }
+      .@{table-prefix-cls}-filter-trigger-container-open {
+        background-color: #525252;
+      }
+    }
+
+    .@{calendar-prefix-cls}-full {
+      background-color: @background;
+      .@{calendar-picker-prefix-cls}-panel {
+        background-color: @background;
+        .@{calendar-prefix-cls}-date {
+          border-top: 2px solid @popover-customize-border-color;
+        }
+      }
+    }
+
+    .@{tab-prefix-cls} {
+      &.@{tab-prefix-cls}-card .@{tab-prefix-cls}-card-bar .@{tab-prefix-cls}-tab-active {
+        background-color: @background;
+        border-bottom: @border-width-base solid @background;
+      }
+    }
+
+    .@{badge-prefix-cls} {
+      &-count {
+        box-shadow: 0 0 0 1px @background;
+      }
+    }
+
+    .@{tree-prefix-cls} {
+      &-show-line {
+        .@{tree-prefix-cls}-switcher {
+          background: @background;
+        }
+      }
+    }
+  }
+}

node_modules/ng-zorro-antd/style/mixins/iconfont.less

@@ -0,0 +1,29 @@
+.iconfont-mixin() {
+  display: inline-flex;
+  align-items: center;
+  color: @icon-color;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em; // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
+  text-rendering: optimizelegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  > * {
+    line-height: 1;
+  }
+
+  svg {
+    display: inline-block;
+  }
+
+  &::before {
+    display: none; // dont display old icon.
+  }
+
+  & &-icon {
+    display: block;
+  }
+}

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

@@ -0,0 +1,17 @@
+// Mixins
+// --------------------------------------------------
+@import 'size';
+@import 'compatibility';
+@import 'clearfix';
+@import 'iconfont';
+@import 'typography';
+@import 'customize';
+@import 'box';
+@import 'modal-mask';
+@import 'motion';
+@import 'reset';
+@import 'operation-unit';
+@import 'rounded-arrow';
+@import 'placement-arrow';
+@import 'compact-item';
+@import 'compact-item-vertical';

node_modules/ng-zorro-antd/style/mixins/modal-mask.less

@@ -0,0 +1,30 @@
+@import 'box';
+
+.modal-mask() {
+  pointer-events: none;
+
+  &.@{ant-prefix}-zoom-enter,
+  &.@{ant-prefix}-zoom-appear {
+    transform: none; // reset scale avoid mousePosition bug
+    opacity: 0;
+    animation-duration: @animation-duration-slow;
+    user-select: none; // https://github.com/ant-design/ant-design/issues/11777
+  }
+
+  &-mask {
+    .box(fixed);
+    z-index: @zindex-modal-mask;
+    height: 100%;
+    background-color: @modal-mask-bg;
+
+    &-hidden {
+      display: none;
+    }
+  }
+
+  &-wrap {
+    .box(fixed);
+    overflow: auto;
+    outline: 0;
+  }
+}

node_modules/ng-zorro-antd/style/mixins/motion.less

@@ -0,0 +1,33 @@
+.motion-common(@duration: @animation-duration-base) {
+  animation-duration: @duration;
+  animation-fill-mode: both;
+}
+
+.motion-common-leave(@duration: @animation-duration-base) {
+  animation-duration: @duration;
+  animation-fill-mode: both;
+}
+
+.make-motion(@className, @keyframeName, @duration: @animation-duration-base) {
+  .@{className}-enter,
+  .@{className}-appear {
+    .motion-common(@duration);
+
+    animation-play-state: paused;
+  }
+  .@{className}-leave {
+    .motion-common-leave(@duration);
+
+    animation-play-state: paused;
+  }
+  .@{className}-enter.@{className}-enter-active,
+  .@{className}-appear.@{className}-appear-active {
+    animation-name: ~'@{keyframeName}In';
+    animation-play-state: running;
+  }
+  .@{className}-leave.@{className}-leave-active {
+    animation-name: ~'@{keyframeName}Out';
+    animation-play-state: running;
+    pointer-events: none;
+  }
+}

node_modules/ng-zorro-antd/style/mixins/operation-unit.less

@@ -0,0 +1,15 @@
+.operation-unit() {
+  color: @link-color;
+  outline: none;
+  cursor: pointer;
+  transition: color 0.3s;
+
+  &:focus-visible,
+  &:hover {
+    color: @link-hover-color;
+  }
+
+  &:active {
+    color: @link-active-color;
+  }
+}

node_modules/ng-zorro-antd/style/mixins/placement-arrow.less

@@ -0,0 +1,110 @@
+.placementArrow(
+  @arrow-size,
+  @border-radius-outer,
+  @border-radius-inner,
+  @bg-color: var(--antd-arrow-background-color),
+  @box-shadow: none
+) {
+  // internal variables
+  @arrow-distance: 0px;
+  @arrow-offset-horizontal: 16px;
+
+  // ============================ Basic ============================
+  &-arrow {
+    position: absolute;
+    z-index: 1; // lift it up so the menu wouldn't cask shadow on it
+    display: block;
+
+    .roundedArrow(@arrow-size, @border-radius-outer, @border-radius-inner, @bg-color, @box-shadow);
+
+    &::before {
+      background: @bg-color;
+    }
+  }
+
+  // ========================== Placement ==========================
+  // Here handle the arrow position and rotate stuff
+  // >>>>> Top
+  &-placement-top > &-arrow,
+  &-placement-topLeft > &-arrow,
+  &-placement-topRight > &-arrow {
+    bottom: @arrow-distance;
+    transform: translateY(100%) rotate(180deg);
+  }
+
+  &-placement-top > &-arrow {
+    left: 50%;
+    transform: translateX(-50%) translateY(100%) rotate(180deg);
+  }
+
+  &-placement-topLeft > &-arrow {
+    left: @arrow-offset-horizontal;
+  }
+
+  &-placement-topRight > &-arrow {
+    right: @arrow-offset-horizontal;
+  }
+
+  // >>>>> Bottom
+  &-placement-bottom > &-arrow,
+  &-placement-bottomLeft > &-arrow,
+  &-placement-bottomRight > &-arrow {
+    top: @arrow-distance;
+    transform: translateY(-100%);
+  }
+
+  &-placement-bottom > &-arrow {
+    left: 50%;
+    transform: translateX(-50%) translateY(-100%);
+  }
+
+  &-placement-bottomLeft > &-arrow {
+    left: @arrow-offset-horizontal;
+  }
+
+  &-placement-bottomRight > &-arrow {
+    right: @arrow-offset-horizontal;
+  }
+
+  // >>>>> Left
+  &-placement-left > &-arrow,
+  &-placement-leftTop > &-arrow,
+  &-placement-leftBottom > &-arrow {
+    right: @arrow-distance;
+    transform: translateX(100%) rotate(90deg);
+  }
+
+  &-placement-left > &-arrow {
+    top: 50%;
+    transform: translateY(-50%) translateX(100%) rotate(90deg);
+  }
+
+  &-placement-leftTop > &-arrow {
+    top: @arrow-offset-horizontal;
+  }
+
+  &-placement-leftBottom > &-arrow {
+    bottom: @arrow-offset-horizontal;
+  }
+
+  // >>>>> Right
+  &-placement-right > &-arrow,
+  &-placement-rightTop > &-arrow,
+  &-placement-rightBottom > &-arrow {
+    left: @arrow-distance;
+    transform: translateX(-100%) rotate(-90deg);
+  }
+
+  &-placement-right > &-arrow {
+    top: 50%;
+    transform: translateY(-50%) translateX(-100%) rotate(-90deg);
+  }
+
+  &-placement-rightTop > &-arrow {
+    top: @arrow-offset-horizontal;
+  }
+
+  &-placement-rightBottom > &-arrow {
+    bottom: @arrow-offset-horizontal;
+  }
+}

node_modules/ng-zorro-antd/style/mixins/reset.less

@@ -0,0 +1,11 @@
+.reset-component() {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: @text-color;
+  font-size: @font-size-base;
+  font-variant: @font-variant-base;
+  line-height: @line-height-base;
+  list-style: none;
+  font-feature-settings: @font-feature-settings-base;
+}

node_modules/ng-zorro-antd/style/mixins/rounded-arrow.less

@@ -0,0 +1,64 @@
+.roundedArrow(
+  @arrow-size,
+  @border-radius-outer,
+  @border-radius-inner,
+  @bg-color: var(--antd-arrow-background-color),
+  @box-shadow: none
+) {
+  @unit-width: (unit(@arrow-size) / 2);
+  @border-radius-outer-without-unit: unit(@border-radius-outer);
+  @border-radius-inner-without-unit: unit(@border-radius-inner);
+
+  @a-x: 0;
+  @a-y: @unit-width;
+  @b-x: ((@border-radius-outer-without-unit * 1) / sqrt(2));
+  @b-y: (@unit-width - @border-radius-outer-without-unit * (1 - 1 / sqrt(2)));
+  @c-x: (@unit-width - @border-radius-inner-without-unit * (1 / sqrt(2)));
+  @c-y: (@border-radius-outer-without-unit * (sqrt(2) - 1) + @border-radius-inner-without-unit * (1 / sqrt(2)));
+  @d-x: 2 * @unit-width - @c-x;
+  @d-y: @c-y;
+  @e-x: 2 * @unit-width - @b-x;
+  @e-y: @b-y;
+  @f-x: 2 * @unit-width - @a-x;
+  @f-y: @a-y;
+
+  @arrow-shadow-width: @unit-width * sqrt(2) + @border-radius-outer * (sqrt(2) - 2);
+
+  // polygon offset
+  @polygon-offset: @border-radius-outer * (sqrt(2) - 1);
+  @polygon-right: @arrow-size - @polygon-offset;
+  @arrow-polygon: polygon(@polygon-offset 100%, 50% @polygon-offset, @polygon-right 100%, @polygon-offset 100%);
+  @arrow-path: path('M @{a-x} @{a-y} A @{border-radius-outer-without-unit} @{border-radius-outer-without-unit} 0 0 0 @{b-x} @{b-y} L @{c-x} @{c-y} A @{border-radius-inner-without-unit} @{border-radius-inner-without-unit} 0 0 1 @{d-x} @{d-y} L @{e-x} @{e-y} A @{border-radius-outer-without-unit} @{border-radius-outer-without-unit} 0 0 0 @{f-x} @{f-y} Z');
+
+  width: @arrow-size;
+  height: @arrow-size;
+  overflow: hidden;
+  pointer-events: none;
+
+  &::before {
+    position: absolute;
+    bottom: 0;
+    width: @arrow-size;
+    height: calc(@arrow-size / 2);
+    background: @bg-color;
+    content: '';
+    clip-path: @arrow-polygon; // For browser that do not support path()
+    clip-path: @arrow-path;
+    inset-inline-start: 0;
+  }
+
+  &::after {
+    position: absolute;
+    bottom: 0;
+    z-index: 0;
+    width: @arrow-shadow-width;
+    height: @arrow-shadow-width;
+    margin: auto;
+    background: transparent;
+    border-radius: 0 0 @border-radius-inner;
+    box-shadow: @box-shadow;
+    transform: translateY(50%) rotate(-135deg);
+    content: '';
+    inset-inline: 0;
+  }
+}

node_modules/ng-zorro-antd/style/mixins/size.less

@@ -0,0 +1,10 @@
+// Sizing shortcuts
+
+.size(@width; @height) {
+  width: @width;
+  height: @height;
+}
+
+.square(@size) {
+  .size(@size; @size);
+}

node_modules/ng-zorro-antd/style/mixins/typography.less

@@ -0,0 +1,58 @@
+// =============== Common ===============
+.typography-paragraph() {
+  margin-bottom: 1em;
+}
+
+.typography-title(@fontSize; @fontWeight; @lineHeight; @headingColor; @headingMarginBottom;) {
+  margin-bottom: @headingMarginBottom;
+  color: @headingColor;
+  font-weight: @fontWeight;
+  font-size: @fontSize;
+  line-height: @lineHeight;
+}
+
+.typography-title-1() {
+  .typography-title(
+    @heading-1-size,
+    @typography-title-font-weight,
+    1.23,
+    @heading-color,
+    @typography-title-margin-bottom
+  );
+}
+.typography-title-2() {
+  .typography-title(
+    @heading-2-size,
+    @typography-title-font-weight,
+    1.35,
+    @heading-color,
+    @typography-title-margin-bottom
+  );
+}
+.typography-title-3() {
+  .typography-title(
+    @heading-3-size,
+    @typography-title-font-weight,
+    1.35,
+    @heading-color,
+    @typography-title-margin-bottom
+  );
+}
+.typography-title-4() {
+  .typography-title(
+    @heading-4-size,
+    @typography-title-font-weight,
+    1.4,
+    @heading-color,
+    @typography-title-margin-bottom
+  );
+}
+.typography-title-5() {
+  .typography-title(
+    @heading-5-size,
+    @typography-title-font-weight,
+    1.5,
+    @heading-color,
+    @typography-title-margin-bottom
+  );
+}