@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
111 lines • 12.4 kB
JavaScript
import { Component, HostBinding, Injector, Input } from '@angular/core';
import { LogLevel } from '@microsoft/windows-admin-center-sdk/core/diagnostics/log-level';
import { Logging } from '@microsoft/windows-admin-center-sdk/core/diagnostics/logging';
import { CoreBaseComponent } from '../../common/base.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
function IconTextComponent_ng_container_0_span_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "span", 5);
} if (rf & 2) {
const ctx_r3 = i0.ɵɵnextContext(2);
i0.ɵɵclassMap(ctx_r3.smeIconClassName ? ctx_r3.smeIconClassName : "");
} }
function IconTextComponent_ng_container_0_span_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "span", 6);
} if (rf & 2) {
const ctx_r4 = i0.ɵɵnextContext(2);
i0.ɵɵstyleProp("background-image", ctx_r4.urlIcon);
} }
function IconTextComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵtemplate(1, IconTextComponent_ng_container_0_span_1_Template, 1, 2, "span", 3);
i0.ɵɵtemplate(2, IconTextComponent_ng_container_0_span_2_Template, 1, 2, "span", 4);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r0.smeIconClassName);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r0.urlIcon && !ctx_r0.smeIconClassName);
} }
function IconTextComponent_input_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "input", 7);
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext();
i0.ɵɵproperty("value", ctx_r1.title);
i0.ɵɵattribute("aria-label", ctx_r1.readOnlyFormFieldLabel);
} }
function IconTextComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "h3", 8);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r2 = i0.ɵɵnextContext();
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate(ctx_r2.title);
} }
export class IconTextComponent extends CoreBaseComponent {
constructor(injector) {
super(injector);
/**
* The text in string.
*/
this.title = '';
/**
* It determines whether to show title
*/
this.showTitle = true;
this.layoutFlex = true;
/**
* It determines whether used in the read-only form field.
*/
this.readOnlyFormField = false;
if (this.smeIconClassName && this.urlIcon) {
Logging.log({
level: LogLevel.Warning,
message: 'Either sme icon or url icon is accepted.',
source: `${this.logSourceName}.constructor`
});
}
}
/**
* The source name to use for logging
*/
get logSourceName() {
return 'IconTextComponent';
}
}
/** @nocollapse */ IconTextComponent.ɵfac = function IconTextComponent_Factory(t) { return new (t || IconTextComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
/** @nocollapse */ IconTextComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: IconTextComponent, selectors: [["sme-icon-text"]], hostVars: 2, hostBindings: function IconTextComponent_HostBindings(rf, ctx) { if (rf & 2) {
i0.ɵɵclassProp("sme-layout-flex", ctx.layoutFlex);
} }, inputs: { title: "title", showTitle: "showTitle", urlIcon: "urlIcon", smeIconClassName: "smeIconClassName", readOnlyFormField: "readOnlyFormField", readOnlyFormFieldLabel: "readOnlyFormFieldLabel" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 3, consts: [[4, "ngIf"], ["type", "text", "readonly", "", "class", "sme-icon-text-text sme-position-flex-auto", "tabindex", "-1", 3, "value", 4, "ngIf"], ["class", "sme-icon-text-text sme-position-flex-align-center", 4, "ngIf"], ["class", "sme-icon-text-icon sme-position-flex-align-center sme-icon sme-margin-right-xs", 3, "class", 4, "ngIf"], ["class", "sme-icon-text-icon sme-position-flex-align-center sme-url-icon sme-margin-right-xs", 3, "background-image", 4, "ngIf"], [1, "sme-icon-text-icon", "sme-position-flex-align-center", "sme-icon", "sme-margin-right-xs"], [1, "sme-icon-text-icon", "sme-position-flex-align-center", "sme-url-icon", "sme-margin-right-xs"], ["type", "text", "readonly", "", "tabindex", "-1", 1, "sme-icon-text-text", "sme-position-flex-auto", 3, "value"], [1, "sme-icon-text-text", "sme-position-flex-align-center"]], template: function IconTextComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, IconTextComponent_ng_container_0_Template, 3, 2, "ng-container", 0);
i0.ɵɵtemplate(1, IconTextComponent_input_1_Template, 1, 2, "input", 1);
i0.ɵɵtemplate(2, IconTextComponent_h3_2_Template, 2, 1, "h3", 2);
} if (rf & 2) {
i0.ɵɵproperty("ngIf", ctx.smeIconClassName || ctx.urlIcon);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx.readOnlyFormField);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", !ctx.readOnlyFormField && ctx.showTitle);
} }, dependencies: [i1.NgIf], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconTextComponent, [{
type: Component,
args: [{ selector: 'sme-icon-text', template: "<ng-container *ngIf=\"smeIconClassName || urlIcon\">\r\n <span *ngIf=\"smeIconClassName\" class=\"sme-icon-text-icon sme-position-flex-align-center sme-icon sme-margin-right-xs\" [class]=\"smeIconClassName ? smeIconClassName : ''\"></span>\r\n <span *ngIf=\"urlIcon && !smeIconClassName\" class=\"sme-icon-text-icon sme-position-flex-align-center sme-url-icon sme-margin-right-xs\" [style.background-image]=\"urlIcon\"></span>\r\n</ng-container>\r\n<input *ngIf=\"readOnlyFormField\" type=\"text\" readonly class=\"sme-icon-text-text sme-position-flex-auto\" [attr.aria-label]=\"readOnlyFormFieldLabel\" tabindex=\"-1\" [value]=\"title\" />\r\n<h3 *ngIf=\"!readOnlyFormField && showTitle\" class=\"sme-icon-text-text sme-position-flex-align-center\">{{ title }}</h3>\r\n" }]
}], function () { return [{ type: i0.Injector }]; }, { title: [{
type: Input
}], showTitle: [{
type: Input
}], layoutFlex: [{
type: HostBinding,
args: ['class.sme-layout-flex']
}], urlIcon: [{
type: Input
}], smeIconClassName: [{
type: Input
}], readOnlyFormField: [{
type: Input
}], readOnlyFormFieldLabel: [{
type: Input
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi10ZXh0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2FuZ3VsYXIvc3JjL2NvbnRyb2xzL2ljb24vaWNvbi10ZXh0L2ljb24tdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9hbmd1bGFyL3NyYy9jb250cm9scy9pY29uL2ljb24tdGV4dC9pY29uLXRleHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFDMUYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7O0lDRjlELDBCQUFnTDs7O0lBQTFELHFFQUFrRDs7O0lBQ3hLLDBCQUFnTDs7O0lBQTFDLGtEQUFrQzs7O0lBRjFLLDZCQUFrRDtJQUNoRCxtRkFBZ0w7SUFDaEwsbUZBQWdMO0lBQ2xMLDBCQUFlOzs7SUFGTixlQUFzQjtJQUF0Qiw4Q0FBc0I7SUFDdEIsZUFBa0M7SUFBbEMsaUVBQWtDOzs7SUFFM0MsMkJBQW1MOzs7SUFBbEIsb0NBQWU7SUFBeEUsMkRBQTBDOzs7SUFDbEosNkJBQXNHO0lBQUEsWUFBVztJQUFBLGlCQUFLOzs7SUFBaEIsZUFBVztJQUFYLGtDQUFXOztBRElqSCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsaUJBQWlCO0lBK0NwRCxZQUFZLFFBQWtCO1FBQzFCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQXhDcEI7O1dBRUc7UUFFSSxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRWxCOztXQUVHO1FBRUksY0FBUyxHQUFHLElBQUksQ0FBQztRQUdqQixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBY3pCOztXQUVHO1FBRUksc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBVzdCLElBQUksSUFBSSxDQUFDLGdCQUFnQixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDdkMsT0FBTyxDQUFDLEdBQUcsQ0FBQztnQkFDUixLQUFLLEVBQUUsUUFBUSxDQUFDLE9BQU87Z0JBQ3ZCLE9BQU8sRUFBRSwwQ0FBMEM7Z0JBQ25ELE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxhQUFhLGNBQWM7YUFDOUMsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBeEREOztPQUVHO0lBQ0gsSUFBYyxhQUFhO1FBQ3ZCLE9BQU8sbUJBQW1CLENBQUM7SUFDL0IsQ0FBQzs7cUdBTlEsaUJBQWlCO21HQUFqQixpQkFBaUI7OztRQ1Q5QixvRkFHZTtRQUNmLHNFQUFtTDtRQUNuTCxnRUFBc0g7O1FBTHZHLDBEQUFpQztRQUl4QyxlQUF1QjtRQUF2Qiw0Q0FBdUI7UUFDMUIsZUFBcUM7UUFBckMsOERBQXFDOzt1RkRJN0IsaUJBQWlCO2NBSjdCLFNBQVM7MkJBQ0ksZUFBZTsyREFlbEIsS0FBSztrQkFEWCxLQUFLO1lBT0MsU0FBUztrQkFEZixLQUFLO1lBSUMsVUFBVTtrQkFEaEIsV0FBVzttQkFBQyx1QkFBdUI7WUFPN0IsT0FBTztrQkFEYixLQUFLO1lBT0MsZ0JBQWdCO2tCQUR0QixLQUFLO1lBT0MsaUJBQWlCO2tCQUR2QixLQUFLO1lBT0Msc0JBQXNCO2tCQUQ1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5qZWN0b3IsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTG9nTGV2ZWwgfSBmcm9tICdAbWljcm9zb2Z0L3dpbmRvd3MtYWRtaW4tY2VudGVyLXNkay9jb3JlL2RpYWdub3N0aWNzL2xvZy1sZXZlbCc7XHJcbmltcG9ydCB7IExvZ2dpbmcgfSBmcm9tICdAbWljcm9zb2Z0L3dpbmRvd3MtYWRtaW4tY2VudGVyLXNkay9jb3JlL2RpYWdub3N0aWNzL2xvZ2dpbmcnO1xyXG5pbXBvcnQgeyBDb3JlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NvbW1vbi9iYXNlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc21lLWljb24tdGV4dCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vaWNvbi10ZXh0LmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSWNvblRleHRDb21wb25lbnQgZXh0ZW5kcyBDb3JlQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICAvKipcclxuICAgICAqIFRoZSBzb3VyY2UgbmFtZSB0byB1c2UgZm9yIGxvZ2dpbmdcclxuICAgICAqL1xyXG4gICAgcHJvdGVjdGVkIGdldCBsb2dTb3VyY2VOYW1lKCkge1xyXG4gICAgICAgIHJldHVybiAnSWNvblRleHRDb21wb25lbnQnO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIHRleHQgaW4gc3RyaW5nLlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHRpdGxlID0gJyc7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBJdCBkZXRlcm1pbmVzIHdoZXRoZXIgdG8gc2hvdyB0aXRsZVxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHNob3dUaXRsZSA9IHRydWU7XHJcblxyXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zbWUtbGF5b3V0LWZsZXgnKVxyXG4gICAgcHVibGljIGxheW91dEZsZXggPSB0cnVlO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIHNtZSBpY29uIGNsYXNzIGZvciBVUkwgaWNvbnMuXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgdXJsSWNvbjogc3RyaW5nO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIHNtZSBpY29uIGNsYXNzIGZvciBNREwgaWNvbnMuXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgc21lSWNvbkNsYXNzTmFtZTogc3RyaW5nO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogSXQgZGV0ZXJtaW5lcyB3aGV0aGVyIHVzZWQgaW4gdGhlIHJlYWQtb25seSBmb3JtIGZpZWxkLlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHJlYWRPbmx5Rm9ybUZpZWxkID0gZmFsc2U7XHJcblxyXG4gICAgLyoqXHJcbiAgICAqIFRoZSBsYWJlbCBmb3IgdGhlIHJlYWRvbmx5IGZvcm0gZmllbGQuXHJcbiAgICAqL1xyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyByZWFkT25seUZvcm1GaWVsZExhYmVsOiBzdHJpbmc7XHJcblxyXG4gICAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XHJcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xyXG5cclxuICAgICAgICBpZiAodGhpcy5zbWVJY29uQ2xhc3NOYW1lICYmIHRoaXMudXJsSWNvbikge1xyXG4gICAgICAgICAgICBMb2dnaW5nLmxvZyh7XHJcbiAgICAgICAgICAgICAgICBsZXZlbDogTG9nTGV2ZWwuV2FybmluZyxcclxuICAgICAgICAgICAgICAgIG1lc3NhZ2U6ICdFaXRoZXIgc21lIGljb24gb3IgdXJsIGljb24gaXMgYWNjZXB0ZWQuJyxcclxuICAgICAgICAgICAgICAgIHNvdXJjZTogYCR7dGhpcy5sb2dTb3VyY2VOYW1lfS5jb25zdHJ1Y3RvcmBcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJzbWVJY29uQ2xhc3NOYW1lIHx8IHVybEljb25cIj5cclxuICA8c3BhbiAqbmdJZj1cInNtZUljb25DbGFzc05hbWVcIiBjbGFzcz1cInNtZS1pY29uLXRleHQtaWNvbiBzbWUtcG9zaXRpb24tZmxleC1hbGlnbi1jZW50ZXIgc21lLWljb24gc21lLW1hcmdpbi1yaWdodC14c1wiIFtjbGFzc109XCJzbWVJY29uQ2xhc3NOYW1lID8gc21lSWNvbkNsYXNzTmFtZSA6ICcnXCI+PC9zcGFuPlxyXG4gIDxzcGFuICpuZ0lmPVwidXJsSWNvbiAmJiAhc21lSWNvbkNsYXNzTmFtZVwiIGNsYXNzPVwic21lLWljb24tdGV4dC1pY29uIHNtZS1wb3NpdGlvbi1mbGV4LWFsaWduLWNlbnRlciBzbWUtdXJsLWljb24gc21lLW1hcmdpbi1yaWdodC14c1wiIFtzdHlsZS5iYWNrZ3JvdW5kLWltYWdlXT1cInVybEljb25cIj48L3NwYW4+XHJcbjwvbmctY29udGFpbmVyPlxyXG48aW5wdXQgKm5nSWY9XCJyZWFkT25seUZvcm1GaWVsZFwiIHR5cGU9XCJ0ZXh0XCIgcmVhZG9ubHkgY2xhc3M9XCJzbWUtaWNvbi10ZXh0LXRleHQgc21lLXBvc2l0aW9uLWZsZXgtYXV0b1wiIFthdHRyLmFyaWEtbGFiZWxdPVwicmVhZE9ubHlGb3JtRmllbGRMYWJlbFwiIHRhYmluZGV4PVwiLTFcIiBbdmFsdWVdPVwidGl0bGVcIiAvPlxyXG48aDMgKm5nSWY9XCIhcmVhZE9ubHlGb3JtRmllbGQgJiYgc2hvd1RpdGxlXCIgY2xhc3M9XCJzbWUtaWNvbi10ZXh0LXRleHQgc21lLXBvc2l0aW9uLWZsZXgtYWxpZ24tY2VudGVyXCI+e3sgdGl0bGUgfX08L2gzPlxyXG4iXX0=