@microsoft/windows-admin-center-sdk
Version:
Microsoft - Windows Admin Center Shell
84 lines • 10.8 kB
JavaScript
import { Component, Input } from '@angular/core';
import { CoreBaseComponent } from '../common/base.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../summary/summary.component";
import * as i3 from "../layout/layout.component";
import * as i4 from "../layout/layout-item.component";
function SummaryGroupComponent_sme_layout_item_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelement(1, "sme-summary", 3);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const item_r4 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("header", item_r4.header)("iconUrl", item_r4.iconUrl)("items", item_r4.items);
} }
function SummaryGroupComponent_sme_layout_item_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "sme-layout-item");
i0.ɵɵtemplate(1, SummaryGroupComponent_sme_layout_item_2_ng_container_1_Template, 2, 3, "ng-container", 2);
i0.ɵɵelementEnd();
} if (rf & 2) {
const items_r2 = ctx.$implicit;
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngForOf", items_r2);
} }
export class SummaryGroupComponent extends CoreBaseComponent {
constructor() {
super(...arguments);
/**
* The group items for the summary control.
*/
this.renderedItems = [];
this.groupItemsLocal = [];
}
/**
* Items to be displayed in the summary control.
*/
set groupItems(value) {
this.groupItemsLocal = value;
this.groupSummaryItems(this.groupItemsLocal);
}
get groupItems() {
return this.groupItemsLocal;
}
/**
* The source name to use for logging
*/
get logSourceName() {
return 'SummaryGroupComponent';
}
groupSummaryItems(items) {
const groupedMap = new Map();
items.forEach(item => {
const key = item.group || item.header;
if (groupedMap.has(key)) {
const existingItem = groupedMap.get(key);
existingItem.push(item);
}
else {
groupedMap.set(key, [item]);
}
});
this.renderedItems = Array.from(groupedMap.values());
}
}
/** @nocollapse */ SummaryGroupComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵSummaryGroupComponent_BaseFactory; return function SummaryGroupComponent_Factory(t) { return (ɵSummaryGroupComponent_BaseFactory || (ɵSummaryGroupComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SummaryGroupComponent)))(t || SummaryGroupComponent); }; }();
/** @nocollapse */ SummaryGroupComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: SummaryGroupComponent, selectors: [["sme-summary-group"]], inputs: { layoutConfig: "layoutConfig", groupItems: "groupItems" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [[3, "padLastItem", "layoutConfig", "itemHorizontalSpace"], ["customLayout", ""], [4, "ngFor", "ngForOf"], [3, "header", "iconUrl", "items"]], template: function SummaryGroupComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "sme-layout", 0, 1);
i0.ɵɵtemplate(2, SummaryGroupComponent_sme_layout_item_2_Template, 2, 1, "sme-layout-item", 2);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵproperty("padLastItem", false)("layoutConfig", ctx.layoutConfig)("itemHorizontalSpace", 36);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngForOf", ctx.renderedItems);
} }, dependencies: [i1.NgForOf, i2.SummaryComponent, i3.LayoutComponent, i4.LayoutItemComponent], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SummaryGroupComponent, [{
type: Component,
args: [{ selector: 'sme-summary-group', template: "<sme-layout #customLayout [padLastItem]=\"false\" [layoutConfig]=\"layoutConfig\" [itemHorizontalSpace]=\"36\">\r\n <sme-layout-item *ngFor=\"let items of renderedItems\">\r\n <ng-container *ngFor=\"let item of items; index as i\">\r\n <sme-summary [header]=\"item.header\" [iconUrl]=\"item.iconUrl\" [items]=\"item.items\"></sme-summary>\r\n </ng-container>\r\n </sme-layout-item>\r\n</sme-layout>\r\n" }]
}], null, { layoutConfig: [{
type: Input
}], groupItems: [{
type: Input
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VtbWFyeS1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9hbmd1bGFyL3NyYy9jb250cm9scy9zdW1tYXJ5LWdyb3VwL3N1bW1hcnktZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vYW5ndWxhci9zcmMvY29udHJvbHMvc3VtbWFyeS1ncm91cC9zdW1tYXJ5LWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7O0lDQ3pELDZCQUFxRDtJQUNuRCxpQ0FBZ0c7SUFDbEcsMEJBQWU7OztJQURBLGVBQXNCO0lBQXRCLHVDQUFzQiw0QkFBQSx3QkFBQTs7O0lBRnZDLHVDQUFxRDtJQUNuRCwwR0FFZTtJQUNqQixpQkFBa0I7OztJQUhlLGVBQVU7SUFBVixrQ0FBVTs7QUR5QzdDLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxpQkFBaUI7SUFKNUQ7O1FBS0k7O1dBRUc7UUFDSSxrQkFBYSxHQUErQixFQUFFLENBQUM7UUE2QzlDLG9CQUFlLEdBQXdCLEVBQUUsQ0FBQztLQUNyRDtJQXRDRzs7T0FFRztJQUNILElBQ1csVUFBVSxDQUFDLEtBQTBCO1FBQzVDLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO1FBQzdCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNqQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDaEMsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBYyxhQUFhO1FBQ3ZCLE9BQU8sdUJBQXVCLENBQUM7SUFDbkMsQ0FBQztJQUVPLGlCQUFpQixDQUFDLEtBQTBCO1FBQ2hELE1BQU0sVUFBVSxHQUFHLElBQUksR0FBRyxFQUErQixDQUFDO1FBRTFELEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDakIsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDO1lBRXRDLElBQUksVUFBVSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRTtnQkFDckIsTUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDekMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUMzQjtpQkFBTTtnQkFDSCxVQUFVLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7YUFDL0I7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztJQUN6RCxDQUFDOztnU0EvQ1EscUJBQXFCLFNBQXJCLHFCQUFxQjt1R0FBckIscUJBQXFCO1FDM0NsQyx3Q0FBeUc7UUFDdkcsOEZBSWtCO1FBQ3BCLGlCQUFhOztRQU5hLG1DQUFxQixrQ0FBQSwyQkFBQTtRQUNWLGVBQWdCO1FBQWhCLDJDQUFnQjs7dUZEMEN4QyxxQkFBcUI7Y0FKakMsU0FBUzsyQkFDSSxtQkFBbUI7Z0JBYXRCLFlBQVk7a0JBRGxCLEtBQUs7WUFPSyxVQUFVO2tCQURwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb3JlQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL2NvbW1vbi9iYXNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IExheW91dENvbmZpZyB9IGZyb20gJy4uL2xheW91dCc7XHJcbmltcG9ydCB7IFN1bW1hcnlJdGVtIH0gZnJvbSAnLi4vc3VtbWFyeS9zdW1tYXJ5LWl0ZW0nO1xyXG5cclxuLyoqXHJcbiAqXHJcbiAqIEBzbWVEb2Mge0BsYWJlbCBTdW1tYXJ5IEdyb3VwIEBpZCBzbWUtc3VtbWFyeS1ncm91cH1cclxuICpcclxuICogQG92ZXJ2aWV3XHJcbiAqIEBmaWxlIHtAZmlsZXBhdGggLi9leGFtcGxlcy9zdW1tYXJ5LWdyb3VwLW92ZXJ2aWV3Lm1kfVxyXG4gKlxyXG4gKiBAZXhhbXBsZSB7QGxhYmVsIEJhc2ljIFVzYWdlIEBpZCBiYXNpYy11c2FnZX1cclxuICogQGZpbGUge0BmaWxlbmFtZSBjb21wb25lbnQudHMgQGZpbGVwYXRoIC4vZXhhbXBsZXMvc3VtbWFyeS1ncm91cC1leGFtcGxlLmNvbXBvbmVudC50c31cclxuICogQGZpbGUge0BmaWxlbmFtZSBjb21wb25lbnQuaHRtbCBAZmlsZXBhdGggLi9leGFtcGxlcy9zdW1tYXJ5LWdyb3VwLWV4YW1wbGUuY29tcG9uZW50Lmh0bWx9XHJcbiAqXHJcbiAqL1xyXG5leHBvcnQgaW50ZXJmYWNlIFN1bW1hcnlHcm91cEl0ZW1zIHtcclxuICAgIC8qKlxyXG4gICAgICogVGhlIGljb24gdXJsIGZvciB0aGUgc3VtbWFyeSBjb250cm9sLlxyXG4gICAgICovXHJcbiAgICBpY29uVXJsPzogc3RyaW5nXHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgdGl0bGUgZm9yIHRoZSBzdW1tYXJ5IGNvbnRyb2wuXHJcbiAgICAgKi9cclxuICAgIGhlYWRlcjogc3RyaW5nXHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgc3ViIGl0ZW1zIGZvciBzdW1tYXJ5IGNvbnRyb2wuXHJcbiAgICAgKi9cclxuICAgIGl0ZW1zOiBTdW1tYXJ5SXRlbVtdXHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBVbmlxdWUgaWRlbnRpZmllciBmb3IgdGhlIGdyb3VwaW5nc1xyXG4gICAgICovXHJcbiAgICBncm91cD86IHN0cmluZztcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3NtZS1zdW1tYXJ5LWdyb3VwJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdW1tYXJ5LWdyb3VwLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU3VtbWFyeUdyb3VwQ29tcG9uZW50IGV4dGVuZHMgQ29yZUJhc2VDb21wb25lbnQge1xyXG4gICAgLyoqXHJcbiAgICAgKiBUaGUgZ3JvdXAgaXRlbXMgZm9yIHRoZSBzdW1tYXJ5IGNvbnRyb2wuXHJcbiAgICAgKi9cclxuICAgIHB1YmxpYyByZW5kZXJlZEl0ZW1zOiBBcnJheTxTdW1tYXJ5R3JvdXBJdGVtc1tdPiA9IFtdO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogVGhlIGN1cnJlbnQgbGF5b3V0IGNvbmZpZ3VyYXRpb24uXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgbGF5b3V0Q29uZmlnOiBMYXlvdXRDb25maWc7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBJdGVtcyB0byBiZSBkaXNwbGF5ZWQgaW4gdGhlIHN1bW1hcnkgY29udHJvbC5cclxuICAgICAqL1xyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBzZXQgZ3JvdXBJdGVtcyh2YWx1ZTogU3VtbWFyeUdyb3VwSXRlbXNbXSkge1xyXG4gICAgICAgIHRoaXMuZ3JvdXBJdGVtc0xvY2FsID0gdmFsdWU7XHJcbiAgICAgICAgdGhpcy5ncm91cFN1bW1hcnlJdGVtcyh0aGlzLmdyb3VwSXRlbXNMb2NhbCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIGdldCBncm91cEl0ZW1zKCk6IFN1bW1hcnlHcm91cEl0ZW1zW10ge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmdyb3VwSXRlbXNMb2NhbDtcclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIFRoZSBzb3VyY2UgbmFtZSB0byB1c2UgZm9yIGxvZ2dpbmdcclxuICAgICAqL1xyXG4gICAgcHJvdGVjdGVkIGdldCBsb2dTb3VyY2VOYW1lKCkge1xyXG4gICAgICAgIHJldHVybiAnU3VtbWFyeUdyb3VwQ29tcG9uZW50JztcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGdyb3VwU3VtbWFyeUl0ZW1zKGl0ZW1zOiBTdW1tYXJ5R3JvdXBJdGVtc1tdKSB7XHJcbiAgICAgICAgY29uc3QgZ3JvdXBlZE1hcCA9IG5ldyBNYXA8c3RyaW5nLCBTdW1tYXJ5R3JvdXBJdGVtc1tdPigpO1xyXG5cclxuICAgICAgICBpdGVtcy5mb3JFYWNoKGl0ZW0gPT4ge1xyXG4gICAgICAgICAgICBjb25zdCBrZXkgPSBpdGVtLmdyb3VwIHx8IGl0ZW0uaGVhZGVyO1xyXG5cclxuICAgICAgICAgICAgaWYgKGdyb3VwZWRNYXAuaGFzKGtleSkpIHtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGV4aXN0aW5nSXRlbSA9IGdyb3VwZWRNYXAuZ2V0KGtleSk7XHJcbiAgICAgICAgICAgICAgICBleGlzdGluZ0l0ZW0ucHVzaChpdGVtKTtcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgIGdyb3VwZWRNYXAuc2V0KGtleSwgW2l0ZW1dKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG5cclxuICAgICAgICB0aGlzLnJlbmRlcmVkSXRlbXMgPSBBcnJheS5mcm9tKGdyb3VwZWRNYXAudmFsdWVzKCkpO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgZ3JvdXBJdGVtc0xvY2FsOiBTdW1tYXJ5R3JvdXBJdGVtc1tdID0gW107XHJcbn1cclxuIiwiPHNtZS1sYXlvdXQgI2N1c3RvbUxheW91dCBbcGFkTGFzdEl0ZW1dPVwiZmFsc2VcIiBbbGF5b3V0Q29uZmlnXT1cImxheW91dENvbmZpZ1wiIFtpdGVtSG9yaXpvbnRhbFNwYWNlXT1cIjM2XCI+XHJcbiAgPHNtZS1sYXlvdXQtaXRlbSAqbmdGb3I9XCJsZXQgaXRlbXMgb2YgcmVuZGVyZWRJdGVtc1wiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgaW5kZXggYXMgaVwiPlxyXG4gICAgICA8c21lLXN1bW1hcnkgW2hlYWRlcl09XCJpdGVtLmhlYWRlclwiIFtpY29uVXJsXT1cIml0ZW0uaWNvblVybFwiIFtpdGVtc109XCJpdGVtLml0ZW1zXCI+PC9zbWUtc3VtbWFyeT5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvc21lLWxheW91dC1pdGVtPlxyXG48L3NtZS1sYXlvdXQ+XHJcbiJdfQ==