UNPKG

ng-zorro-antd

Version:

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

110 lines 9.48 kB
/** * @fileoverview added by tsickle * Generated from: sider-trigger.component.ts * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ /** * @license * Copyright Alibaba.com All Rights Reserved. * * 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 { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core'; export class NzSiderTriggerComponent { constructor() { this.nzCollapsed = false; this.nzReverseArrow = false; this.nzZeroTrigger = null; this.nzTrigger = undefined; this.matchBreakPoint = false; this.nzCollapsedWidth = null; this.siderWidth = null; this.nzBreakpoint = null; this.isZeroTrigger = false; this.isNormalTrigger = false; } /** * @return {?} */ updateTriggerType() { this.isZeroTrigger = this.nzCollapsedWidth === 0 && ((this.nzBreakpoint && this.matchBreakPoint) || !this.nzBreakpoint); this.isNormalTrigger = this.nzCollapsedWidth !== 0; } /** * @return {?} */ ngOnInit() { this.updateTriggerType(); } /** * @return {?} */ ngOnChanges() { this.updateTriggerType(); } } NzSiderTriggerComponent.decorators = [ { type: Component, args: [{ selector: '[nz-sider-trigger]', exportAs: 'nzSiderTrigger', preserveWhitespaces: false, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: ` <ng-container *ngIf="isZeroTrigger"> <ng-template [ngTemplateOutlet]="nzZeroTrigger || defaultZeroTrigger"></ng-template> </ng-container> <ng-container *ngIf="isNormalTrigger"> <ng-template [ngTemplateOutlet]="nzTrigger || defaultTrigger"></ng-template> </ng-container> <ng-template #defaultTrigger> <i nz-icon [nzType]="nzCollapsed ? 'right' : 'left'" *ngIf="!nzReverseArrow"></i> <i nz-icon [nzType]="nzCollapsed ? 'left' : 'right'" *ngIf="nzReverseArrow"></i> </ng-template> <ng-template #defaultZeroTrigger> <i nz-icon nzType="bars"></i> </ng-template> `, host: { '[class.ant-layout-sider-trigger]': 'isNormalTrigger', '[style.width]': 'isNormalTrigger ? siderWidth : null', '[class.ant-layout-sider-zero-width-trigger]': 'isZeroTrigger', '[class.ant-layout-sider-zero-width-trigger-right]': 'isZeroTrigger && nzReverseArrow', '[class.ant-layout-sider-zero-width-trigger-left]': 'isZeroTrigger && !nzReverseArrow' } }] } ]; NzSiderTriggerComponent.propDecorators = { nzCollapsed: [{ type: Input }], nzReverseArrow: [{ type: Input }], nzZeroTrigger: [{ type: Input }], nzTrigger: [{ type: Input }], matchBreakPoint: [{ type: Input }], nzCollapsedWidth: [{ type: Input }], siderWidth: [{ type: Input }], nzBreakpoint: [{ type: Input }] }; if (false) { /** @type {?} */ NzSiderTriggerComponent.prototype.nzCollapsed; /** @type {?} */ NzSiderTriggerComponent.prototype.nzReverseArrow; /** @type {?} */ NzSiderTriggerComponent.prototype.nzZeroTrigger; /** @type {?} */ NzSiderTriggerComponent.prototype.nzTrigger; /** @type {?} */ NzSiderTriggerComponent.prototype.matchBreakPoint; /** @type {?} */ NzSiderTriggerComponent.prototype.nzCollapsedWidth; /** @type {?} */ NzSiderTriggerComponent.prototype.siderWidth; /** @type {?} */ NzSiderTriggerComponent.prototype.nzBreakpoint; /** @type {?} */ NzSiderTriggerComponent.prototype.isZeroTrigger; /** @type {?} */ NzSiderTriggerComponent.prototype.isNormalTrigger; } //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZXItdHJpZ2dlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy16b3Jyby1hbnRkL2xheW91dC8iLCJzb3VyY2VzIjpbInNpZGVyLXRyaWdnZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQVFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFrQyxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQWdDN0gsTUFBTSxPQUFPLHVCQUF1QjtJQTdCcEM7UUE4QlcsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsa0JBQWEsR0FBNkIsSUFBSSxDQUFDO1FBQy9DLGNBQVMsR0FBeUMsU0FBUyxDQUFDO1FBQzVELG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLHFCQUFnQixHQUFrQixJQUFJLENBQUM7UUFDdkMsZUFBVSxHQUFrQixJQUFJLENBQUM7UUFDakMsaUJBQVksR0FBMkIsSUFBSSxDQUFDO1FBQ3JELGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLG9CQUFlLEdBQUcsS0FBSyxDQUFDO0lBVzFCLENBQUM7Ozs7SUFWQyxpQkFBaUI7UUFDZixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3hILElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixLQUFLLENBQUMsQ0FBQztJQUNyRCxDQUFDOzs7O0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7Ozs7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQzs7O1lBakRGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5QixRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixtQkFBbUIsRUFBRSxLQUFLO2dCQUMxQixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtnQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07Z0JBQy9DLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7R0FjVDtnQkFDRCxJQUFJLEVBQUU7b0JBQ0osa0NBQWtDLEVBQUUsaUJBQWlCO29CQUNyRCxlQUFlLEVBQUUscUNBQXFDO29CQUN0RCw2Q0FBNkMsRUFBRSxlQUFlO29CQUM5RCxtREFBbUQsRUFBRSxpQ0FBaUM7b0JBQ3RGLGtEQUFrRCxFQUFFLGtDQUFrQztpQkFDdkY7YUFDRjs7OzBCQUVFLEtBQUs7NkJBQ0wsS0FBSzs0QkFDTCxLQUFLO3dCQUNMLEtBQUs7OEJBQ0wsS0FBSzsrQkFDTCxLQUFLO3lCQUNMLEtBQUs7MkJBQ0wsS0FBSzs7OztJQVBOLDhDQUE2Qjs7SUFDN0IsaURBQWdDOztJQUNoQyxnREFBd0Q7O0lBQ3hELDRDQUFxRTs7SUFDckUsa0RBQWlDOztJQUNqQyxtREFBZ0Q7O0lBQ2hELDZDQUEwQzs7SUFDMUMsK0NBQXFEOztJQUNyRCxnREFBc0I7O0lBQ3RCLGtEQUF3QiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBBbGliYWJhLmNvbSBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vZ2l0aHViLmNvbS9ORy1aT1JSTy9uZy16b3Jyby1hbnRkL2Jsb2IvbWFzdGVyL0xJQ0VOU0VcbiAqL1xuXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFRlbXBsYXRlUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTnpCcmVha3BvaW50S2V5IH0gZnJvbSAnbmctem9ycm8tYW50ZC9jb3JlL3NlcnZpY2VzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnW256LXNpZGVyLXRyaWdnZXJdJyxcbiAgZXhwb3J0QXM6ICduelNpZGVyVHJpZ2dlcicsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNaZXJvVHJpZ2dlclwiPlxuICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm56WmVyb1RyaWdnZXIgfHwgZGVmYXVsdFplcm9UcmlnZ2VyXCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNOb3JtYWxUcmlnZ2VyXCI+XG4gICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibnpUcmlnZ2VyIHx8IGRlZmF1bHRUcmlnZ2VyXCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRUcmlnZ2VyPlxuICAgICAgPGkgbnotaWNvbiBbbnpUeXBlXT1cIm56Q29sbGFwc2VkID8gJ3JpZ2h0JyA6ICdsZWZ0J1wiICpuZ0lmPVwiIW56UmV2ZXJzZUFycm93XCI+PC9pPlxuICAgICAgPGkgbnotaWNvbiBbbnpUeXBlXT1cIm56Q29sbGFwc2VkID8gJ2xlZnQnIDogJ3JpZ2h0J1wiICpuZ0lmPVwibnpSZXZlcnNlQXJyb3dcIj48L2k+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRaZXJvVHJpZ2dlcj5cbiAgICAgIDxpIG56LWljb24gbnpUeXBlPVwiYmFyc1wiPjwvaT5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5hbnQtbGF5b3V0LXNpZGVyLXRyaWdnZXJdJzogJ2lzTm9ybWFsVHJpZ2dlcicsXG4gICAgJ1tzdHlsZS53aWR0aF0nOiAnaXNOb3JtYWxUcmlnZ2VyID8gc2lkZXJXaWR0aCA6IG51bGwnLFxuICAgICdbY2xhc3MuYW50LWxheW91dC1zaWRlci16ZXJvLXdpZHRoLXRyaWdnZXJdJzogJ2lzWmVyb1RyaWdnZXInLFxuICAgICdbY2xhc3MuYW50LWxheW91dC1zaWRlci16ZXJvLXdpZHRoLXRyaWdnZXItcmlnaHRdJzogJ2lzWmVyb1RyaWdnZXIgJiYgbnpSZXZlcnNlQXJyb3cnLFxuICAgICdbY2xhc3MuYW50LWxheW91dC1zaWRlci16ZXJvLXdpZHRoLXRyaWdnZXItbGVmdF0nOiAnaXNaZXJvVHJpZ2dlciAmJiAhbnpSZXZlcnNlQXJyb3cnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgTnpTaWRlclRyaWdnZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG56Q29sbGFwc2VkID0gZmFsc2U7XG4gIEBJbnB1dCgpIG56UmV2ZXJzZUFycm93ID0gZmFsc2U7XG4gIEBJbnB1dCgpIG56WmVyb1RyaWdnZXI6IFRlbXBsYXRlUmVmPHZvaWQ+IHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIG56VHJpZ2dlcjogVGVtcGxhdGVSZWY8dm9pZD4gfCB1bmRlZmluZWQgfCBudWxsID0gdW5kZWZpbmVkO1xuICBASW5wdXQoKSBtYXRjaEJyZWFrUG9pbnQgPSBmYWxzZTtcbiAgQElucHV0KCkgbnpDb2xsYXBzZWRXaWR0aDogbnVtYmVyIHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIHNpZGVyV2lkdGg6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBuekJyZWFrcG9pbnQ6IE56QnJlYWtwb2ludEtleSB8IG51bGwgPSBudWxsO1xuICBpc1plcm9UcmlnZ2VyID0gZmFsc2U7XG4gIGlzTm9ybWFsVHJpZ2dlciA9IGZhbHNlO1xuICB1cGRhdGVUcmlnZ2VyVHlwZSgpOiB2b2lkIHtcbiAgICB0aGlzLmlzWmVyb1RyaWdnZXIgPSB0aGlzLm56Q29sbGFwc2VkV2lkdGggPT09IDAgJiYgKCh0aGlzLm56QnJlYWtwb2ludCAmJiB0aGlzLm1hdGNoQnJlYWtQb2ludCkgfHwgIXRoaXMubnpCcmVha3BvaW50KTtcbiAgICB0aGlzLmlzTm9ybWFsVHJpZ2dlciA9IHRoaXMubnpDb2xsYXBzZWRXaWR0aCAhPT0gMDtcbiAgfVxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnVwZGF0ZVRyaWdnZXJUeXBlKCk7XG4gIH1cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVUcmlnZ2VyVHlwZSgpO1xuICB9XG59XG4iXX0=