init

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

@@ -0,0 +1,219 @@
+import { NzSafeAny, NgClassInterface, NgStyleInterface, NzStatus } from 'ng-zorro-antd/core/types';
+import * as i0 from '@angular/core';
+import { AfterViewInit, TemplateRef, EventEmitter, QueryList, ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { NzCheckboxComponent } from 'ng-zorro-antd/checkbox';
+import { Direction } from '@angular/cdk/bidi';
+import { Observable } from 'rxjs';
+import { NzTransferI18nInterface } from 'ng-zorro-antd/i18n';
+
+/**
+ * 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 TransferDirection = 'left' | 'right';
+interface TransferItem {
+    title: string;
+    direction?: TransferDirection;
+    disabled?: boolean;
+    checked?: boolean;
+    hide?: boolean;
+    [key: string]: NzSafeAny;
+}
+interface TransferCanMove {
+    direction: TransferDirection;
+    list: TransferItem[];
+}
+interface TransferChange {
+    from: TransferDirection;
+    to: TransferDirection;
+    list: TransferItem[];
+}
+interface TransferSearchChange {
+    direction: TransferDirection;
+    value: string;
+}
+interface TransferSelectChange {
+    direction: TransferDirection;
+    checked: boolean;
+    list: TransferItem[];
+    item?: TransferItem;
+}
+interface TransferStat {
+    checkAll: boolean;
+    checkHalf: boolean;
+    checkCount: number;
+    shownCount: number;
+    availableCount: number;
+}
+interface RenderListContext {
+    $implicit: TransferItem[];
+    direction: TransferDirection;
+    disabled: boolean;
+    onItemSelectAll: (x: boolean) => void;
+    onItemSelect: (x: TransferItem) => void;
+    stat: TransferStat;
+}
+
+declare class NzTransferListComponent implements AfterViewInit {
+    private cdr;
+    direction: TransferDirection;
+    titleText: string;
+    showSelectAll: boolean;
+    dataSource: TransferItem[];
+    itemUnit: string | undefined;
+    itemsUnit: string | undefined;
+    filter: string;
+    oneWay: boolean;
+    disabled: boolean;
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    notFoundContent?: string;
+    filterOption?: (inputValue: string, item: TransferItem) => boolean;
+    renderList: TemplateRef<RenderListContext> | null;
+    render: TemplateRef<{
+        $implicit: TransferItem;
+    }> | null;
+    footer: TemplateRef<{
+        $implicit: TransferDirection;
+    }> | null;
+    readonly handleSelectAll: EventEmitter<boolean>;
+    readonly handleSelect: EventEmitter<TransferItem>;
+    readonly filterChange: EventEmitter<{
+        direction: TransferDirection;
+        value: string;
+    }>;
+    readonly moveToLeft: EventEmitter<void>;
+    headerCheckbox?: NzCheckboxComponent;
+    checkboxes: QueryList<ElementRef<HTMLLabelElement>>;
+    stat: TransferStat;
+    get validData(): TransferItem[];
+    get availableData(): TransferItem[];
+    onItemSelect: (item: TransferItem) => void;
+    onItemSelectAll: (status: boolean) => void;
+    private updateCheckStatus;
+    handleFilter(value: string): void;
+    handleClear(): void;
+    deleteItem(item: TransferItem): void;
+    private matchFilter;
+    markForCheck(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTransferListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzTransferListComponent, "nz-transfer-list", ["nzTransferList"], { "direction": { "alias": "direction"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "itemUnit": { "alias": "itemUnit"; "required": false; }; "itemsUnit": { "alias": "itemsUnit"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "oneWay": { "alias": "oneWay"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "notFoundContent": { "alias": "notFoundContent"; "required": false; }; "filterOption": { "alias": "filterOption"; "required": false; }; "renderList": { "alias": "renderList"; "required": false; }; "render": { "alias": "render"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; }, { "handleSelectAll": "handleSelectAll"; "handleSelect": "handleSelect"; "filterChange": "filterChange"; "moveToLeft": "moveToLeft"; }, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_showSearch: 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 NzTransferSearchComponent implements OnChanges {
+    private cdr;
+    placeholder?: string;
+    value?: string;
+    disabled: boolean;
+    readonly valueChanged: EventEmitter<string>;
+    readonly valueClear: EventEmitter<void>;
+    protected _handle(): void;
+    protected _clear(): void;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTransferSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzTransferSearchComponent, "[nz-transfer-search]", ["nzTransferSearch"], { "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChanged": "valueChanged"; "valueClear": "valueClear"; }, never, never, true, never>;
+    static ngAcceptInputType_disabled: 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 NzTransferComponent implements OnInit, OnChanges {
+    private destroyRef;
+    private cdr;
+    private i18n;
+    private elementRef;
+    private renderer;
+    private directionality;
+    private nzFormStatusService;
+    private nzFormNoStatusService;
+    lists: QueryList<NzTransferListComponent>;
+    locale: NzTransferI18nInterface;
+    leftFilter: string;
+    rightFilter: string;
+    dir: Direction;
+    prefixCls: string;
+    statusCls: NgClassInterface;
+    hasFeedback: boolean;
+    nzDisabled: boolean;
+    nzDataSource: TransferItem[];
+    nzTitles: string[];
+    nzOperations: string[];
+    nzListStyle: NgStyleInterface;
+    nzShowSelectAll: boolean;
+    nzItemUnit?: string;
+    nzItemsUnit?: string;
+    nzCanMove: (arg: TransferCanMove) => Observable<TransferItem[]>;
+    nzRenderList: Array<TemplateRef<NzSafeAny> | null> | null;
+    nzRender: TemplateRef<NzSafeAny> | null;
+    nzFooter: TemplateRef<NzSafeAny> | null;
+    nzShowSearch: boolean;
+    nzFilterOption?: (inputValue: string, item: TransferItem) => boolean;
+    nzSearchPlaceholder?: string;
+    nzNotFoundContent?: string;
+    nzTargetKeys: string[];
+    nzSelectedKeys: string[];
+    nzStatus: NzStatus;
+    nzOneWay: boolean;
+    readonly nzChange: EventEmitter<TransferChange>;
+    readonly nzSearchChange: EventEmitter<TransferSearchChange>;
+    readonly nzSelectChange: EventEmitter<TransferSelectChange>;
+    leftDataSource: TransferItem[];
+    lastLeftCheckedIndex?: number;
+    rightDataSource: TransferItem[];
+    lastRightCheckedIndex?: number;
+    isShiftPressed: boolean;
+    onTriggerShiftDown(): void;
+    onTriggerShiftUp(): void;
+    onTriggerMouseDown(event: MouseEvent): void;
+    private splitDataSource;
+    private getCheckedData;
+    handleLeftSelectAll: (checked: boolean) => void;
+    handleRightSelectAll: (checked: boolean) => void;
+    handleLeftSelect: (item: TransferItem) => void;
+    handleRightSelect: (item: TransferItem) => void;
+    handleSelect(direction: TransferDirection, checked: boolean, item?: TransferItem): void;
+    handleFilterChange(ret: {
+        direction: TransferDirection;
+        value: string;
+    }): void;
+    leftActive: boolean;
+    rightActive: boolean;
+    private updateOperationStatus;
+    moveToLeft: () => void;
+    moveToRight: () => void;
+    moveTo(direction: TransferDirection): void;
+    private truthMoveTo;
+    private markForCheckAllList;
+    private handleNzTargetKeys;
+    private handleNzSelectedKeys;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private setStatusStyles;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTransferComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzTransferComponent, "nz-transfer", ["nzTransfer"], { "nzDisabled": { "alias": "nzDisabled"; "required": false; }; "nzDataSource": { "alias": "nzDataSource"; "required": false; }; "nzTitles": { "alias": "nzTitles"; "required": false; }; "nzOperations": { "alias": "nzOperations"; "required": false; }; "nzListStyle": { "alias": "nzListStyle"; "required": false; }; "nzShowSelectAll": { "alias": "nzShowSelectAll"; "required": false; }; "nzItemUnit": { "alias": "nzItemUnit"; "required": false; }; "nzItemsUnit": { "alias": "nzItemsUnit"; "required": false; }; "nzCanMove": { "alias": "nzCanMove"; "required": false; }; "nzRenderList": { "alias": "nzRenderList"; "required": false; }; "nzRender": { "alias": "nzRender"; "required": false; }; "nzFooter": { "alias": "nzFooter"; "required": false; }; "nzShowSearch": { "alias": "nzShowSearch"; "required": false; }; "nzFilterOption": { "alias": "nzFilterOption"; "required": false; }; "nzSearchPlaceholder": { "alias": "nzSearchPlaceholder"; "required": false; }; "nzNotFoundContent": { "alias": "nzNotFoundContent"; "required": false; }; "nzTargetKeys": { "alias": "nzTargetKeys"; "required": false; }; "nzSelectedKeys": { "alias": "nzSelectedKeys"; "required": false; }; "nzStatus": { "alias": "nzStatus"; "required": false; }; "nzOneWay": { "alias": "nzOneWay"; "required": false; }; }, { "nzChange": "nzChange"; "nzSearchChange": "nzSearchChange"; "nzSelectChange": "nzSelectChange"; }, never, never, true, never>;
+    static ngAcceptInputType_nzDisabled: unknown;
+    static ngAcceptInputType_nzShowSelectAll: unknown;
+    static ngAcceptInputType_nzShowSearch: unknown;
+    static ngAcceptInputType_nzOneWay: unknown;
+}
+
+declare class NzTransferModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTransferModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NzTransferModule, never, [typeof NzTransferComponent, typeof NzTransferListComponent, typeof NzTransferSearchComponent], [typeof NzTransferComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NzTransferModule>;
+}
+
+export { NzTransferComponent, NzTransferListComponent, NzTransferModule, NzTransferSearchComponent };
+export type { RenderListContext, TransferCanMove, TransferChange, TransferDirection, TransferItem, TransferSearchChange, TransferSelectChange, TransferStat };

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

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

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

@@ -0,0 +1,52 @@
+@import '../../style/themes/index';
+
+@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
+
+@table-prefix-cls: ~'@{ant-prefix}-table';
+@input-prefix-cls: ~'@{ant-prefix}-input';
+
+.@{transfer-prefix-cls}-customize-list {
+  .@{transfer-prefix-cls}-list {
+    flex: 1 1 50%;
+    width: auto;
+    height: auto;
+    min-height: @transfer-list-height;
+  }
+
+  // =================== Hook Components ===================
+  .@{table-prefix-cls}-wrapper {
+    .@{table-prefix-cls}-small {
+      border: 0;
+      border-radius: 0;
+
+      .@{table-prefix-cls}-selection-column {
+        width: 40px;
+        min-width: 40px;
+      }
+
+      > .@{table-prefix-cls}-content {
+        // Header background color
+        > .@{table-prefix-cls}-body > table > .@{table-prefix-cls}-thead > tr > th {
+          background: @table-header-bg;
+        }
+
+        .@{table-prefix-cls}-row:last-child td {
+          border-bottom: @border-width-base @border-style-base @border-color-split;
+        }
+      }
+
+      .@{table-prefix-cls}-body {
+        margin: 0;
+      }
+    }
+
+    .@{table-prefix-cls}-pagination.@{ant-prefix}-pagination {
+      margin: 16px 0 4px;
+    }
+  }
+  .@{input-prefix-cls} {
+    &[disabled] {
+      background-color: transparent;
+    }
+  }
+}

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

@@ -0,0 +1,6 @@
+@import './index.less';
+// style dependencies
+@import '../../empty/style/entry.less';
+@import '../../checkbox/style/entry.less';
+@import '../../button/style/entry.less';
+@import '../../input/style/entry.less';

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

@@ -0,0 +1,222 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import '../../checkbox/style/mixin';
+@import './customize';
+@import './status';
+
+@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
+
+@transfer-header-vertical-padding: ceil(
+  ((@transfer-header-height - 1px - @font-size-base * @line-height-base) / 2)
+);
+
+.@{transfer-prefix-cls} {
+  .reset-component();
+
+  position: relative;
+  display: flex;
+  align-items: stretch;
+
+  &-disabled {
+    .@{transfer-prefix-cls}-list {
+      background: @transfer-disabled-bg;
+    }
+  }
+
+  &-list {
+    display: flex;
+    flex-direction: column;
+    width: 180px;
+    height: @transfer-list-height;
+    border: @border-width-base @border-style-base @border-color-base;
+    border-radius: @border-radius-base;
+
+    &-with-pagination {
+      width: 250px;
+      height: auto;
+    }
+
+    &-search {
+      .anticon-search {
+        color: @disabled-color;
+      }
+    }
+
+    &-header {
+      display: flex;
+      flex: none;
+      align-items: center;
+      height: @transfer-header-height;
+      // border-top is on the transfer dom. We should minus 1px for this
+      padding: (@transfer-header-vertical-padding - 1px) @control-padding-horizontal
+        @transfer-header-vertical-padding;
+      color: @text-color;
+      background: @component-background;
+      border-bottom: @border-width-base @border-style-base @border-color-split;
+      border-radius: @border-radius-base @border-radius-base 0 0;
+
+      > *:not(:last-child) {
+        margin-right: 4px;
+      }
+
+      > * {
+        flex: none;
+      }
+
+      &-title {
+        flex: auto;
+        overflow: hidden;
+        white-space: nowrap;
+        text-align: right;
+        text-overflow: ellipsis;
+      }
+
+      &-dropdown {
+        font-size: 10px;
+        transform: translateY(10%);
+        cursor: pointer;
+
+        &[disabled] {
+          cursor: not-allowed;
+        }
+      }
+    }
+
+    &-body {
+      display: flex;
+      flex: auto;
+      flex-direction: column;
+      overflow: hidden;
+      font-size: @font-size-base;
+
+      &-search-wrapper {
+        position: relative;
+        flex: none;
+        padding: @padding-sm;
+      }
+    }
+
+    &-content {
+      flex: auto;
+      margin: 0;
+      padding: 0;
+      overflow: auto;
+      list-style: none;
+
+      &-item {
+        display: flex;
+        align-items: center;
+        min-height: @transfer-item-height;
+        padding: @transfer-item-padding-vertical @control-padding-horizontal;
+        line-height: @transfer-item-height - 2 * @transfer-item-padding-vertical;
+        transition: all 0.3s;
+
+        > *:not(:last-child) {
+          margin-right: 8px;
+        }
+
+        > * {
+          flex: none;
+        }
+
+        &-text {
+          flex: auto;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+
+        &-remove {
+          position: relative;
+          color: @border-color-base;
+          cursor: pointer;
+          transition: all 0.3s;
+
+          &:hover {
+            color: @link-hover-color;
+          }
+
+          &::after {
+            position: absolute;
+            top: -@transfer-item-padding-vertical;
+            right: -50%;
+            bottom: -@transfer-item-padding-vertical;
+            left: -50%;
+            content: '';
+          }
+        }
+      }
+
+      &-item:not(&-item-disabled) {
+        &:hover {
+          background-color: @transfer-item-hover-bg;
+          cursor: pointer;
+        }
+
+        &.@{transfer-prefix-cls}-list-content-item-checked:hover {
+          background-color: @transfer-item-selected-hover-bg;
+        }
+      }
+
+      // Do not change hover style when `oneWay` mode
+      &-show-remove &-item:not(&-item-disabled):hover {
+        background: transparent;
+        cursor: default;
+      }
+
+      &-item-checked {
+        background-color: @item-active-bg;
+      }
+
+      &-item-disabled {
+        color: @btn-disable-color;
+        cursor: not-allowed;
+      }
+    }
+
+    &-pagination {
+      padding: @padding-xs 0;
+      text-align: right;
+      border-top: @border-width-base @border-style-base @border-color-split;
+    }
+
+    &-body-not-found {
+      flex: none;
+      width: 100%;
+      margin: auto 0;
+      color: @disabled-color;
+      text-align: center;
+    }
+
+    &-footer {
+      border-top: @border-width-base @border-style-base @border-color-split;
+    }
+  }
+
+  &-operation {
+    display: flex;
+    flex: none;
+    flex-direction: column;
+    align-self: center;
+    margin: 0 8px;
+    vertical-align: middle;
+
+    .@{ant-prefix}-btn {
+      display: block;
+
+      &:first-child {
+        margin-bottom: 4px;
+      }
+
+      .@{iconfont-css-prefix} {
+        font-size: 12px;
+      }
+    }
+  }
+
+  .@{ant-prefix}-empty-image {
+    max-height: (@transfer-header-height / 2) - 22;
+  }
+}
+
+@import './rtl';

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

@@ -0,0 +1,71 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import '../../checkbox/style/mixin';
+
+@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
+
+.@{transfer-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-list {
+    &-search {
+      .@{transfer-prefix-cls}-rtl & {
+        padding-right: @control-padding-horizontal-sm;
+        padding-left: 24px;
+      }
+
+      &-action {
+        .@{transfer-prefix-cls}-rtl & {
+          right: auto;
+          left: 12px;
+        }
+      }
+    }
+
+    &-header {
+      > *:not(:last-child) {
+        .@{transfer-prefix-cls}-rtl & {
+          margin-right: 0;
+          margin-left: 4px;
+        }
+      }
+
+      .@{transfer-prefix-cls}-rtl & {
+        right: 0;
+        left: auto;
+      }
+
+      &-title {
+        .@{transfer-prefix-cls}-rtl & {
+          text-align: left;
+        }
+      }
+    }
+
+    &-content {
+      &-item {
+        > *:not(:last-child) {
+          .@{transfer-prefix-cls}-rtl & {
+            margin-right: 0;
+            margin-left: 8px;
+          }
+        }
+      }
+    }
+
+    &-pagination {
+      .@{transfer-prefix-cls}-rtl & {
+        text-align: left;
+      }
+    }
+
+    &-footer {
+      .@{transfer-prefix-cls}-rtl & {
+        right: 0;
+        left: auto;
+      }
+    }
+  }
+}

node_modules/ng-zorro-antd/transfer/style/status.less

@@ -0,0 +1,31 @@
+@import '../../input/style/mixin';
+
+@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
+
+.transfer-status-color(@color) {
+  .@{transfer-prefix-cls}-list {
+    border-color: @color;
+
+    &-search:not([disabled]) {
+      border-color: @input-border-color;
+
+      &:hover {
+        .hover();
+      }
+
+      &:focus {
+        .active();
+      }
+    }
+  }
+}
+
+.@{transfer-prefix-cls} {
+  &-status-error {
+    .transfer-status-color(@error-color);
+  }
+
+  &-status-warning {
+    .transfer-status-color(@warning-color);
+  }
+}