ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
2 lines • 5.11 kB
JavaScript
!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=n||self)["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,e,t,o,a){"use strict";function r(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var c=n.length-1;c>=0;c--)(a=n[c])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i}function i(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)}var c=function(){function n(n){this.nzConfigService=n,this.listOfNzCollapsePanelComponent=[]}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(n){this.nzAccordion&&!n.nzActive&&this.listOfNzCollapsePanelComponent.filter(function(e){return e!==n}).forEach(function(n){n.nzActive&&(n.nzActive=!1,n.nzActiveChange.emit(n.nzActive),n.markForCheck())}),n.nzActive=!n.nzActive,n.nzActiveChange.emit(n.nzActive)},n.decorators=[{type:e.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:e.ChangeDetectionStrategy.OnPush,encapsulation:e.ViewEncapsulation.None,styles:["\n nz-collapse {\n display: block;\n }\n "]}]}],n.ctorParameters=function(){return[{type:t.NzConfigService}]},n.propDecorators={nzAccordion:[{type:e.Input}],nzBordered:[{type:e.Input}]},r([t.WithConfig(!1),t.InputBoolean(),i("design:type",Boolean)],n.prototype,"nzAccordion",void 0),r([t.WithConfig(!0),t.InputBoolean(),i("design:type",Boolean)],n.prototype,"nzBordered",void 0),n}();var l=function(){function n(n,t,o,a,r){this.nzConfigService=n,this.cdr=t,this.nzCollapseComponent=o,this.nzActive=!1,this.nzDisabled=!1,this.nzActiveChange=new e.EventEmitter,r.addClass(a.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:e.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 [nzType]="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:e.ChangeDetectionStrategy.OnPush,encapsulation:e.ViewEncapsulation.None,animations:[t.collapseMotion],host:{"[class.ant-collapse-no-arrow]":"!nzShowArrow","[class.ant-collapse-item-active]":"nzActive","[class.ant-collapse-item-disabled]":"nzDisabled"},styles:["\n nz-collapse-panel {\n display: block;\n }\n "]}]}],n.ctorParameters=function(){return[{type:t.NzConfigService},{type:e.ChangeDetectorRef},{type:c,decorators:[{type:e.Host}]},{type:e.ElementRef},{type:e.Renderer2}]},n.propDecorators={nzActive:[{type:e.Input}],nzDisabled:[{type:e.Input}],nzShowArrow:[{type:e.Input}],nzExtra:[{type:e.Input}],nzHeader:[{type:e.Input}],nzExpandedIcon:[{type:e.Input}],nzActiveChange:[{type:e.Output}]},r([t.InputBoolean(),i("design:type",Object)],n.prototype,"nzActive",void 0),r([t.InputBoolean(),i("design:type",Object)],n.prototype,"nzDisabled",void 0),r([t.WithConfig(!0),t.InputBoolean(),i("design:type",Boolean)],n.prototype,"nzShowArrow",void 0),n}();var p=function(){function n(){}return n.decorators=[{type:e.NgModule,args:[{declarations:[l,c],exports:[l,c],imports:[o.CommonModule,a.NzIconModule,t.NzAddOnModule]}]}],n}();n.NzCollapseComponent=c,n.NzCollapseModule=p,n.NzCollapsePanelComponent=l,Object.defineProperty(n,"__esModule",{value:!0})});
//# sourceMappingURL=ng-zorro-antd-collapse.umd.min.js.map