@duoduo-oba/ng-devui/bundles/ng-devui-loading.umd.min.js

DevUI components based on Angular

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("@angular/common")):"function"==typeof define&&define.amd?define("ng-devui/loading",["exports","@angular/core","rxjs","rxjs/operators","@angular/common"],t):t(((e=e||self)["ng-devui"]=e["ng-devui"]||{},e["ng-devui"].loading={}),e.ng.core,e.rxjs,e.rxjs.operators,e.ng.common)}(this,(function(e,t,i,n,o){"use strict";var a=function(){function e(){this.backdrop=!0}return e.decorators=[{type:t.Component,args:[{selector:"d-loading-backdrop",template:"<div class='devui-loading-backdrop'\n                  *ngIf='backdrop'>\n             </div>",styles:[".devui-loading-backdrop{position:absolute;z-index:1000;background-color:#adb0b8;opacity:.3;left:0;top:0;bottom:0;right:0}"]}]}],e.propDecorators={backdrop:[{type:t.Input}]},e}();var r=function(){function e(){}return e.decorators=[{type:t.Component,args:[{selector:"d-loading",template:'<div class="devui-loading-wrapper">\n                <ng-container *ngTemplateOutlet="loadingTemplateRef ? loadingTemplateRef : default;">\n                </ng-container>\n                <ng-template #default>\n                    <div class="devui-spinner-wrapper"\n                         [ngClass]="{\'devui-fix-loading-position\': !customPosition,\'devui-message-wrapper\':!!message}"\n                         [style.top]="top"\n                         [style.left]="left">\n                        <div class="devui-busy-default-sign">\n                            <div class="devui-busy-default-spinner">\n                                <div class="devui-loading-bar1"></div>\n                                <div class="devui-loading-bar2"></div>\n                                <div class="devui-loading-bar3"></div>\n                                <div class="devui-loading-bar4"></div>\n                            </div>\n                            <div class="devui-busy-default-text" *ngIf="!!message">{{message}}</div>\n                        </div>\n                     </div>\n                </ng-template>\n             </div>',styles:[".devui-loading-wrapper{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1 1 auto}.devui-spinner-wrapper{position:absolute;z-index:1001}.devui-message-wrapper{background:#fff;border-radius:5px}.devui-fix-loading-position{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.devui-busy-default-sign{position:relative;display:inline-block;z-index:1001;padding:12px 14px;color:#252b3a}.devui-busy-default-text{display:inline-block;margin-left:6px;max-width:400px;font-size:14px;text-align:left}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;-webkit-animation:1s linear infinite devui-busy-spinner-anim;animation:1s linear infinite devui-busy-spinner-anim}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0}@-webkit-keyframes devui-busy-spinner-anim{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(135deg) scale(1.5);transform:rotate(135deg) scale(1.5)}100%{-webkit-transform:rotate(270deg) scale(1);transform:rotate(270deg) scale(1)}}@keyframes devui-busy-spinner-anim{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(135deg) scale(1.5);transform:rotate(135deg) scale(1.5)}100%{-webkit-transform:rotate(270deg) scale(1);transform:rotate(270deg) scale(1)}}"]}]}],e.propDecorators={loadingTemplateRef:[{type:t.Input}],message:[{type:t.Input}],top:[{type:t.Input}],left:[{type:t.Input}],customPosition:[{type:t.Input}]},e}();var s=function(){function e(e,t,i,n,o){this.componentFactoryResolver=e,this.triggerElementRef=t,this.viewContainerRef=i,this.injector=n,this.elementRef=o,this.active=!0}return Object.defineProperty(e.prototype,"showLoading",{set:function(e){!0===e?this.startLoading():this.endLoading()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"loading",{set:function(e){var t=this;if(void 0!==e){if(e instanceof i.Subscription)return this.startLoading(),void e.add((function(){return t.endLoading()}));var o=[].concat(e).map((function(e){return e instanceof i.Observable?e:i.from(e)}));o.length>0&&(this.startLoading(),i.forkJoin(o).pipe(n.catchError((function(e){return i.throwError(e)}))).subscribe(null,(function(){t.endLoading()}),(function(){t.endLoading()})))}},enumerable:!0,configurable:!0}),e.prototype.startLoading=function(){this.loadingRef||(this.position=this.positionType||"relative",this.backdrop&&this.createLoadingBackdrop(),this.loadingRef=this.viewContainerRef.createComponent(this.componentFactoryResolver.resolveComponentFactory(r),null,this.injector),this.insert(this.loadingRef.hostView),Object.assign(this.loadingRef.instance,{message:this.message,loadingTemplateRef:this.loadingTemplateRef,top:this.view?this.view.top:"50%",left:this.view?this.view.left:"50%",isCustomPosition:!!this.view}))},e.prototype.endLoading=function(){this.loadingRef&&(this.loadingRef.destroy(),this.loadingRef=null),this.backdropRef&&(this.backdropRef.destroy(),this.backdropRef=null),this.position=""},e.prototype.createLoadingBackdrop=function(){this.backdropRef=!this.backdropRef&&this.viewContainerRef.createComponent(this.componentFactoryResolver.resolveComponentFactory(a),null,this.injector),this.insert(this.backdropRef.hostView),Object.assign(this.backdropRef.instance,{triggerElementRef:this.triggerElementRef,backdrop:this.backdrop})},e.prototype.insert=function(e){var t=this;return e.rootNodes.forEach((function(e){return t.elementRef.nativeElement.appendChild(e)})),e},e.decorators=[{type:t.Directive,args:[{selector:"[dLoading]",exportAs:"dLoading"}]}],e.ctorParameters=function(){return[{type:t.ComponentFactoryResolver},{type:t.ElementRef},{type:t.ViewContainerRef},{type:t.Injector},{type:t.ElementRef}]},e.propDecorators={message:[{type:t.Input}],backdrop:[{type:t.Input}],loadingTemplateRef:[{type:t.Input}],positionType:[{type:t.Input}],view:[{type:t.Input}],position:[{type:t.HostBinding,args:["style.position"]}],showLoading:[{type:t.Input}],loading:[{type:t.Input}]},e}();var d=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{imports:[o.CommonModule],exports:[s,a,r],declarations:[s,a,r],entryComponents:[a,r],providers:[]}]}],e}();e.LoadingBackdropComponent=a,e.LoadingComponent=r,e.LoadingDirective=s,e.LoadingModule=d,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=ng-devui-loading.umd.min.js.map