ng-devui
Version:
DevUI components based on Angular
43 lines • 5.06 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class LoadingBackdropComponent {
constructor() {
this.backdrop = true;
}
ngOnInit() {
if (this.target) {
this.targetName = this.target.nodeName;
}
}
ngOnChanges(changes) {
if (changes.target) {
if (this.target) {
this.targetName = this.target.nodeName;
}
}
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoadingBackdropComponent, selector: "d-loading-backdrop", inputs: { backdrop: "backdrop", target: "target", zIndex: "zIndex" }, usesOnChanges: true, ngImport: i0, template: `<div
class="devui-loading-backdrop"
[ngStyle]="{ 'z-index': zIndex }"
[ngClass]="{ 'devui-loading-full': targetName === 'BODY' }"
*ngIf="backdrop"
></div>`, isInline: true, styles: [".devui-loading-backdrop{position:absolute;z-index:calc(var(--devui-z-index-full-page-overlay, 1080) - 1);background-color:var(--devui-line, #dbdbdb);opacity:.3;left:0;top:0;bottom:0!important;right:0}.devui-loading-backdrop.devui-loading-full{position:fixed;width:100vw;height:100vh}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingBackdropComponent, decorators: [{
type: Component,
args: [{ selector: 'd-loading-backdrop', template: `<div
class="devui-loading-backdrop"
[ngStyle]="{ 'z-index': zIndex }"
[ngClass]="{ 'devui-loading-full': targetName === 'BODY' }"
*ngIf="backdrop"
></div>`, preserveWhitespaces: false, styles: [".devui-loading-backdrop{position:absolute;z-index:calc(var(--devui-z-index-full-page-overlay, 1080) - 1);background-color:var(--devui-line, #dbdbdb);opacity:.3;left:0;top:0;bottom:0!important;right:0}.devui-loading-backdrop.devui-loading-full{position:fixed;width:100vw;height:100vh}\n"] }]
}], propDecorators: { backdrop: [{
type: Input
}], target: [{
type: Input
}], zIndex: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1iYWNrZHJvcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9kZXZ1aS9sb2FkaW5nL2xvYWRpbmctYmFja2Ryb3AuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFvQyxNQUFNLGVBQWUsQ0FBQzs7O0FBYW5GLE1BQU0sT0FBTyx3QkFBd0I7SUFYckM7UUFZVyxhQUFRLEdBQUcsSUFBSSxDQUFDO0tBa0IxQjtJQWJDLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1FBQ3pDLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ25CLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUNoQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1lBQ3pDLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQzsrR0FsQlUsd0JBQXdCO21HQUF4Qix3QkFBd0IscUpBVHpCOzs7OztVQUtGOzs0RkFJRyx3QkFBd0I7a0JBWHBDLFNBQVM7K0JBQ0Usb0JBQW9CLFlBQ3BCOzs7OztVQUtGLHVCQUVhLEtBQUs7OEJBR2pCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2QtbG9hZGluZy1iYWNrZHJvcCcsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2XHJcbiAgICBjbGFzcz1cImRldnVpLWxvYWRpbmctYmFja2Ryb3BcIlxyXG4gICAgW25nU3R5bGVdPVwieyAnei1pbmRleCc6IHpJbmRleCB9XCJcclxuICAgIFtuZ0NsYXNzXT1cInsgJ2RldnVpLWxvYWRpbmctZnVsbCc6IHRhcmdldE5hbWUgPT09ICdCT0RZJyB9XCJcclxuICAgICpuZ0lmPVwiYmFja2Ryb3BcIlxyXG4gID48L2Rpdj5gLFxyXG4gIHN0eWxlVXJsczogWycuL2xvYWRpbmctYmFja2Ryb3AuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIExvYWRpbmdCYWNrZHJvcENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBiYWNrZHJvcCA9IHRydWU7XHJcbiAgQElucHV0KCkgdGFyZ2V0OiBFbGVtZW50O1xyXG4gIEBJbnB1dCgpIHpJbmRleDogbnVtYmVyO1xyXG4gIHRhcmdldE5hbWU6IHN0cmluZztcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBpZiAodGhpcy50YXJnZXQpIHtcclxuICAgICAgdGhpcy50YXJnZXROYW1lID0gdGhpcy50YXJnZXQubm9kZU5hbWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBpZiAoY2hhbmdlcy50YXJnZXQpIHtcclxuICAgICAgaWYgKHRoaXMudGFyZ2V0KSB7XHJcbiAgICAgICAgdGhpcy50YXJnZXROYW1lID0gdGhpcy50YXJnZXQubm9kZU5hbWU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19