UNPKG

ng-zorro-antd

Version:

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

2 lines 7.28 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/observers"),require("@angular/core"),require("@angular/platform-browser/animations"),require("ng-zorro-antd/core"),require("ng-zorro-antd/icon"),require("rxjs"),require("rxjs/operators"),require("@angular/common")):"function"==typeof define&&define.amd?define("ng-zorro-antd/button",["exports","@angular/cdk/observers","@angular/core","@angular/platform-browser/animations","ng-zorro-antd/core","ng-zorro-antd/icon","rxjs","rxjs/operators","@angular/common"],t):t(((e=e||self)["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].button={}),e.ng.cdk.observers,e.ng.core,e.ng.platformBrowser.animations,e["ng-zorro-antd"].core,e["ng-zorro-antd"].icon,e.rxjs,e.rxjs.operators,e.ng.common)}(this,function(e,t,n,o,i,s,r,a,p){"use strict";function c(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;a>=0;a--)(i=e[a])&&(r=(s<3?i(r):s>3?i(t,n,r):i(t,n))||r);return s>3&&r&&Object.defineProperty(t,n,r),r}function l(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}var h=function(){function e(e,t,n,o,s,p,c,l,h){var d=this;this.elementRef=e,this.cdr=t,this.renderer=n,this.contentObserver=o,this.nzUpdateHostClassService=s,this.ngZone=p,this.nzConfigService=c,this.waveConfig=l,this.animationType=h,this.nzWave=new i.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.el=this.elementRef.nativeElement,this.isInDropdown=!1,this.iconOnly=!1,this.destroy$=new r.Subject,this.renderer.addClass(e.nativeElement,"ant-btn"),this.nzConfigService.getConfigChangeEventForComponent(i.trimComponentName(this.constructor.name)).pipe(a.takeUntil(this.destroy$)).subscribe(function(){d.setClassMap(),d.cdr.markForCheck()})}return e.prototype.setClassMap=function(){var e,t={large:"lg",small:"sm"};this.nzUpdateHostClassService.updateHostClass(this.el,((e={})["ant-btn-"+this.nzType]=this.nzType,e["ant-btn-"+this.nzShape]=this.nzShape,e["ant-btn-"+t[this.nzSize]]=t[this.nzSize],e["ant-btn-loading"]=this.nzLoading,e["ant-btn-icon-only"]=this.iconOnly&&!this.nzSearch&&!this.isInDropdown,e["ant-btn-background-ghost"]=this.nzGhost,e["ant-btn-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"),i.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.destroyed||this.cdr.detectChanges()},e.prototype.moveIcon=function(){if(this.listOfIconElement&&this.listOfIconElement.length){var e=i.findFirstNotEmptyNode(this.contentElement.nativeElement),t=i.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(){var e=this;this.contentObserver.observe(this.contentElement).pipe(a.startWith(!0),a.takeUntil(this.destroy$)).subscribe(function(){Promise.resolve().then(function(){return e.checkContent()})})},e.prototype.ngOnInit=function(){this.setClassMap(),this.nzWave.ngOnInit()},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete(),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.nzType&&"link"===e.nzType.currentValue?this.nzWave.disable():this.nzWave.enable()},e.decorators=[{type:n.Component,args:[{selector:"[nz-button]",exportAs:"nzButton",providers:[i.NzUpdateHostClassService],preserveWhitespaces:!1,changeDetection:n.ChangeDetectionStrategy.OnPush,encapsulation:n.ViewEncapsulation.None,template:'<i nz-icon nzType="loading" *ngIf="nzLoading"></i>\n<span #contentElement><ng-content></ng-content></span>'}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.ChangeDetectorRef},{type:n.Renderer2},{type:t.ContentObserver},{type:i.NzUpdateHostClassService},{type:n.NgZone},{type:i.NzConfigService},{type:void 0,decorators:[{type:n.Optional},{type:n.Inject,args:[i.NZ_WAVE_GLOBAL_CONFIG]}]},{type:String,decorators:[{type:n.Optional},{type:n.Inject,args:[o.ANIMATION_MODULE_TYPE]}]}]},e.propDecorators={contentElement:[{type:n.ViewChild,args:["contentElement",{static:!0}]}],listOfIconElement:[{type:n.ContentChildren,args:[s.NzIconDirective,{read:n.ElementRef}]}],nzWave:[{type:n.HostBinding,args:["attr.nz-wave"]}],nzBlock:[{type:n.Input}],nzGhost:[{type:n.Input}],nzSearch:[{type:n.Input}],nzLoading:[{type:n.Input}],nzType:[{type:n.Input}],nzShape:[{type:n.Input}],nzSize:[{type:n.Input}]},c([i.InputBoolean(),l("design:type",Boolean)],e.prototype,"nzBlock",void 0),c([i.InputBoolean(),l("design:type",Boolean)],e.prototype,"nzGhost",void 0),c([i.InputBoolean(),l("design:type",Boolean)],e.prototype,"nzSearch",void 0),c([i.InputBoolean(),l("design:type",Boolean)],e.prototype,"nzLoading",void 0),c([i.WithConfig("default"),l("design:type",String)],e.prototype,"nzSize",void 0),e}();var d=function(){function e(e,t){this.nzUpdateHostClassService=e,this.elementRef=t,this.isInDropdown=!1}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={})["ant-btn-group"]=!0,e["ant-dropdown-button"]=this.isInDropdown,e["ant-btn-group-lg"]="large"===this.nzSize,e["ant-btn-group-sm"]="small"===this.nzSize,e);this.nzUpdateHostClassService.updateHostClass(this.elementRef.nativeElement,t)},e.prototype.ngOnInit=function(){this.setClassMap()},e.decorators=[{type:n.Component,args:[{selector:"nz-button-group",exportAs:"nzButtonGroup",changeDetection:n.ChangeDetectionStrategy.OnPush,encapsulation:n.ViewEncapsulation.None,preserveWhitespaces:!1,providers:[i.NzUpdateHostClassService],template:"<ng-content></ng-content>\n"}]}],e.ctorParameters=function(){return[{type:i.NzUpdateHostClassService},{type:n.ElementRef}]},e.propDecorators={nzSize:[{type:n.Input}]},e}();var u=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{declarations:[h,d],exports:[h,d],imports:[p.CommonModule,t.ObserversModule,i.NzWaveModule,s.NzIconModule]}]}],e}();e.NzButtonComponent=h,e.NzButtonGroupComponent=d,e.NzButtonModule=u,Object.defineProperty(e,"__esModule",{value:!0})}); //# sourceMappingURL=ng-zorro-antd-button.umd.min.js.map