@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
79 lines • 8.91 kB
JavaScript
import { Component, EventEmitter, HostBinding, Injector, Input, Output } from '@angular/core';
import { CoreBaseComponent } from '../common/base.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
const _c0 = ["*"];
export class BackdropComponent extends CoreBaseComponent {
constructor(injector) {
super(injector);
/**
* The base dialog layer. Be aware that this value is also defined in layers.scss
*/
this.smeLayerDialog = 900;
this.allowBackgroundInteraction = false;
this.showBackdrop = true;
this.level = 1;
this.clicked = new EventEmitter();
}
/**
* The source name to use for logging
*/
get logSourceName() {
return 'BackdropComponent';
}
get zIndex() {
return this.level + this.smeLayerDialog;
}
/**
* emits clicked event
*/
onClick() {
this.clicked.emit();
}
getCssClass() {
const classes = [];
if (MsftSme.isShell() && !MsftSme.getValue(MsftSme.self(), 'Environment.configuration.appBar.hide')) {
classes.push('sme-position-top-xxl sme-position-backdrop-fill-screen');
}
if (this.allowBackgroundInteraction && this.showBackdrop) {
classes.push('sme-position-left-unset');
}
return classes.join(' ');
}
}
/** @nocollapse */ BackdropComponent.ɵfac = function BackdropComponent_Factory(t) { return new (t || BackdropComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
/** @nocollapse */ BackdropComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: BackdropComponent, selectors: [["sme-backdrop"]], hostVars: 4, hostBindings: function BackdropComponent_HostBindings(rf, ctx) { if (rf & 2) {
i0.ɵɵstyleProp("z-index", ctx.zIndex);
i0.ɵɵclassProp("sme-position-left-unset", ctx.allowBackgroundInteraction);
} }, inputs: { allowBackgroundInteraction: "allowBackgroundInteraction", showBackdrop: "showBackdrop", level: "level" }, outputs: { clicked: "clicked" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 3, vars: 4, consts: [[1, "sme-position-inset-none", "sme-layout-fixed", 3, "ngClass"], [1, "sme-position-inset-none", "sme-layout-fixed", 3, "ngClass", "click"]], template: function BackdropComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojectionDef();
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
i0.ɵɵlistener("click", function BackdropComponent_Template_div_click_1_listener() { return ctx.onClick(); });
i0.ɵɵelementEnd();
i0.ɵɵprojection(2);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵproperty("ngClass", ctx.getCssClass());
i0.ɵɵadvance(1);
i0.ɵɵclassProp("sme-scheme-backdrop-opaque", ctx.showBackdrop);
i0.ɵɵproperty("ngClass", ctx.getCssClass());
} }, dependencies: [i1.NgClass], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackdropComponent, [{
type: Component,
args: [{ selector: 'sme-backdrop', template: "<div class=\"sme-position-inset-none sme-layout-fixed\" [ngClass]=\"getCssClass()\">\r\n <div class=\"sme-position-inset-none sme-layout-fixed\" [ngClass]=\"getCssClass()\" (click)=\"onClick()\" [class.sme-scheme-backdrop-opaque]=\"showBackdrop\"></div>\r\n <ng-content></ng-content>\r\n</div>\r\n" }]
}], function () { return [{ type: i0.Injector }]; }, { allowBackgroundInteraction: [{
type: HostBinding,
args: ['class.sme-position-left-unset']
}, {
type: Input
}], showBackdrop: [{
type: Input
}], level: [{
type: Input
}], clicked: [{
type: Output
}], zIndex: [{
type: HostBinding,
args: ['style.z-index']
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvYmFja2Ryb3AvYmFja2Ryb3AuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvYmFja2Ryb3AvYmFja2Ryb3AuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBTTdELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxpQkFBaUI7SUF3QnBELFlBQVksUUFBa0I7UUFDMUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBbEJwQjs7V0FFRztRQUNLLG1CQUFjLEdBQUcsR0FBRyxDQUFDO1FBR2IsK0JBQTBCLEdBQUcsS0FBSyxDQUFDO1FBRW5DLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRXBCLFVBQUssR0FBRyxDQUFDLENBQUM7UUFDVCxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFReEUsQ0FBQztJQXpCRDs7T0FFRztJQUNILElBQWMsYUFBYTtRQUN2QixPQUFPLG1CQUFtQixDQUFDO0lBQy9CLENBQUM7SUFhRCxJQUNXLE1BQU07UUFDYixPQUFPLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM1QyxDQUFDO0lBTUQ7O09BRUc7SUFDSSxPQUFPO1FBQ1YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRU0sV0FBVztRQUNkLE1BQU0sT0FBTyxHQUFHLEVBQUUsQ0FBQztRQUVuQixJQUFJLE9BQU8sQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQVUsT0FBTyxDQUFDLElBQUksRUFBRSxFQUFFLHVDQUF1QyxDQUFDLEVBQUU7WUFDMUcsT0FBTyxDQUFDLElBQUksQ0FBQyx3REFBd0QsQ0FBQyxDQUFDO1NBQzFFO1FBRUQsSUFBSSxJQUFJLENBQUMsMEJBQTBCLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUN0RCxPQUFPLENBQUMsSUFBSSxDQUFDLHlCQUF5QixDQUFDLENBQUM7U0FDM0M7UUFFRCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDN0IsQ0FBQzs7cUdBL0NRLGlCQUFpQjttR0FBakIsaUJBQWlCOzs7OztRQ1A5Qiw4QkFBZ0YsYUFBQTtRQUNFLDJGQUFTLGFBQVMsSUFBQztRQUFtRCxpQkFBTTtRQUM1SixrQkFBeUI7UUFDM0IsaUJBQU07O1FBSGdELDJDQUF5QjtRQUN1QixlQUFpRDtRQUFqRCw4REFBaUQ7UUFBL0YsMkNBQXlCOzt1RkRNcEUsaUJBQWlCO2NBSjdCLFNBQVM7MkJBQ0ksY0FBYzsyREFnQlIsMEJBQTBCO2tCQUR6QyxXQUFXO21CQUFDLCtCQUErQjs7a0JBQzNDLEtBQUs7WUFFVSxZQUFZO2tCQUEzQixLQUFLO1lBRVUsS0FBSztrQkFBcEIsS0FBSztZQUNXLE9BQU87a0JBQXZCLE1BQU07WUFFSSxNQUFNO2tCQURoQixXQUFXO21CQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIEluamVjdG9yLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvcmVCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tbW9uL2Jhc2UuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzbWUtYmFja2Ryb3AnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhY2tkcm9wLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFja2Ryb3BDb21wb25lbnQgZXh0ZW5kcyBDb3JlQmFzZUNvbXBvbmVudCB7XHJcbiAgICAvKipcclxuICAgICAqIFRoZSBzb3VyY2UgbmFtZSB0byB1c2UgZm9yIGxvZ2dpbmdcclxuICAgICAqL1xyXG4gICAgcHJvdGVjdGVkIGdldCBsb2dTb3VyY2VOYW1lKCkge1xyXG4gICAgICAgIHJldHVybiAnQmFja2Ryb3BDb21wb25lbnQnO1xyXG4gICAgfVxyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgYmFzZSBkaWFsb2cgbGF5ZXIuIEJlIGF3YXJlIHRoYXQgdGhpcyB2YWx1ZSBpcyBhbHNvIGRlZmluZWQgaW4gbGF5ZXJzLnNjc3NcclxuICAgICAqL1xyXG4gICAgcHJpdmF0ZSBzbWVMYXllckRpYWxvZyA9IDkwMDtcclxuXHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNtZS1wb3NpdGlvbi1sZWZ0LXVuc2V0JylcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBhbGxvd0JhY2tncm91bmRJbnRlcmFjdGlvbiA9IGZhbHNlO1xyXG5cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzaG93QmFja2Ryb3AgPSB0cnVlO1xyXG5cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBsZXZlbCA9IDE7XHJcbiAgICBAT3V0cHV0KCkgcHVibGljIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuei1pbmRleCcpXHJcbiAgICBwdWJsaWMgZ2V0IHpJbmRleCgpOiBudW1iZXIge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmxldmVsICsgdGhpcy5zbWVMYXllckRpYWxvZztcclxuICAgIH1cclxuXHJcbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IpIHtcclxuICAgICAgICBzdXBlcihpbmplY3Rvcik7XHJcbiAgICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBlbWl0cyBjbGlja2VkIGV2ZW50XHJcbiAgICAgKi9cclxuICAgIHB1YmxpYyBvbkNsaWNrKCkge1xyXG4gICAgICAgIHRoaXMuY2xpY2tlZC5lbWl0KCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIGdldENzc0NsYXNzKCk6IHN0cmluZyB7XHJcbiAgICAgICAgY29uc3QgY2xhc3NlcyA9IFtdO1xyXG5cclxuICAgICAgICBpZiAoTXNmdFNtZS5pc1NoZWxsKCkgJiYgIU1zZnRTbWUuZ2V0VmFsdWU8Ym9vbGVhbj4oTXNmdFNtZS5zZWxmKCksICdFbnZpcm9ubWVudC5jb25maWd1cmF0aW9uLmFwcEJhci5oaWRlJykpIHtcclxuICAgICAgICAgICAgY2xhc3Nlcy5wdXNoKCdzbWUtcG9zaXRpb24tdG9wLXh4bCBzbWUtcG9zaXRpb24tYmFja2Ryb3AtZmlsbC1zY3JlZW4nKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmICh0aGlzLmFsbG93QmFja2dyb3VuZEludGVyYWN0aW9uICYmIHRoaXMuc2hvd0JhY2tkcm9wKSB7XHJcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCgnc21lLXBvc2l0aW9uLWxlZnQtdW5zZXQnKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHJldHVybiBjbGFzc2VzLmpvaW4oJyAnKTtcclxuICAgIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic21lLXBvc2l0aW9uLWluc2V0LW5vbmUgc21lLWxheW91dC1maXhlZFwiIFtuZ0NsYXNzXT1cImdldENzc0NsYXNzKClcIj5cclxuICA8ZGl2IGNsYXNzPVwic21lLXBvc2l0aW9uLWluc2V0LW5vbmUgc21lLWxheW91dC1maXhlZFwiIFtuZ0NsYXNzXT1cImdldENzc0NsYXNzKClcIiAoY2xpY2spPVwib25DbGljaygpXCIgW2NsYXNzLnNtZS1zY2hlbWUtYmFja2Ryb3Atb3BhcXVlXT1cInNob3dCYWNrZHJvcFwiPjwvZGl2PlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==