UNPKG

ng-zorro-antd

Version:

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

2 lines 4.99 kB
!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("ng-zorro-antd/core"),require("@angular/common"),require("ng-zorro-antd/icon")):"function"==typeof define&&define.amd?define("ng-zorro-antd/collapse",["exports","@angular/core","ng-zorro-antd/core","@angular/common","ng-zorro-antd/icon"],e):e((n["ng-zorro-antd"]=n["ng-zorro-antd"]||{},n["ng-zorro-antd"].collapse={}),n.ng.core,n["ng-zorro-antd"].core,n.ng.common,n["ng-zorro-antd"].icon)}(this,function(n,a,e,t,o){"use strict";function r(n,e,t,o){var a,r=arguments.length,c=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(n,e,t,o);else for(var i=n.length-1;0<=i;i--)(a=n[i])&&(c=(r<3?a(c):3<r?a(e,t,c):a(e,t))||c);return 3<r&&c&&Object.defineProperty(e,t,c),c}function c(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)}var i=function(){function n(){this.listOfNzCollapsePanelComponent=[],this.nzAccordion=!1,this.nzBordered=!0}return n.prototype.addPanel=function(n){this.listOfNzCollapsePanelComponent.push(n)},n.prototype.removePanel=function(n){this.listOfNzCollapsePanelComponent.splice(this.listOfNzCollapsePanelComponent.indexOf(n),1)},n.prototype.click=function(e){this.nzAccordion&&!e.nzActive&&this.listOfNzCollapsePanelComponent.filter(function(n){return n!==e}).forEach(function(n){n.nzActive&&(n.nzActive=!1,n.nzActiveChange.emit(n.nzActive),n.markForCheck())}),e.nzActive=!e.nzActive,e.nzActiveChange.emit(e.nzActive)},n.decorators=[{type:a.Component,args:[{selector:"nz-collapse",exportAs:"nzCollapse",template:'<div class="ant-collapse" [class.ant-collapse-borderless]="!nzBordered">\n <ng-content></ng-content>\n</div>',changeDetection:a.ChangeDetectionStrategy.OnPush,encapsulation:a.ViewEncapsulation.None,styles:["\n nz-collapse {\n display: block;\n }\n "]}]}],n.propDecorators={nzAccordion:[{type:a.Input}],nzBordered:[{type:a.Input}]},r([e.InputBoolean(),c("design:type",Object)],n.prototype,"nzAccordion",void 0),r([e.InputBoolean(),c("design:type",Object)],n.prototype,"nzBordered",void 0),n}(),l=function(){function n(n,e,t,o){this.cdr=n,this.nzCollapseComponent=e,this.nzActive=!1,this.nzDisabled=!1,this.nzShowArrow=!0,this.nzActiveChange=new a.EventEmitter,o.addClass(t.nativeElement,"ant-collapse-item")}return n.prototype.clickHeader=function(){this.nzDisabled||this.nzCollapseComponent.click(this)},n.prototype.markForCheck=function(){this.cdr.markForCheck()},n.prototype.ngOnInit=function(){this.nzCollapseComponent.addPanel(this)},n.prototype.ngOnDestroy=function(){this.nzCollapseComponent.removePanel(this)},n.decorators=[{type:a.Component,args:[{selector:"nz-collapse-panel",exportAs:"nzCollapsePanel",template:'<div role="tab" [attr.aria-expanded]="nzActive" class="ant-collapse-header" (click)="clickHeader()">\n <ng-container *ngIf="nzShowArrow">\n <ng-container *nzStringTemplateOutlet="nzExpandedIcon">\n <i nz-icon [type]="nzExpandedIcon || \'right\'" class="ant-collapse-arrow" [nzRotate]="nzActive ? 90 : 0"></i>\n </ng-container>\n </ng-container>\n <ng-container *nzStringTemplateOutlet="nzHeader">{{ nzHeader }}</ng-container>\n <div class="ant-collapse-extra" *ngIf="nzExtra">\n <ng-container *nzStringTemplateOutlet="nzExtra">{{ nzExtra }}</ng-container>\n </div>\n</div>\n<div class="ant-collapse-content"\n [class.ant-collapse-content-active]="nzActive"\n [@collapseMotion]="nzActive ? \'expanded\' : \'hidden\' ">\n <div class="ant-collapse-content-box">\n <ng-content></ng-content>\n </div>\n</div>\n',changeDetection:a.ChangeDetectionStrategy.OnPush,encapsulation:a.ViewEncapsulation.None,animations:[e.collapseMotion],host:{"[class.ant-collapse-no-arrow]":"!nzShowArrow"},styles:["\n nz-collapse-panel {\n display: block;\n }\n "]}]}],n.ctorParameters=function(){return[{type:a.ChangeDetectorRef},{type:i,decorators:[{type:a.Host}]},{type:a.ElementRef},{type:a.Renderer2}]},n.propDecorators={nzActive:[{type:a.Input},{type:a.HostBinding,args:["class.ant-collapse-item-active"]}],nzDisabled:[{type:a.Input},{type:a.HostBinding,args:["class.ant-collapse-item-disabled"]}],nzShowArrow:[{type:a.Input}],nzExtra:[{type:a.Input}],nzHeader:[{type:a.Input}],nzExpandedIcon:[{type:a.Input}],nzActiveChange:[{type:a.Output}]},r([e.InputBoolean(),c("design:type",Object)],n.prototype,"nzActive",void 0),r([e.InputBoolean(),c("design:type",Object)],n.prototype,"nzDisabled",void 0),r([e.InputBoolean(),c("design:type",Object)],n.prototype,"nzShowArrow",void 0),n}(),p=function(){function n(){}return n.decorators=[{type:a.NgModule,args:[{declarations:[l,i],exports:[l,i],imports:[t.CommonModule,o.NzIconModule,e.NzAddOnModule]}]}],n}();n.NzCollapsePanelComponent=l,n.NzCollapseComponent=i,n.NzCollapseModule=p,Object.defineProperty(n,"__esModule",{value:!0})}); //# sourceMappingURL=ng-zorro-antd-collapse.umd.min.js.map