ng-zorro-antd/tabs/ng-zorro-antd-tabs.metadata.json

An enterprise-class UI components based on Ant Design and Angular

{"__symbolic":"module","version":4,"metadata":{"ɵNzTabAddButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nz-tab-add-button, button[nz-tab-add-button]","template":"\n    <ng-container *nzStringTemplateOutlet=\"addIcon; let icon\">\n      <i nz-icon [nzType]=\"icon\" nzTheme=\"outline\"></i>\n    </ng-container>\n  ","host":{"class":"ant-tabs-nav-add","aria-label":"Add tab","type":"button","$quoted$":["aria-label"]}}]}],"members":{"addIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":27,"character":45,"context":{"typeName":"HTMLElement"},"module":"./tab-add-button.component"}]}]}],"getElementWidth":[{"__symbolic":"method"}],"getElementHeight":[{"__symbolic":"method"}]}},"ɵNzTabsInkBarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"nz-tabs-ink-bar, [nz-tabs-ink-bar]","host":{"class":"ant-tabs-ink-bar","[class.ant-tabs-ink-bar-animated]":"_animated","$quoted$":["[class.ant-tabs-ink-bar-animated]"]}}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"animated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"ANIMATION_MODULE_TYPE","line":29,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":27,"character":35,"context":{"typeName":"HTMLElement"},"module":"./tabs-ink-bar.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":28,"character":20},{"__symbolic":"reference","name":"string"}]}],"alignToElement":[{"__symbolic":"method"}],"setStyles":[{"__symbolic":"method"}],"getLeftPosition":[{"__symbolic":"method"}],"getElementWidth":[{"__symbolic":"method"}],"getTopPosition":[{"__symbolic":"method"}],"getElementHeight":[{"__symbolic":"method"}]}},"ɵNzTabNavBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":49,"character":1},"arguments":[{"selector":"nz-tabs-nav","exportAs":"nzTabsNav","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":53,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":54,"character":17},"member":"None"},"template":"\n    <div\n      class=\"ant-tabs-nav-wrap\"\n      [class.ant-tabs-nav-wrap-ping-left]=\"pingLeft\"\n      [class.ant-tabs-nav-wrap-ping-right]=\"pingRight\"\n      [class.ant-tabs-nav-wrap-ping-top]=\"pingTop\"\n      [class.ant-tabs-nav-wrap-ping-bottom]=\"pingBottom\"\n      #navWarp\n    >\n      <div class=\"ant-tabs-nav-list\" #navList nzTabScrollList (offsetChange)=\"onOffsetChange($event)\" (tabScroll)=\"tabScroll.emit($event)\">\n        <ng-content></ng-content>\n        <button *ngIf=\"showAddButton\" nz-tab-add-button [addIcon]=\"addIcon\" (click)=\"addClicked.emit()\"></button>\n        <div nz-tabs-ink-bar [hidden]=\"hideBar\" [position]=\"position\" [animated]=\"inkBarAnimated\"></div>\n      </div>\n    </div>\n    <nz-tab-nav-operation\n      (addClicked)=\"addClicked.emit()\"\n      (selected)=\"onSelectedFromMenu($event)\"\n      [addIcon]=\"addIcon\"\n      [addable]=\"addable\"\n      [items]=\"hiddenItems\"\n    ></nz-tab-nav-operation>\n    <div class=\"ant-tabs-extra-content\" *ngIf=\"extraTemplate\">\n      <ng-template [ngTemplateOutlet]=\"extraTemplate\"></ng-template>\n    </div>\n  ","host":{"role":"tablist","class":"ant-tabs-nav","(keydown)":"handleKeydown($event)","$quoted$":["(keydown)"]}}]}],"members":{"indexFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":90,"character":3}}]}],"selectFocusedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":91,"character":3}}]}],"addClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":3}}]}],"tabScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"addable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"hideBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"addIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"inkBarAnimated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"extraTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"navWarpRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":117,"character":3},"arguments":["navWarp",{"static":true}]}]}],"navListRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":118,"character":3},"arguments":["navList",{"static":true}]}]}],"operationRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":119,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵNzTabNavOperationComponent"},{"static":true}]}]}],"addBtnRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":120,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵNzTabAddButtonComponent"},{"static":false}]}]}],"inkBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":121,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵNzTabsInkBarDirective"},{"static":true}]}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":122,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵNzTabNavItemDirective"},{"descendants":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":171,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":167,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":168,"character":20},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"ViewportRuler","line":169,"character":27},{"__symbolic":"reference","module":"ng-zorro-antd/core/resize-observers","name":"NzResizeObserver","line":170,"character":30},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":171,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onSelectedFromMenu":[{"__symbolic":"method"}],"onOffsetChange":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"isValidIndex":[{"__symbolic":"method"}],"scrollToTab":[{"__symbolic":"method"}],"lockAnimation":[{"__symbolic":"method"}],"setTransform":[{"__symbolic":"method"}],"clampTransformX":[{"__symbolic":"method"}],"clampTransformY":[{"__symbolic":"method"}],"updateScrollListPosition":[{"__symbolic":"method"}],"resetSizes":[{"__symbolic":"method"}],"alignInkBarToSelectedTab":[{"__symbolic":"method"}],"setPingStatus":[{"__symbolic":"method"}],"setVisibleRange":[{"__symbolic":"method"}],"getLayoutDirection":[{"__symbolic":"method"}],"setTabFocus":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵNzTabNavItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[nzTabNavItem]"}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"tab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":20,"character":44,"context":{"typeName":"HTMLElement"},"module":"./tab-nav-item.directive"}]}]}],"focus":[{"__symbolic":"method"}]}},"ɵNzTabBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"[nz-tab-body]","exportAs":"nzTabBody","preserveWhitespaces":false,"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"\n    <ng-container *ngIf=\"active || forceRender\">\n      <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n    </ng-container>\n  ","host":{"class":"ant-tabs-tabpane","[class.ant-tabs-tabpane-active]":"active","[attr.tabindex]":"active ? 0 : -1","[attr.aria-hidden]":"!active","[style.visibility]":"tabPaneAnimated ? active ? null : \"hidden\" : null","[style.height]":"tabPaneAnimated ? active ? null : 0 : null","[style.overflow-y]":"tabPaneAnimated ? active ? null : \"none\" : null","[style.display]":"!tabPaneAnimated ? active ? null : \"none\" : null","$quoted$":["[class.ant-tabs-tabpane-active]","[attr.tabindex]","[attr.aria-hidden]","[style.visibility]","[style.height]","[style.overflow-y]","[style.display]"]}}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"tabPaneAnimated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"forceRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}]}},"ɵNzTabNavOperationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"nz-tab-nav-operation","exportAs":"nzTabNavOperation","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"},"template":"\n    <button\n      nz-dropdown\n      class=\"ant-tabs-nav-more\"\n      type=\"button\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      nzOverlayClassName=\"nz-tabs-dropdown\"\n      #dropdownTrigger=\"nzDropdown\"\n      [nzDropdownMenu]=\"menu\"\n      [nzOverlayStyle]=\"{ minWidth: '46px' }\"\n      [nzMatchWidthElement]=\"null\"\n      (nzVisibleChange)=\"menuVisChange($event)\"\n      (mouseenter)=\"showItems()\"\n    >\n      <i nz-icon nzType=\"ellipsis\"></i>\n    </button>\n    <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n      <ul nz-menu *ngIf=\"menuOpened\">\n        <li\n          nz-menu-item\n          *ngFor=\"let item of items\"\n          class=\"ant-tabs-dropdown-menu-item\"\n          [class.ant-tabs-dropdown-menu-item-disabled]=\"item.disabled\"\n          [nzSelected]=\"item.active\"\n          [nzDisabled]=\"item.disabled\"\n          (click)=\"onSelect(item)\"\n          (contextmenu)=\"onContextmenu(item, $event)\"\n        >\n          <ng-container *nzStringTemplateOutlet=\"item.tab.label; context: { visible: false }\">{{ item.tab.label }}</ng-container>\n        </li>\n      </ul>\n    </nz-dropdown-menu>\n    <button *ngIf=\"addable\" nz-tab-add-button [addIcon]=\"addIcon\" (click)=\"addClicked.emit()\"></button>\n  ","host":{"class":"ant-tabs-nav-operations","[class.ant-tabs-nav-operations-hidden]":"items.length === 0","$quoted$":["[class.ant-tabs-nav-operations-hidden]"]}}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"addable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"addIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"addClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":79,"character":26},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":79,"character":76,"context":{"typeName":"HTMLElement"},"module":"./tab-nav-operation.component"}]}]}],"onSelect":[{"__symbolic":"method"}],"onContextmenu":[{"__symbolic":"method"}],"showItems":[{"__symbolic":"method"}],"menuVisChange":[{"__symbolic":"method"}],"getElementWidth":[{"__symbolic":"method"}],"getElementHeight":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵNzTabScrollListDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"[nzTabScrollList]"}]}],"members":{"offsetChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"tabScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":35,"character":30},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":35,"character":69,"context":{"typeName":"HTMLElement"},"module":"./tab-scroll-list.directive"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"subscribeWrap":[{"__symbolic":"method"}],"onOffset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵNzTabCloseButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nz-tab-close-button, button[nz-tab-close-button]","template":"\n    <ng-container *nzStringTemplateOutlet=\"closeIcon; let icon\">\n      <i nz-icon [nzType]=\"icon\" nzTheme=\"outline\"></i>\n    </ng-container>\n  ","host":{"class":"ant-tabs-tab-remove","aria-label":"Close tab","type":"button","$quoted$":["aria-label"]}}]}],"members":{"closeIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"NZ_TAB_SET":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":34,"character":30},"arguments":["NZ_TAB_SET"]},"NzTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"nz-tab","exportAs":"nzTab","preserveWhitespaces":false,"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":40,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":41,"character":19},"member":"OnPush"},"template":"\n    <ng-template #tabLinkTemplate>\n      <ng-content select=\"[nz-tab-link]\"></ng-content>\n    </ng-template>\n    <ng-template #contentTemplate><ng-content></ng-content></ng-template>\n  "}]}],"members":{"nzTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"nzClosable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":55,"character":12}}]}],"nzCloseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"nzDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":57,"character":12}}]}],"nzForceRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":58,"character":12}}]}],"nzSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"nzDeselect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":60,"character":3}}]}],"nzClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":3}}]}],"nzContextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":62,"character":3}}]}],"nzTabLinkTemplateDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":64,"character":3},"arguments":[{"__symbolic":"reference","name":"NzTabLinkTemplateDirective"},{"static":false}]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":65,"character":3},"arguments":[{"__symbolic":"reference","name":"NzTabDirective"},{"static":false,"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":65,"character":55}}]}]}],"linkDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":66,"character":3},"arguments":[{"__symbolic":"reference","name":"NzTabLinkDirective"},{"static":false}]}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":67,"character":3},"arguments":["contentTemplate",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":82,"character":15},"arguments":[{"__symbolic":"reference","name":"NZ_TAB_SET"}]}]],"parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core/types","name":"NzSafeAny","line":82,"character":56}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NzTabDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[nz-tab]","exportAs":"nzTab"}]}],"members":{}},"NzTabLinkTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"ng-template[nzTabLink]","exportAs":"nzTabLinkTemplate"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":18,"character":15}}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"TabTemplateContext"}]}]}]}},"NzTabLinkDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"a[nz-tab-link]","exportAs":"nzTabLink"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":31,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":31,"character":17}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":32,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":32,"character":17}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":30,"character":34,"context":{"typeName":"HTMLAnchorElement"},"module":"./tab-link.directive"}]},{"__symbolic":"reference","module":"@angular/router","name":"RouterLink","line":31,"character":44},{"__symbolic":"reference","module":"@angular/router","name":"RouterLinkWithHref","line":32,"character":52}]}]}},"NzTabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":45,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"NzTabSetComponent"},{"__symbolic":"reference","name":"NzTabComponent"},{"__symbolic":"reference","name":"ɵNzTabNavBarComponent"},{"__symbolic":"reference","name":"ɵNzTabNavItemDirective"},{"__symbolic":"reference","name":"ɵNzTabsInkBarDirective"},{"__symbolic":"reference","name":"ɵNzTabScrollListDirective"},{"__symbolic":"reference","name":"ɵNzTabNavOperationComponent"},{"__symbolic":"reference","name":"ɵNzTabAddButtonComponent"},{"__symbolic":"reference","name":"ɵNzTabCloseButtonComponent"},{"__symbolic":"reference","name":"NzTabDirective"},{"__symbolic":"reference","name":"ɵNzTabBodyComponent"},{"__symbolic":"reference","name":"NzTabLinkDirective"},{"__symbolic":"reference","name":"NzTabLinkTemplateDirective"}]],"exports":[[{"__symbolic":"reference","name":"NzTabSetComponent"},{"__symbolic":"reference","name":"NzTabComponent"},{"__symbolic":"reference","name":"ɵNzTabNavBarComponent"},{"__symbolic":"reference","name":"ɵNzTabNavItemDirective"},{"__symbolic":"reference","name":"ɵNzTabsInkBarDirective"},{"__symbolic":"reference","name":"ɵNzTabScrollListDirective"},{"__symbolic":"reference","name":"ɵNzTabNavOperationComponent"},{"__symbolic":"reference","name":"ɵNzTabAddButtonComponent"},{"__symbolic":"reference","name":"ɵNzTabCloseButtonComponent"},{"__symbolic":"reference","name":"NzTabDirective"},{"__symbolic":"reference","name":"ɵNzTabBodyComponent"},{"__symbolic":"reference","name":"NzTabLinkDirective"},{"__symbolic":"reference","name":"NzTabLinkTemplateDirective"}]],"imports":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":49,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":4},{"__symbolic":"reference","module":"@angular/cdk/observers","name":"ObserversModule","line":51,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":52,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule","line":54,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":55,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"CdkScrollableModule","line":56,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/dropdown","name":"NzDropDownModule","line":57,"character":4}]}]}],"members":{}},"NzTabSetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":53,"character":1},"arguments":[{"selector":"nz-tabset","exportAs":"nzTabset","preserveWhitespaces":false,"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":57,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":58,"character":19},"member":"Default"},"providers":[{"provide":{"__symbolic":"reference","name":"NZ_TAB_SET"},"useExisting":{"__symbolic":"reference","name":"NzTabSetComponent"}}],"template":"\n    <nz-tabs-nav\n      *ngIf=\"tabs.length\"\n      [ngStyle]=\"nzTabBarStyle\"\n      [selectedIndex]=\"nzSelectedIndex || 0\"\n      [inkBarAnimated]=\"inkBarAnimated\"\n      [addable]=\"addable\"\n      [addIcon]=\"nzAddIcon\"\n      [hideBar]=\"nzHideAll\"\n      [position]=\"position\"\n      [extraTemplate]=\"nzTabBarExtraContent\"\n      (tabScroll)=\"nzTabListScroll.emit($event)\"\n      (selectFocusedIndex)=\"setSelectedIndex($event)\"\n      (addClicked)=\"onAdd()\"\n    >\n      <div\n        class=\"ant-tabs-tab\"\n        [style.margin-right.px]=\"position === 'horizontal' ? nzTabBarGutter : null\"\n        [style.margin-bottom.px]=\"position === 'vertical' ? nzTabBarGutter : null\"\n        [class.ant-tabs-tab-active]=\"nzSelectedIndex === i\"\n        [class.ant-tabs-tab-disabled]=\"tab.nzDisabled\"\n        (click)=\"clickNavItem(tab, i, $event)\"\n        (contextmenu)=\"contextmenuNavItem(tab, $event)\"\n        *ngFor=\"let tab of tabs; let i = index\"\n      >\n        <div\n          role=\"tab\"\n          [attr.tabIndex]=\"getTabIndex(tab, i)\"\n          [attr.aria-disabled]=\"tab.nzDisabled\"\n          [attr.aria-selected]=\"nzSelectedIndex === i && !nzHideAll\"\n          [attr.aria-controls]=\"getTabContentId(i)\"\n          [disabled]=\"tab.nzDisabled\"\n          [tab]=\"tab\"\n          [active]=\"nzSelectedIndex === i\"\n          class=\"ant-tabs-tab-btn\"\n          nzTabNavItem\n          cdkMonitorElementFocus\n        >\n          <ng-container *nzStringTemplateOutlet=\"tab.label; context: { visible: true }\">{{ tab.label }}</ng-container>\n          <button\n            nz-tab-close-button\n            *ngIf=\"tab.nzClosable && closable && !tab.nzDisabled\"\n            [closeIcon]=\"tab.nzCloseIcon\"\n            (click)=\"onClose(i, $event)\"\n          ></button>\n        </div>\n      </div>\n    </nz-tabs-nav>\n    <div class=\"ant-tabs-content-holder\">\n      <div\n        class=\"ant-tabs-content\"\n        [class.ant-tabs-content-top]=\"nzTabPosition === 'top'\"\n        [class.ant-tabs-content-bottom]=\"nzTabPosition === 'bottom'\"\n        [class.ant-tabs-content-left]=\"nzTabPosition === 'left'\"\n        [class.ant-tabs-content-right]=\"nzTabPosition === 'right'\"\n        [class.ant-tabs-content-animated]=\"tabPaneAnimated\"\n        [style.margin-left]=\"getTabContentMarginLeft()\"\n        [style.margin-right]=\"getTabContentMarginRight()\"\n      >\n        <div\n          nz-tab-body\n          *ngFor=\"let tab of tabs; let i = index\"\n          [active]=\"nzSelectedIndex == i && !nzHideAll\"\n          [content]=\"tab.content\"\n          [forceRender]=\"tab.nzForceRender\"\n          [tabPaneAnimated]=\"tabPaneAnimated\"\n        ></div>\n      </div>\n    </div>\n  ","host":{"class":"ant-tabs","[class.ant-tabs-card]":"nzType === 'card' || nzType === 'editable-card'","[class.ant-tabs-editable]":"nzType === 'editable-card'","[class.ant-tabs-editable-card]":"nzType === 'editable-card'","[class.ant-tabs-centered]":"nzCentered","[class.ant-tabs-rtl]":"dir === 'rtl'","[class.ant-tabs-top]":"nzTabPosition === 'top'","[class.ant-tabs-bottom]":"nzTabPosition === 'bottom'","[class.ant-tabs-left]":"nzTabPosition === 'left'","[class.ant-tabs-right]":"nzTabPosition === 'right'","[class.ant-tabs-default]":"nzSize === 'default'","[class.ant-tabs-small]":"nzSize === 'small'","[class.ant-tabs-large]":"nzSize === 'large'","$quoted$":["[class.ant-tabs-card]","[class.ant-tabs-editable]","[class.ant-tabs-editable-card]","[class.ant-tabs-centered]","[class.ant-tabs-rtl]","[class.ant-tabs-top]","[class.ant-tabs-bottom]","[class.ant-tabs-left]","[class.ant-tabs-right]","[class.ant-tabs-default]","[class.ant-tabs-small]","[class.ant-tabs-large]"]}}]}],"members":{"nzSelectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3}}]}],"nzTabPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3}}]}],"nzTabBarExtraContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":3}}]}],"nzCanDeactivate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"nzAddIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":3}}]}],"nzTabBarStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3}}]}],"nzType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":173,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":173,"character":12}}]}],"nzSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":174,"character":12}}]}],"nzAnimated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":175,"character":12}}]}],"nzTabBarGutter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":176,"character":12}}]}],"nzHideAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":177,"character":12}}]}],"nzCentered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":178,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":178,"character":12}}]}],"nzHideAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":179,"character":12}}]}],"nzLinkRouter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":180,"character":12}}]}],"nzLinkExact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":181,"character":12}}]}],"nzSelectChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":183,"character":3}}]}],"nzSelectedIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":184,"character":3}}]}],"nzTabListScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":185,"character":3}}]}],"nzClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":186,"character":3}}]}],"nzAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":187,"character":3}}]}],"allTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":217,"character":3},"arguments":[{"__symbolic":"reference","name":"NzTabComponent"},{"descendants":true}]}]}],"tabNavBarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":218,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵNzTabNavBarComponent"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":235,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":236,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"NzConfigService","line":233,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":234,"character":17},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":235,"character":40},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":236,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"onClose":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"clampTabIndex":[{"__symbolic":"method"}],"createChangeEvent":[{"__symbolic":"method"}],"subscribeToTabLabels":[{"__symbolic":"method"}],"subscribeToAllTabChanges":[{"__symbolic":"method"}],"canDeactivateFun":[{"__symbolic":"method"}],"clickNavItem":[{"__symbolic":"method"}],"isRouterLinkClickEvent":[{"__symbolic":"method"}],"contextmenuNavItem":[{"__symbolic":"method"}],"setSelectedIndex":[{"__symbolic":"method"}],"getTabIndex":[{"__symbolic":"method"}],"getTabContentId":[{"__symbolic":"method"}],"setUpRouter":[{"__symbolic":"method"}],"updateRouterActive":[{"__symbolic":"method"}],"findShouldActiveTabIndex":[{"__symbolic":"method"}],"isLinkActive":[{"__symbolic":"method"}],"getTabContentMarginValue":[{"__symbolic":"method"}],"getTabContentMarginLeft":[{"__symbolic":"method"}],"getTabContentMarginRight":[{"__symbolic":"method"}]}},"NzTabPosition":{"__symbolic":"interface"},"NzTabType":{"__symbolic":"interface"},"NzTabsCanDeactivateFn":{"__symbolic":"interface"},"NzTabPositionMode":{"__symbolic":"interface"},"NzAnimatedInterface":{"__symbolic":"interface"},"NzTabChangeEvent":{"__symbolic":"class","members":{}},"NzTabScrollListOffset":{"__symbolic":"interface"},"NzTabScrollListOffsetEvent":{"__symbolic":"interface"},"NzTabScrollEvent":{"__symbolic":"interface"},"NzTabScrollEventHandlerFun":{"__symbolic":"interface"},"TabTemplateContext":{"__symbolic":"interface"}},"origins":{"ɵNzTabAddButtonComponent":"./tab-add-button.component","ɵNzTabsInkBarDirective":"./tabs-ink-bar.directive","ɵNzTabNavBarComponent":"./tab-nav-bar.component","ɵNzTabNavItemDirective":"./tab-nav-item.directive","ɵNzTabBodyComponent":"./tab-body.component","ɵNzTabNavOperationComponent":"./tab-nav-operation.component","ɵNzTabScrollListDirective":"./tab-scroll-list.directive","ɵNzTabCloseButtonComponent":"./tab-close-button.component","NZ_TAB_SET":"./tab.component","NzTabComponent":"./tab.component","NzTabDirective":"./tab.directive","NzTabLinkTemplateDirective":"./tab-link.directive","NzTabLinkDirective":"./tab-link.directive","NzTabsModule":"./tabs.module","NzTabSetComponent":"./tabset.component","NzTabPosition":"./interfaces","NzTabType":"./interfaces","NzTabsCanDeactivateFn":"./interfaces","NzTabPositionMode":"./interfaces","NzAnimatedInterface":"./interfaces","NzTabChangeEvent":"./interfaces","NzTabScrollListOffset":"./interfaces","NzTabScrollListOffsetEvent":"./interfaces","NzTabScrollEvent":"./interfaces","NzTabScrollEventHandlerFun":"./interfaces","TabTemplateContext":"./interfaces"},"importAs":"ng-zorro-antd/tabs"}