@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
39 lines • 7.03 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: loading.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, TemplateRef, } from '@angular/core';
var LoadingComponent = /** @class */ (function () {
function LoadingComponent() {
}
LoadingComponent.decorators = [
{ type: 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)}}"]
}] }
];
LoadingComponent.propDecorators = {
loadingTemplateRef: [{ type: Input }],
message: [{ type: Input }],
top: [{ type: Input }],
left: [{ type: Input }],
customPosition: [{ type: Input }]
};
return LoadingComponent;
}());
export { LoadingComponent };
if (false) {
/** @type {?} */
LoadingComponent.prototype.loadingTemplateRef;
/** @type {?} */
LoadingComponent.prototype.message;
/** @type {?} */
LoadingComponent.prototype.top;
/** @type {?} */
LoadingComponent.prototype.left;
/** @type {?} */
LoadingComponent.prototype.customPosition;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1kZXZ1aS9sb2FkaW5nLyIsInNvdXJjZXMiOlsibG9hZGluZy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkI7SUFBQTtJQThCQSxDQUFDOztnQkE5QkEsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxXQUFXO29CQUNyQixRQUFRLEVBQUUsNnBDQW1CUTs7aUJBRW5COzs7cUNBRUUsS0FBSzswQkFDTCxLQUFLO3NCQUNMLEtBQUs7dUJBQ0wsS0FBSztpQ0FDTCxLQUFLOztJQUNSLHVCQUFDO0NBQUEsQUE5QkQsSUE4QkM7U0FOWSxnQkFBZ0I7OztJQUMzQiw4Q0FBOEM7O0lBQzlDLG1DQUF5Qjs7SUFDekIsK0JBQXFCOztJQUNyQixnQ0FBc0I7O0lBQ3RCLDBDQUFpQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIElucHV0LFxyXG4gIFRlbXBsYXRlUmVmLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkLWxvYWRpbmcnLFxyXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cImRldnVpLWxvYWRpbmctd3JhcHBlclwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxvYWRpbmdUZW1wbGF0ZVJlZiA/IGxvYWRpbmdUZW1wbGF0ZVJlZiA6IGRlZmF1bHQ7XCI+XHJcbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdD5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV2dWktc3Bpbm5lci13cmFwcGVyXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnZGV2dWktZml4LWxvYWRpbmctcG9zaXRpb24nOiAhY3VzdG9tUG9zaXRpb24sJ2RldnVpLW1lc3NhZ2Utd3JhcHBlcic6ISFtZXNzYWdlfVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGUudG9wXT1cInRvcFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGUubGVmdF09XCJsZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXZ1aS1idXN5LWRlZmF1bHQtc2lnblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldnVpLWJ1c3ktZGVmYXVsdC1zcGlubmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldnVpLWxvYWRpbmctYmFyMVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXZ1aS1sb2FkaW5nLWJhcjJcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV2dWktbG9hZGluZy1iYXIzXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldnVpLWxvYWRpbmctYmFyNFwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV2dWktYnVzeS1kZWZhdWx0LXRleHRcIiAqbmdJZj1cIiEhbWVzc2FnZVwiPnt7bWVzc2FnZX19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgICA8L2Rpdj5gLFxyXG4gIHN0eWxlVXJsczogWycuL2xvYWRpbmcuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRpbmdDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGxvYWRpbmdUZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55PjtcclxuICBASW5wdXQoKSBtZXNzYWdlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdG9wOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbGVmdDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGN1c3RvbVBvc2l0aW9uOiBib29sZWFuO1xyXG59XHJcbiJdfQ==