@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
86 lines • 12.2 kB
JavaScript
import { Component, Injector, Input } from '@angular/core';
import { CapacityBase } from '../common/capacity-base.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "./legend-entry/legend-entry.component";
function LegendComponent_sme_legend_entry_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "sme-legend-entry", 1);
} if (rf & 2) {
const data_r1 = ctx.$implicit;
const i_r2 = ctx.index;
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵproperty("entryId", ctx_r0.idBag.legendEntry + i_r2)("normalColorScheme", ctx_r0.normalColorScheme)("warningColorScheme", ctx_r0.warningColorScheme)("criticalColorScheme", ctx_r0.criticalColorScheme)("entries", ctx_r0.legendData)("data", data_r1)("index", i_r2)("total", ctx_r0.total)("criticalThreshold", ctx_r0.criticalThreshold)("warningThreshold", ctx_r0.warningThreshold)("reverseThresholdOrder", ctx_r0.reverseThresholdOrder)("rightAlign", data_r1.rightAlign)("noColor", data_r1.noColor)("hideInHighContrast", ctx_r0.hideInHighContrast)("svgLegendColorIndicator", ctx_r0.svgLegendColorIndicator);
} }
export class LegendComponent extends CapacityBase {
constructor(injector) {
super(injector);
/**
* Whether or not to hide the legend control color indicator in high contrast layout
*/
this.hideInHighContrast = false;
/**
* Whether or not the legend color indicator should use svg
*/
this.svgLegendColorIndicator = true;
}
/**
* The source name to use for logging
*/
get logSourceName() {
return 'LegendComponent';
}
get legendData() {
return this.internalLegendData;
}
set legendData(data) {
const activeElement = document.activeElement;
this.internalLegendData = data;
// preserve focus if activeElement is in the legend
if (activeElement.id.startsWith(this.componentId)) {
setTimeout(() => {
for (let i = 0; i < data.length; i++) {
const currentId = this.idBag.legendEntry + i;
if (activeElement.id === currentId) {
const legendEntry = document.getElementById(currentId);
if (legendEntry) {
legendEntry.focus();
}
}
}
}, 0);
}
}
// adds classes listed to the root component
getInitialHostClasses() {
return super.getInitialHostClasses().concat([
'sme-arrange-wrapstack-h',
'sme-margin-top-sm'
]);
}
/**
* Creates the idBag used by this component to store unique element ids.
* id values will be assigned be the @see BaseComponent super class.
*/
createIdBag() {
return {
legendEntry: ''
};
}
}
/** @nocollapse */ LegendComponent.ɵfac = function LegendComponent_Factory(t) { return new (t || LegendComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
/** @nocollapse */ LegendComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: LegendComponent, selectors: [["sme-legend"]], inputs: { hideInHighContrast: "hideInHighContrast", svgLegendColorIndicator: "svgLegendColorIndicator", legendData: "legendData" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "sme-padding-bottom-sm", 3, "entryId", "normalColorScheme", "warningColorScheme", "criticalColorScheme", "entries", "data", "index", "total", "criticalThreshold", "warningThreshold", "reverseThresholdOrder", "rightAlign", "noColor", "hideInHighContrast", "svgLegendColorIndicator", 4, "ngFor", "ngForOf"], [1, "sme-padding-bottom-sm", 3, "entryId", "normalColorScheme", "warningColorScheme", "criticalColorScheme", "entries", "data", "index", "total", "criticalThreshold", "warningThreshold", "reverseThresholdOrder", "rightAlign", "noColor", "hideInHighContrast", "svgLegendColorIndicator"]], template: function LegendComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, LegendComponent_sme_legend_entry_0_Template, 1, 15, "sme-legend-entry", 0);
} if (rf & 2) {
i0.ɵɵproperty("ngForOf", ctx.legendData);
} }, dependencies: [i1.NgForOf, i2.LegendEntryComponent], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LegendComponent, [{
type: Component,
args: [{ selector: 'sme-legend', template: "<sme-legend-entry *ngFor=\"let data of legendData; let i = index;\" class=\"sme-padding-bottom-sm\" [entryId]=\"idBag.legendEntry + i\"\r\n [normalColorScheme]=\"normalColorScheme\" [warningColorScheme]=\"warningColorScheme\" [criticalColorScheme]=\"criticalColorScheme\"\r\n [entries]=\"legendData\" [data]=\"data\" [index]=\"i\" [total]=\"total\" [criticalThreshold]=\"criticalThreshold\"\r\n [warningThreshold]=\"warningThreshold\" [reverseThresholdOrder]=\"reverseThresholdOrder\" [rightAlign]=\"data.rightAlign\"\r\n [noColor]=\"data.noColor\" [hideInHighContrast]=\"hideInHighContrast\" [svgLegendColorIndicator]=\"svgLegendColorIndicator\"></sme-legend-entry>\r\n" }]
}], function () { return [{ type: i0.Injector }]; }, { hideInHighContrast: [{
type: Input
}], svgLegendColorIndicator: [{
type: Input
}], legendData: [{
type: Input
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2FuZ3VsYXIvc3JjL2NvbnRyb2xzL2xlZ2VuZC9sZWdlbmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvbGVnZW5kL2xlZ2VuZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7OztJQ0RqRSxzQ0FJNEk7Ozs7O0lBSjVDLHlEQUFpQywrQ0FBQSxpREFBQSxtREFBQSw4QkFBQSxpQkFBQSxlQUFBLHVCQUFBLCtDQUFBLDZDQUFBLHVEQUFBLGtDQUFBLDRCQUFBLGlEQUFBLDJEQUFBOztBRFFqSSxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxZQUFZO0lBOEM3QyxZQUFZLFFBQWtCO1FBQzFCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQXRDcEI7O1dBRUc7UUFDYSx1QkFBa0IsR0FBRyxLQUFLLENBQUM7UUFFM0M7O1dBRUc7UUFDYSw0QkFBdUIsR0FBRyxJQUFJLENBQUM7SUErQi9DLENBQUM7SUE5Q0Q7O09BRUc7SUFDSCxJQUFjLGFBQWE7UUFDdkIsT0FBTyxpQkFBaUIsQ0FBQztJQUM3QixDQUFDO0lBWUQsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixDQUFDO0lBQ25DLENBQUM7SUFFRCxJQUFXLFVBQVUsQ0FBQyxJQUF1QjtRQUN6QyxNQUFNLGFBQWEsR0FBRyxRQUFRLENBQUMsYUFBNEIsQ0FBQztRQUM1RCxJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDO1FBQy9CLG1EQUFtRDtRQUNuRCxJQUFJLGFBQWEsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsRUFBRTtZQUMvQyxVQUFVLENBQ04sR0FBRyxFQUFFO2dCQUNELEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO29CQUNsQyxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUM7b0JBQzdDLElBQUksYUFBYSxDQUFDLEVBQUUsS0FBSyxTQUFTLEVBQUU7d0JBQ2hDLE1BQU0sV0FBVyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUM7d0JBQ3ZELElBQUksV0FBVyxFQUFFOzRCQUNiLFdBQVcsQ0FBQyxLQUFLLEVBQUUsQ0FBQzt5QkFDdkI7cUJBQ0o7aUJBQ0o7WUFDTCxDQUFDLEVBQ0QsQ0FBQyxDQUFDLENBQUM7U0FDVjtJQUNMLENBQUM7SUFPRCw0Q0FBNEM7SUFDbEMscUJBQXFCO1FBQzNCLE9BQU8sS0FBSyxDQUFDLHFCQUFxQixFQUFFLENBQUMsTUFBTSxDQUFDO1lBQ3hDLHlCQUF5QjtZQUN6QixtQkFBbUI7U0FDdEIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVEOzs7T0FHRztJQUNPLFdBQVc7UUFDakIsT0FBTztZQUNILFdBQVcsRUFBRSxFQUFFO1NBQ2xCLENBQUM7SUFDTixDQUFDOztpR0FsRVEsZUFBZTtpR0FBZixlQUFlO1FDUjVCLDJGQUk0STs7UUFKekcsd0NBQWU7O3VGRFFyQyxlQUFlO2NBSjNCLFNBQVM7MkJBQ0ksWUFBWTsyREFlTixrQkFBa0I7a0JBQWpDLEtBQUs7WUFLVSx1QkFBdUI7a0JBQXRDLEtBQUs7WUFHSyxVQUFVO2tCQURwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2FwYWNpdHlCYXNlIH0gZnJvbSAnLi4vY29tbW9uL2NhcGFjaXR5LWJhc2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTGVnZW5kRW50cnlEYXRhIH0gZnJvbSAnLi9sZWdlbmQtZW50cnkvbGVnZW5kLWVudHJ5LmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc21lLWxlZ2VuZCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbGVnZW5kLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTGVnZW5kQ29tcG9uZW50IGV4dGVuZHMgQ2FwYWNpdHlCYXNlIHtcclxuXHJcbiAgICAvKipcclxuICAgICAqIFRoZSBzb3VyY2UgbmFtZSB0byB1c2UgZm9yIGxvZ2dpbmdcclxuICAgICAqL1xyXG4gICAgcHJvdGVjdGVkIGdldCBsb2dTb3VyY2VOYW1lKCkge1xyXG4gICAgICAgIHJldHVybiAnTGVnZW5kQ29tcG9uZW50JztcclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIFdoZXRoZXIgb3Igbm90IHRvIGhpZGUgdGhlIGxlZ2VuZCBjb250cm9sIGNvbG9yIGluZGljYXRvciBpbiBoaWdoIGNvbnRyYXN0IGxheW91dFxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgaGlkZUluSGlnaENvbnRyYXN0ID0gZmFsc2U7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBXaGV0aGVyIG9yIG5vdCB0aGUgbGVnZW5kIGNvbG9yIGluZGljYXRvciBzaG91bGQgdXNlIHN2Z1xyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc3ZnTGVnZW5kQ29sb3JJbmRpY2F0b3IgPSB0cnVlO1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgZ2V0IGxlZ2VuZERhdGEoKTogTGVnZW5kRW50cnlEYXRhW10ge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmludGVybmFsTGVnZW5kRGF0YTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgc2V0IGxlZ2VuZERhdGEoZGF0YTogTGVnZW5kRW50cnlEYXRhW10pIHtcclxuICAgICAgICBjb25zdCBhY3RpdmVFbGVtZW50ID0gZG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudDtcclxuICAgICAgICB0aGlzLmludGVybmFsTGVnZW5kRGF0YSA9IGRhdGE7XHJcbiAgICAgICAgLy8gcHJlc2VydmUgZm9jdXMgaWYgYWN0aXZlRWxlbWVudCBpcyBpbiB0aGUgbGVnZW5kXHJcbiAgICAgICAgaWYgKGFjdGl2ZUVsZW1lbnQuaWQuc3RhcnRzV2l0aCh0aGlzLmNvbXBvbmVudElkKSkge1xyXG4gICAgICAgICAgICBzZXRUaW1lb3V0KFxyXG4gICAgICAgICAgICAgICAgKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgZGF0YS5sZW5ndGg7IGkrKykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBjdXJyZW50SWQgPSB0aGlzLmlkQmFnLmxlZ2VuZEVudHJ5ICsgaTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGFjdGl2ZUVsZW1lbnQuaWQgPT09IGN1cnJlbnRJZCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgbGVnZW5kRW50cnkgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChjdXJyZW50SWQpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGxlZ2VuZEVudHJ5KSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVnZW5kRW50cnkuZm9jdXMoKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICAwKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICBwdWJsaWMgaW50ZXJuYWxMZWdlbmREYXRhOiBMZWdlbmRFbnRyeURhdGFbXTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IpIHtcclxuICAgICAgICBzdXBlcihpbmplY3Rvcik7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gYWRkcyBjbGFzc2VzIGxpc3RlZCB0byB0aGUgcm9vdCBjb21wb25lbnRcclxuICAgIHByb3RlY3RlZCBnZXRJbml0aWFsSG9zdENsYXNzZXMoKSB7XHJcbiAgICAgICAgcmV0dXJuIHN1cGVyLmdldEluaXRpYWxIb3N0Q2xhc3NlcygpLmNvbmNhdChbXHJcbiAgICAgICAgICAgICdzbWUtYXJyYW5nZS13cmFwc3RhY2staCcsXHJcbiAgICAgICAgICAgICdzbWUtbWFyZ2luLXRvcC1zbSdcclxuICAgICAgICBdKTtcclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIENyZWF0ZXMgdGhlIGlkQmFnIHVzZWQgYnkgdGhpcyBjb21wb25lbnQgdG8gc3RvcmUgdW5pcXVlIGVsZW1lbnQgaWRzLlxyXG4gICAgICogaWQgdmFsdWVzIHdpbGwgYmUgYXNzaWduZWQgYmUgdGhlIEBzZWUgQmFzZUNvbXBvbmVudCBzdXBlciBjbGFzcy5cclxuICAgICAqL1xyXG4gICAgcHJvdGVjdGVkIGNyZWF0ZUlkQmFnKCk6IE1zZnRTbWUuU3RyaW5nTWFwPHN0cmluZz4ge1xyXG4gICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICAgIGxlZ2VuZEVudHJ5OiAnJ1xyXG4gICAgICAgIH07XHJcbiAgICB9XHJcbn1cclxuIiwiPHNtZS1sZWdlbmQtZW50cnkgKm5nRm9yPVwibGV0IGRhdGEgb2YgbGVnZW5kRGF0YTsgbGV0IGkgPSBpbmRleDtcIiBjbGFzcz1cInNtZS1wYWRkaW5nLWJvdHRvbS1zbVwiIFtlbnRyeUlkXT1cImlkQmFnLmxlZ2VuZEVudHJ5ICsgaVwiXHJcbiAgW25vcm1hbENvbG9yU2NoZW1lXT1cIm5vcm1hbENvbG9yU2NoZW1lXCIgW3dhcm5pbmdDb2xvclNjaGVtZV09XCJ3YXJuaW5nQ29sb3JTY2hlbWVcIiBbY3JpdGljYWxDb2xvclNjaGVtZV09XCJjcml0aWNhbENvbG9yU2NoZW1lXCJcclxuICBbZW50cmllc109XCJsZWdlbmREYXRhXCIgW2RhdGFdPVwiZGF0YVwiIFtpbmRleF09XCJpXCIgW3RvdGFsXT1cInRvdGFsXCIgW2NyaXRpY2FsVGhyZXNob2xkXT1cImNyaXRpY2FsVGhyZXNob2xkXCJcclxuICBbd2FybmluZ1RocmVzaG9sZF09XCJ3YXJuaW5nVGhyZXNob2xkXCIgW3JldmVyc2VUaHJlc2hvbGRPcmRlcl09XCJyZXZlcnNlVGhyZXNob2xkT3JkZXJcIiBbcmlnaHRBbGlnbl09XCJkYXRhLnJpZ2h0QWxpZ25cIlxyXG4gIFtub0NvbG9yXT1cImRhdGEubm9Db2xvclwiIFtoaWRlSW5IaWdoQ29udHJhc3RdPVwiaGlkZUluSGlnaENvbnRyYXN0XCIgW3N2Z0xlZ2VuZENvbG9ySW5kaWNhdG9yXT1cInN2Z0xlZ2VuZENvbG9ySW5kaWNhdG9yXCI+PC9zbWUtbGVnZW5kLWVudHJ5PlxyXG4iXX0=