init

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

@@ -0,0 +1,426 @@
+import { Observable, Subject } from 'rxjs';
+import { NzSafeAny, NzSizeLDSType } from 'ng-zorro-antd/core/types';
+import * as i0 from '@angular/core';
+import { TemplateRef, ElementRef, OnChanges, OnDestroy, EventEmitter, SimpleChanges, InjectionToken, AfterViewInit, AfterContentChecked, QueryList, OnInit, AfterContentInit } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { FocusableOption } from '@angular/cdk/a11y';
+import { Direction } from '@angular/cdk/bidi';
+import { NzConfigKey, NzConfigService } from 'ng-zorro-antd/core/config';
+
+/**
+ * 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 NzTabPosition = 'top' | 'bottom' | 'left' | 'right';
+type NzTabType = 'line' | 'card' | 'editable-card';
+type NzTabsCanDeactivateFn = (fromIndex: number, toIndex: number) => Observable<boolean> | Promise<boolean> | boolean;
+type NzTabPositionMode = 'horizontal' | 'vertical';
+interface NzAnimatedInterface {
+    inkBar: boolean;
+    tabPane: boolean;
+}
+declare class NzTabChangeEvent {
+    index?: number;
+    tab: NzSafeAny;
+}
+interface NzTabScrollListOffset {
+    x: number;
+    y: number;
+}
+type NzTabScrollListOffsetEvent = NzTabScrollListOffset & {
+    event: Event;
+};
+interface NzTabWheelScrollEvent {
+    type: 'wheel';
+    event: WheelEvent;
+}
+interface NzTabTouchScrollEvent {
+    type: 'touchstart' | 'touchmove' | 'touchend';
+    event: TouchEvent;
+}
+type NzTabScrollEvent = NzTabTouchScrollEvent | NzTabWheelScrollEvent;
+type NzTabScrollEventHandlerFun<T extends NzTabScrollEvent['event']> = (event: T) => void;
+interface TabTemplateContext {
+    visible: boolean;
+}
+
+/**
+ * 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 NzTabAddButtonComponent {
+    addIcon: string | TemplateRef<NzSafeAny>;
+    private readonly element;
+    getElementWidth(): number;
+    getElementHeight(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabAddButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzTabAddButtonComponent, "nz-tab-add-button, button[nz-tab-add-button]", never, { "addIcon": { "alias": "addIcon"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class NzTabBarExtraContentDirective {
+    readonly position: i0.InputSignal<"start" | "end">;
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabBarExtraContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzTabBarExtraContentDirective, "[nzTabBarExtraContent]:not(nz-tabset):not(nz-tabs)", never, { "position": { "alias": "nzTabBarExtraContent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NzTabBodyComponent {
+    content: TemplateRef<void> | null;
+    active: boolean;
+    animated: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzTabBodyComponent, "[nz-tab-body]", ["nzTabBody"], { "content": { "alias": "content"; "required": false; }; "active": { "alias": "active"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * 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 NzTabCloseButtonComponent {
+    closeIcon: string | TemplateRef<NzSafeAny>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabCloseButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzTabCloseButtonComponent, "nz-tab-close-button, button[nz-tab-close-button]", never, { "closeIcon": { "alias": "closeIcon"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * 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
+ */
+
+/**
+ * Fix https://github.com/angular/angular/issues/8563
+ */
+declare class NzTabLinkTemplateDirective {
+    templateRef: TemplateRef<TabTemplateContext>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabLinkTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzTabLinkTemplateDirective, "ng-template[nzTabLink]", ["nzTabLinkTemplate"], {}, {}, never, never, true, never>;
+}
+/**
+ * This component is for catching `routerLink` directive.
+ */
+declare class NzTabLinkDirective {
+    elementRef: ElementRef<any>;
+    routerLink: RouterLink | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzTabLinkDirective, "a[nz-tab-link]", ["nzTabLink"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * 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
+ */
+
+/**
+ * Used to provide a tab set to a tab without causing a circular dependency.
+ */
+declare const NZ_TAB_SET: InjectionToken<any>;
+declare class NzTabComponent implements OnChanges, OnDestroy {
+    nzTitle: string | TemplateRef<TabTemplateContext>;
+    nzClosable: boolean;
+    nzCloseIcon: string | TemplateRef<NzSafeAny>;
+    nzDisabled: boolean;
+    nzForceRender: boolean;
+    readonly nzSelect: EventEmitter<void>;
+    readonly nzDeselect: EventEmitter<void>;
+    readonly nzClick: EventEmitter<void>;
+    readonly nzContextmenu: EventEmitter<MouseEvent>;
+    nzTabLinkTemplateDirective: NzTabLinkTemplateDirective;
+    template: TemplateRef<void> | null;
+    linkDirective: NzTabLinkDirective;
+    contentTemplate: TemplateRef<NzSafeAny>;
+    isActive: boolean;
+    hasBeenActive: boolean;
+    position: number | null;
+    origin: number | null;
+    closestTabSet: any;
+    readonly stateChanges: Subject<void>;
+    get content(): TemplateRef<NzSafeAny>;
+    get label(): string | TemplateRef<NzSafeAny>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    setActive(active: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzTabComponent, "nz-tab", ["nzTab"], { "nzTitle": { "alias": "nzTitle"; "required": false; }; "nzClosable": { "alias": "nzClosable"; "required": false; }; "nzCloseIcon": { "alias": "nzCloseIcon"; "required": false; }; "nzDisabled": { "alias": "nzDisabled"; "required": false; }; "nzForceRender": { "alias": "nzForceRender"; "required": false; }; }, { "nzSelect": "nzSelect"; "nzDeselect": "nzDeselect"; "nzClick": "nzClick"; "nzContextmenu": "nzContextmenu"; }, ["nzTabLinkTemplateDirective", "template", "linkDirective"], ["[nz-tab-link]", "*"], true, never>;
+    static ngAcceptInputType_nzClosable: unknown;
+    static ngAcceptInputType_nzDisabled: unknown;
+    static ngAcceptInputType_nzForceRender: 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 NzTabNavItemDirective implements FocusableOption {
+    disabled: boolean;
+    tab: NzTabComponent;
+    active: boolean;
+    elementRef: ElementRef<HTMLElement>;
+    private el;
+    private parentElement;
+    focus(): void;
+    get width(): number;
+    get height(): number;
+    get left(): number;
+    get top(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabNavItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzTabNavItemDirective, "[nzTabNavItem]", never, { "disabled": { "alias": "disabled"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_active: 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 NzTabNavOperationComponent implements OnDestroy {
+    items: NzTabNavItemDirective[];
+    addable: boolean;
+    addIcon: string | TemplateRef<NzSafeAny>;
+    readonly addClicked: EventEmitter<void>;
+    readonly selected: EventEmitter<NzTabNavItemDirective>;
+    closeAnimationWaitTimeoutId?: ReturnType<typeof setTimeout>;
+    menuOpened: boolean;
+    private cdr;
+    private readonly element;
+    onSelect(item: NzTabNavItemDirective): void;
+    onContextmenu(item: NzTabNavItemDirective, e: MouseEvent): void;
+    showItems(): void;
+    menuVisChange(visible: boolean): void;
+    getElementWidth(): number;
+    getElementHeight(): number;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabNavOperationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzTabNavOperationComponent, "nz-tab-nav-operation", ["nzTabNavOperation"], { "items": { "alias": "items"; "required": false; }; "addable": { "alias": "addable"; "required": false; }; "addIcon": { "alias": "addIcon"; "required": false; }; }, { "addClicked": "addClicked"; "selected": "selected"; }, never, never, true, never>;
+    static ngAcceptInputType_addable: unknown;
+}
+
+declare class NzTabsInkBarDirective {
+    private ngZone;
+    private el;
+    position: NzTabPositionMode;
+    animated: boolean;
+    animationMode: "NoopAnimations" | "BrowserAnimations" | null;
+    get _animated(): boolean;
+    alignToElement(element: HTMLElement): void;
+    setStyles(element: HTMLElement): void;
+    getLeftPosition(element: HTMLElement): string;
+    getElementWidth(element: HTMLElement): string;
+    getTopPosition(element: HTMLElement): string;
+    getElementHeight(element: HTMLElement): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabsInkBarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzTabsInkBarDirective, "nz-tabs-ink-bar, [nz-tabs-ink-bar]", never, { "position": { "alias": "position"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class NzTabNavBarComponent implements AfterViewInit, AfterContentChecked, OnChanges {
+    private cdr;
+    private ngZone;
+    private viewportRuler;
+    private nzResizeObserver;
+    private dir;
+    private destroyRef;
+    readonly indexFocused: EventEmitter<number>;
+    readonly selectFocusedIndex: EventEmitter<number>;
+    readonly addClicked: EventEmitter<void>;
+    readonly tabScroll: EventEmitter<NzTabScrollEvent>;
+    position: NzTabPositionMode;
+    addable: boolean;
+    hideBar: boolean;
+    addIcon: string | TemplateRef<NzSafeAny>;
+    inkBarAnimated: boolean;
+    extraTemplate?: TemplateRef<void>;
+    readonly extraContents: i0.InputSignal<readonly NzTabBarExtraContentDirective[]>;
+    readonly startExtraContent: i0.Signal<NzTabBarExtraContentDirective | undefined>;
+    readonly endExtraContent: i0.Signal<NzTabBarExtraContentDirective | undefined>;
+    get selectedIndex(): number;
+    set selectedIndex(value: number);
+    navWrapRef: ElementRef<HTMLElement>;
+    navListRef: ElementRef<HTMLElement>;
+    operationRef: NzTabNavOperationComponent;
+    addBtnRef: NzTabAddButtonComponent;
+    inkBar: NzTabsInkBarDirective;
+    items: QueryList<NzTabNavItemDirective>;
+    /** Tracks which element has focus; used for keyboard navigation */
+    get focusIndex(): number;
+    /** When the focus index is set, we must manually send focus to the correct label */
+    set focusIndex(value: number);
+    get showAddButton(): boolean;
+    translate: null | string;
+    transformX: number;
+    transformY: number;
+    pingLeft: boolean;
+    pingRight: boolean;
+    pingTop: boolean;
+    pingBottom: boolean;
+    hiddenItems: NzTabNavItemDirective[];
+    private keyManager;
+    private _selectedIndex;
+    private wrapperWidth;
+    private wrapperHeight;
+    private scrollListWidth;
+    private scrollListHeight;
+    private operationWidth;
+    private operationHeight;
+    private addButtonWidth;
+    private addButtonHeight;
+    private selectedIndexChanged;
+    private lockAnimationTimeoutId?;
+    private cssTransformTimeWaitingId?;
+    constructor();
+    ngAfterViewInit(): void;
+    ngAfterContentChecked(): void;
+    onSelectedFromMenu(tab: NzTabNavItemDirective): void;
+    onOffsetChange(e: NzTabScrollListOffsetEvent): void;
+    handleKeydown(event: KeyboardEvent): void;
+    private isValidIndex;
+    private scrollToTab;
+    private lockAnimation;
+    private setTransform;
+    private clampTransformX;
+    private clampTransformY;
+    private updateScrollListPosition;
+    private resetSizes;
+    private alignInkBarToSelectedTab;
+    private setPingStatus;
+    private setVisibleRange;
+    private getLayoutDirection;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabNavBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzTabNavBarComponent, "nz-tabs-nav", ["nzTabsNav"], { "position": { "alias": "position"; "required": false; }; "addable": { "alias": "addable"; "required": false; }; "hideBar": { "alias": "hideBar"; "required": false; }; "addIcon": { "alias": "addIcon"; "required": false; }; "inkBarAnimated": { "alias": "inkBarAnimated"; "required": false; }; "extraTemplate": { "alias": "extraTemplate"; "required": false; }; "extraContents": { "alias": "extraContents"; "required": true; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; }, { "indexFocused": "indexFocused"; "selectFocusedIndex": "selectFocusedIndex"; "addClicked": "addClicked"; "tabScroll": "tabScroll"; }, ["items"], ["*"], true, never>;
+    static ngAcceptInputType_addable: unknown;
+    static ngAcceptInputType_hideBar: 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 NzTabScrollListDirective implements OnInit {
+    private ngZone;
+    private destroyRef;
+    private el;
+    lastWheelDirection: 'x' | 'y' | null;
+    lastWheelTimestamp: number;
+    lastTimestamp: number;
+    lastTimeDiff: number;
+    lastMixedWheel: number;
+    lastWheelPrevent: boolean;
+    touchPosition: NzTabScrollListOffset | null;
+    lastOffset: NzTabScrollListOffset | null;
+    motion: number;
+    readonly offsetChange: EventEmitter<NzTabScrollListOffsetEvent>;
+    readonly tabScroll: EventEmitter<NzTabScrollEvent>;
+    ngOnInit(): void;
+    private subscribeWrap;
+    onTouchEnd: (e: TouchEvent) => void;
+    onTouchMove: (e: TouchEvent) => void;
+    onTouchStart: (e: TouchEvent) => void;
+    onWheel: (e: WheelEvent) => void;
+    onOffset(x: number, y: number, event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabScrollListDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzTabScrollListDirective, "[nzTabScrollList]", never, {}, { "offsetChange": "offsetChange"; "tabScroll": "tabScroll"; }, never, never, true, never>;
+}
+
+/** Decorates the `ng-template` tags and reads out the template from it. */
+declare class NzTabDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzTabDirective, "[nz-tab]", ["nzTab"], {}, {}, never, never, true, never>;
+}
+
+declare class NzTabsComponent implements OnInit, AfterContentChecked, AfterContentInit {
+    readonly _nzModuleName: NzConfigKey;
+    nzConfigService: NzConfigService;
+    private ngZone;
+    private cdr;
+    private directionality;
+    private destroyRef;
+    get nzSelectedIndex(): number | null;
+    set nzSelectedIndex(value: null | number);
+    nzTabPosition: NzTabPosition;
+    nzTabBarExtraContent?: TemplateRef<void>;
+    nzCanDeactivate: NzTabsCanDeactivateFn | null;
+    nzAddIcon: string | TemplateRef<NzSafeAny>;
+    nzTabBarStyle: Record<string, string> | null;
+    nzType: NzTabType;
+    nzSize: NzSizeLDSType;
+    nzAnimated: NzAnimatedInterface | boolean;
+    nzTabBarGutter?: number;
+    nzHideAdd: boolean;
+    nzCentered: boolean;
+    nzHideAll: boolean;
+    nzLinkRouter: boolean;
+    nzLinkExact: boolean;
+    nzDestroyInactiveTabPane: boolean;
+    readonly nzSelectChange: EventEmitter<NzTabChangeEvent>;
+    readonly nzSelectedIndexChange: EventEmitter<number>;
+    readonly nzTabListScroll: EventEmitter<NzTabScrollEvent>;
+    readonly nzClose: EventEmitter<{
+        index: number;
+    }>;
+    readonly nzAdd: EventEmitter<void>;
+    get position(): NzTabPositionMode;
+    get addable(): boolean;
+    get closable(): boolean;
+    get line(): boolean;
+    get inkBarAnimated(): boolean;
+    get tabPaneAnimated(): boolean;
+    allTabs: QueryList<NzTabComponent>;
+    tabLinks: QueryList<NzTabLinkDirective>;
+    tabNavBarRef: NzTabNavBarComponent;
+    tabs: QueryList<NzTabComponent>;
+    readonly extraContents: i0.Signal<readonly NzTabBarExtraContentDirective[]>;
+    dir: Direction;
+    private readonly tabSetId;
+    private indexToSelect;
+    private selectedIndex;
+    private tabLabelSubscription;
+    private canDeactivateSubscription;
+    private router;
+    constructor();
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    onClose(index: number, e: MouseEvent): void;
+    onAdd(): void;
+    private clampTabIndex;
+    private createChangeEvent;
+    private subscribeToTabLabels;
+    private subscribeToAllTabChanges;
+    canDeactivateFun(pre: number, next: number): Observable<boolean>;
+    clickNavItem(tab: NzTabComponent, index: number, e: MouseEvent): void;
+    private isRouterLinkClickEvent;
+    contextmenuNavItem(tab: NzTabComponent, e: MouseEvent): void;
+    setSelectedIndex(index: number): void;
+    getTabIndex(tab: NzTabComponent, index: number): number | null;
+    getTabContentId(i: number): string;
+    private setUpRouter;
+    private updateRouterActive;
+    private findShouldActiveTabIndex;
+    private isLinkActive;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzTabsComponent, "nz-tabs,nz-tabset", ["nzTabs"], { "nzSelectedIndex": { "alias": "nzSelectedIndex"; "required": false; }; "nzTabPosition": { "alias": "nzTabPosition"; "required": false; }; "nzTabBarExtraContent": { "alias": "nzTabBarExtraContent"; "required": false; }; "nzCanDeactivate": { "alias": "nzCanDeactivate"; "required": false; }; "nzAddIcon": { "alias": "nzAddIcon"; "required": false; }; "nzTabBarStyle": { "alias": "nzTabBarStyle"; "required": false; }; "nzType": { "alias": "nzType"; "required": false; }; "nzSize": { "alias": "nzSize"; "required": false; }; "nzAnimated": { "alias": "nzAnimated"; "required": false; }; "nzTabBarGutter": { "alias": "nzTabBarGutter"; "required": false; }; "nzHideAdd": { "alias": "nzHideAdd"; "required": false; }; "nzCentered": { "alias": "nzCentered"; "required": false; }; "nzHideAll": { "alias": "nzHideAll"; "required": false; }; "nzLinkRouter": { "alias": "nzLinkRouter"; "required": false; }; "nzLinkExact": { "alias": "nzLinkExact"; "required": false; }; "nzDestroyInactiveTabPane": { "alias": "nzDestroyInactiveTabPane"; "required": false; }; }, { "nzSelectChange": "nzSelectChange"; "nzSelectedIndexChange": "nzSelectedIndexChange"; "nzTabListScroll": "nzTabListScroll"; "nzClose": "nzClose"; "nzAdd": "nzAdd"; }, ["extraContents", "allTabs", "tabLinks"], never, true, never>;
+    static ngAcceptInputType_nzHideAdd: unknown;
+    static ngAcceptInputType_nzCentered: unknown;
+    static ngAcceptInputType_nzHideAll: unknown;
+    static ngAcceptInputType_nzLinkRouter: unknown;
+    static ngAcceptInputType_nzLinkExact: unknown;
+    static ngAcceptInputType_nzDestroyInactiveTabPane: unknown;
+}
+/**
+ * @deprecated Use `NzTabsComponent` instead. This will be removed in 21.0.0.
+ */
+declare const NzTabSetComponent: typeof NzTabsComponent;
+
+declare class NzTabsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzTabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NzTabsModule, never, [typeof NzTabsComponent, typeof NzTabComponent, typeof NzTabNavBarComponent, typeof NzTabNavItemDirective, typeof NzTabsInkBarDirective, typeof NzTabScrollListDirective, typeof NzTabNavOperationComponent, typeof NzTabAddButtonComponent, typeof NzTabCloseButtonComponent, typeof NzTabDirective, typeof NzTabBodyComponent, typeof NzTabLinkDirective, typeof NzTabLinkTemplateDirective, typeof NzTabBarExtraContentDirective], [typeof NzTabsComponent, typeof NzTabComponent, typeof NzTabNavBarComponent, typeof NzTabNavItemDirective, typeof NzTabsInkBarDirective, typeof NzTabScrollListDirective, typeof NzTabNavOperationComponent, typeof NzTabAddButtonComponent, typeof NzTabCloseButtonComponent, typeof NzTabDirective, typeof NzTabBodyComponent, typeof NzTabLinkDirective, typeof NzTabLinkTemplateDirective, typeof NzTabBarExtraContentDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NzTabsModule>;
+}
+
+export { NZ_TAB_SET, NzTabBarExtraContentDirective, NzTabChangeEvent, NzTabComponent, NzTabDirective, NzTabLinkDirective, NzTabLinkTemplateDirective, NzTabSetComponent, NzTabsComponent, NzTabsModule, NzTabAddButtonComponent as ɵNzTabAddButtonComponent, NzTabBodyComponent as ɵNzTabBodyComponent, NzTabCloseButtonComponent as ɵNzTabCloseButtonComponent, NzTabNavBarComponent as ɵNzTabNavBarComponent, NzTabNavItemDirective as ɵNzTabNavItemDirective, NzTabNavOperationComponent as ɵNzTabNavOperationComponent, NzTabScrollListDirective as ɵNzTabScrollListDirective, NzTabsInkBarDirective as ɵNzTabsInkBarDirective };
+export type { NzAnimatedInterface, NzTabPosition, NzTabPositionMode, NzTabScrollEvent, NzTabScrollEventHandlerFun, NzTabScrollListOffset, NzTabScrollListOffsetEvent, NzTabType, NzTabsCanDeactivateFn, TabTemplateContext };

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

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

node_modules/ng-zorro-antd/tabs/style/card-style.less

@@ -0,0 +1,198 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+// card style
+.@{tab-prefix-cls} {
+  &&-card &-card-bar &-ink-bar {
+    visibility: hidden;
+  }
+
+  &&-card &-card-bar &-tab {
+    margin: 0;
+    margin-right: @tabs-card-gutter;
+    padding: @tabs-card-horizontal-padding;
+    line-height: 22px;
+    background: @tabs-card-head-background;
+    border: @border-width-base @border-style-base @border-color-split;
+    border-radius: @border-radius-base @border-radius-base 0 0;
+    transition: all 0.3s @ease-in-out;
+  }
+
+  &&-card &-card-bar &-tab-active {
+    color: @tabs-card-active-color;
+    background: @component-background;
+    border-color: @border-color-split;
+    border-bottom: @border-width-base solid @component-background;
+
+    &::before {
+      border-top: @tabs-card-tab-active-border-top;
+    }
+  }
+
+  &&-small &-card-bar &-tab {
+    padding: @tabs-card-horizontal-padding-sm;
+  }
+
+  &&-card &-card-bar &-tab-disabled {
+    color: @disabled-color;
+  }
+
+  &&-card &-card-bar &-tab-inactive {
+    padding: 0;
+  }
+
+  &&-card &-card-bar &-nav-wrap {
+    margin-bottom: 0;
+  }
+
+  &&-card &-card-bar &-tab &-close-x {
+    width: 16px;
+    height: @font-size-base;
+    margin-right: -5px;
+    margin-left: 3px;
+    overflow: hidden;
+    color: @text-color-secondary;
+    font-size: @font-size-sm;
+    vertical-align: middle;
+    transition: all 0.3s;
+
+    &:hover {
+      color: @heading-color;
+    }
+  }
+
+  &&-card &-card-content > &-tabpane,
+  &&-editable-card &-card-content > &-tabpane {
+    transition: none !important;
+
+    &-inactive {
+      overflow: hidden;
+    }
+  }
+
+  &&-card &-card-bar &-tab:hover .@{iconfont-css-prefix}-close {
+    opacity: 1;
+  }
+
+  &-extra-content {
+    // stylelint-disable-next-line
+    line-height: @tabs-title-font-size * @line-height-base + extract(@tabs-horizontal-padding, 1) * 2;
+
+    .@{tab-prefix-cls}-new-tab {
+      position: relative;
+      width: 20px;
+      height: 20px;
+      color: @text-color;
+      font-size: 12px;
+      line-height: 20px;
+      text-align: center;
+      border: @border-width-base @border-style-base @border-color-split;
+      border-radius: @border-radius-base;
+      cursor: pointer;
+      transition: all 0.3s;
+
+      &:hover {
+        color: @tabs-card-active-color;
+        border-color: @tabs-card-active-color;
+      }
+
+      svg {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        margin: auto;
+      }
+    }
+  }
+
+  // https://github.com/ant-design/ant-design/issues/17865
+  &&-large &-extra-content {
+    // stylelint-disable-next-line
+    line-height: @tabs-title-font-size-lg * @line-height-base + extract(@tabs-horizontal-padding-lg, 1) * 2;
+  }
+
+  // https://github.com/ant-design/ant-design/issues/17865
+  &&-small &-extra-content {
+    // stylelint-disable-next-line
+    line-height: @tabs-title-font-size-sm * @line-height-base + extract(@tabs-horizontal-padding-sm, 1) * 2;
+  }
+
+  // https://github.com/ant-design/ant-design/issues/17865
+  &&-card &-extra-content {
+    line-height: @tabs-card-height;
+  }
+
+  // https://github.com/ant-design/ant-design/issues/4669
+  &-vertical&-card &-card-bar&-left-bar,
+  &-vertical&-card &-card-bar&-right-bar {
+    .@{tab-prefix-cls}-nav-container {
+      height: 100%;
+    }
+    .@{tab-prefix-cls}-tab {
+      margin-bottom: @margin-sm;
+      border-bottom: @border-width-base @border-style-base @border-color-split;
+
+      &-active {
+        padding-bottom: 4px;
+      }
+
+      &:last-child {
+        margin-bottom: @margin-sm;
+      }
+    }
+    .@{tab-prefix-cls}-new-tab {
+      width: 90%;
+    }
+  }
+
+  &-vertical&-card&-left &-card-bar&-left-bar {
+    .@{tab-prefix-cls}-nav-wrap {
+      margin-right: 0;
+    }
+    .@{tab-prefix-cls}-tab {
+      margin-right: 1px;
+      border-right: 0;
+      border-radius: @border-radius-base 0 0 @border-radius-base;
+
+      &-active {
+        margin-right: -1px;
+        padding-right: @padding-md + 2px;
+      }
+    }
+  }
+
+  &-vertical&-card&-right &-card-bar&-right-bar {
+    .@{tab-prefix-cls}-nav-wrap {
+      margin-left: 0;
+    }
+    .@{tab-prefix-cls}-tab {
+      margin-left: 1px;
+      border-left: 0;
+      border-radius: 0 @border-radius-base @border-radius-base 0;
+
+      &-active {
+        margin-left: -1px;
+        padding-left: @padding-md + 2px;
+      }
+    }
+  }
+
+  // https://github.com/ant-design/ant-design/issues/9104
+  & &-card-bar&-bottom-bar &-tab {
+    height: auto;
+    border-top-color: @border-color-split;
+    border-bottom: @border-width-base @border-style-base @border-color-split;
+    border-radius: 0 0 @border-radius-base @border-radius-base;
+  }
+
+  & &-card-bar&-bottom-bar &-tab-active {
+    color: @primary-color;
+    border-top-color: @component-background;
+  }
+}
+
+@import './card-style.rtl.less';

node_modules/ng-zorro-antd/tabs/style/card-style.rtl.less

@@ -0,0 +1,20 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+// card style
+.@{tab-prefix-cls} {
+  &&-card &-card-bar &-tab &-close-x {
+    .@{tab-prefix-cls}-rtl& {
+      margin-right: 3px;
+      margin-left: -5px;
+    }
+  }
+
+  &-extra-content {
+    .@{tab-prefix-cls}-rtl & {
+      float: left !important;
+    }
+  }
+}

node_modules/ng-zorro-antd/tabs/style/card.less

@@ -0,0 +1,98 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+.@{tab-prefix-cls}-card {
+  > .@{tab-prefix-cls}-nav,
+  > div > .@{tab-prefix-cls}-nav {
+    .@{tab-prefix-cls}-tab {
+      margin: 0;
+      padding: @tabs-card-horizontal-padding;
+      background: @tabs-card-head-background;
+      border: @border-width-base @border-style-base @border-color-split;
+      transition: all @animation-duration-slow @ease-in-out;
+
+      &-active {
+        color: @tabs-card-active-color;
+        background: @component-background;
+      }
+    }
+
+    .@{tab-prefix-cls}-ink-bar {
+      visibility: hidden;
+    }
+  }
+
+  // ========================== Top & Bottom ==========================
+  &.@{tab-prefix-cls}-top,
+  &.@{tab-prefix-cls}-bottom {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
+        margin-left: @tabs-card-gutter;
+      }
+    }
+  }
+
+  &.@{tab-prefix-cls}-top {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      .@{tab-prefix-cls}-tab {
+        border-radius: @border-radius-base @border-radius-base 0 0;
+
+        &-active {
+          border-bottom-color: @component-background;
+        }
+      }
+    }
+  }
+  &.@{tab-prefix-cls}-bottom {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      .@{tab-prefix-cls}-tab {
+        border-radius: 0 0 @border-radius-base @border-radius-base;
+
+        &-active {
+          border-top-color: @component-background;
+        }
+      }
+    }
+  }
+
+  // ========================== Left & Right ==========================
+  &.@{tab-prefix-cls}-left,
+  &.@{tab-prefix-cls}-right {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
+        margin-top: @tabs-card-gutter;
+      }
+    }
+  }
+
+  &.@{tab-prefix-cls}-left {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      .@{tab-prefix-cls}-tab {
+        border-radius: @border-radius-base 0 0 @border-radius-base;
+
+        &-active {
+          border-right-color: @component-background;
+        }
+      }
+    }
+  }
+  &.@{tab-prefix-cls}-right {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      .@{tab-prefix-cls}-tab {
+        border-radius: 0 @border-radius-base @border-radius-base 0;
+
+        &-active {
+          border-left-color: @component-background;
+        }
+      }
+    }
+  }
+}

node_modules/ng-zorro-antd/tabs/style/dropdown.less

@@ -0,0 +1,82 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+.@{tab-prefix-cls}-dropdown {
+  .reset-component();
+
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+  z-index: @zindex-dropdown;
+  display: block;
+
+  &-hidden {
+    display: none;
+  }
+
+  &-menu {
+    max-height: 200px;
+    margin: 0;
+    padding: @dropdown-edge-child-vertical-padding 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    text-align: left;
+    list-style-type: none;
+    background-color: @dropdown-menu-bg;
+    background-clip: padding-box;
+    border-radius: @border-radius-base;
+    outline: none;
+    box-shadow: @box-shadow-base;
+
+    &-item {
+      display: flex;
+      align-items: center;
+      min-width: 120px;
+      margin: 0;
+      padding: @dropdown-vertical-padding @control-padding-horizontal;
+      overflow: hidden;
+      color: @text-color;
+      font-weight: normal;
+      font-size: @dropdown-font-size;
+      line-height: @dropdown-line-height;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      cursor: pointer;
+      transition: all 0.3s;
+
+      > span {
+        flex: 1;
+        white-space: nowrap;
+      }
+
+      &-remove {
+        flex: none;
+        margin-left: @margin-sm;
+        color: @text-color-secondary;
+        font-size: @font-size-sm;
+        background: transparent;
+        border: 0;
+        cursor: pointer;
+
+        &:hover {
+          color: @tabs-hover-color;
+        }
+      }
+
+      &:hover {
+        background: @item-hover-bg;
+      }
+
+      &-disabled {
+        &,
+        &:hover {
+          color: @disabled-color;
+          background: transparent;
+          cursor: not-allowed;
+        }
+      }
+    }
+  }
+}

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

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

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

@@ -0,0 +1,702 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
+  padding: 8px 0;
+  font-size: 14px;
+}
+.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
+  padding: 16px 0;
+  font-size: 16px;
+}
+.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
+  padding: 6px 16px;
+}
+.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
+  padding: 7px 16px 6px;
+}
+.ant-tabs-rtl {
+  direction: rtl;
+}
+.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
+  margin: 0 0 0 32px;
+}
+.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
+  margin-left: 0;
+}
+.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
+  margin-right: 0;
+  margin-left: 12px;
+}
+.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
+  margin-right: 8px;
+  margin-left: -4px;
+}
+.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
+  margin: 0;
+}
+.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
+  order: 1;
+}
+.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
+  order: 0;
+}
+.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
+  order: 0;
+}
+.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
+  order: 1;
+}
+.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+  margin-right: 2px;
+  margin-left: 0;
+}
+.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
+.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
+.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
+.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
+  margin-right: 2px;
+  margin-left: 0;
+}
+.ant-tabs-dropdown-rtl {
+  direction: rtl;
+}
+.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
+  text-align: right;
+}
+.ant-tabs-top,
+.ant-tabs-bottom {
+  flex-direction: column;
+}
+.ant-tabs-top > .ant-tabs-nav,
+.ant-tabs-bottom > .ant-tabs-nav,
+.ant-tabs-top > div > .ant-tabs-nav,
+.ant-tabs-bottom > div > .ant-tabs-nav {
+  margin: 0 0 16px 0;
+}
+.ant-tabs-top > .ant-tabs-nav::before,
+.ant-tabs-bottom > .ant-tabs-nav::before,
+.ant-tabs-top > div > .ant-tabs-nav::before,
+.ant-tabs-bottom > div > .ant-tabs-nav::before {
+  position: absolute;
+  right: 0;
+  left: 0;
+  border-bottom: 1px solid #f0f0f0;
+  content: '';
+}
+.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
+.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
+.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
+.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
+  height: 2px;
+}
+.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
+.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
+.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
+.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
+  transition: width 0.3s, left 0.3s, right 0.3s;
+}
+.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
+  top: 0;
+  bottom: 0;
+  width: 30px;
+}
+.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
+  left: 0;
+  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
+}
+.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
+  right: 0;
+  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
+}
+.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
+.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
+.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
+.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
+  opacity: 1;
+}
+.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
+.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
+.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
+.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
+  opacity: 1;
+}
+.ant-tabs-top > .ant-tabs-nav::before,
+.ant-tabs-top > div > .ant-tabs-nav::before {
+  bottom: 0;
+}
+.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
+.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
+  bottom: 0;
+}
+.ant-tabs-bottom > .ant-tabs-nav,
+.ant-tabs-bottom > div > .ant-tabs-nav {
+  order: 1;
+  margin-top: 16px;
+  margin-bottom: 0;
+}
+.ant-tabs-bottom > .ant-tabs-nav::before,
+.ant-tabs-bottom > div > .ant-tabs-nav::before {
+  top: 0;
+}
+.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
+.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
+  top: 0;
+}
+.ant-tabs-bottom > .ant-tabs-content-holder,
+.ant-tabs-bottom > div > .ant-tabs-content-holder {
+  order: 0;
+}
+.ant-tabs-left > .ant-tabs-nav,
+.ant-tabs-right > .ant-tabs-nav,
+.ant-tabs-left > div > .ant-tabs-nav,
+.ant-tabs-right > div > .ant-tabs-nav {
+  flex-direction: column;
+  min-width: 50px;
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
+  padding: 8px 24px;
+  text-align: center;
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+  margin: 16px 0 0 0;
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
+  flex-direction: column;
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
+  right: 0;
+  left: 0;
+  height: 30px;
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
+  top: 0;
+  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
+  bottom: 0;
+  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
+  opacity: 1;
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
+  opacity: 1;
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
+  width: 2px;
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
+  transition: height 0.3s, top 0.3s;
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
+  flex: 1 0 auto;
+  flex-direction: column;
+}
+.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
+.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
+  right: 0;
+}
+.ant-tabs-left > .ant-tabs-content-holder,
+.ant-tabs-left > div > .ant-tabs-content-holder {
+  margin-left: -1px;
+  border-left: 1px solid #f0f0f0;
+}
+.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
+.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
+  padding-left: 24px;
+}
+.ant-tabs-right > .ant-tabs-nav,
+.ant-tabs-right > div > .ant-tabs-nav {
+  order: 1;
+}
+.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
+.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
+  left: 0;
+}
+.ant-tabs-right > .ant-tabs-content-holder,
+.ant-tabs-right > div > .ant-tabs-content-holder {
+  order: 0;
+  margin-right: -1px;
+  border-right: 1px solid #f0f0f0;
+}
+.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
+.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
+  padding-right: 24px;
+}
+.ant-tabs-dropdown {
+  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: -9999px;
+  left: -9999px;
+  z-index: 1050;
+  display: block;
+}
+.ant-tabs-dropdown-hidden {
+  display: none;
+}
+.ant-tabs-dropdown-menu {
+  max-height: 200px;
+  margin: 0;
+  padding: 4px 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  text-align: left;
+  list-style-type: none;
+  background-color: #fff;
+  background-clip: padding-box;
+  border-radius: 2px;
+  outline: none;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+.ant-tabs-dropdown-menu-item {
+  display: flex;
+  align-items: center;
+  min-width: 120px;
+  margin: 0;
+  padding: 5px 12px;
+  overflow: hidden;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 22px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.ant-tabs-dropdown-menu-item > span {
+  flex: 1;
+  white-space: nowrap;
+}
+.ant-tabs-dropdown-menu-item-remove {
+  flex: none;
+  margin-left: 12px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.ant-tabs-dropdown-menu-item-remove:hover {
+  color: #40a9ff;
+}
+.ant-tabs-dropdown-menu-item:hover {
+  background: #f5f5f5;
+}
+.ant-tabs-dropdown-menu-item-disabled,
+.ant-tabs-dropdown-menu-item-disabled:hover {
+  color: rgba(0, 0, 0, 0.25);
+  background: transparent;
+  cursor: not-allowed;
+}
+.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
+.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
+  margin: 0;
+  padding: 8px 16px;
+  background: #fafafa;
+  border: 1px solid #f0f0f0;
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
+.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
+  color: #1890ff;
+  background: #fff;
+}
+.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
+.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
+  visibility: hidden;
+}
+.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+  margin-left: 2px;
+}
+.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
+.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
+  border-radius: 2px 2px 0 0;
+}
+.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
+.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
+  border-bottom-color: #fff;
+}
+.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
+.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
+  border-radius: 0 0 2px 2px;
+}
+.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
+.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
+  border-top-color: #fff;
+}
+.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
+.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+  margin-top: 2px;
+}
+.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
+.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
+  border-radius: 2px 0 0 2px;
+}
+.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
+.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
+  border-right-color: #fff;
+}
+.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
+.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
+  border-radius: 0 2px 2px 0;
+}
+.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
+.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
+  border-left-color: #fff;
+}
+.ant-tabs {
+  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';
+  display: flex;
+}
+.ant-tabs > .ant-tabs-nav,
+.ant-tabs > div > .ant-tabs-nav {
+  position: relative;
+  display: flex;
+  flex: none;
+  align-items: center;
+}
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
+  position: relative;
+  display: inline-block;
+  display: flex;
+  flex: auto;
+  align-self: stretch;
+  overflow: hidden;
+  white-space: nowrap;
+  transform: translate(0);
+}
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
+  position: absolute;
+  z-index: 1;
+  opacity: 0;
+  transition: opacity 0.3s;
+  content: '';
+  pointer-events: none;
+}
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
+  position: relative;
+  display: flex;
+  transition: transform 0.3s;
+}
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
+  display: flex;
+  align-self: stretch;
+}
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
+  position: absolute;
+  visibility: hidden;
+  pointer-events: none;
+}
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
+  position: relative;
+  padding: 8px 16px;
+  background: transparent;
+  border: 0;
+}
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 5px;
+  transform: translateY(100%);
+  content: '';
+}
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
+  min-width: 40px;
+  margin-left: 2px;
+  padding: 0 8px;
+  background: #fafafa;
+  border: 1px solid #f0f0f0;
+  border-radius: 2px 2px 0 0;
+  outline: none;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
+  color: #40a9ff;
+}
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
+  color: #096dd9;
+}
+.ant-tabs-extra-content {
+  flex: none;
+}
+.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
+.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
+  justify-content: center;
+}
+.ant-tabs-ink-bar {
+  position: absolute;
+  background: #1890ff;
+  pointer-events: none;
+}
+.ant-tabs-tab {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  padding: 12px 0;
+  font-size: 14px;
+  background: transparent;
+  border: 0;
+  outline: none;
+  cursor: pointer;
+}
+.ant-tabs-tab-btn:focus,
+.ant-tabs-tab-remove:focus,
+.ant-tabs-tab-btn:active,
+.ant-tabs-tab-remove:active {
+  color: #096dd9;
+}
+.ant-tabs-tab-btn {
+  outline: none;
+  transition: all 0.3s;
+}
+.ant-tabs-tab-remove {
+  flex: none;
+  margin-right: -4px;
+  margin-left: 8px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+  background: transparent;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.ant-tabs-tab-remove:hover {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-tabs-tab:hover {
+  color: #40a9ff;
+}
+.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+  color: #1890ff;
+  text-shadow: 0 0 0.25px currentcolor;
+}
+.ant-tabs-tab.ant-tabs-tab-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
+.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
+.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
+.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-tabs-tab .ant-tabs-tab-remove .anticon {
+  margin: 0;
+}
+.ant-tabs-tab .anticon {
+  margin-right: 12px;
+}
+.ant-tabs-tab + .ant-tabs-tab {
+  margin: 0 0 0 32px;
+}
+.ant-tabs-content {
+  position: relative;
+  width: 100%;
+}
+.ant-tabs-content-holder {
+  flex: auto;
+  min-width: 0;
+  min-height: 0;
+}
+.ant-tabs-tabpane {
+  outline: none;
+}
+.ant-tabs-tabpane-hidden {
+  display: none;
+}
+.ant-tabs-switch-appear,
+.ant-tabs-switch-enter {
+  transition: none;
+}
+.ant-tabs-switch-appear-start,
+.ant-tabs-switch-enter-start {
+  opacity: 0;
+}
+.ant-tabs-switch-appear-active,
+.ant-tabs-switch-enter-active {
+  opacity: 1;
+  transition: opacity 0.3s;
+}
+.ant-tabs-switch-leave {
+  position: absolute;
+  transition: none;
+  inset: 0;
+}
+.ant-tabs-switch-leave-start {
+  opacity: 1;
+}
+.ant-tabs-switch-leave-active {
+  opacity: 0;
+  transition: opacity 0.3s;
+}
+.ant-tabs-dropdown-menu-item a[nz-tab-link] {
+  position: relative;
+}
+.ant-tabs-tab-btn {
+  background-color: unset;
+  border: none;
+  cursor: pointer;
+}
+.ant-tabs-tab a[nz-tab-link]::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: transparent;
+  content: '';
+}
+.ant-tabs-tab a[nz-tab-link] ~ * {
+  position: relative;
+}
+.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu {
+  max-height: 200px;
+  margin: 0;
+  padding: 4px 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  text-align: left;
+  list-style-type: none;
+  background-color: #fff;
+  background-clip: padding-box;
+  border-radius: 2px;
+  outline: none;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item {
+  min-width: 120px;
+  margin: 0;
+  padding: 5px 12px;
+  overflow: hidden;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: normal;
+  font-size: 14px;
+  line-height: 22px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item:hover {
+  background: #f5f5f5;
+}
+.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled,
+.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover {
+  color: rgba(0, 0, 0, 0.25);
+  background: transparent;
+  cursor: not-allowed;
+}
+.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled a,
+.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover a {
+  color: rgba(0, 0, 0, 0.25);
+  pointer-events: none;
+}
+.ant-tabs-rtl .ant-tabs-rtl-tab-next {
+  right: auto;
+  left: 2px;
+}
+.ant-tabs-tab-disabled a {
+  color: rgba(0, 0, 0, 0.25);
+  pointer-events: none;
+}
+.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
+.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
+  min-height: 40px;
+}

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

@@ -0,0 +1,253 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import './size';
+@import './rtl';
+@import './position';
+@import './dropdown';
+@import './card';
+
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+.@{tab-prefix-cls} {
+  .reset-component();
+
+  display: flex;
+
+  // ========================== Navigation ==========================
+  > .@{tab-prefix-cls}-nav,
+  > div > .@{tab-prefix-cls}-nav {
+    position: relative;
+    display: flex;
+    flex: none;
+    align-items: center;
+
+    .@{tab-prefix-cls}-nav-wrap {
+      position: relative;
+      display: inline-block;
+      display: flex;
+      flex: auto;
+      align-self: stretch;
+      overflow: hidden;
+      white-space: nowrap;
+      transform: translate(0); // Fix chrome render bug
+
+      // >>>>> Ping shadow
+      &::before,
+      &::after {
+        position: absolute;
+        z-index: 1;
+        opacity: 0;
+        transition: opacity @animation-duration-slow;
+        content: '';
+        pointer-events: none;
+      }
+    }
+
+    .@{tab-prefix-cls}-nav-list {
+      position: relative;
+      display: flex;
+      transition: transform @animation-duration-slow;
+    }
+
+    // >>>>>>>> Operations
+    .@{tab-prefix-cls}-nav-operations {
+      display: flex;
+      align-self: stretch;
+
+      &-hidden {
+        position: absolute;
+        visibility: hidden;
+        pointer-events: none;
+      }
+    }
+
+    .@{tab-prefix-cls}-nav-more {
+      position: relative;
+      padding: @tabs-card-horizontal-padding;
+      background: transparent;
+      border: 0;
+
+      &::after {
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        height: 5px;
+        transform: translateY(100%);
+        content: '';
+      }
+    }
+
+    .@{tab-prefix-cls}-nav-add {
+      min-width: @tabs-card-height;
+      margin-left: @tabs-card-gutter;
+      padding: 0 @padding-xs;
+      background: @tabs-card-head-background;
+      border: @border-width-base @border-style-base @border-color-split;
+      border-radius: @border-radius-base @border-radius-base 0 0;
+      outline: none;
+      cursor: pointer;
+      transition: all @animation-duration-slow @ease-in-out;
+
+      &:hover {
+        color: @tabs-hover-color;
+      }
+
+      &:active,
+      &:focus {
+        color: @tabs-active-color;
+      }
+    }
+  }
+
+  &-extra-content {
+    flex: none;
+  }
+
+  &-centered {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      .@{tab-prefix-cls}-nav-wrap {
+        &:not([class*='@{tab-prefix-cls}-nav-wrap-ping']) {
+          justify-content: center;
+        }
+      }
+    }
+  }
+
+  // ============================ InkBar ============================
+  &-ink-bar {
+    position: absolute;
+    background: @tabs-ink-bar-color;
+    pointer-events: none;
+  }
+
+  // ============================= Tabs =============================
+  &-tab {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    padding: @tabs-horizontal-padding;
+    font-size: @tabs-title-font-size;
+    background: transparent;
+    border: 0;
+    outline: none;
+    cursor: pointer;
+
+    &-btn,
+    &-remove {
+      &:focus,
+      &:active {
+        color: @tabs-active-color;
+      }
+    }
+
+    &-btn {
+      outline: none;
+      transition: all 0.3s;
+    }
+
+    &-remove {
+      flex: none;
+      margin-right: -@margin-xss;
+      margin-left: @margin-xs;
+      color: @text-color-secondary;
+      font-size: @font-size-sm;
+      background: transparent;
+      border: none;
+      outline: none;
+      cursor: pointer;
+      transition: all @animation-duration-slow;
+
+      &:hover {
+        color: @heading-color;
+      }
+    }
+
+    &:hover {
+      color: @tabs-hover-color;
+    }
+
+    &&-active &-btn {
+      color: @tabs-highlight-color;
+      text-shadow: 0 0 0.25px currentcolor;
+    }
+
+    &&-disabled {
+      color: @disabled-color;
+      cursor: not-allowed;
+    }
+
+    &&-disabled &-btn,
+    &&-disabled &-remove {
+      &:focus,
+      &:active {
+        color: @disabled-color;
+      }
+    }
+
+    & &-remove .@{iconfont-css-prefix} {
+      margin: 0;
+    }
+
+    .@{iconfont-css-prefix} {
+      margin-right: @margin-sm;
+    }
+  }
+
+  &-tab + &-tab {
+    margin: @tabs-horizontal-margin;
+  }
+
+  // =========================== TabPanes ===========================
+  &-content {
+    &-holder {
+      flex: auto;
+      min-width: 0;
+      min-height: 0;
+    }
+
+    position: relative;
+    width: 100%;
+  }
+
+  &-tabpane {
+    outline: none;
+
+    &-hidden {
+      display: none;
+    }
+  }
+
+  // Motion
+  &-switch {
+    &-appear,
+    &-enter {
+      transition: none;
+
+      &-start {
+        opacity: 0;
+      }
+
+      &-active {
+        opacity: 1;
+        transition: opacity @animation-duration-slow;
+      }
+    }
+
+    &-leave {
+      position: absolute;
+      transition: none;
+      inset: 0;
+
+      &-start {
+        opacity: 1;
+      }
+
+      &-active {
+        opacity: 0;
+        transition: opacity @animation-duration-slow;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,100 @@
+@import './index';
+
+.ant-tabs-dropdown-menu-item a[nz-tab-link] {
+  position: relative;
+}
+
+.ant-tabs-tab-btn {
+  background-color: unset;
+  border: none;
+  cursor: pointer;
+}
+
+.ant-tabs-tab a[nz-tab-link] {
+  &::before {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: transparent;
+    content: '';
+  }
+
+  ~ * {
+    position: relative;
+  }
+}
+
+.nz-tabs-dropdown.ant-dropdown {
+  .ant-dropdown-menu {
+    max-height: 200px;
+    margin: 0;
+    padding: @dropdown-edge-child-vertical-padding 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    text-align: left;
+    list-style-type: none;
+    background-color: @dropdown-menu-bg;
+    background-clip: padding-box;
+    border-radius: @border-radius-base;
+    outline: none;
+    box-shadow: @box-shadow-base;
+
+    &-item {
+      min-width: 120px;
+      margin: 0;
+      padding: @dropdown-vertical-padding @control-padding-horizontal;
+      overflow: hidden;
+      color: @text-color;
+      font-weight: normal;
+      font-size: @dropdown-font-size;
+      line-height: @dropdown-line-height;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      cursor: pointer;
+      transition: all 0.3s;
+
+      &:hover {
+        background: @item-hover-bg;
+      }
+
+      &-disabled {
+        &,
+        &:hover {
+          color: @disabled-color;
+          background: transparent;
+          cursor: not-allowed;
+
+          a {
+            color: @disabled-color;
+            pointer-events: none;
+          }
+        }
+      }
+    }
+  }
+}
+
+.@{tab-prefix-cls} {
+  &-rtl {
+    &-tab-next {
+      .@{tab-prefix-cls}-rtl & {
+        right: auto;
+        left: 2px;
+      }
+    }
+  }
+
+  &-tab-disabled a {
+    color: @disabled-color;
+    pointer-events: none;
+  }
+
+  > .@{tab-prefix-cls}-nav,
+  > div > .@{tab-prefix-cls}-nav {
+    .@{tab-prefix-cls}-nav-add {
+      min-height: @tabs-card-height;
+    }
+  }
+}

node_modules/ng-zorro-antd/tabs/style/position.less

@@ -0,0 +1,198 @@
+@import '../../style/themes/index';
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+.@{tab-prefix-cls} {
+  // ========================== Top & Bottom ==========================
+  &-top,
+  &-bottom {
+    flex-direction: column;
+
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      margin: @tabs-bar-margin;
+
+      &::before {
+        position: absolute;
+        right: 0;
+        left: 0;
+        border-bottom: @border-width-base @border-style-base @border-color-split;
+        content: '';
+      }
+
+      .@{tab-prefix-cls}-ink-bar {
+        height: 2px;
+
+        &-animated {
+          transition: width @animation-duration-slow, left @animation-duration-slow,
+            right @animation-duration-slow;
+        }
+      }
+
+      .@{tab-prefix-cls}-nav-wrap {
+        &::before,
+        &::after {
+          top: 0;
+          bottom: 0;
+          width: 30px;
+        }
+
+        &::before {
+          left: 0;
+          box-shadow: inset 10px 0 8px -8px fade(@shadow-color, 8%);
+        }
+
+        &::after {
+          right: 0;
+          box-shadow: inset -10px 0 8px -8px fade(@shadow-color, 8%);
+        }
+
+        &.@{tab-prefix-cls}-nav-wrap-ping-left::before {
+          opacity: 1;
+        }
+        &.@{tab-prefix-cls}-nav-wrap-ping-right::after {
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  &-top {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      &::before {
+        bottom: 0;
+      }
+
+      .@{tab-prefix-cls}-ink-bar {
+        bottom: 0;
+      }
+    }
+  }
+
+  &-bottom {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      order: 1;
+      margin-top: @margin-md;
+      margin-bottom: 0;
+
+      &::before {
+        top: 0;
+      }
+
+      .@{tab-prefix-cls}-ink-bar {
+        top: 0;
+      }
+    }
+
+    > .@{tab-prefix-cls}-content-holder,
+    > div > .@{tab-prefix-cls}-content-holder {
+      order: 0;
+    }
+  }
+
+  // ========================== Left & Right ==========================
+  &-left,
+  &-right {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      flex-direction: column;
+      min-width: 50px;
+
+      // >>>>>>>>>>> Tab
+      .@{tab-prefix-cls}-tab {
+        padding: @tabs-vertical-padding;
+        text-align: center;
+      }
+
+      .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
+        margin: @tabs-vertical-margin;
+      }
+
+      // >>>>>>>>>>> Nav
+      .@{tab-prefix-cls}-nav-wrap {
+        flex-direction: column;
+
+        &::before,
+        &::after {
+          right: 0;
+          left: 0;
+          height: 30px;
+        }
+
+        &::before {
+          top: 0;
+          box-shadow: inset 0 10px 8px -8px fade(@shadow-color, 8%);
+        }
+
+        &::after {
+          bottom: 0;
+          box-shadow: inset 0 -10px 8px -8px fade(@shadow-color, 8%);
+        }
+
+        &.@{tab-prefix-cls}-nav-wrap-ping-top::before {
+          opacity: 1;
+        }
+        &.@{tab-prefix-cls}-nav-wrap-ping-bottom::after {
+          opacity: 1;
+        }
+      }
+
+      // >>>>>>>>>>> Ink Bar
+      .@{tab-prefix-cls}-ink-bar {
+        width: 2px;
+
+        &-animated {
+          transition: height @animation-duration-slow, top @animation-duration-slow;
+        }
+      }
+
+      .@{tab-prefix-cls}-nav-list,
+      .@{tab-prefix-cls}-nav-operations {
+        flex: 1 0 auto; // fix safari scroll problem
+        flex-direction: column;
+      }
+    }
+  }
+
+  &-left {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      .@{tab-prefix-cls}-ink-bar {
+        right: 0;
+      }
+    }
+
+    > .@{tab-prefix-cls}-content-holder,
+    > div > .@{tab-prefix-cls}-content-holder {
+      margin-left: -@border-width-base;
+      border-left: @border-width-base @border-style-base @border-color-split;
+
+      > .@{tab-prefix-cls}-content > .@{tab-prefix-cls}-tabpane {
+        padding-left: @padding-lg;
+      }
+    }
+  }
+
+  &-right {
+    > .@{tab-prefix-cls}-nav,
+    > div > .@{tab-prefix-cls}-nav {
+      order: 1;
+
+      .@{tab-prefix-cls}-ink-bar {
+        left: 0;
+      }
+    }
+
+    > .@{tab-prefix-cls}-content-holder,
+    > div > .@{tab-prefix-cls}-content-holder {
+      order: 0;
+      margin-right: -@border-width-base;
+      border-right: @border-width-base @border-style-base @border-color-split;
+
+      > .@{tab-prefix-cls}-content > .@{tab-prefix-cls}-tabpane {
+        padding-right: @padding-lg;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,86 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+.@{tab-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+
+    .@{tab-prefix-cls}-nav {
+      .@{tab-prefix-cls}-tab {
+        margin: @tabs-horizontal-margin-rtl;
+
+        &:last-of-type {
+          margin-left: 0;
+        }
+
+        .@{iconfont-css-prefix} {
+          margin-right: 0;
+          margin-left: @margin-sm;
+        }
+
+        .@{tab-prefix-cls}-tab-remove {
+          margin-right: @margin-xs;
+          margin-left: -@margin-xss;
+
+          .@{iconfont-css-prefix} {
+            margin: 0;
+          }
+        }
+      }
+    }
+
+    &.@{tab-prefix-cls}-left {
+      > .@{tab-prefix-cls}-nav {
+        order: 1;
+      }
+      > .@{tab-prefix-cls}-content-holder {
+        order: 0;
+      }
+    }
+
+    &.@{tab-prefix-cls}-right {
+      > .@{tab-prefix-cls}-nav {
+        order: 0;
+      }
+      > .@{tab-prefix-cls}-content-holder {
+        order: 1;
+      }
+    }
+  }
+
+  // ====================== Card ======================
+  &-card {
+    &.@{tab-prefix-cls}-top,
+    &.@{tab-prefix-cls}-bottom {
+      > .@{tab-prefix-cls}-nav,
+      > div > .@{tab-prefix-cls}-nav {
+        .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
+          .@{tab-prefix-cls}-rtl& {
+            margin-right: @tabs-card-gutter;
+            margin-left: 0;
+          }
+        }
+        .@{tab-prefix-cls}-nav-add {
+          .@{tab-prefix-cls}-rtl& {
+            margin-right: @tabs-card-gutter;
+            margin-left: 0;
+          }
+        }
+      }
+    }
+  }
+}
+
+.@{tab-prefix-cls}-dropdown {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-menu-item {
+    .@{tab-prefix-cls}-dropdown-rtl & {
+      text-align: right;
+    }
+  }
+}

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

@@ -0,0 +1,42 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+.@{tab-prefix-cls} {
+  &-small {
+    > .@{tab-prefix-cls}-nav {
+      .@{tab-prefix-cls}-tab {
+        padding: @tabs-horizontal-padding-sm;
+        font-size: @tabs-title-font-size-sm;
+      }
+    }
+  }
+
+  &-large {
+    > .@{tab-prefix-cls}-nav {
+      .@{tab-prefix-cls}-tab {
+        padding: @tabs-horizontal-padding-lg;
+        font-size: @tabs-title-font-size-lg;
+      }
+    }
+  }
+
+  &-card {
+    &.@{tab-prefix-cls}-small {
+      > .@{tab-prefix-cls}-nav {
+        .@{tab-prefix-cls}-tab {
+          padding: @tabs-card-horizontal-padding-sm;
+        }
+      }
+    }
+
+    &.@{tab-prefix-cls}-large {
+      > .@{tab-prefix-cls}-nav {
+        .@{tab-prefix-cls}-tab {
+          padding: @tabs-card-horizontal-padding-lg;
+        }
+      }
+    }
+  }
+}