@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
54 lines • 6.78 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';
export class LoadingComponent {
}
LoadingComponent.decorators = [
{ type: Component, args: [{
selector: 'd-loading',
template: `<div class="devui-loading-wrapper">
<ng-container *ngTemplateOutlet="loadingTemplateRef ? loadingTemplateRef : default;">
</ng-container>
<ng-template #default>
<div class="devui-spinner-wrapper"
[ngClass]="{'devui-fix-loading-position': !customPosition,'devui-message-wrapper':!!message}"
[style.top]="top"
[style.left]="left">
<div class="devui-busy-default-sign">
<div class="devui-busy-default-spinner">
<div class="devui-loading-bar1"></div>
<div class="devui-loading-bar2"></div>
<div class="devui-loading-bar3"></div>
<div class="devui-loading-bar4"></div>
</div>
<div class="devui-busy-default-text" *ngIf="!!message">{{message}}</div>
</div>
</div>
</ng-template>
</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 }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1kZXZ1aS9sb2FkaW5nLyIsInNvdXJjZXMiOlsibG9hZGluZy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUEwQnZCLE1BQU0sT0FBTyxnQkFBZ0I7OztZQXhCNUIsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxXQUFXO2dCQUNyQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7b0JBbUJROzthQUVuQjs7O2lDQUVFLEtBQUs7c0JBQ0wsS0FBSztrQkFDTCxLQUFLO21CQUNMLEtBQUs7NkJBQ0wsS0FBSzs7OztJQUpOLDhDQUE4Qzs7SUFDOUMsbUNBQXlCOztJQUN6QiwrQkFBcUI7O0lBQ3JCLGdDQUFzQjs7SUFDdEIsMENBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2QtbG9hZGluZycsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwiZGV2dWktbG9hZGluZy13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibG9hZGluZ1RlbXBsYXRlUmVmID8gbG9hZGluZ1RlbXBsYXRlUmVmIDogZGVmYXVsdDtcIj5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXZ1aS1zcGlubmVyLXdyYXBwZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieydkZXZ1aS1maXgtbG9hZGluZy1wb3NpdGlvbic6ICFjdXN0b21Qb3NpdGlvbiwnZGV2dWktbWVzc2FnZS13cmFwcGVyJzohIW1lc3NhZ2V9XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS50b3BdPVwidG9wXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5sZWZ0XT1cImxlZnRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldnVpLWJ1c3ktZGVmYXVsdC1zaWduXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV2dWktYnVzeS1kZWZhdWx0LXNwaW5uZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV2dWktbG9hZGluZy1iYXIxXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldnVpLWxvYWRpbmctYmFyMlwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXZ1aS1sb2FkaW5nLWJhcjNcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV2dWktbG9hZGluZy1iYXI0XCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXZ1aS1idXN5LWRlZmF1bHQtdGV4dFwiICpuZ0lmPVwiISFtZXNzYWdlXCI+e3ttZXNzYWdlfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgIDwvZGl2PmAsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGluZy5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9hZGluZ0NvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbG9hZGluZ1RlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBJbnB1dCgpIG1lc3NhZ2U6IHN0cmluZztcclxuICBASW5wdXQoKSB0b3A6IHN0cmluZztcclxuICBASW5wdXQoKSBsZWZ0OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY3VzdG9tUG9zaXRpb246IGJvb2xlYW47XHJcbn1cclxuIl19