ng-zorro-antd/bundles/ng-zorro-antd-layout.umd.min.js

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

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/cdk/bidi"),require("rxjs"),require("rxjs/operators"),require("@angular/cdk/platform"),require("ng-zorro-antd/core/services"),require("ng-zorro-antd/core/util"),require("ng-zorro-antd/menu"),require("@angular/cdk/layout"),require("@angular/common"),require("ng-zorro-antd/icon")):"function"==typeof define&&define.amd?define("ng-zorro-antd/layout",["exports","@angular/core","@angular/cdk/bidi","rxjs","rxjs/operators","@angular/cdk/platform","ng-zorro-antd/core/services","ng-zorro-antd/core/util","ng-zorro-antd/menu","@angular/cdk/layout","@angular/common","ng-zorro-antd/icon"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].layout={}),e.ng.core,e.ng.cdk.bidi,e.rxjs,e.rxjs.operators,e.ng.cdk.platform,e["ng-zorro-antd"].core.services,e["ng-zorro-antd"].core.util,e["ng-zorro-antd"].menu,e.ng.cdk.layout,e.ng.common,e["ng-zorro-antd"].icon)}(this,(function(e,t,n,r,o,i,a,s,l,p,d,c){"use strict";var g=function(e,t){this.elementRef=e,this.renderer=t,this.renderer.addClass(this.elementRef.nativeElement,"ant-layout-content")};g.decorators=[{type:t.Component,args:[{selector:"nz-content",exportAs:"nzContent",preserveWhitespaces:!1,changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,template:" <ng-content></ng-content> "}]}],g.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]};var u=function(e,t){this.elementRef=e,this.renderer=t,this.renderer.addClass(this.elementRef.nativeElement,"ant-layout-footer")};u.decorators=[{type:t.Component,args:[{selector:"nz-footer",exportAs:"nzFooter",preserveWhitespaces:!1,encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,template:" <ng-content></ng-content> "}]}],u.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]};var h=function(e,t){this.elementRef=e,this.renderer=t,this.renderer.addClass(this.elementRef.nativeElement,"ant-layout-header")};h.decorators=[{type:t.Component,args:[{selector:"nz-header",exportAs:"nzHeader",changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,preserveWhitespaces:!1,template:" <ng-content></ng-content> "}]}],h.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]};function z(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function y(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}Object.create;Object.create;var f=function(){function e(e,n,o,i){this.platform=e,this.cdr=n,this.breakpointService=o,this.elementRef=i,this.destroy$=new r.Subject,this.nzMenuDirective=null,this.nzCollapsedChange=new t.EventEmitter,this.nzWidth=200,this.nzTheme="dark",this.nzCollapsedWidth=80,this.nzBreakpoint=null,this.nzZeroTrigger=null,this.nzTrigger=void 0,this.nzReverseArrow=!1,this.nzCollapsible=!1,this.nzCollapsed=!1,this.matchBreakPoint=!1,this.flexSetting=null,this.widthSetting=null,this.elementRef.nativeElement.classList.add("ant-layout-sider")}return e.prototype.updateStyleMap=function(){this.widthSetting=this.nzCollapsed?this.nzCollapsedWidth+"px":s.toCssPixel(this.nzWidth),this.flexSetting="0 0 "+this.widthSetting,this.cdr.markForCheck()},e.prototype.updateMenuInlineCollapsed=function(){this.nzMenuDirective&&"inline"===this.nzMenuDirective.nzMode&&0!==this.nzCollapsedWidth&&this.nzMenuDirective.setInlineCollapsed(this.nzCollapsed)},e.prototype.setCollapsed=function(e){e!==this.nzCollapsed&&(this.nzCollapsed=e,this.nzCollapsedChange.emit(e),this.updateMenuInlineCollapsed(),this.updateStyleMap(),this.cdr.markForCheck())},e.prototype.ngOnInit=function(){var e=this;this.updateStyleMap(),this.platform.isBrowser&&this.breakpointService.subscribe(a.siderResponsiveMap,!0).pipe(o.takeUntil(this.destroy$)).subscribe((function(t){var n=e.nzBreakpoint;n&&s.inNextTick().subscribe((function(){e.matchBreakPoint=!t[n],e.setCollapsed(e.matchBreakPoint),e.cdr.markForCheck()}))}))},e.prototype.ngOnChanges=function(e){var t=e.nzCollapsed,n=e.nzCollapsedWidth,r=e.nzWidth;(t||n||r)&&this.updateStyleMap(),t&&this.updateMenuInlineCollapsed()},e.prototype.ngAfterContentInit=function(){this.updateMenuInlineCollapsed()},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e}();f.decorators=[{type:t.Component,args:[{selector:"nz-sider",exportAs:"nzSider",preserveWhitespaces:!1,encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,template:'\n    <div class="ant-layout-sider-children">\n      <ng-content></ng-content>\n    </div>\n    <div\n      *ngIf="nzCollapsible && nzTrigger !== null"\n      nz-sider-trigger\n      [matchBreakPoint]="matchBreakPoint"\n      [nzCollapsedWidth]="nzCollapsedWidth"\n      [nzCollapsed]="nzCollapsed"\n      [nzBreakpoint]="nzBreakpoint"\n      [nzReverseArrow]="nzReverseArrow"\n      [nzTrigger]="nzTrigger"\n      [nzZeroTrigger]="nzZeroTrigger"\n      [siderWidth]="widthSetting"\n      (click)="setCollapsed(!nzCollapsed)"\n    ></div>\n  ',host:{"[class.ant-layout-sider-zero-width]":"nzCollapsed && nzCollapsedWidth === 0","[class.ant-layout-sider-light]":"nzTheme === 'light'","[class.ant-layout-sider-dark]":"nzTheme === 'dark'","[class.ant-layout-sider-collapsed]":"nzCollapsed","[style.flex]":"flexSetting","[style.maxWidth]":"widthSetting","[style.minWidth]":"widthSetting","[style.width]":"widthSetting"}}]}],f.ctorParameters=function(){return[{type:i.Platform},{type:t.ChangeDetectorRef},{type:a.NzBreakpointService},{type:t.ElementRef}]},f.propDecorators={nzMenuDirective:[{type:t.ContentChild,args:[l.NzMenuDirective]}],nzCollapsedChange:[{type:t.Output}],nzWidth:[{type:t.Input}],nzTheme:[{type:t.Input}],nzCollapsedWidth:[{type:t.Input}],nzBreakpoint:[{type:t.Input}],nzZeroTrigger:[{type:t.Input}],nzTrigger:[{type:t.Input}],nzReverseArrow:[{type:t.Input}],nzCollapsible:[{type:t.Input}],nzCollapsed:[{type:t.Input}]},z([s.InputBoolean(),y("design:type",Object)],f.prototype,"nzReverseArrow",void 0),z([s.InputBoolean(),y("design:type",Object)],f.prototype,"nzCollapsible",void 0),z([s.InputBoolean(),y("design:type",Object)],f.prototype,"nzCollapsed",void 0);var m=function(){function e(e,t){this.elementRef=e,this.directionality=t,this.dir="ltr",this.destroy$=new r.Subject,this.elementRef.nativeElement.classList.add("ant-layout")}return e.prototype.ngOnInit=function(){var e,t=this;this.dir=this.directionality.value,null===(e=this.directionality.change)||void 0===e||e.pipe(o.takeUntil(this.destroy$)).subscribe((function(e){t.dir=e}))},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e}();m.decorators=[{type:t.Component,args:[{selector:"nz-layout",exportAs:"nzLayout",encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,preserveWhitespaces:!1,template:"\n    <ng-content></ng-content>\n  ",host:{"[class.ant-layout-rtl]":"dir === 'rtl'","[class.ant-layout-has-sider]":"listOfNzSiderComponent.length > 0"}}]}],m.ctorParameters=function(){return[{type:t.ElementRef},{type:n.Directionality,decorators:[{type:t.Optional}]}]},m.propDecorators={listOfNzSiderComponent:[{type:t.ContentChildren,args:[f]}]};var C=function(){function e(){this.nzCollapsed=!1,this.nzReverseArrow=!1,this.nzZeroTrigger=null,this.nzTrigger=void 0,this.matchBreakPoint=!1,this.nzCollapsedWidth=null,this.siderWidth=null,this.nzBreakpoint=null,this.isZeroTrigger=!1,this.isNormalTrigger=!1}return e.prototype.updateTriggerType=function(){this.isZeroTrigger=0===this.nzCollapsedWidth&&(this.nzBreakpoint&&this.matchBreakPoint||!this.nzBreakpoint),this.isNormalTrigger=0!==this.nzCollapsedWidth},e.prototype.ngOnInit=function(){this.updateTriggerType()},e.prototype.ngOnChanges=function(){this.updateTriggerType()},e}();C.decorators=[{type:t.Component,args:[{selector:"[nz-sider-trigger]",exportAs:"nzSiderTrigger",preserveWhitespaces:!1,encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,template:'\n    <ng-container *ngIf="isZeroTrigger">\n      <ng-template [ngTemplateOutlet]="nzZeroTrigger || defaultZeroTrigger"></ng-template>\n    </ng-container>\n    <ng-container *ngIf="isNormalTrigger">\n      <ng-template [ngTemplateOutlet]="nzTrigger || defaultTrigger"></ng-template>\n    </ng-container>\n    <ng-template #defaultTrigger>\n      <i nz-icon [nzType]="nzCollapsed ? \'right\' : \'left\'" *ngIf="!nzReverseArrow"></i>\n      <i nz-icon [nzType]="nzCollapsed ? \'left\' : \'right\'" *ngIf="nzReverseArrow"></i>\n    </ng-template>\n    <ng-template #defaultZeroTrigger>\n      <i nz-icon nzType="bars"></i>\n    </ng-template>\n  ',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"}}]}],C.propDecorators={nzCollapsed:[{type:t.Input}],nzReverseArrow:[{type:t.Input}],nzZeroTrigger:[{type:t.Input}],nzTrigger:[{type:t.Input}],matchBreakPoint:[{type:t.Input}],nzCollapsedWidth:[{type:t.Input}],siderWidth:[{type:t.Input}],nzBreakpoint:[{type:t.Input}]};var v=function(){};v.decorators=[{type:t.NgModule,args:[{declarations:[m,h,g,u,f,C],exports:[m,h,g,u,f],imports:[n.BidiModule,d.CommonModule,c.NzIconModule,p.LayoutModule,i.PlatformModule]}]}],e.NzContentComponent=g,e.NzFooterComponent=u,e.NzHeaderComponent=h,e.NzLayoutComponent=m,e.NzLayoutModule=v,e.NzSiderComponent=f,e.ɵNzSiderTriggerComponent=C,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=ng-zorro-antd-layout.umd.min.js.map