@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
88 lines • 9.42 kB
JavaScript
import { Component, HostBinding, Injector, Input } from '@angular/core';
import { CoreBaseComponent } from '../common/base.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
function LayoutItemComponent_div_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 1);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate(ctx_r0.caption);
} }
const _c0 = ["*"];
/**
* Layout component
*/
export class LayoutItemComponent extends CoreBaseComponent {
constructor(injector) {
super(injector);
/**
* The number of columns that this item should span at maximum
*/
this.columnSpan = 1;
}
/**
* The source name to use for logging
*/
get logSourceName() {
return 'LayoutItemComponent';
}
get maxWidth() {
return this.internalMaxWidth;
}
set maxWidth(value) {
this.internalMaxWidth = value;
if (MsftSme.isNullOrUndefined(value)) {
this.renderer.setAttribute(this.hostElement.nativeElement, 'style', 'max-width:auto');
}
else {
this.renderer.setAttribute(this.hostElement.nativeElement, 'style', 'max-width:{0}px'.format(value));
}
}
ngOnInit() {
this.hostElement.nativeElement.style.visibility = 'hidden';
}
ready() {
this.hostElement.nativeElement.style.visibility = 'visible';
}
}
/** @nocollapse */ LayoutItemComponent.ɵfac = function LayoutItemComponent_Factory(t) { return new (t || LayoutItemComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
/** @nocollapse */ LayoutItemComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: LayoutItemComponent, selectors: [["sme-layout-item"]], hostVars: 10, hostBindings: function LayoutItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
i0.ɵɵstyleProp("width", ctx.width)("padding-right", ctx.paddingRight)("padding-bottom", ctx.paddingBottom)("flex", ctx.flex)("min-width", ctx.minWidth);
} }, inputs: { columnSpan: "columnSpan", caption: "caption", customConfig: "customConfig", maxWidth: "maxWidth" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 2, vars: 1, consts: [["class", "sme-font-family-bold sme-border-bottom-sm sme-border-bottom-color-base-40 sme-padding-bottom-xs sme-margin-vertical-sm", 4, "ngIf"], [1, "sme-font-family-bold", "sme-border-bottom-sm", "sme-border-bottom-color-base-40", "sme-padding-bottom-xs", "sme-margin-vertical-sm"]], template: function LayoutItemComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojectionDef();
i0.ɵɵtemplate(0, LayoutItemComponent_div_0_Template, 2, 1, "div", 0);
i0.ɵɵprojection(1);
} if (rf & 2) {
i0.ɵɵproperty("ngIf", ctx.caption);
} }, dependencies: [i1.NgIf], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LayoutItemComponent, [{
type: Component,
args: [{ selector: 'sme-layout-item', template: "<div *ngIf=\"caption\" class=\"sme-font-family-bold sme-border-bottom-sm sme-border-bottom-color-base-40 sme-padding-bottom-xs sme-margin-vertical-sm\">{{caption}}</div>\r\n<ng-content></ng-content>" }]
}], function () { return [{ type: i0.Injector }]; }, { width: [{
type: HostBinding,
args: ['style.width']
}], paddingRight: [{
type: HostBinding,
args: ['style.paddingRight']
}], paddingBottom: [{
type: HostBinding,
args: ['style.paddingBottom']
}], flex: [{
type: HostBinding,
args: ['style.flex']
}], minWidth: [{
type: HostBinding,
args: ['style.min-width']
}], columnSpan: [{
type: Input
}], caption: [{
type: Input
}], customConfig: [{
type: Input
}], maxWidth: [{
type: Input
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvbGF5b3V0L2xheW91dC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2FuZ3VsYXIvc3JjL2NvbnRyb2xzL2xheW91dC9sYXlvdXQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0lDRDdELDhCQUFvSjtJQUFBLFlBQVc7SUFBQSxpQkFBTTs7O0lBQWpCLGVBQVc7SUFBWCxvQ0FBVzs7O0FESS9KOztHQUVHO0FBS0gsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGlCQUFpQjtJQW9EdEQsWUFBWSxRQUFrQjtRQUMxQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUEzQnBCOztXQUVHO1FBRUksZUFBVSxHQUFHLENBQUMsQ0FBQztJQXdCdEIsQ0FBQztJQXBERDs7T0FFRztJQUNILElBQWMsYUFBYTtRQUN2QixPQUFPLHFCQUFxQixDQUFDO0lBQ2pDLENBQUM7SUE0QkQsSUFBVyxRQUFRO1FBQ2YsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDakMsQ0FBQztJQUtELElBQ1csUUFBUSxDQUFDLEtBQWE7UUFDN0IsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNsQyxJQUFJLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztTQUN6RjthQUFNO1lBQ0gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1NBQ3hHO0lBQ0wsQ0FBQztJQU1NLFFBQVE7UUFDWCxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLFFBQVEsQ0FBQztJQUMvRCxDQUFDO0lBRU0sS0FBSztRQUNSLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDO0lBQ2hFLENBQUM7O3lHQTlEUSxtQkFBbUI7cUdBQW5CLG1CQUFtQjs7OztRQ1hoQyxvRUFBcUs7UUFDckssa0JBQXlCOztRQURuQixrQ0FBYTs7dUZEV04sbUJBQW1CO2NBSi9CLFNBQVM7MkJBQ0ksaUJBQWlCOzJEQWVwQixLQUFLO2tCQURYLFdBQVc7bUJBQUMsYUFBYTtZQUluQixZQUFZO2tCQURsQixXQUFXO21CQUFDLG9CQUFvQjtZQUkxQixhQUFhO2tCQURuQixXQUFXO21CQUFDLHFCQUFxQjtZQUkzQixJQUFJO2tCQURWLFdBQVc7bUJBQUMsWUFBWTtZQUlsQixRQUFRO2tCQURkLFdBQVc7bUJBQUMsaUJBQWlCO1lBT3ZCLFVBQVU7a0JBRGhCLEtBQUs7WUFJQyxPQUFPO2tCQURiLEtBQUs7WUFRQyxZQUFZO2tCQURsQixLQUFLO1lBSUssUUFBUTtrQkFEbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEluamVjdG9yLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvcmVCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tbW9uL2Jhc2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTGF5b3V0SXRlbUNvbmZpZyB9IGZyb20gJy4vbGF5b3V0LWNvbmZpZyc7XHJcblxyXG4vKipcclxuICogTGF5b3V0IGNvbXBvbmVudFxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NtZS1sYXlvdXQtaXRlbScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbGF5b3V0LWl0ZW0uY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMYXlvdXRJdGVtQ29tcG9uZW50IGV4dGVuZHMgQ29yZUJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIHNvdXJjZSBuYW1lIHRvIHVzZSBmb3IgbG9nZ2luZ1xyXG4gICAgICovXHJcbiAgICBwcm90ZWN0ZWQgZ2V0IGxvZ1NvdXJjZU5hbWUoKSB7XHJcbiAgICAgICAgcmV0dXJuICdMYXlvdXRJdGVtQ29tcG9uZW50JztcclxuICAgIH1cclxuXHJcbiAgICBwcm90ZWN0ZWQgaW50ZXJuYWxNYXhXaWR0aDogbnVtYmVyO1xyXG5cclxuICAgIEBIb3N0QmluZGluZygnc3R5bGUud2lkdGgnKVxyXG4gICAgcHVibGljIHdpZHRoOiBzdHJpbmc7XHJcblxyXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5wYWRkaW5nUmlnaHQnKVxyXG4gICAgcHVibGljIHBhZGRpbmdSaWdodDogc3RyaW5nO1xyXG5cclxuICAgIEBIb3N0QmluZGluZygnc3R5bGUucGFkZGluZ0JvdHRvbScpXHJcbiAgICBwdWJsaWMgcGFkZGluZ0JvdHRvbTogc3RyaW5nO1xyXG5cclxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuZmxleCcpXHJcbiAgICBwdWJsaWMgZmxleDogc3RyaW5nO1xyXG5cclxuICAgIEBIb3N0QmluZGluZygnc3R5bGUubWluLXdpZHRoJylcclxuICAgIHB1YmxpYyBtaW5XaWR0aDogc3RyaW5nO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIG51bWJlciBvZiBjb2x1bW5zIHRoYXQgdGhpcyBpdGVtIHNob3VsZCBzcGFuIGF0IG1heGltdW1cclxuICAgICAqL1xyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBjb2x1bW5TcGFuID0gMTtcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIGNhcHRpb246IHN0cmluZztcclxuXHJcbiAgICBwdWJsaWMgZ2V0IG1heFdpZHRoKCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmludGVybmFsTWF4V2lkdGg7XHJcbiAgICB9XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBjdXN0b21Db25maWc6IExheW91dEl0ZW1Db25maWc7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBzZXQgbWF4V2lkdGgodmFsdWU6IG51bWJlcikge1xyXG4gICAgICAgIHRoaXMuaW50ZXJuYWxNYXhXaWR0aCA9IHZhbHVlO1xyXG4gICAgICAgIGlmIChNc2Z0U21lLmlzTnVsbE9yVW5kZWZpbmVkKHZhbHVlKSkge1xyXG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZSh0aGlzLmhvc3RFbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICdzdHlsZScsICdtYXgtd2lkdGg6YXV0bycpO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKHRoaXMuaG9zdEVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ3N0eWxlJywgJ21heC13aWR0aDp7MH1weCcuZm9ybWF0KHZhbHVlKSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xyXG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgbmdPbkluaXQoKSB7XHJcbiAgICAgICAgdGhpcy5ob3N0RWxlbWVudC5uYXRpdmVFbGVtZW50LnN0eWxlLnZpc2liaWxpdHkgPSAnaGlkZGVuJztcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgcmVhZHkoKSB7XHJcbiAgICAgICAgdGhpcy5ob3N0RWxlbWVudC5uYXRpdmVFbGVtZW50LnN0eWxlLnZpc2liaWxpdHkgPSAndmlzaWJsZSc7XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiAqbmdJZj1cImNhcHRpb25cIiBjbGFzcz1cInNtZS1mb250LWZhbWlseS1ib2xkIHNtZS1ib3JkZXItYm90dG9tLXNtIHNtZS1ib3JkZXItYm90dG9tLWNvbG9yLWJhc2UtNDAgc21lLXBhZGRpbmctYm90dG9tLXhzIHNtZS1tYXJnaW4tdmVydGljYWwtc21cIj57e2NhcHRpb259fTwvZGl2PlxyXG48bmctY29udGVudD48L25nLWNvbnRlbnQ+Il19