UNPKG

ng-zorro-antd

Version:

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

2 lines 8.44 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/cdk/layout"),require("@angular/cdk/platform"),require("rxjs"),require("rxjs/operators"),require("ng-zorro-antd/core"),require("@angular/common"),require("ng-zorro-antd/icon")):"function"==typeof define&&define.amd?define("ng-zorro-antd/layout",["exports","@angular/core","@angular/cdk/layout","@angular/cdk/platform","rxjs","rxjs/operators","ng-zorro-antd/core","@angular/common","ng-zorro-antd/icon"],t):t(((e=e||self)["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].layout={}),e.ng.core,e.ng.cdk.layout,e.ng.cdk.platform,e.rxjs,e.rxjs.operators,e["ng-zorro-antd"].core,e.ng.common,e["ng-zorro-antd"].icon)}(this,function(e,t,n,r,o,i,a,s,l){"use strict";function p(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 c(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}var d=function(){function e(e,t){this.elementRef=e,this.renderer=t,this.renderer.addClass(this.elementRef.nativeElement,"ant-layout-content")}return e.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>",styles:["\n nz-content {\n display: block;\n }\n "]}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]},e}();var u=function(){function e(e,t){this.elementRef=e,this.renderer=t,this.renderer.addClass(this.elementRef.nativeElement,"ant-layout-footer")}return e.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>",styles:["\n nz-footer {\n display: block;\n }\n "]}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]},e}();var g=function(){function e(e,t){this.elementRef=e,this.renderer=t,this.renderer.addClass(this.elementRef.nativeElement,"ant-layout-header")}return e.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>",styles:["\n nz-header {\n display: block;\n }\n "]}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]},e}();var h=function(){function e(e,t){this.elementRef=e,this.renderer=t,t.addClass(e.nativeElement,"ant-layout")}return e.prototype.destroySider=function(){this.renderer.removeClass(this.elementRef.nativeElement,"ant-layout-has-sider")},e.prototype.initSider=function(){this.renderer.addClass(this.elementRef.nativeElement,"ant-layout-has-sider")},e.decorators=[{type:t.Component,args:[{selector:"nz-layout",exportAs:"nzLayout",encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,preserveWhitespaces:!1,template:"<ng-content></ng-content>"}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]},e}();var y=function(){function e(e,n,r,i,a,s,l,p){this.nzLayoutComponent=e,this.mediaMatcher=n,this.ngZone=r,this.platform=i,this.cdr=a,this.nzDomEventService=s,this.below=!1,this.destroy$=new o.Subject,this.dimensionMap={xs:"480px",sm:"576px",md:"768px",lg:"992px",xl:"1200px",xxl:"1600px"},this.nzCollapsedChange=new t.EventEmitter,this.nzWidth=200,this.nzTheme="dark",this.nzCollapsedWidth=80,this.nzReverseArrow=!1,this.nzCollapsible=!1,this.nzCollapsed=!1,l.addClass(p.nativeElement,"ant-layout-sider")}return Object.defineProperty(e.prototype,"trigger",{get:function(){return void 0!==this.nzTrigger?this.nzTrigger:this.defaultTrigger},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"flexSetting",{get:function(){return"0 0 "+this.widthSetting},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"widthSetting",{get:function(){return this.nzCollapsed?this.nzCollapsedWidth+"px":a.toCssPixel(this.nzWidth)},enumerable:!0,configurable:!0}),e.prototype.watchMatchMedia=function(){var e=this;if(this.nzBreakpoint){var t=this.mediaMatcher.matchMedia("(max-width: "+this.dimensionMap[this.nzBreakpoint]+")").matches;this.below=t,this.nzCollapsed=t,this.nzCollapsedChange.emit(t),this.ngZone.run(function(){e.cdr.markForCheck()})}},e.prototype.toggleCollapse=function(){this.nzCollapsed=!this.nzCollapsed,this.nzCollapsedChange.emit(this.nzCollapsed)},Object.defineProperty(e.prototype,"isZeroTrigger",{get:function(){return this.nzCollapsible&&this.trigger&&0===this.nzCollapsedWidth&&(this.nzBreakpoint&&this.below||!this.nzBreakpoint)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSiderTrigger",{get:function(){return this.nzCollapsible&&this.trigger&&0!==this.nzCollapsedWidth},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.nzLayoutComponent&&this.nzLayoutComponent.initSider()},e.prototype.ngAfterViewInit=function(){var e=this;this.platform.isBrowser&&(Promise.resolve().then(function(){return e.watchMatchMedia()}),this.nzDomEventService.registerResizeListener().pipe(i.takeUntil(this.destroy$),i.finalize(function(){return e.nzDomEventService.unregisterResizeListener()})).subscribe(function(){return e.watchMatchMedia()}))},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete(),this.nzLayoutComponent&&this.nzLayoutComponent.destroySider()},e.decorators=[{type:t.Component,args:[{selector:"nz-sider",exportAs:"nzSider",preserveWhitespaces:!1,encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,template:'<div class="ant-layout-sider-children">\n <ng-content></ng-content>\n</div>\n<span class="ant-layout-sider-zero-width-trigger" *ngIf="isZeroTrigger" (click)="toggleCollapse()">\n <ng-template [ngTemplateOutlet]="nzZeroTrigger || zeroTrigger"></ng-template>\n</span>\n<div class="ant-layout-sider-trigger"\n *ngIf="isSiderTrigger"\n (click)="toggleCollapse()"\n [style.width]="widthSetting">\n <ng-template [ngTemplateOutlet]="trigger"></ng-template>\n</div>\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 #zeroTrigger>\n <i nz-icon nzType="bars"></i>\n</ng-template>',host:{"[class.ant-layout-sider-zero-width]":"nzCollapsed && nzCollapsedWidth === 0","[class.ant-layout-sider-light]":"nzTheme === 'light'","[class.ant-layout-sider-collapsed]":"nzCollapsed","[style.flex]":"flexSetting","[style.max-width]":"widthSetting","[style.min-width]":"widthSetting","[style.width]":"widthSetting"}}]}],e.ctorParameters=function(){return[{type:h,decorators:[{type:t.Optional},{type:t.Host}]},{type:n.MediaMatcher},{type:t.NgZone},{type:r.Platform},{type:t.ChangeDetectorRef},{type:a.NzDomEventService},{type:t.Renderer2},{type:t.ElementRef}]},e.propDecorators={nzCollapsedChange:[{type:t.Output}],nzWidth:[{type:t.Input}],nzTheme:[{type:t.Input}],nzCollapsedWidth:[{type:t.Input}],nzBreakpoint:[{type:t.Input}],nzZeroTrigger:[{type:t.Input}],nzReverseArrow:[{type:t.Input}],nzCollapsible:[{type:t.Input}],nzCollapsed:[{type:t.Input}],nzTrigger:[{type:t.Input}],defaultTrigger:[{type:t.ViewChild,args:["defaultTrigger",{static:!0}]}]},p([a.InputBoolean(),c("design:type",Object)],e.prototype,"nzReverseArrow",void 0),p([a.InputBoolean(),c("design:type",Object)],e.prototype,"nzCollapsible",void 0),p([a.InputBoolean(),c("design:type",Object)],e.prototype,"nzCollapsed",void 0),e}();var f=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[h,g,d,u,y],exports:[h,g,d,u,y],imports:[s.CommonModule,l.NzIconModule,n.LayoutModule,r.PlatformModule]}]}],e}();e.NzContentComponent=d,e.NzFooterComponent=u,e.NzHeaderComponent=g,e.NzLayoutComponent=h,e.NzLayoutModule=f,e.NzSiderComponent=y,Object.defineProperty(e,"__esModule",{value:!0})}); //# sourceMappingURL=ng-zorro-antd-layout.umd.min.js.map