ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
2 lines • 6.37 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/platform-browser/animations"),require("ng-zorro-antd/core"),require("ng-zorro-antd/icon"),require("@angular/cdk/observers"),require("@angular/common")):"function"==typeof define&&define.amd?define("ng-zorro-antd/button",["exports","@angular/core","@angular/platform-browser/animations","ng-zorro-antd/core","ng-zorro-antd/icon","@angular/cdk/observers","@angular/common"],t):t((e["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].button={}),e.ng.core,e.ng.platformBrowser.animations,e["ng-zorro-antd"].core,e["ng-zorro-antd"].icon,e.ng.cdk.observers,e.ng.common)}(this,function(e,t,n,a,o,i,s){"use strict";function r(e,t,n,o){var i,s=arguments.length,r=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;0<=a;a--)(i=e[a])&&(r=(s<3?i(r):3<s?i(t,n,r):i(t,n))||r);return 3<s&&r&&Object.defineProperty(t,n,r),r}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}var l=function(){function e(e,t,n,o,i,s,r){this.elementRef=e,this.cdr=t,this.renderer=n,this.nzUpdateHostClassService=o,this.ngZone=i,this.waveConfig=s,this.animationType=r,this.el=this.elementRef.nativeElement,this.iconOnly=!1,this.nzWave=new a.NzWaveDirective(this.ngZone,this.elementRef,this.waveConfig,this.animationType),this.nzBlock=!1,this.nzGhost=!1,this.nzSearch=!1,this.nzLoading=!1,this.nzType="default",this.nzShape=null,this.nzSize="default",this.renderer.addClass(e.nativeElement,"ant-btn")}return e.prototype.setClassMap=function(){var e,t="ant-btn",n={large:"lg",small:"sm"};this.nzUpdateHostClassService.updateHostClass(this.el,((e={})[t+"-"+this.nzType]=this.nzType,e[t+"-"+this.nzShape]=this.nzShape,e[t+"-"+n[this.nzSize]]=n[this.nzSize],e[t+"-loading"]=this.nzLoading,e[t+"-icon-only"]=this.iconOnly,e[t+"-background-ghost"]=this.nzGhost,e[t+"-block"]=this.nzBlock,e["ant-input-search-button"]=this.nzSearch,e))},e.prototype.updateIconDisplay=function(e){this.iconElement&&this.renderer.setStyle(this.iconElement,"display",e?"none":"inline-block")},e.prototype.checkContent=function(){var e=this.listOfIconElement&&this.listOfIconElement.length;e&&this.moveIcon(),this.renderer.removeStyle(this.contentElement.nativeElement,"display"),a.isEmpty(this.contentElement.nativeElement)?(this.renderer.setStyle(this.contentElement.nativeElement,"display","none"),this.iconOnly=!!e):(this.renderer.removeStyle(this.contentElement.nativeElement,"display"),this.iconOnly=!1),this.setClassMap(),this.updateIconDisplay(this.nzLoading),this.cdr.detectChanges()},e.prototype.moveIcon=function(){if(this.listOfIconElement&&this.listOfIconElement.length){var e=a.findFirstNotEmptyNode(this.contentElement.nativeElement),t=a.findLastNotEmptyNode(this.contentElement.nativeElement);e&&e===this.listOfIconElement.first.nativeElement?(this.renderer.insertBefore(this.el,e,this.contentElement.nativeElement),this.iconElement=e):t&&t===this.listOfIconElement.last.nativeElement&&this.renderer.appendChild(this.el,t)}},e.prototype.ngAfterContentInit=function(){this.checkContent()},e.prototype.ngOnInit=function(){this.setClassMap(),this.nzWave.ngOnInit()},e.prototype.ngOnDestroy=function(){this.nzWave.ngOnDestroy()},e.prototype.ngOnChanges=function(e){(e.nzBlock||e.nzGhost||e.nzSearch||e.nzType||e.nzShape||e.nzSize||e.nzLoading)&&this.setClassMap(),e.nzLoading&&this.updateIconDisplay(this.nzLoading)},e.decorators=[{type:t.Component,args:[{selector:"[nz-button]",exportAs:"nzButton",providers:[a.NzUpdateHostClassService],preserveWhitespaces:!1,changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,template:'<i nz-icon type="loading" *ngIf="nzLoading"></i>\n<span (cdkObserveContent)="checkContent()" #contentElement><ng-content></ng-content></span>'}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:t.ChangeDetectorRef},{type:t.Renderer2},{type:a.NzUpdateHostClassService},{type:t.NgZone},{type:undefined,decorators:[{type:t.Optional},{type:t.Inject,args:[a.NZ_WAVE_GLOBAL_CONFIG]}]},{type:String,decorators:[{type:t.Optional},{type:t.Inject,args:[n.ANIMATION_MODULE_TYPE]}]}]},e.propDecorators={contentElement:[{type:t.ViewChild,args:["contentElement"]}],listOfIconElement:[{type:t.ContentChildren,args:[o.NzIconDirective,{read:t.ElementRef}]}],nzWave:[{type:t.HostBinding,args:["attr.nz-wave"]}],nzBlock:[{type:t.Input}],nzGhost:[{type:t.Input}],nzSearch:[{type:t.Input}],nzLoading:[{type:t.Input}],nzType:[{type:t.Input}],nzShape:[{type:t.Input}],nzSize:[{type:t.Input}]},r([a.InputBoolean(),p("design:type",Object)],e.prototype,"nzBlock",void 0),r([a.InputBoolean(),p("design:type",Object)],e.prototype,"nzGhost",void 0),r([a.InputBoolean(),p("design:type",Object)],e.prototype,"nzSearch",void 0),r([a.InputBoolean(),p("design:type",Object)],e.prototype,"nzLoading",void 0),e}(),c=function(){function e(e,t){this.nzUpdateHostClassService=e,this.elementRef=t,this.prefixCls="ant-btn-group"}return Object.defineProperty(e.prototype,"nzSize",{get:function(){return this._size},set:function(e){this._size=e,this.setClassMap()},enumerable:!0,configurable:!0}),e.prototype.setClassMap=function(){var e,t=((e={})[this.prefixCls]=!0,e[this.prefixCls+"-lg"]="large"===this.nzSize,e[this.prefixCls+"-sm"]="small"===this.nzSize,e);this.nzUpdateHostClassService.updateHostClass(this.elementRef.nativeElement,t)},e.prototype.ngOnInit=function(){this.setClassMap()},e.decorators=[{type:t.Component,args:[{selector:"nz-button-group",exportAs:"nzButtonGroup",changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,preserveWhitespaces:!1,providers:[a.NzUpdateHostClassService],template:"<ng-content></ng-content>\n"}]}],e.ctorParameters=function(){return[{type:a.NzUpdateHostClassService},{type:t.ElementRef}]},e.propDecorators={nzSize:[{type:t.Input}]},e}(),h=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[l,c],exports:[l,c],imports:[s.CommonModule,i.ObserversModule,a.NzWaveModule,o.NzIconModule]}]}],e}();e.NzButtonComponent=l,e.NzButtonGroupComponent=c,e.NzButtonModule=h,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=ng-zorro-antd-button.umd.min.js.map