ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
69 lines • 8.11 kB
JavaScript
/**
* 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
*/
import { NgTemplateOutlet } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
import { tabSwitchMotion } from 'ng-zorro-antd/core/animation';
import * as i0 from "@angular/core";
export class NzTabBodyComponent {
constructor() {
this.content = null;
this.active = false;
this.animated = true;
this.forceRender = false;
/**
* If this tab is ever activated, then the content should always be rendered.
*/
this.hasBeenActive = false;
}
ngOnChanges(changes) {
const { active } = changes;
if (active?.currentValue) {
this.hasBeenActive = true;
}
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NzTabBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: NzTabBodyComponent, isStandalone: true, selector: "[nz-tab-body]", inputs: { content: "content", active: "active", animated: "animated", forceRender: "forceRender" }, host: { properties: { "class.ant-tabs-tabpane-active": "active", "class.ant-tabs-tabpane-hidden": "animated ? null : !active", "attr.tabindex": "active ? 0 : -1", "attr.aria-hidden": "!active", "style.overflow-y": "animated ? active ? null : \"none\" : null", "@tabSwitchMotion": "active ? 'enter' : 'leave'", "@.disabled": "!animated" }, classAttribute: "ant-tabs-tabpane" }, exportAs: ["nzTabBody"], usesOnChanges: true, ngImport: i0, template: `
(hasBeenActive || forceRender) {
<ng-template [ngTemplateOutlet]="content"></ng-template>
}
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [tabSwitchMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NzTabBodyComponent, decorators: [{
type: Component,
args: [{
selector: '[nz-tab-body]',
exportAs: 'nzTabBody',
preserveWhitespaces: false,
encapsulation: ViewEncapsulation.None,
changeDetection: ChangeDetectionStrategy.OnPush,
template: `
(hasBeenActive || forceRender) {
<ng-template [ngTemplateOutlet]="content"></ng-template>
}
`,
host: {
class: 'ant-tabs-tabpane',
'[class.ant-tabs-tabpane-active]': 'active',
'[class.ant-tabs-tabpane-hidden]': 'animated ? null : !active',
'[attr.tabindex]': 'active ? 0 : -1',
'[attr.aria-hidden]': '!active',
'[style.overflow-y]': 'animated ? active ? null : "none" : null',
'[@tabSwitchMotion]': `active ? 'enter' : 'leave'`,
'[@.disabled]': `!animated`
},
imports: [NgTemplateOutlet],
standalone: true,
animations: [tabSwitchMotion]
}]
}], propDecorators: { content: [{
type: Input
}], active: [{
type: Input
}], animated: [{
type: Input
}], forceRender: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJvZHkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1ib2R5LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxLQUFLLEVBSUwsaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUEyQi9ELE1BQU0sT0FBTyxrQkFBa0I7SUF6Qi9CO1FBMEJXLFlBQU8sR0FBNkIsSUFBSSxDQUFDO1FBQ3pDLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2hCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBRTdCOztXQUVHO1FBQ08sa0JBQWEsR0FBRyxLQUFLLENBQUM7S0FRakM7SUFOQyxXQUFXLENBQUMsT0FBc0I7UUFDaEMsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLE9BQU8sQ0FBQztRQUMzQixJQUFJLE1BQU0sRUFBRSxZQUFZLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztRQUM1QixDQUFDO0lBQ0gsQ0FBQzs4R0FoQlUsa0JBQWtCO2tHQUFsQixrQkFBa0Isb2xCQW5CbkI7Ozs7R0FJVCw0REFXUyxnQkFBZ0Isc0lBRWQsQ0FBQyxlQUFlLENBQUM7OzJGQUVsQixrQkFBa0I7a0JBekI5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixRQUFRLEVBQUUsV0FBVztvQkFDckIsbUJBQW1CLEVBQUUsS0FBSztvQkFDMUIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLGtCQUFrQjt3QkFDekIsaUNBQWlDLEVBQUUsUUFBUTt3QkFDM0MsaUNBQWlDLEVBQUUsMkJBQTJCO3dCQUM5RCxpQkFBaUIsRUFBRSxpQkFBaUI7d0JBQ3BDLG9CQUFvQixFQUFFLFNBQVM7d0JBQy9CLG9CQUFvQixFQUFFLDBDQUEwQzt3QkFDaEUsb0JBQW9CLEVBQUUsNEJBQTRCO3dCQUNsRCxjQUFjLEVBQUUsV0FBVztxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQzNCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixVQUFVLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzlCOzhCQUVVLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2dpdGh1Yi5jb20vTkctWk9SUk8vbmctem9ycm8tYW50ZC9ibG9iL21hc3Rlci9MSUNFTlNFXG4gKi9cblxuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBTaW1wbGVDaGFuZ2VzLFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IHRhYlN3aXRjaE1vdGlvbiB9IGZyb20gJ25nLXpvcnJvLWFudGQvY29yZS9hbmltYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdbbnotdGFiLWJvZHldJyxcbiAgZXhwb3J0QXM6ICduelRhYkJvZHknLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlOiBgXG4gICAgQGlmIChoYXNCZWVuQWN0aXZlIHx8IGZvcmNlUmVuZGVyKSB7XG4gICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29udGVudFwiPjwvbmctdGVtcGxhdGU+XG4gICAgfVxuICBgLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdhbnQtdGFicy10YWJwYW5lJyxcbiAgICAnW2NsYXNzLmFudC10YWJzLXRhYnBhbmUtYWN0aXZlXSc6ICdhY3RpdmUnLFxuICAgICdbY2xhc3MuYW50LXRhYnMtdGFicGFuZS1oaWRkZW5dJzogJ2FuaW1hdGVkID8gbnVsbCA6ICFhY3RpdmUnLFxuICAgICdbYXR0ci50YWJpbmRleF0nOiAnYWN0aXZlID8gMCA6IC0xJyxcbiAgICAnW2F0dHIuYXJpYS1oaWRkZW5dJzogJyFhY3RpdmUnLFxuICAgICdbc3R5bGUub3ZlcmZsb3cteV0nOiAnYW5pbWF0ZWQgPyBhY3RpdmUgPyBudWxsIDogXCJub25lXCIgOiBudWxsJyxcbiAgICAnW0B0YWJTd2l0Y2hNb3Rpb25dJzogYGFjdGl2ZSA/ICdlbnRlcicgOiAnbGVhdmUnYCxcbiAgICAnW0AuZGlzYWJsZWRdJzogYCFhbmltYXRlZGBcbiAgfSxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXRdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBhbmltYXRpb25zOiBbdGFiU3dpdGNoTW90aW9uXVxufSlcbmV4cG9ydCBjbGFzcyBOelRhYkJvZHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBjb250ZW50OiBUZW1wbGF0ZVJlZjx2b2lkPiB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBhY3RpdmUgPSBmYWxzZTtcbiAgQElucHV0KCkgYW5pbWF0ZWQgPSB0cnVlO1xuICBASW5wdXQoKSBmb3JjZVJlbmRlciA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJZiB0aGlzIHRhYiBpcyBldmVyIGFjdGl2YXRlZCwgdGhlbiB0aGUgY29udGVudCBzaG91bGQgYWx3YXlzIGJlIHJlbmRlcmVkLlxuICAgKi9cbiAgcHJvdGVjdGVkIGhhc0JlZW5BY3RpdmUgPSBmYWxzZTtcblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgY29uc3QgeyBhY3RpdmUgfSA9IGNoYW5nZXM7XG4gICAgaWYgKGFjdGl2ZT8uY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLmhhc0JlZW5BY3RpdmUgPSB0cnVlO1xuICAgIH1cbiAgfVxufVxuIl19