@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_span_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 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 = '';
/**
* The text in string.
*/
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_span_2_Template, 2, 1, "span", 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<span *ngIf=\"!readOnlyFormField && showTitle\" class=\"sme-icon-text-text sme-position-flex-align-center\">{{ title }}</span>\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi10ZXh0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2FuZ3VsYXIvc3JjL2NvbnRyb2xzL2ljb24vaWNvbi10ZXh0L2ljb24tdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9hbmd1bGFyL3NyYy9jb250cm9scy9pY29uL2ljb24tdGV4dC9pY29uLXRleHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFDMUYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7O0lDRjlELDBCQUFnTDs7O0lBQTFELHFFQUFrRDs7O0lBQ3hLLDBCQUFnTDs7O0lBQTFDLGtEQUFrQzs7O0lBRjFLLDZCQUFrRDtJQUNoRCxtRkFBZ0w7SUFDaEwsbUZBQWdMO0lBQ2xMLDBCQUFlOzs7SUFGTixlQUFzQjtJQUF0Qiw4Q0FBc0I7SUFDdEIsZUFBa0M7SUFBbEMsaUVBQWtDOzs7SUFFM0MsMkJBQW1MOzs7SUFBbEIsb0NBQWU7SUFBeEUsMkRBQTBDOzs7SUFDbEosK0JBQXdHO0lBQUEsWUFBVztJQUFBLGlCQUFPOzs7SUFBbEIsZUFBVztJQUFYLGtDQUFXOztBREluSCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsaUJBQWlCO0lBK0NwRCxZQUFZLFFBQWtCO1FBQzFCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQXhDcEI7O1dBRUc7UUFFSSxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRWxCOztXQUVHO1FBRUksY0FBUyxHQUFHLElBQUksQ0FBQztRQUdqQixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBY3pCOztXQUVHO1FBRUksc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBVzdCLElBQUksSUFBSSxDQUFDLGdCQUFnQixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDdkMsT0FBTyxDQUFDLEdBQUcsQ0FBQztnQkFDUixLQUFLLEVBQUUsUUFBUSxDQUFDLE9BQU87Z0JBQ3ZCLE9BQU8sRUFBRSwwQ0FBMEM7Z0JBQ25ELE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxhQUFhLGNBQWM7YUFDOUMsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBeEREOztPQUVHO0lBQ0gsSUFBYyxhQUFhO1FBQ3ZCLE9BQU8sbUJBQW1CLENBQUM7SUFDL0IsQ0FBQzs7cUdBTlEsaUJBQWlCO21HQUFqQixpQkFBaUI7OztRQ1Q5QixvRkFHZTtRQUNmLHNFQUFtTDtRQUNuTCxvRUFBMEg7O1FBTDNHLDBEQUFpQztRQUl4QyxlQUF1QjtRQUF2Qiw0Q0FBdUI7UUFDeEIsZUFBcUM7UUFBckMsOERBQXFDOzt1RkRJL0IsaUJBQWlCO2NBSjdCLFNBQVM7MkJBQ0ksZUFBZTsyREFlbEIsS0FBSztrQkFEWCxLQUFLO1lBT0MsU0FBUztrQkFEZixLQUFLO1lBSUMsVUFBVTtrQkFEaEIsV0FBVzttQkFBQyx1QkFBdUI7WUFPN0IsT0FBTztrQkFEYixLQUFLO1lBT0MsZ0JBQWdCO2tCQUR0QixLQUFLO1lBT0MsaUJBQWlCO2tCQUR2QixLQUFLO1lBT0Msc0JBQXNCO2tCQUQ1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5qZWN0b3IsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTG9nTGV2ZWwgfSBmcm9tICdAbWljcm9zb2Z0L3dpbmRvd3MtYWRtaW4tY2VudGVyLXNkay9jb3JlL2RpYWdub3N0aWNzL2xvZy1sZXZlbCc7XHJcbmltcG9ydCB7IExvZ2dpbmcgfSBmcm9tICdAbWljcm9zb2Z0L3dpbmRvd3MtYWRtaW4tY2VudGVyLXNkay9jb3JlL2RpYWdub3N0aWNzL2xvZ2dpbmcnO1xyXG5pbXBvcnQgeyBDb3JlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NvbW1vbi9iYXNlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc21lLWljb24tdGV4dCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vaWNvbi10ZXh0LmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSWNvblRleHRDb21wb25lbnQgZXh0ZW5kcyBDb3JlQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICAvKipcclxuICAgICAqIFRoZSBzb3VyY2UgbmFtZSB0byB1c2UgZm9yIGxvZ2dpbmdcclxuICAgICAqL1xyXG4gICAgcHJvdGVjdGVkIGdldCBsb2dTb3VyY2VOYW1lKCkge1xyXG4gICAgICAgIHJldHVybiAnSWNvblRleHRDb21wb25lbnQnO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIHRleHQgaW4gc3RyaW5nLlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHRpdGxlID0gJyc7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgdGV4dCBpbiBzdHJpbmcuXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgc2hvd1RpdGxlID0gdHJ1ZTtcclxuXHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNtZS1sYXlvdXQtZmxleCcpXHJcbiAgICBwdWJsaWMgbGF5b3V0RmxleCA9IHRydWU7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgc21lIGljb24gY2xhc3MgZm9yIFVSTCBpY29ucy5cclxuICAgICAqL1xyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyB1cmxJY29uOiBzdHJpbmc7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgc21lIGljb24gY2xhc3MgZm9yIE1ETCBpY29ucy5cclxuICAgICAqL1xyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBzbWVJY29uQ2xhc3NOYW1lOiBzdHJpbmc7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBJdCBkZXRlcm1pbmVzIHdoZXRoZXIgdXNlZCBpbiB0aGUgcmVhZC1vbmx5IGZvcm0gZmllbGQuXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgcmVhZE9ubHlGb3JtRmllbGQgPSBmYWxzZTtcclxuXHJcbiAgICAvKipcclxuICAgICogVGhlIGxhYmVsIGZvciB0aGUgcmVhZG9ubHkgZm9ybSBmaWVsZC5cclxuICAgICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHJlYWRPbmx5Rm9ybUZpZWxkTGFiZWw6IHN0cmluZztcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IpIHtcclxuICAgICAgICBzdXBlcihpbmplY3Rvcik7XHJcblxyXG4gICAgICAgIGlmICh0aGlzLnNtZUljb25DbGFzc05hbWUgJiYgdGhpcy51cmxJY29uKSB7XHJcbiAgICAgICAgICAgIExvZ2dpbmcubG9nKHtcclxuICAgICAgICAgICAgICAgIGxldmVsOiBMb2dMZXZlbC5XYXJuaW5nLFxyXG4gICAgICAgICAgICAgICAgbWVzc2FnZTogJ0VpdGhlciBzbWUgaWNvbiBvciB1cmwgaWNvbiBpcyBhY2NlcHRlZC4nLFxyXG4gICAgICAgICAgICAgICAgc291cmNlOiBgJHt0aGlzLmxvZ1NvdXJjZU5hbWV9LmNvbnN0cnVjdG9yYFxyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cInNtZUljb25DbGFzc05hbWUgfHwgdXJsSWNvblwiPlxyXG4gIDxzcGFuICpuZ0lmPVwic21lSWNvbkNsYXNzTmFtZVwiIGNsYXNzPVwic21lLWljb24tdGV4dC1pY29uIHNtZS1wb3NpdGlvbi1mbGV4LWFsaWduLWNlbnRlciBzbWUtaWNvbiBzbWUtbWFyZ2luLXJpZ2h0LXhzXCIgW2NsYXNzXT1cInNtZUljb25DbGFzc05hbWUgPyBzbWVJY29uQ2xhc3NOYW1lIDogJydcIj48L3NwYW4+XHJcbiAgPHNwYW4gKm5nSWY9XCJ1cmxJY29uICYmICFzbWVJY29uQ2xhc3NOYW1lXCIgY2xhc3M9XCJzbWUtaWNvbi10ZXh0LWljb24gc21lLXBvc2l0aW9uLWZsZXgtYWxpZ24tY2VudGVyIHNtZS11cmwtaWNvbiBzbWUtbWFyZ2luLXJpZ2h0LXhzXCIgW3N0eWxlLmJhY2tncm91bmQtaW1hZ2VdPVwidXJsSWNvblwiPjwvc3Bhbj5cclxuPC9uZy1jb250YWluZXI+XHJcbjxpbnB1dCAqbmdJZj1cInJlYWRPbmx5Rm9ybUZpZWxkXCIgdHlwZT1cInRleHRcIiByZWFkb25seSBjbGFzcz1cInNtZS1pY29uLXRleHQtdGV4dCBzbWUtcG9zaXRpb24tZmxleC1hdXRvXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJyZWFkT25seUZvcm1GaWVsZExhYmVsXCIgdGFiaW5kZXg9XCItMVwiIFt2YWx1ZV09XCJ0aXRsZVwiIC8+XHJcbjxzcGFuICpuZ0lmPVwiIXJlYWRPbmx5Rm9ybUZpZWxkICYmIHNob3dUaXRsZVwiIGNsYXNzPVwic21lLWljb24tdGV4dC10ZXh0IHNtZS1wb3NpdGlvbi1mbGV4LWFsaWduLWNlbnRlclwiPnt7IHRpdGxlIH19PC9zcGFuPlxyXG4iXX0=