UNPKG

ng-zorro-antd

Version:

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

2 lines 6.37 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/platform-browser/animations"),require("@angular/cdk/observers"),require("@angular/common"),require("@angular/core"),require("ng-zorro-antd/core"),require("ng-zorro-antd/icon")):"function"==typeof define&&define.amd?define("ng-zorro-antd/button",["exports","@angular/platform-browser/animations","@angular/cdk/observers","@angular/common","@angular/core","ng-zorro-antd/core","ng-zorro-antd/icon"],t):t((e["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].button={}),e.ng.platformBrowser.animations,e.ng.cdk.observers,e.ng.common,e.ng.core,e["ng-zorro-antd"].core,e["ng-zorro-antd"].icon)}(this,function(e,t,n,o,i,a,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:i.Component,args:[{selector:"[nz-button]",exportAs:"nzButton",providers:[a.NzUpdateHostClassService],preserveWhitespaces:!1,changeDetection:i.ChangeDetectionStrategy.OnPush,encapsulation:i.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:i.ElementRef},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:a.NzUpdateHostClassService},{type:i.NgZone},{type:undefined,decorators:[{type:i.Optional},{type:i.Inject,args:[a.NZ_WAVE_GLOBAL_CONFIG]}]},{type:String,decorators:[{type:i.Optional},{type:i.Inject,args:[t.ANIMATION_MODULE_TYPE]}]}]},e.propDecorators={contentElement:[{type:i.ViewChild,args:["contentElement"]}],listOfIconElement:[{type:i.ContentChildren,args:[s.NzIconDirective,{read:i.ElementRef}]}],nzWave:[{type:i.HostBinding,args:["attr.nz-wave"]}],nzBlock:[{type:i.Input}],nzGhost:[{type:i.Input}],nzSearch:[{type:i.Input}],nzLoading:[{type:i.Input}],nzType:[{type:i.Input}],nzShape:[{type:i.Input}],nzSize:[{type:i.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:i.Component,args:[{selector:"nz-button-group",exportAs:"nzButtonGroup",changeDetection:i.ChangeDetectionStrategy.OnPush,encapsulation:i.ViewEncapsulation.None,preserveWhitespaces:!1,providers:[a.NzUpdateHostClassService],template:"<ng-content></ng-content>\n"}]}],e.ctorParameters=function(){return[{type:a.NzUpdateHostClassService},{type:i.ElementRef}]},e.propDecorators={nzSize:[{type:i.Input}]},e}(),h=function(){function e(){}return e.decorators=[{type:i.NgModule,args:[{declarations:[l,c],exports:[l,c],imports:[o.CommonModule,n.ObserversModule,a.NzWaveModule,s.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