ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
2 lines • 8.1 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("rxjs"),require("rxjs/operators"),require("ng-zorro-antd/core"),require("@angular/cdk/layout"),require("@angular/cdk/platform"),require("@angular/common"),require("@angular/core"),require("ng-zorro-antd/icon")):"function"==typeof define&&define.amd?define("ng-zorro-antd/layout",["exports","rxjs","rxjs/operators","ng-zorro-antd/core","@angular/cdk/layout","@angular/cdk/platform","@angular/common","@angular/core","ng-zorro-antd/icon"],t):t((e["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].layout={}),e.rxjs,e.rxjs.operators,e["ng-zorro-antd"].core,e.ng.cdk.layout,e.ng.cdk.platform,e.ng.common,e.ng.core,e["ng-zorro-antd"].icon)}(this,function(e,s,t,n,o,r,i,l,a){"use strict";var p=(d.decorators=[{type:l.Component,args:[{selector:"nz-content",exportAs:"nzContent",preserveWhitespaces:!1,changeDetection:l.ChangeDetectionStrategy.OnPush,encapsulation:l.ViewEncapsulation.None,template:"<ng-content></ng-content>",styles:["\n nz-content {\n display: block;\n }\n "]}]}],d.ctorParameters=function(){return[{type:l.ElementRef},{type:l.Renderer2}]},d);function d(e,t){this.elementRef=e,this.renderer=t,this.renderer.addClass(this.elementRef.nativeElement,"ant-layout-content")}var c=(h.decorators=[{type:l.Component,args:[{selector:"nz-footer",exportAs:"nzFooter",preserveWhitespaces:!1,encapsulation:l.ViewEncapsulation.None,changeDetection:l.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",styles:["\n nz-footer {\n display: block;\n }\n "]}]}],h.ctorParameters=function(){return[{type:l.ElementRef},{type:l.Renderer2}]},h);function h(e,t){this.elementRef=e,this.renderer=t,this.renderer.addClass(this.elementRef.nativeElement,"ant-layout-footer")}var u=(g.decorators=[{type:l.Component,args:[{selector:"nz-header",exportAs:"nzHeader",changeDetection:l.ChangeDetectionStrategy.OnPush,encapsulation:l.ViewEncapsulation.None,preserveWhitespaces:!1,template:"<ng-content></ng-content>",styles:["\n nz-header {\n display: block;\n }\n "]}]}],g.ctorParameters=function(){return[{type:l.ElementRef},{type:l.Renderer2}]},g);function g(e,t){this.elementRef=e,this.renderer=t,this.renderer.addClass(this.elementRef.nativeElement,"ant-layout-header")}var y=(m.prototype.destroySider=function(){this.renderer.removeClass(this.elementRef.nativeElement,"ant-layout-has-sider")},m.prototype.initSider=function(){this.renderer.addClass(this.elementRef.nativeElement,"ant-layout-has-sider")},m.decorators=[{type:l.Component,args:[{selector:"nz-layout",exportAs:"nzLayout",encapsulation:l.ViewEncapsulation.None,changeDetection:l.ChangeDetectionStrategy.OnPush,preserveWhitespaces:!1,template:"<ng-content></ng-content>"}]}],m.ctorParameters=function(){return[{type:l.ElementRef},{type:l.Renderer2}]},m);function m(e,t){this.elementRef=e,(this.renderer=t).addClass(e.nativeElement,"ant-layout")}function f(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;0<=s;s--)(r=e[s])&&(a=(i<3?r(a):3<i?r(t,n,a):r(t,n))||a);return 3<i&&a&&Object.defineProperty(t,n,a),a}function z(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}var C=(Object.defineProperty(v.prototype,"flexSetting",{get:function(){return this.nzCollapsed?"0 0 "+this.nzCollapsedWidth+"px":"0 0 "+this.nzWidth+"px"},enumerable:!0,configurable:!0}),Object.defineProperty(v.prototype,"widthSetting",{get:function(){return this.nzCollapsed?this.nzCollapsedWidth:this.nzWidth},enumerable:!0,configurable:!0}),v.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()})}},v.prototype.toggleCollapse=function(){this.nzCollapsed=!this.nzCollapsed,this.nzCollapsedChange.emit(this.nzCollapsed)},Object.defineProperty(v.prototype,"isZeroTrigger",{get:function(){return this.nzCollapsible&&this.nzTrigger&&0===this.nzCollapsedWidth&&(this.nzBreakpoint&&this.below||!this.nzBreakpoint)},enumerable:!0,configurable:!0}),Object.defineProperty(v.prototype,"isSiderTrigger",{get:function(){return this.nzCollapsible&&this.nzTrigger&&0!==this.nzCollapsedWidth},enumerable:!0,configurable:!0}),v.prototype.ngOnInit=function(){this.nzLayoutComponent&&this.nzLayoutComponent.initSider()},v.prototype.ngAfterViewInit=function(){var e=this;this.platform.isBrowser&&(Promise.resolve().then(function(){return e.watchMatchMedia()}),this.ngZone.runOutsideAngular(function(){s.fromEvent(window,"resize").pipe(t.auditTime(16),t.takeUntil(e.destroy$)).subscribe(function(){return e.watchMatchMedia()})}))},v.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete(),this.nzLayoutComponent&&this.nzLayoutComponent.destroySider()},v.decorators=[{type:l.Component,args:[{selector:"nz-sider",exportAs:"nzSider",preserveWhitespaces:!1,encapsulation:l.ViewEncapsulation.None,changeDetection:l.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.px]="nzCollapsed ? nzCollapsedWidth : nzWidth">\n <ng-template [ngTemplateOutlet]="nzTrigger"></ng-template>\n</div>\n<ng-template #defaultTrigger>\n <i nz-icon [type]="nzCollapsed ? \'right\' : \'left\'" *ngIf="!nzReverseArrow"></i>\n <i nz-icon [type]="nzCollapsed ? \'left\' : \'right\'" *ngIf="nzReverseArrow"></i>\n</ng-template>\n<ng-template #zeroTrigger>\n <i nz-icon type="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.px]":"widthSetting","[style.min-width.px]":"widthSetting","[style.width.px]":"widthSetting"}}]}],v.ctorParameters=function(){return[{type:y,decorators:[{type:l.Optional},{type:l.Host}]},{type:o.MediaMatcher},{type:l.NgZone},{type:r.Platform},{type:l.ChangeDetectorRef},{type:l.Renderer2},{type:l.ElementRef}]},v.propDecorators={nzWidth:[{type:l.Input}],nzTheme:[{type:l.Input}],nzCollapsedWidth:[{type:l.Input}],nzBreakpoint:[{type:l.Input}],nzZeroTrigger:[{type:l.Input}],nzTrigger:[{type:l.Input},{type:l.ViewChild,args:["defaultTrigger"]}],nzReverseArrow:[{type:l.Input}],nzCollapsible:[{type:l.Input}],nzCollapsed:[{type:l.Input}],nzCollapsedChange:[{type:l.Output}]},f([n.InputBoolean(),z("design:type",Object)],v.prototype,"nzReverseArrow",void 0),f([n.InputBoolean(),z("design:type",Object)],v.prototype,"nzCollapsible",void 0),f([n.InputBoolean(),z("design:type",Object)],v.prototype,"nzCollapsed",void 0),v);function v(e,t,n,o,r,i,a){this.nzLayoutComponent=e,this.mediaMatcher=t,this.ngZone=n,this.platform=o,this.cdr=r,this.below=!1,this.destroy$=new s.Subject,this.dimensionMap={xs:"480px",sm:"576px",md:"768px",lg:"992px",xl:"1200px",xxl:"1600px"},this.nzWidth=200,this.nzTheme="dark",this.nzCollapsedWidth=80,this.nzReverseArrow=!1,this.nzCollapsible=!1,this.nzCollapsed=!1,this.nzCollapsedChange=new l.EventEmitter,i.addClass(a.nativeElement,"ant-layout-sider")}var x=(b.decorators=[{type:l.NgModule,args:[{declarations:[y,u,p,c,C],exports:[y,u,p,c,C],imports:[i.CommonModule,a.NzIconModule,o.LayoutModule,r.PlatformModule]}]}],b);function b(){}e.NzContentComponent=p,e.NzFooterComponent=c,e.NzHeaderComponent=u,e.NzLayoutComponent=y,e.NzSiderComponent=C,e.NzLayoutModule=x,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=ng-zorro-antd-layout.umd.min.js.map