ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
2 lines • 3.82 kB
JavaScript
!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("rxjs"),require("rxjs/operators"),require("ng-zorro-antd/core"),require("@angular/cdk/observers"),require("@angular/common"),require("@angular/core")):"function"==typeof define&&define.amd?define("ng-zorro-antd/spin",["exports","rxjs","rxjs/operators","ng-zorro-antd/core","@angular/cdk/observers","@angular/common","@angular/core"],e):e((n["ng-zorro-antd"]=n["ng-zorro-antd"]||{},n["ng-zorro-antd"].spin={}),n.rxjs,n.rxjs.operators,n["ng-zorro-antd"].core,n.ng.cdk.observers,n.ng.common,n.ng.core)}(this,function(n,e,t,i,o,s,a){"use strict";function r(n,e,t,i){var o,s=arguments.length,a=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(n,e,t,i);else for(var r=n.length-1;0<=r;r--)(o=n[r])&&(a=(s<3?o(a):3<s?o(e,t,a):o(e,t))||a);return 3<s&&a&&Object.defineProperty(e,t,a),a}function p(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)}var c=(l.prototype.subscribeLoading=function(){var e=this;this.unsubscribeLoading(),this.loading_=this.loading$.subscribe(function(n){e.loading=n,e.cdr.markForCheck()})},l.prototype.unsubscribeLoading=function(){this.loading_&&(this.loading_.unsubscribe(),this.loading_=null)},l.prototype.ngOnInit=function(){this.subscribeLoading()},l.prototype.ngOnChanges=function(n){n.nzSpinning&&(n.nzSpinning.isFirstChange()&&(this.loading=this.nzSpinning),this.spinning$.next(this.nzSpinning)),n.nzDelay&&(this.loading$=this.spinning$.pipe(t.debounceTime(this.nzDelay)),this.subscribeLoading())},l.prototype.ngOnDestroy=function(){this.unsubscribeLoading()},l.decorators=[{type:a.Component,args:[{selector:"nz-spin",exportAs:"nzSpin",preserveWhitespaces:!1,encapsulation:a.ViewEncapsulation.None,changeDetection:a.ChangeDetectionStrategy.OnPush,template:'<ng-template #defaultIndicatorTemplate>\n <span class="ant-spin-dot" [class.ant-spin-dot-spin]="loading">\n <i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i>\n </span>\n</ng-template>\n<div *ngIf="loading">\n <div class="ant-spin"\n [class.ant-spin-spinning]="loading"\n [class.ant-spin-lg]="nzSize === \'large\'"\n [class.ant-spin-sm]="nzSize === \'small\'"\n [class.ant-spin-show-text]="nzTip">\n <ng-template [ngTemplateOutlet]="nzIndicator || defaultIndicatorTemplate"></ng-template>\n <div class="ant-spin-text" *ngIf="nzTip">{{ nzTip }}</div>\n </div>\n</div>\n<div *ngIf="!nzSimple"\n class="ant-spin-container"\n [class.ant-spin-blur]="loading">\n <ng-content></ng-content>\n</div>\n',host:{"[class.ant-spin-nested-loading]":"!nzSimple"},styles:["\n nz-spin {\n display: block;\n }\n "]}]}],l.ctorParameters=function(){return[{type:a.ChangeDetectorRef}]},l.propDecorators={nzIndicator:[{type:a.Input}],nzSize:[{type:a.Input}],nzTip:[{type:a.Input}],nzDelay:[{type:a.Input}],nzSimple:[{type:a.Input}],nzSpinning:[{type:a.Input}]},r([i.InputNumber(),p("design:type",Object)],l.prototype,"nzDelay",void 0),r([i.InputBoolean(),p("design:type",Object)],l.prototype,"nzSimple",void 0),r([i.InputBoolean(),p("design:type",Object)],l.prototype,"nzSpinning",void 0),l);function l(n){this.cdr=n,this.nzSize="default",this.nzDelay=0,this.nzSimple=!1,this.nzSpinning=!0,this.loading=!0,this.spinning$=new e.BehaviorSubject(this.nzSpinning),this.loading$=this.spinning$.pipe(t.debounceTime(this.nzDelay))}var d=(g.decorators=[{type:a.NgModule,args:[{exports:[c],declarations:[c],imports:[s.CommonModule,o.ObserversModule]}]}],g);function g(){}n.NzSpinComponent=c,n.NzSpinModule=d,Object.defineProperty(n,"__esModule",{value:!0})});
//# sourceMappingURL=ng-zorro-antd-spin.umd.min.js.map