npm - @pega/angular-sdk-components - Versions diffs - 24.1.10 → 24.2.12 - Mend

@pega/angular-sdk-components 24.1.10 → 24.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (271) hide show

package/esm2022/lib/_components/designSystemExtension/material-details-fields/material-details-fields.component.mjs CHANGED Viewed

@@ -8,7 +8,10 @@ export class MaterialDetailsFieldsComponent {
     constructor(utils) {
         this.utils = utils;
     }
-    _getValue(configValue) {
+    _getValue(configValue, field = {}) {
+        if (field?.type === 'userreference') {
+            return configValue.userName;
+        }
         if (configValue && configValue != '') {
             return configValue;
         }
@@ -17,15 +20,19 @@ export class MaterialDetailsFieldsComponent {
     _formatDate(dateValue, dateFormat) {
         return this.utils.generateDate(dateValue, dateFormat);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialDetailsFieldsComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MaterialDetailsFieldsComponent, isStandalone: true, selector: "app-material-details-fields", inputs: { arFields$: "arFields$", arHighlightedFields: "arHighlightedFields" }, ngImport: i0, template: "<div id=\"details-fields-list\">\n  <div *ngFor=\"let field of arFields$\">\n    <div *ngIf=\"field.type === 'group'; else noGroup\">\n      <component-mapper name=\"Group\" [props]=\"{ pConn$: field.pConn }\"></component-mapper>\n    </div>\n    <ng-template #noGroup>\n      <div *ngIf=\"field.type === 'reference'; else showDetails\">\n        <component-mapper name=\"View\" [props]=\"{ pConn$: field.pConn }\"></component-mapper>\n      </div>\n    </ng-template>\n\n    <ng-template #showDetails>\n      <div class=\"psdk-grid-filter\" *ngIf=\"field.config.label\">\n        <div class=\"psdk-details-fields-label\">\n          {{ field.config.label }}\n        </div>\n        <div [ngSwitch]=\"field.type.toLowerCase()\" class=\"psdk-csf-primary-field-value\">\n          <span *ngSwitchCase=\"'textinput'\" class=\"psdk-details-text-style\">{{ _getValue(field.config.value) }}</span>\n          <span *ngSwitchCase=\"'status'\" class=\"psdk-details-status-style\">{{ _getValue(field.config.value) }}</span>\n          <a *ngSwitchCase=\"'phone'\" as=\"a\" href=\"tel: {{ field.config.value }}\">{{ _getValue(field.config.value) }}</a>\n          <a *ngSwitchCase=\"'email'\" href=\"mailto: {{ field.config.value }}\">{{ _getValue(field.config.value) }}</a>\n          <span *ngSwitchCase=\"'date'\" class=\"psdk-details-text-style\">{{ _formatDate(field.config.value, field.type) }}</span>\n          <span *ngSwitchCase=\"'caseoperator'\"></span>\n          <span *ngSwitchDefault>{{ _getValue(field.config.value) }}</span>\n        </div>\n      </div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".psdk-details-fields-label{color:var(--app-label-color);margin:8px 0}span.psdk-details-text-style-hf{font-weight:700}span.psdk-details-status-style-hf{background-color:var(--app-details-status-background);border-radius:.125rem;color:var(--app-details-status-color);display:inline-block;font-size:.75rem;font-weight:700;line-height:1.25rem;height:1.25rem;padding:0 .5rem;text-transform:uppercase}.psdk-grid-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-csf-primary-field-value{margin:8px 0}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i2.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgSwitch), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgSwitchCase), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgSwitchDefault), selector: "[ngSwitchDefault]" }, { kind: "component", type: i0.forwardRef(() => ComponentMapperComponent), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
+    getVisibility(config) {
+        const { visibility = true } = config;
+        return this.utils.getBooleanValue(visibility);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialDetailsFieldsComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MaterialDetailsFieldsComponent, isStandalone: true, selector: "app-material-details-fields", inputs: { arFields$: "arFields$", arHighlightedFields: "arHighlightedFields" }, ngImport: i0, template: "<div id=\"details-fields-list\">\n  <div *ngFor=\"let field of arFields$\">\n    <div *ngIf=\"field.type === 'group'; else noGroup\">\n      <component-mapper name=\"Group\" [props]=\"{ pConn$: field.pConn }\"></component-mapper>\n    </div>\n    <ng-template #noGroup>\n      <div *ngIf=\"field.type === 'reference'; else showDetails\">\n        <component-mapper name=\"View\" [props]=\"{ pConn$: field.pConn }\"></component-mapper>\n      </div>\n    </ng-template>\n\n    <ng-template #showDetails>\n      <div class=\"psdk-grid-filter\" *ngIf=\"field.config.label && getVisibility(field.config)\">\n        <div class=\"psdk-details-fields-label\">\n          {{ field.config.label }}\n        </div>\n        <div [ngSwitch]=\"field.type.toLowerCase()\" class=\"psdk-csf-primary-field-value\">\n          <span *ngSwitchCase=\"'textinput'\" class=\"psdk-details-text-style\">{{ _getValue(field.config.value) }}</span>\n          <span *ngSwitchCase=\"'status'\" class=\"psdk-details-status-style\">{{ _getValue(field.config.value) }}</span>\n          <a *ngSwitchCase=\"'phone'\" as=\"a\" href=\"tel: {{ field.config.value }}\">{{ _getValue(field.config.value) }}</a>\n          <a *ngSwitchCase=\"'email'\" href=\"mailto: {{ field.config.value }}\">{{ _getValue(field.config.value) }}</a>\n          <span *ngSwitchCase=\"'date'\" class=\"psdk-details-text-style\">{{ _formatDate(field.config.value, field.type) }}</span>\n          <span *ngSwitchCase=\"'caseoperator'\"></span>\n          <span *ngSwitchDefault>{{ _getValue(field.config.value, field) }}</span>\n        </div>\n      </div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".psdk-details-fields-label{color:var(--app-label-color);margin:8px 0}span.psdk-details-text-style-hf{font-weight:700}span.psdk-details-status-style-hf{background-color:var(--app-details-status-background);border-radius:.125rem;color:var(--app-details-status-color);display:inline-block;font-size:.75rem;font-weight:700;line-height:1.25rem;height:1.25rem;padding:0 .5rem;text-transform:uppercase}.psdk-grid-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-csf-primary-field-value{margin:8px 0}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i2.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgSwitch), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgSwitchCase), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgSwitchDefault), selector: "[ngSwitchDefault]" }, { kind: "component", type: i0.forwardRef(() => ComponentMapperComponent), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialDetailsFieldsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialDetailsFieldsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-material-details-fields', standalone: true, imports: [CommonModule, forwardRef(() => ComponentMapperComponent)], template: "<div id=\"details-fields-list\">\n  <div *ngFor=\"let field of arFields$\">\n    <div *ngIf=\"field.type === 'group'; else noGroup\">\n      <component-mapper name=\"Group\" [props]=\"{ pConn$: field.pConn }\"></component-mapper>\n    </div>\n    <ng-template #noGroup>\n      <div *ngIf=\"field.type === 'reference'; else showDetails\">\n        <component-mapper name=\"View\" [props]=\"{ pConn$: field.pConn }\"></component-mapper>\n      </div>\n    </ng-template>\n\n    <ng-template #showDetails>\n      <div class=\"psdk-grid-filter\" *ngIf=\"field.config.label\">\n        <div class=\"psdk-details-fields-label\">\n          {{ field.config.label }}\n        </div>\n        <div [ngSwitch]=\"field.type.toLowerCase()\" class=\"psdk-csf-primary-field-value\">\n          <span *ngSwitchCase=\"'textinput'\" class=\"psdk-details-text-style\">{{ _getValue(field.config.value) }}</span>\n          <span *ngSwitchCase=\"'status'\" class=\"psdk-details-status-style\">{{ _getValue(field.config.value) }}</span>\n          <a *ngSwitchCase=\"'phone'\" as=\"a\" href=\"tel: {{ field.config.value }}\">{{ _getValue(field.config.value) }}</a>\n          <a *ngSwitchCase=\"'email'\" href=\"mailto: {{ field.config.value }}\">{{ _getValue(field.config.value) }}</a>\n          <span *ngSwitchCase=\"'date'\" class=\"psdk-details-text-style\">{{ _formatDate(field.config.value, field.type) }}</span>\n          <span *ngSwitchCase=\"'caseoperator'\"></span>\n          <span *ngSwitchDefault>{{ _getValue(field.config.value) }}</span>\n        </div>\n      </div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".psdk-details-fields-label{color:var(--app-label-color);margin:8px 0}span.psdk-details-text-style-hf{font-weight:700}span.psdk-details-status-style-hf{background-color:var(--app-details-status-background);border-radius:.125rem;color:var(--app-details-status-color);display:inline-block;font-size:.75rem;font-weight:700;line-height:1.25rem;height:1.25rem;padding:0 .5rem;text-transform:uppercase}.psdk-grid-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-csf-primary-field-value{margin:8px 0}\n"] }]
+            args: [{ selector: 'app-material-details-fields', standalone: true, imports: [CommonModule, forwardRef(() => ComponentMapperComponent)], template: "<div id=\"details-fields-list\">\n  <div *ngFor=\"let field of arFields$\">\n    <div *ngIf=\"field.type === 'group'; else noGroup\">\n      <component-mapper name=\"Group\" [props]=\"{ pConn$: field.pConn }\"></component-mapper>\n    </div>\n    <ng-template #noGroup>\n      <div *ngIf=\"field.type === 'reference'; else showDetails\">\n        <component-mapper name=\"View\" [props]=\"{ pConn$: field.pConn }\"></component-mapper>\n      </div>\n    </ng-template>\n\n    <ng-template #showDetails>\n      <div class=\"psdk-grid-filter\" *ngIf=\"field.config.label && getVisibility(field.config)\">\n        <div class=\"psdk-details-fields-label\">\n          {{ field.config.label }}\n        </div>\n        <div [ngSwitch]=\"field.type.toLowerCase()\" class=\"psdk-csf-primary-field-value\">\n          <span *ngSwitchCase=\"'textinput'\" class=\"psdk-details-text-style\">{{ _getValue(field.config.value) }}</span>\n          <span *ngSwitchCase=\"'status'\" class=\"psdk-details-status-style\">{{ _getValue(field.config.value) }}</span>\n          <a *ngSwitchCase=\"'phone'\" as=\"a\" href=\"tel: {{ field.config.value }}\">{{ _getValue(field.config.value) }}</a>\n          <a *ngSwitchCase=\"'email'\" href=\"mailto: {{ field.config.value }}\">{{ _getValue(field.config.value) }}</a>\n          <span *ngSwitchCase=\"'date'\" class=\"psdk-details-text-style\">{{ _formatDate(field.config.value, field.type) }}</span>\n          <span *ngSwitchCase=\"'caseoperator'\"></span>\n          <span *ngSwitchDefault>{{ _getValue(field.config.value, field) }}</span>\n        </div>\n      </div>\n    </ng-template>\n  </div>\n</div>\n", styles: [".psdk-details-fields-label{color:var(--app-label-color);margin:8px 0}span.psdk-details-text-style-hf{font-weight:700}span.psdk-details-status-style-hf{background-color:var(--app-details-status-background);border-radius:.125rem;color:var(--app-details-status-color);display:inline-block;font-size:.75rem;font-weight:700;line-height:1.25rem;height:1.25rem;padding:0 .5rem;text-transform:uppercase}.psdk-grid-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-csf-primary-field-value{margin:8px 0}\n"] }]
         }], ctorParameters: () => [{ type: i1.Utils }], propDecorators: { arFields$: [{
                 type: Input
             }], arHighlightedFields: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtZGV0YWlscy1maWVsZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci1zZGstY29tcG9uZW50cy9zcmMvbGliL19jb21wb25lbnRzL2Rlc2lnblN5c3RlbUV4dGVuc2lvbi9tYXRlcmlhbC1kZXRhaWxzLWZpZWxkcy9tYXRlcmlhbC1kZXRhaWxzLWZpZWxkcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL21hdGVyaWFsLWRldGFpbHMtZmllbGRzL21hdGVyaWFsLWRldGFpbHMtZmllbGRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOERBQThELENBQUM7Ozs7QUFTeEcsTUFBTSxPQUFPLDhCQUE4QjtJQUN6QyxZQUFvQixLQUFZO1FBQVosVUFBSyxHQUFMLEtBQUssQ0FBTztJQUFHLENBQUM7SUFLcEMsU0FBUyxDQUFDLFdBQVc7UUFDbkIsSUFBSSxXQUFXLElBQUksV0FBVyxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ3JDLE9BQU8sV0FBVyxDQUFDO1FBQ3JCLENBQUM7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxXQUFXLENBQUMsU0FBaUIsRUFBRSxVQUFrQjtRQUMvQyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUN4RCxDQUFDOytHQWZVLDhCQUE4QjttR0FBOUIsOEJBQThCLHVLQ1ozQyxxa0RBNkJBLGlvQkRuQlksWUFBWSwwb0JBQW1CLHdCQUF3Qjs7NEZBRXRELDhCQUE4QjtrQkFQMUMsU0FBUzsrQkFDRSw2QkFBNkIsY0FHM0IsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDOzBFQUsxRCxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFV0aWxzIH0gZnJvbSAnLi4vLi4vLi4vX2hlbHBlcnMvdXRpbHMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudE1hcHBlckNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL19icmlkZ2UvY29tcG9uZW50LW1hcHBlci9jb21wb25lbnQtbWFwcGVyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1tYXRlcmlhbC1kZXRhaWxzLWZpZWxkcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXRlcmlhbC1kZXRhaWxzLWZpZWxkcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVyaWFsLWRldGFpbHMtZmllbGRzLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIGZvcndhcmRSZWYoKCkgPT4gQ29tcG9uZW50TWFwcGVyQ29tcG9uZW50KV1cbn0pXG5leHBvcnQgY2xhc3MgTWF0ZXJpYWxEZXRhaWxzRmllbGRzQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSB1dGlsczogVXRpbHMpIHt9XG5cbiAgQElucHV0KCkgYXJGaWVsZHMkOiBhbnlbXTtcbiAgQElucHV0KCkgYXJIaWdobGlnaHRlZEZpZWxkczogYW55W107XG5cbiAgX2dldFZhbHVlKGNvbmZpZ1ZhbHVlKSB7XG4gICAgaWYgKGNvbmZpZ1ZhbHVlICYmIGNvbmZpZ1ZhbHVlICE9ICcnKSB7XG4gICAgICByZXR1cm4gY29uZmlnVmFsdWU7XG4gICAgfVxuICAgIHJldHVybiAnLS0tJztcbiAgfVxuXG4gIF9mb3JtYXREYXRlKGRhdGVWYWx1ZTogc3RyaW5nLCBkYXRlRm9ybWF0OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnV0aWxzLmdlbmVyYXRlRGF0ZShkYXRlVmFsdWUsIGRhdGVGb3JtYXQpO1xuICB9XG59XG4iLCI8ZGl2IGlkPVwiZGV0YWlscy1maWVsZHMtbGlzdFwiPlxuICA8ZGl2ICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBhckZpZWxkcyRcIj5cbiAgICA8ZGl2ICpuZ0lmPVwiZmllbGQudHlwZSA9PT0gJ2dyb3VwJzsgZWxzZSBub0dyb3VwXCI+XG4gICAgICA8Y29tcG9uZW50LW1hcHBlciBuYW1lPVwiR3JvdXBcIiBbcHJvcHNdPVwieyBwQ29ubiQ6IGZpZWxkLnBDb25uIH1cIj48L2NvbXBvbmVudC1tYXBwZXI+XG4gICAgPC9kaXY+XG4gICAgPG5nLXRlbXBsYXRlICNub0dyb3VwPlxuICAgICAgPGRpdiAqbmdJZj1cImZpZWxkLnR5cGUgPT09ICdyZWZlcmVuY2UnOyBlbHNlIHNob3dEZXRhaWxzXCI+XG4gICAgICAgIDxjb21wb25lbnQtbWFwcGVyIG5hbWU9XCJWaWV3XCIgW3Byb3BzXT1cInsgcENvbm4kOiBmaWVsZC5wQ29ubiB9XCI+PC9jb21wb25lbnQtbWFwcGVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy10ZW1wbGF0ZSAjc2hvd0RldGFpbHM+XG4gICAgICA8ZGl2IGNsYXNzPVwicHNkay1ncmlkLWZpbHRlclwiICpuZ0lmPVwiZmllbGQuY29uZmlnLmxhYmVsXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwc2RrLWRldGFpbHMtZmllbGRzLWxhYmVsXCI+XG4gICAgICAgICAge3sgZmllbGQuY29uZmlnLmxhYmVsIH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IFtuZ1N3aXRjaF09XCJmaWVsZC50eXBlLnRvTG93ZXJDYXNlKClcIiBjbGFzcz1cInBzZGstY3NmLXByaW1hcnktZmllbGQtdmFsdWVcIj5cbiAgICAgICAgICA8c3BhbiAqbmdTd2l0Y2hDYXNlPVwiJ3RleHRpbnB1dCdcIiBjbGFzcz1cInBzZGstZGV0YWlscy10ZXh0LXN0eWxlXCI+e3sgX2dldFZhbHVlKGZpZWxkLmNvbmZpZy52YWx1ZSkgfX08L3NwYW4+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoQ2FzZT1cIidzdGF0dXMnXCIgY2xhc3M9XCJwc2RrLWRldGFpbHMtc3RhdHVzLXN0eWxlXCI+e3sgX2dldFZhbHVlKGZpZWxkLmNvbmZpZy52YWx1ZSkgfX08L3NwYW4+XG4gICAgICAgICAgPGEgKm5nU3dpdGNoQ2FzZT1cIidwaG9uZSdcIiBhcz1cImFcIiBocmVmPVwidGVsOiB7eyBmaWVsZC5jb25maWcudmFsdWUgfX1cIj57eyBfZ2V0VmFsdWUoZmllbGQuY29uZmlnLnZhbHVlKSB9fTwvYT5cbiAgICAgICAgICA8YSAqbmdTd2l0Y2hDYXNlPVwiJ2VtYWlsJ1wiIGhyZWY9XCJtYWlsdG86IHt7IGZpZWxkLmNvbmZpZy52YWx1ZSB9fVwiPnt7IF9nZXRWYWx1ZShmaWVsZC5jb25maWcudmFsdWUpIH19PC9hPlxuICAgICAgICAgIDxzcGFuICpuZ1N3aXRjaENhc2U9XCInZGF0ZSdcIiBjbGFzcz1cInBzZGstZGV0YWlscy10ZXh0LXN0eWxlXCI+e3sgX2Zvcm1hdERhdGUoZmllbGQuY29uZmlnLnZhbHVlLCBmaWVsZC50eXBlKSB9fTwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiAqbmdTd2l0Y2hDYXNlPVwiJ2Nhc2VvcGVyYXRvcidcIj48L3NwYW4+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoRGVmYXVsdD57eyBfZ2V0VmFsdWUoZmllbGQuY29uZmlnLnZhbHVlKSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtZGV0YWlscy1maWVsZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci1zZGstY29tcG9uZW50cy9zcmMvbGliL19jb21wb25lbnRzL2Rlc2lnblN5c3RlbUV4dGVuc2lvbi9tYXRlcmlhbC1kZXRhaWxzLWZpZWxkcy9tYXRlcmlhbC1kZXRhaWxzLWZpZWxkcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL21hdGVyaWFsLWRldGFpbHMtZmllbGRzL21hdGVyaWFsLWRldGFpbHMtZmllbGRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOERBQThELENBQUM7Ozs7QUFTeEcsTUFBTSxPQUFPLDhCQUE4QjtJQUN6QyxZQUFvQixLQUFZO1FBQVosVUFBSyxHQUFMLEtBQUssQ0FBTztJQUFHLENBQUM7SUFLcEMsU0FBUyxDQUFDLFdBQVcsRUFBRSxRQUFhLEVBQUU7UUFDcEMsSUFBSSxLQUFLLEVBQUUsSUFBSSxLQUFLLGVBQWUsRUFBRSxDQUFDO1lBQ3BDLE9BQU8sV0FBVyxDQUFDLFFBQVEsQ0FBQztRQUM5QixDQUFDO1FBQ0QsSUFBSSxXQUFXLElBQUksV0FBVyxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ3JDLE9BQU8sV0FBVyxDQUFDO1FBQ3JCLENBQUM7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxXQUFXLENBQUMsU0FBaUIsRUFBRSxVQUFrQjtRQUMvQyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsYUFBYSxDQUFDLE1BQU07UUFDbEIsTUFBTSxFQUFFLFVBQVUsR0FBRyxJQUFJLEVBQUUsR0FBRyxNQUFNLENBQUM7UUFFckMsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNoRCxDQUFDOytHQXhCVSw4QkFBOEI7bUdBQTlCLDhCQUE4Qix1S0NaM0MsMm1EQTZCQSxpb0JEbkJZLFlBQVksMG9CQUFtQix3QkFBd0I7OzRGQUV0RCw4QkFBOEI7a0JBUDFDLFNBQVM7K0JBQ0UsNkJBQTZCLGNBRzNCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUMsQ0FBQzswRUFLMUQsU0FBUztzQkFBakIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVdGlscyB9IGZyb20gJy4uLy4uLy4uL19oZWxwZXJzL3V0aWxzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnRNYXBwZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9fYnJpZGdlL2NvbXBvbmVudC1tYXBwZXIvY29tcG9uZW50LW1hcHBlci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbWF0ZXJpYWwtZGV0YWlscy1maWVsZHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZXJpYWwtZGV0YWlscy1maWVsZHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlcmlhbC1kZXRhaWxzLWZpZWxkcy5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBmb3J3YXJkUmVmKCgpID0+IENvbXBvbmVudE1hcHBlckNvbXBvbmVudCldXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVyaWFsRGV0YWlsc0ZpZWxkc0NvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdXRpbHM6IFV0aWxzKSB7fVxuXG4gIEBJbnB1dCgpIGFyRmllbGRzJDogYW55W107XG4gIEBJbnB1dCgpIGFySGlnaGxpZ2h0ZWRGaWVsZHM6IGFueVtdO1xuXG4gIF9nZXRWYWx1ZShjb25maWdWYWx1ZSwgZmllbGQ6IGFueSA9IHt9KSB7XG4gICAgaWYgKGZpZWxkPy50eXBlID09PSAndXNlcnJlZmVyZW5jZScpIHtcbiAgICAgIHJldHVybiBjb25maWdWYWx1ZS51c2VyTmFtZTtcbiAgICB9XG4gICAgaWYgKGNvbmZpZ1ZhbHVlICYmIGNvbmZpZ1ZhbHVlICE9ICcnKSB7XG4gICAgICByZXR1cm4gY29uZmlnVmFsdWU7XG4gICAgfVxuICAgIHJldHVybiAnLS0tJztcbiAgfVxuXG4gIF9mb3JtYXREYXRlKGRhdGVWYWx1ZTogc3RyaW5nLCBkYXRlRm9ybWF0OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnV0aWxzLmdlbmVyYXRlRGF0ZShkYXRlVmFsdWUsIGRhdGVGb3JtYXQpO1xuICB9XG5cbiAgZ2V0VmlzaWJpbGl0eShjb25maWcpOiBib29sZWFuIHtcbiAgICBjb25zdCB7IHZpc2liaWxpdHkgPSB0cnVlIH0gPSBjb25maWc7XG5cbiAgICByZXR1cm4gdGhpcy51dGlscy5nZXRCb29sZWFuVmFsdWUodmlzaWJpbGl0eSk7XG4gIH1cbn1cbiIsIjxkaXYgaWQ9XCJkZXRhaWxzLWZpZWxkcy1saXN0XCI+XG4gIDxkaXYgKm5nRm9yPVwibGV0IGZpZWxkIG9mIGFyRmllbGRzJFwiPlxuICAgIDxkaXYgKm5nSWY9XCJmaWVsZC50eXBlID09PSAnZ3JvdXAnOyBlbHNlIG5vR3JvdXBcIj5cbiAgICAgIDxjb21wb25lbnQtbWFwcGVyIG5hbWU9XCJHcm91cFwiIFtwcm9wc109XCJ7IHBDb25uJDogZmllbGQucENvbm4gfVwiPjwvY29tcG9uZW50LW1hcHBlcj5cbiAgICA8L2Rpdj5cbiAgICA8bmctdGVtcGxhdGUgI25vR3JvdXA+XG4gICAgICA8ZGl2ICpuZ0lmPVwiZmllbGQudHlwZSA9PT0gJ3JlZmVyZW5jZSc7IGVsc2Ugc2hvd0RldGFpbHNcIj5cbiAgICAgICAgPGNvbXBvbmVudC1tYXBwZXIgbmFtZT1cIlZpZXdcIiBbcHJvcHNdPVwieyBwQ29ubiQ6IGZpZWxkLnBDb25uIH1cIj48L2NvbXBvbmVudC1tYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLXRlbXBsYXRlICNzaG93RGV0YWlscz5cbiAgICAgIDxkaXYgY2xhc3M9XCJwc2RrLWdyaWQtZmlsdGVyXCIgKm5nSWY9XCJmaWVsZC5jb25maWcubGFiZWwgJiYgZ2V0VmlzaWJpbGl0eShmaWVsZC5jb25maWcpXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwc2RrLWRldGFpbHMtZmllbGRzLWxhYmVsXCI+XG4gICAgICAgICAge3sgZmllbGQuY29uZmlnLmxhYmVsIH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IFtuZ1N3aXRjaF09XCJmaWVsZC50eXBlLnRvTG93ZXJDYXNlKClcIiBjbGFzcz1cInBzZGstY3NmLXByaW1hcnktZmllbGQtdmFsdWVcIj5cbiAgICAgICAgICA8c3BhbiAqbmdTd2l0Y2hDYXNlPVwiJ3RleHRpbnB1dCdcIiBjbGFzcz1cInBzZGstZGV0YWlscy10ZXh0LXN0eWxlXCI+e3sgX2dldFZhbHVlKGZpZWxkLmNvbmZpZy52YWx1ZSkgfX08L3NwYW4+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoQ2FzZT1cIidzdGF0dXMnXCIgY2xhc3M9XCJwc2RrLWRldGFpbHMtc3RhdHVzLXN0eWxlXCI+e3sgX2dldFZhbHVlKGZpZWxkLmNvbmZpZy52YWx1ZSkgfX08L3NwYW4+XG4gICAgICAgICAgPGEgKm5nU3dpdGNoQ2FzZT1cIidwaG9uZSdcIiBhcz1cImFcIiBocmVmPVwidGVsOiB7eyBmaWVsZC5jb25maWcudmFsdWUgfX1cIj57eyBfZ2V0VmFsdWUoZmllbGQuY29uZmlnLnZhbHVlKSB9fTwvYT5cbiAgICAgICAgICA8YSAqbmdTd2l0Y2hDYXNlPVwiJ2VtYWlsJ1wiIGhyZWY9XCJtYWlsdG86IHt7IGZpZWxkLmNvbmZpZy52YWx1ZSB9fVwiPnt7IF9nZXRWYWx1ZShmaWVsZC5jb25maWcudmFsdWUpIH19PC9hPlxuICAgICAgICAgIDxzcGFuICpuZ1N3aXRjaENhc2U9XCInZGF0ZSdcIiBjbGFzcz1cInBzZGstZGV0YWlscy10ZXh0LXN0eWxlXCI+e3sgX2Zvcm1hdERhdGUoZmllbGQuY29uZmlnLnZhbHVlLCBmaWVsZC50eXBlKSB9fTwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiAqbmdTd2l0Y2hDYXNlPVwiJ2Nhc2VvcGVyYXRvcidcIj48L3NwYW4+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoRGVmYXVsdD57eyBfZ2V0VmFsdWUoZmllbGQuY29uZmlnLnZhbHVlLCBmaWVsZCkgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/_components/designSystemExtension/material-summary-item/material-summary-item.component.mjs CHANGED Viewed

@@ -20,10 +20,10 @@ export class MaterialSummaryItemComponent {
             this.menuIconOverride$ = this.utils.getImageSrc(this.menuIconOverride$, this.utils.getSDKStaticContentUrl());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialSummaryItemComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MaterialSummaryItemComponent, isStandalone: true, selector: "app-material-summary-item", inputs: { item$: "item$", menuIconOverride$: "menuIconOverride$", menuIconOverrideAction$: "menuIconOverrideAction$" }, ngImport: i0, template: "<div class=\"psdk-utility-card\">\n  <div class=\"psdk-utility-card-icon\">\n    <img class=\"psdk-utility-card-svg-icon\" src=\"{{ imagePath$ }}{{ item$.visual.icon }}.svg\" />\n  </div>\n  <div class=\"psdk-utility-card-main\">\n    <div *ngIf=\"item$.primary.type == 'URL'\" class=\"psdk-utility-card-main-primary-url\">\n      <button mat-button color=\"primary\" (click)=\"item$.primary.click()\">\n        {{ item$.primary.name }}&nbsp;\n        <img class=\"psdk-utility-card-actions-svg-icon\" src=\"{{ imagePath$ }}{{ item$.primary.icon }}.svg\" />\n      </button>\n    </div>\n    <div *ngIf=\"item$.primary.type != 'URL'\" class=\"psdk-utility-card-main-primary-label\">\n      {{ item$.primary.name }}\n    </div>\n    <div *ngIf=\"item$.secondary.text != ''\" [style.color]=\"item$.secondary.error ? 'red' : undefined\">{{ item$.secondary.text }}</div>\n  </div>\n  <div class=\"psdk-utility-card-actions\">\n    <div *ngIf=\"menuIconOverride$ == ''; else showCustom\">\n      <button id=\"setting-button\" mat-icon-button [matMenuTriggerFor]=\"actionMenu\">\n        <img class=\"psdk-utility-card-action-svg-icon\" src=\"{{ settingsSvgIcon$ }}\" />\n      </button>\n      <mat-menu #actionMenu=\"matMenu\" overlapTrigger=\"false\">\n        <ng-container *ngFor=\"let action of item$.actions\">\n          <button mat-menu-item (click)=\"action.onClick()\">\n            <img class=\"psdk-utility-card-action-actions-svg-icon\" src=\"{{ imagePath$ }}{{ action.icon }}.svg\" />&nbsp;\n            {{ action.text }}\n          </button>\n        </ng-container>\n      </mat-menu>\n    </div>\n    <ng-template #showCustom>\n      <button id=\"delete-attachment\" mat-icon-button (click)=\"menuIconOverrideAction$.onClick(item$)\">\n        <img class=\"psdk-utility-card-action-svg-icon\" src=\"{{ menuIconOverride$ }}\" />\n      </button>\n    </ng-template>\n  </div>\n</div>\n", styles: [".psdk-icon{padding:0rem .125rem;min-width:unset}.psdk-utility-divider{border-bottom:.0625rem solid var(--app-neutral-light-color)}.psdk-utility-view-all{width:100%;display:flex;justify-content:center}.psdk-utility-count{background:var(--app-primary-light-color);border-radius:.5625rem;color:var(--app-inverse-form-color);display:inline-block;font-size:.75rem;font-weight:700;text-align:center;width:1.125rem;vertical-align:top;margin:0 0 .313rem 1rem}.psdk-utility .header-text{font-size:1rem;font-weight:700;padding-bottom:.3125rem;text-align:left;display:inline-block}.psdk-utility .header-icon{display:inline-block}.psdk-utility{width:100%;padding:.625rem 0rem;text-align:left;background-color:var(--app-form-color);border-radius:.6125rem;margin:.3125rem 0rem}.psdk-utility .header{text-align:left;display:flex;align-items:center}.psdk-utility-svg-icon{width:1.4rem;display:inline-block}.psdk-settings-svg-icon{width:1.4rem;display:inline-block;filter:var(--app-primary-color-filter)}.psdk-utility .message{text-align:center}.psdk-utility-card{display:flex;flex-direction:row;padding:.25rem 0rem .25rem .25rem}.psdk-utility-card-icon{flex-grow:1;max-width:2.813rem}.psdk-utility-card-svg-icon{width:2.5rem;display:inline-block}.psdk-utility-card-main{flex-grow:2;max-width:16.563rem}.psdk-utility-card-main-primary-url{color:var(--app-primary-color)}.psdk-utility-card-main-primary-url .mat-mdc-button.mat-primary{padding-left:0}.psdk-utility-card-main-primary-label{font-weight:700}.psdk-utility-card-actions{flex-grow:1;text-align:right}.psdk-utility-card-action-svg-icon{width:1.4rem;display:inline-block}.psdk-utility-card-actions-svg-icon{width:1.4rem;display:inline-block;vertical-align:middle;filter:var(--app-primary-color-filter)}.psdk-utility-card-action-actions-svg-icon{width:1.4rem;display:inline-block;vertical-align:bottom}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialSummaryItemComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MaterialSummaryItemComponent, isStandalone: true, selector: "app-material-summary-item", inputs: { item$: "item$", menuIconOverride$: "menuIconOverride$", menuIconOverrideAction$: "menuIconOverrideAction$" }, ngImport: i0, template: "<div class=\"psdk-utility-card\">\n  <div class=\"psdk-utility-card-icon\">\n    <img class=\"psdk-utility-card-svg-icon\" src=\"{{ imagePath$ }}{{ item$.visual.icon }}.svg\" />\n  </div>\n  <div class=\"psdk-utility-card-main\">\n    <div *ngIf=\"item$.primary.type == 'URL'\" class=\"psdk-utility-card-main-primary-url\">\n      <button mat-button color=\"primary\" (click)=\"item$.primary.click()\">\n        {{ item$.primary.name }}&nbsp;\n        <img class=\"psdk-utility-card-actions-svg-icon\" src=\"{{ imagePath$ }}{{ item$.primary.icon }}.svg\" />\n      </button>\n    </div>\n    <div *ngIf=\"item$.primary.type != 'URL'\" class=\"psdk-utility-card-main-primary-label\">\n      {{ item$.primary.name }}\n    </div>\n    <div *ngIf=\"item$.secondary.text != ''\" [style.color]=\"item$.secondary.error ? 'red' : undefined\">{{ item$.secondary.text }}</div>\n  </div>\n  <div class=\"psdk-utility-card-actions\">\n    <div *ngIf=\"menuIconOverride$ == ''; else showCustom\">\n      <button id=\"setting-button\" mat-icon-button [matMenuTriggerFor]=\"actionMenu\">\n        <img class=\"psdk-utility-card-action-svg-icon\" src=\"{{ settingsSvgIcon$ }}\" />\n      </button>\n      <mat-menu #actionMenu=\"matMenu\" overlapTrigger=\"false\">\n        <ng-container *ngFor=\"let action of item$.actions\">\n          <button mat-menu-item (click)=\"action.onClick()\">\n            <img class=\"psdk-utility-card-action-actions-svg-icon\" src=\"{{ imagePath$ }}{{ action.icon }}.svg\" />&nbsp;\n            {{ action.text }}\n          </button>\n        </ng-container>\n      </mat-menu>\n    </div>\n    <ng-template #showCustom>\n      <button id=\"delete-attachment\" mat-icon-button (click)=\"menuIconOverrideAction$.onClick(item$)\">\n        <img class=\"psdk-utility-card-action-svg-icon\" src=\"{{ menuIconOverride$ }}\" />\n      </button>\n    </ng-template>\n  </div>\n</div>\n", styles: [".psdk-icon{padding:0rem .125rem;min-width:unset}.psdk-utility-divider{border-bottom:.0625rem solid var(--app-neutral-light-color)}.psdk-utility-view-all{width:100%;display:flex;justify-content:center}.psdk-utility-count{background:var(--app-primary-light-color);border-radius:.5625rem;color:var(--app-inverse-form-color);display:inline-block;font-size:.75rem;font-weight:700;text-align:center;width:1.125rem;vertical-align:top;margin:0 0 .313rem 1rem}.psdk-utility .header-text{font-size:1rem;font-weight:700;padding-bottom:.3125rem;text-align:left;display:inline-block}.psdk-utility .header-icon{display:inline-block}.psdk-utility{width:100%;padding:.625rem 0rem;text-align:left;background-color:var(--app-form-color);border-radius:.6125rem;margin:.3125rem 0rem}.psdk-utility .header{text-align:left;display:flex;align-items:center}.psdk-utility-svg-icon{width:1.4rem;display:inline-block}.psdk-settings-svg-icon{width:1.4rem;display:inline-block;filter:var(--app-primary-color-filter)}.psdk-utility .message{text-align:center}.psdk-utility-card{display:flex;flex-direction:row;padding:.25rem 0rem .25rem .25rem}.psdk-utility-card-icon{flex-grow:1;max-width:2.813rem}.psdk-utility-card-svg-icon{width:2.5rem;display:inline-block}.psdk-utility-card-main{flex-grow:2;max-width:16.563rem}.psdk-utility-card-main-primary-url{color:var(--app-primary-color)}.psdk-utility-card-main-primary-url .mat-mdc-button.mat-primary{padding-left:0}.psdk-utility-card-main-primary-label{font-weight:700}.psdk-utility-card-actions{flex-grow:1;text-align:right}.psdk-utility-card-action-svg-icon{width:1.4rem;display:inline-block}.psdk-utility-card-actions-svg-icon{width:1.4rem;display:inline-block;vertical-align:middle;filter:var(--app-primary-color-filter)}.psdk-utility-card-action-actions-svg-icon{width:1.4rem;display:inline-block;vertical-align:bottom}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialSummaryItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialSummaryItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-material-summary-item', standalone: true, imports: [CommonModule, MatButtonModule, MatMenuModule], template: "<div class=\"psdk-utility-card\">\n  <div class=\"psdk-utility-card-icon\">\n    <img class=\"psdk-utility-card-svg-icon\" src=\"{{ imagePath$ }}{{ item$.visual.icon }}.svg\" />\n  </div>\n  <div class=\"psdk-utility-card-main\">\n    <div *ngIf=\"item$.primary.type == 'URL'\" class=\"psdk-utility-card-main-primary-url\">\n      <button mat-button color=\"primary\" (click)=\"item$.primary.click()\">\n        {{ item$.primary.name }}&nbsp;\n        <img class=\"psdk-utility-card-actions-svg-icon\" src=\"{{ imagePath$ }}{{ item$.primary.icon }}.svg\" />\n      </button>\n    </div>\n    <div *ngIf=\"item$.primary.type != 'URL'\" class=\"psdk-utility-card-main-primary-label\">\n      {{ item$.primary.name }}\n    </div>\n    <div *ngIf=\"item$.secondary.text != ''\" [style.color]=\"item$.secondary.error ? 'red' : undefined\">{{ item$.secondary.text }}</div>\n  </div>\n  <div class=\"psdk-utility-card-actions\">\n    <div *ngIf=\"menuIconOverride$ == ''; else showCustom\">\n      <button id=\"setting-button\" mat-icon-button [matMenuTriggerFor]=\"actionMenu\">\n        <img class=\"psdk-utility-card-action-svg-icon\" src=\"{{ settingsSvgIcon$ }}\" />\n      </button>\n      <mat-menu #actionMenu=\"matMenu\" overlapTrigger=\"false\">\n        <ng-container *ngFor=\"let action of item$.actions\">\n          <button mat-menu-item (click)=\"action.onClick()\">\n            <img class=\"psdk-utility-card-action-actions-svg-icon\" src=\"{{ imagePath$ }}{{ action.icon }}.svg\" />&nbsp;\n            {{ action.text }}\n          </button>\n        </ng-container>\n      </mat-menu>\n    </div>\n    <ng-template #showCustom>\n      <button id=\"delete-attachment\" mat-icon-button (click)=\"menuIconOverrideAction$.onClick(item$)\">\n        <img class=\"psdk-utility-card-action-svg-icon\" src=\"{{ menuIconOverride$ }}\" />\n      </button>\n    </ng-template>\n  </div>\n</div>\n", styles: [".psdk-icon{padding:0rem .125rem;min-width:unset}.psdk-utility-divider{border-bottom:.0625rem solid var(--app-neutral-light-color)}.psdk-utility-view-all{width:100%;display:flex;justify-content:center}.psdk-utility-count{background:var(--app-primary-light-color);border-radius:.5625rem;color:var(--app-inverse-form-color);display:inline-block;font-size:.75rem;font-weight:700;text-align:center;width:1.125rem;vertical-align:top;margin:0 0 .313rem 1rem}.psdk-utility .header-text{font-size:1rem;font-weight:700;padding-bottom:.3125rem;text-align:left;display:inline-block}.psdk-utility .header-icon{display:inline-block}.psdk-utility{width:100%;padding:.625rem 0rem;text-align:left;background-color:var(--app-form-color);border-radius:.6125rem;margin:.3125rem 0rem}.psdk-utility .header{text-align:left;display:flex;align-items:center}.psdk-utility-svg-icon{width:1.4rem;display:inline-block}.psdk-settings-svg-icon{width:1.4rem;display:inline-block;filter:var(--app-primary-color-filter)}.psdk-utility .message{text-align:center}.psdk-utility-card{display:flex;flex-direction:row;padding:.25rem 0rem .25rem .25rem}.psdk-utility-card-icon{flex-grow:1;max-width:2.813rem}.psdk-utility-card-svg-icon{width:2.5rem;display:inline-block}.psdk-utility-card-main{flex-grow:2;max-width:16.563rem}.psdk-utility-card-main-primary-url{color:var(--app-primary-color)}.psdk-utility-card-main-primary-url .mat-mdc-button.mat-primary{padding-left:0}.psdk-utility-card-main-primary-label{font-weight:700}.psdk-utility-card-actions{flex-grow:1;text-align:right}.psdk-utility-card-action-svg-icon{width:1.4rem;display:inline-block}.psdk-utility-card-actions-svg-icon{width:1.4rem;display:inline-block;vertical-align:middle;filter:var(--app-primary-color-filter)}.psdk-utility-card-action-actions-svg-icon{width:1.4rem;display:inline-block;vertical-align:bottom}\n"] }]
         }], ctorParameters: () => [{ type: i1.Utils }], propDecorators: { item$: [{

package/esm2022/lib/_components/designSystemExtension/material-summary-list/material-summary-list.component.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ export class MaterialSummaryListComponent {
     constructor() {
         this.menuIconOverride$ = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialSummaryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MaterialSummaryListComponent, isStandalone: true, selector: "app-material-summary-list", inputs: { arItems$: "arItems$", icon$: "icon$", menuIconOverride$: "menuIconOverride$", menuIconOverrideAction$: "menuIconOverrideAction$" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of arItems$\">\n  <component-mapper name=\"SummaryItem\" [props]=\"{ item$: item, menuIconOverride$, menuIconOverrideAction$ }\"></component-mapper>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i0.forwardRef(() => ComponentMapperComponent), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialSummaryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MaterialSummaryListComponent, isStandalone: true, selector: "app-material-summary-list", inputs: { arItems$: "arItems$", icon$: "icon$", menuIconOverride$: "menuIconOverride$", menuIconOverrideAction$: "menuIconOverrideAction$" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of arItems$\">\n  <component-mapper name=\"SummaryItem\" [props]=\"{ item$: item, menuIconOverride$, menuIconOverrideAction$ }\"></component-mapper>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i0.forwardRef(() => ComponentMapperComponent), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialSummaryListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialSummaryListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-material-summary-list', standalone: true, imports: [CommonModule, forwardRef(() => ComponentMapperComponent)], template: "<ng-container *ngFor=\"let item of arItems$\">\n  <component-mapper name=\"SummaryItem\" [props]=\"{ item$: item, menuIconOverride$, menuIconOverrideAction$ }\"></component-mapper>\n</ng-container>\n" }]
         }], propDecorators: { arItems$: [{

package/esm2022/lib/_components/designSystemExtension/material-utility/material-utility.component.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ export class MaterialUtilityComponent {
         this.headerSvgIcon$ = this.utils.getImageSrc(this.headerIcon$, this.headerIconUrl$);
         this.settingsSvgIcon$ = this.utils.getImageSrc('plus', this.headerIconUrl$);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialUtilityComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MaterialUtilityComponent, isStandalone: true, selector: "app-material-utility", inputs: { headerText$: "headerText$", headerIcon$: "headerIcon$", headerIconUrl$: "headerIconUrl$", noItemsMessage$: "noItemsMessage$" }, providers: [Utils], ngImport: i0, template: "<div style=\"text-align: left\">\n  <div class=\"psdk-utility\">\n    <div class=\"header\">\n      <div class=\"header-icon\">\n        <img class=\"psdk-utility-svg-icon\" src=\"{{ headerSvgIcon$ }}\" />\n      </div>\n      <div class=\"header-text\">{{ headerText$ }}</div>\n      <div style=\"flex-grow: 1\"></div>\n      <div class=\"header-icon\">\n        <img class=\"psdk-settings-svg-icon\" src=\"{{ settingsSvgIcon$ }}\" />\n      </div>\n    </div>\n    <div class=\"psdk-case-view-divider\"></div>\n    <br />\n    <div class=\"message\">{{ noItemsMessage$ }}</div>\n  </div>\n</div>\n", styles: [".psdk-icon{padding:0rem .125rem;min-width:unset}.psdk-case-view-divider{border-bottom:.0625rem solid var(--app-neutral-light-color)}.psdk-utility .header-text{font-size:1rem;font-weight:700;padding-bottom:.3125rem;text-align:left;display:inline-block}.psdk-utility .header-icon{display:inline-block}.psdk-utility{width:100%;height:6.25rem;padding:.625rem 0rem;text-align:left;background-color:var(--app-form-color);border-radius:.6125rem;margin:.3125rem 0rem}.psdk-utility .header{text-align:left;display:flex;align-items:center}.psdk-utility-svg-icon{width:1.4rem;display:inline-block}.psdk-settings-svg-icon{width:1.4rem;display:inline-block;filter:var(--app-primary-color-filter)}.psdk-utility .message{text-align:center}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialUtilityComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MaterialUtilityComponent, isStandalone: true, selector: "app-material-utility", inputs: { headerText$: "headerText$", headerIcon$: "headerIcon$", headerIconUrl$: "headerIconUrl$", noItemsMessage$: "noItemsMessage$" }, providers: [Utils], ngImport: i0, template: "<div style=\"text-align: left\">\n  <div class=\"psdk-utility\">\n    <div class=\"header\">\n      <div class=\"header-icon\">\n        <img class=\"psdk-utility-svg-icon\" src=\"{{ headerSvgIcon$ }}\" />\n      </div>\n      <div class=\"header-text\">{{ headerText$ }}</div>\n      <div style=\"flex-grow: 1\"></div>\n      <div class=\"header-icon\">\n        <img class=\"psdk-settings-svg-icon\" src=\"{{ settingsSvgIcon$ }}\" />\n      </div>\n    </div>\n    <div class=\"psdk-case-view-divider\"></div>\n    <br />\n    <div class=\"message\">{{ noItemsMessage$ }}</div>\n  </div>\n</div>\n", styles: [".psdk-icon{padding:0rem .125rem;min-width:unset}.psdk-case-view-divider{border-bottom:.0625rem solid var(--app-neutral-light-color)}.psdk-utility .header-text{font-size:1rem;font-weight:700;padding-bottom:.3125rem;text-align:left;display:inline-block}.psdk-utility .header-icon{display:inline-block}.psdk-utility{width:100%;height:6.25rem;padding:.625rem 0rem;text-align:left;background-color:var(--app-form-color);border-radius:.6125rem;margin:.3125rem 0rem}.psdk-utility .header{text-align:left;display:flex;align-items:center}.psdk-utility-svg-icon{width:1.4rem;display:inline-block}.psdk-settings-svg-icon{width:1.4rem;display:inline-block;filter:var(--app-primary-color-filter)}.psdk-utility .message{text-align:center}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialUtilityComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialUtilityComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-material-utility', providers: [Utils], standalone: true, template: "<div style=\"text-align: left\">\n  <div class=\"psdk-utility\">\n    <div class=\"header\">\n      <div class=\"header-icon\">\n        <img class=\"psdk-utility-svg-icon\" src=\"{{ headerSvgIcon$ }}\" />\n      </div>\n      <div class=\"header-text\">{{ headerText$ }}</div>\n      <div style=\"flex-grow: 1\"></div>\n      <div class=\"header-icon\">\n        <img class=\"psdk-settings-svg-icon\" src=\"{{ settingsSvgIcon$ }}\" />\n      </div>\n    </div>\n    <div class=\"psdk-case-view-divider\"></div>\n    <br />\n    <div class=\"message\">{{ noItemsMessage$ }}</div>\n  </div>\n</div>\n", styles: [".psdk-icon{padding:0rem .125rem;min-width:unset}.psdk-case-view-divider{border-bottom:.0625rem solid var(--app-neutral-light-color)}.psdk-utility .header-text{font-size:1rem;font-weight:700;padding-bottom:.3125rem;text-align:left;display:inline-block}.psdk-utility .header-icon{display:inline-block}.psdk-utility{width:100%;height:6.25rem;padding:.625rem 0rem;text-align:left;background-color:var(--app-form-color);border-radius:.6125rem;margin:.3125rem 0rem}.psdk-utility .header{text-align:left;display:flex;align-items:center}.psdk-utility-svg-icon{width:1.4rem;display:inline-block}.psdk-settings-svg-icon{width:1.4rem;display:inline-block;filter:var(--app-primary-color-filter)}.psdk-utility .message{text-align:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.Utils }], propDecorators: { headerText$: [{

package/esm2022/lib/_components/designSystemExtension/material-vertical-tabs/material-vertical-tabs.component.mjs CHANGED Viewed

@@ -28,10 +28,10 @@ export class MaterialVerticalTabsComponent {
     onChange(tab) {
         this.tabClick.emit(tab);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialVerticalTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MaterialVerticalTabsComponent, isStandalone: true, selector: "app-material-vertical-tabs", inputs: { tabConfig$: "tabConfig$" }, outputs: { tabClick: "tabClick" }, ngImport: i0, template: "<div>\n  <mat-button-toggle-group vertical hideSingleSelectionIndicator (change)=\"onChange($event.value)\" [value]=\"selectedTabId$\" aria-label=\"Tabs\">\n    <mat-button-toggle *ngFor=\"let tab of tabConfig$\" [value]=\"tab.id\" style=\"text-align: left\">\n      <div style=\"display: flex\">\n        <div style=\"flex-grow: 10\">{{ tab.name }}</div>\n        <div style=\"flex-grow: 1\">\n          <span *ngIf=\"tab?.count\" [matBadge]=\"tab.count\" matBadgeOverlap=\"false\" matBadgePosition=\"after\" class=\"psdk-vtab-badge\">&nbsp;</span>\n        </div>\n      </div>\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n", styles: ["mat-button-toggle-group{width:100%;border-width:.0625rem 0rem}mat-button-toggle-group ::ng-deep .mat-button-toggle-appearance-standard{background-color:transparent}mat-button-toggle-group ::ng-deep .mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-appearance-standard{background-color:transparent;border-right:.1875rem solid var(--app-primary-color)}mat-button-toggle-group ::ng-deep .mat-button-toggle.mat-focus-indicator.mat-button-toggle-appearance-standard{background-color:transparent;border-right:.1875rem solid transparent}mat-button-toggle-group ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{text-align:left}.psdk-vtab-badge .mat-badge-content{top:0rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i3.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialVerticalTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MaterialVerticalTabsComponent, isStandalone: true, selector: "app-material-vertical-tabs", inputs: { tabConfig$: "tabConfig$" }, outputs: { tabClick: "tabClick" }, ngImport: i0, template: "<div>\n  <mat-button-toggle-group vertical hideSingleSelectionIndicator (change)=\"onChange($event.value)\" [value]=\"selectedTabId$\" aria-label=\"Tabs\">\n    <mat-button-toggle *ngFor=\"let tab of tabConfig$\" [value]=\"tab.id\" style=\"text-align: left\">\n      <div style=\"display: flex\">\n        <div style=\"flex-grow: 10\">{{ tab.name }}</div>\n        <div style=\"flex-grow: 1\">\n          <span *ngIf=\"tab?.count\" [matBadge]=\"tab.count\" matBadgeOverlap=\"false\" matBadgePosition=\"after\" class=\"psdk-vtab-badge\">&nbsp;</span>\n        </div>\n      </div>\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n", styles: ["mat-button-toggle-group{width:100%;border-width:.0625rem 0rem}mat-button-toggle-group ::ng-deep .mat-button-toggle-appearance-standard{background-color:transparent}mat-button-toggle-group ::ng-deep .mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-appearance-standard{background-color:transparent;border-right:.1875rem solid var(--app-primary-color)}mat-button-toggle-group ::ng-deep .mat-button-toggle.mat-focus-indicator.mat-button-toggle-appearance-standard{background-color:transparent;border-right:.1875rem solid transparent}mat-button-toggle-group ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{text-align:left}.psdk-vtab-badge .mat-badge-content{top:0rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i3.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialVerticalTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialVerticalTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-material-vertical-tabs', standalone: true, imports: [CommonModule, MatButtonToggleModule, MatBadgeModule], template: "<div>\n  <mat-button-toggle-group vertical hideSingleSelectionIndicator (change)=\"onChange($event.value)\" [value]=\"selectedTabId$\" aria-label=\"Tabs\">\n    <mat-button-toggle *ngFor=\"let tab of tabConfig$\" [value]=\"tab.id\" style=\"text-align: left\">\n      <div style=\"display: flex\">\n        <div style=\"flex-grow: 10\">{{ tab.name }}</div>\n        <div style=\"flex-grow: 1\">\n          <span *ngIf=\"tab?.count\" [matBadge]=\"tab.count\" matBadgeOverlap=\"false\" matBadgePosition=\"after\" class=\"psdk-vtab-badge\">&nbsp;</span>\n        </div>\n      </div>\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n</div>\n", styles: ["mat-button-toggle-group{width:100%;border-width:.0625rem 0rem}mat-button-toggle-group ::ng-deep .mat-button-toggle-appearance-standard{background-color:transparent}mat-button-toggle-group ::ng-deep .mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-appearance-standard{background-color:transparent;border-right:.1875rem solid var(--app-primary-color)}mat-button-toggle-group ::ng-deep .mat-button-toggle.mat-focus-indicator.mat-button-toggle-appearance-standard{background-color:transparent;border-right:.1875rem solid transparent}mat-button-toggle-group ::ng-deep .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{text-align:left}.psdk-vtab-badge .mat-badge-content{top:0rem}\n"] }]
         }], propDecorators: { tabConfig$: [{
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], tabClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtdmVydGljYWwtdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL21hdGVyaWFsLXZlcnRpY2FsLXRhYnMvbWF0ZXJpYWwtdmVydGljYWwtdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL21hdGVyaWFsLXZlcnRpY2FsLXRhYnMvbWF0ZXJpYWwtdmVydGljYWwtdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUNBQWlDLENBQUM7Ozs7O0FBU3hFLE1BQU0sT0FBTyw2QkFBNkI7SUFQMUM7UUFTWSxhQUFRLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7S0F5QjVEO0lBckJDLFFBQVE7UUFDTix5Q0FBeUM7UUFFekMsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDcEIsNERBQTREO1lBQzVELElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUM7WUFFN0MsMkNBQTJDO1lBQzNDLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDO2dCQUNoRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNoQyxJQUFJLElBQUksRUFBRSxRQUFRLEVBQUUsQ0FBQztvQkFDbkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO29CQUM5QixNQUFNO2dCQUNSLENBQUM7WUFDSCxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFFRCxRQUFRLENBQUMsR0FBUTtRQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzFCLENBQUM7K0dBMUJVLDZCQUE2QjttR0FBN0IsNkJBQTZCLCtKQ1oxQyx1b0JBWUEsaXdCREZZLFlBQVksK1BBQUUscUJBQXFCLHdsQkFBRSxjQUFjOzs0RkFFbEQsNkJBQTZCO2tCQVB6QyxTQUFTOytCQUNFLDRCQUE0QixjQUcxQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUscUJBQXFCLEVBQUUsY0FBYyxDQUFDOzhCQUdyRCxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0QmFkZ2VNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9iYWRnZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Ub2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24tdG9nZ2xlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW1hdGVyaWFsLXZlcnRpY2FsLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZXJpYWwtdmVydGljYWwtdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVyaWFsLXZlcnRpY2FsLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0QnV0dG9uVG9nZ2xlTW9kdWxlLCBNYXRCYWRnZU1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgTWF0ZXJpYWxWZXJ0aWNhbFRhYnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB0YWJDb25maWckOiBhbnlbXTtcbiAgQE91dHB1dCgpIHRhYkNsaWNrOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBzZWxlY3RlZFRhYklkJDogYW55O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIHRhYkNvbmZpZyQgIFsge25hbWU6ICwgaWQ6ICwgY291bnQ6IH1dXG5cbiAgICBpZiAodGhpcy50YWJDb25maWckKSB7XG4gICAgICAvLyBzZWxldGVkVGFiSWQgaXMgdGhlIGZpcnN0IHRhYiwgdW5sZXNzIGFub3RoZXIgaXMgc2VsZWN0ZWRcbiAgICAgIHRoaXMuc2VsZWN0ZWRUYWJJZCQgPSB0aGlzLnRhYkNvbmZpZyRbMF0/LmlkO1xuXG4gICAgICAvLyBydW4gdGhyb3VnaCBhbmQgc2VlIGFueXRoaW5nIGlzIHNlbGVjdGVkXG4gICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMudGFiQ29uZmlnJC5sZW5ndGg7ICsraSkge1xuICAgICAgICBjb25zdCBhVGFiID0gdGhpcy50YWJDb25maWckW2ldO1xuICAgICAgICBpZiAoYVRhYj8uc2VsZWN0ZWQpIHtcbiAgICAgICAgICB0aGlzLnNlbGVjdGVkVGFiSWQkID0gYVRhYi5pZDtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIG9uQ2hhbmdlKHRhYjogYW55KSB7XG4gICAgdGhpcy50YWJDbGljay5lbWl0KHRhYik7XG4gIH1cbn1cbiIsIjxkaXY+XG4gIDxtYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB2ZXJ0aWNhbCBoaWRlU2luZ2xlU2VsZWN0aW9uSW5kaWNhdG9yIChjaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50LnZhbHVlKVwiIFt2YWx1ZV09XCJzZWxlY3RlZFRhYklkJFwiIGFyaWEtbGFiZWw9XCJUYWJzXCI+XG4gICAgPG1hdC1idXR0b24tdG9nZ2xlICpuZ0Zvcj1cImxldCB0YWIgb2YgdGFiQ29uZmlnJFwiIFt2YWx1ZV09XCJ0YWIuaWRcIiBzdHlsZT1cInRleHQtYWxpZ246IGxlZnRcIj5cbiAgICAgIDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4XCI+XG4gICAgICAgIDxkaXYgc3R5bGU9XCJmbGV4LWdyb3c6IDEwXCI+e3sgdGFiLm5hbWUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBzdHlsZT1cImZsZXgtZ3JvdzogMVwiPlxuICAgICAgICAgIDxzcGFuICpuZ0lmPVwidGFiPy5jb3VudFwiIFttYXRCYWRnZV09XCJ0YWIuY291bnRcIiBtYXRCYWRnZU92ZXJsYXA9XCJmYWxzZVwiIG1hdEJhZGdlUG9zaXRpb249XCJhZnRlclwiIGNsYXNzPVwicHNkay12dGFiLWJhZGdlXCI+Jm5ic3A7PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbWF0LWJ1dHRvbi10b2dnbGU+XG4gIDwvbWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXA+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtdmVydGljYWwtdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL21hdGVyaWFsLXZlcnRpY2FsLXRhYnMvbWF0ZXJpYWwtdmVydGljYWwtdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL21hdGVyaWFsLXZlcnRpY2FsLXRhYnMvbWF0ZXJpYWwtdmVydGljYWwtdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUNBQWlDLENBQUM7Ozs7O0FBU3hFLE1BQU0sT0FBTyw2QkFBNkI7SUFQMUM7UUFTWSxhQUFRLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7S0F5QjVEO0lBckJDLFFBQVE7UUFDTix5Q0FBeUM7UUFFekMsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDcEIsNERBQTREO1lBQzVELElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUM7WUFFN0MsMkNBQTJDO1lBQzNDLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDO2dCQUNoRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNoQyxJQUFJLElBQUksRUFBRSxRQUFRLEVBQUUsQ0FBQztvQkFDbkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO29CQUM5QixNQUFNO2dCQUNSLENBQUM7WUFDSCxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFFRCxRQUFRLENBQUMsR0FBUTtRQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzFCLENBQUM7K0dBMUJVLDZCQUE2QjttR0FBN0IsNkJBQTZCLCtKQ1oxQyx1b0JBWUEsaXdCREZZLFlBQVksK1BBQUUscUJBQXFCLHNvQkFBRSxjQUFjOzs0RkFFbEQsNkJBQTZCO2tCQVB6QyxTQUFTOytCQUNFLDRCQUE0QixjQUcxQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUscUJBQXFCLEVBQUUsY0FBYyxDQUFDOzhCQUdyRCxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0QmFkZ2VNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9iYWRnZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Ub2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24tdG9nZ2xlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW1hdGVyaWFsLXZlcnRpY2FsLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZXJpYWwtdmVydGljYWwtdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVyaWFsLXZlcnRpY2FsLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0QnV0dG9uVG9nZ2xlTW9kdWxlLCBNYXRCYWRnZU1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgTWF0ZXJpYWxWZXJ0aWNhbFRhYnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB0YWJDb25maWckOiBhbnlbXTtcbiAgQE91dHB1dCgpIHRhYkNsaWNrOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBzZWxlY3RlZFRhYklkJDogYW55O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIHRhYkNvbmZpZyQgIFsge25hbWU6ICwgaWQ6ICwgY291bnQ6IH1dXG5cbiAgICBpZiAodGhpcy50YWJDb25maWckKSB7XG4gICAgICAvLyBzZWxldGVkVGFiSWQgaXMgdGhlIGZpcnN0IHRhYiwgdW5sZXNzIGFub3RoZXIgaXMgc2VsZWN0ZWRcbiAgICAgIHRoaXMuc2VsZWN0ZWRUYWJJZCQgPSB0aGlzLnRhYkNvbmZpZyRbMF0/LmlkO1xuXG4gICAgICAvLyBydW4gdGhyb3VnaCBhbmQgc2VlIGFueXRoaW5nIGlzIHNlbGVjdGVkXG4gICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMudGFiQ29uZmlnJC5sZW5ndGg7ICsraSkge1xuICAgICAgICBjb25zdCBhVGFiID0gdGhpcy50YWJDb25maWckW2ldO1xuICAgICAgICBpZiAoYVRhYj8uc2VsZWN0ZWQpIHtcbiAgICAgICAgICB0aGlzLnNlbGVjdGVkVGFiSWQkID0gYVRhYi5pZDtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIG9uQ2hhbmdlKHRhYjogYW55KSB7XG4gICAgdGhpcy50YWJDbGljay5lbWl0KHRhYik7XG4gIH1cbn1cbiIsIjxkaXY+XG4gIDxtYXQtYnV0dG9uLXRvZ2dsZS1ncm91cCB2ZXJ0aWNhbCBoaWRlU2luZ2xlU2VsZWN0aW9uSW5kaWNhdG9yIChjaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50LnZhbHVlKVwiIFt2YWx1ZV09XCJzZWxlY3RlZFRhYklkJFwiIGFyaWEtbGFiZWw9XCJUYWJzXCI+XG4gICAgPG1hdC1idXR0b24tdG9nZ2xlICpuZ0Zvcj1cImxldCB0YWIgb2YgdGFiQ29uZmlnJFwiIFt2YWx1ZV09XCJ0YWIuaWRcIiBzdHlsZT1cInRleHQtYWxpZ246IGxlZnRcIj5cbiAgICAgIDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4XCI+XG4gICAgICAgIDxkaXYgc3R5bGU9XCJmbGV4LWdyb3c6IDEwXCI+e3sgdGFiLm5hbWUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBzdHlsZT1cImZsZXgtZ3JvdzogMVwiPlxuICAgICAgICAgIDxzcGFuICpuZ0lmPVwidGFiPy5jb3VudFwiIFttYXRCYWRnZV09XCJ0YWIuY291bnRcIiBtYXRCYWRnZU92ZXJsYXA9XCJmYWxzZVwiIG1hdEJhZGdlUG9zaXRpb249XCJhZnRlclwiIGNsYXNzPVwicHNkay12dGFiLWJhZGdlXCI+Jm5ic3A7PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbWF0LWJ1dHRvbi10b2dnbGU+XG4gIDwvbWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXA+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/_components/designSystemExtension/operator/operator.component.mjs CHANGED Viewed

@@ -24,7 +24,7 @@ export class OperatorComponent {
     }
     ngOnChanges(changes) {
         const { pConn$ } = changes;
-        if (pConn$.previousValue !== pConn$.currentValue) {
+        if (pConn$ && pConn$.previousValue !== pConn$.currentValue) {
             this.updateSelf();
         }
     }
@@ -54,7 +54,7 @@ export class OperatorComponent {
             this.label$ = configProps$.resolveLabel;
         }
         else {
-            this.name$ = configProps$?.value.userName;
+            this.name$ = this.name$ || configProps$?.value.userName;
             this.id$ = configProps$?.value.userId;
             this.label$ = configProps$.label;
         }
@@ -129,15 +129,17 @@ export class OperatorComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OperatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OperatorComponent, isStandalone: true, selector: "app-operator", inputs: { pConn$: "pConn$", displayLabel: "displayLabel" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"psdk-operator psdk-double\">\n  <div class=\"psdk-label\">\n    {{ label$ }}\n  </div>\n  <div class=\"psdk-double\">\n    <button mat-button color=\"primary\" style=\"text-decoration: underline\" (click)=\"showOperator()\">{{ name$ }}</button>\n  </div>\n  <div>{{ date$ }}</div>\n</div>\n\n<div>\n  <div *ngIf=\"bShowPopover$\" class=\"psdk-operator-popover\">\n    <dl>\n      <div *ngFor=\"let field of fields$; let i = index\">\n        <dt class=\"psdk-operator-name\">{{ field.name }}</dt>\n        <dd class=\"psdk-operator-value\">{{ field.value }}</dd>\n      </div>\n    </dl>\n  </div>\n</div>\n", styles: [".psdk-operator{display:flex;flex-direction:row;font-size:.8rem;color:var(--app-neutral-color);align-items:center}.psdk-operator-popover{display:table;margin:auto;min-width:100px;background-color:var(--app-form-color);border:1px solid var(--app-inverse-form-color);border-radius:10px;padding:20px;box-shadow:0 0 10px 3px var(--app-box-shadow-color);position:absolute;z-index:99}.psdk-operator-name{color:var(--app-neutral-color)}.psdk-operator-value{padding-left:5px;color:var(--app-neutral-dark-color);margin:0}.psdk-single{flex:1}.psdk-double{column-gap:1rem;text-align:center}.psdk-top-pad{padding-top:10px}dl{display:grid;grid-template-columns:auto 1fr;grid-column-gap:1rem;grid-row-gap:.5rem}dl:before,dl:after{box-sizing:border-box;margin:0;padding:0}dt{max-width:20ch;grid-column-start:1}dd{max-width:75ch;grid-column-start:2}.mat-mdc-button.mat-primary,.mat-mdc-icon-button.mat-primary,.mat-mdc-outlined-button.mat-primary{padding:0;line-height:unset}.psdk-label{word-break:break-word;grid-column-start:1;max-width:max-content;color:var(--app-field-header-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OperatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OperatorComponent, isStandalone: true, selector: "app-operator", inputs: { pConn$: "pConn$", displayLabel: "displayLabel", name$: "name$" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"psdk-operator psdk-double\" [ngClass]=\"{ 'flex-row': displayLabel }\">\n  <div class=\"psdk-label\">\n    {{ label$ }}\n  </div>\n  <div class=\"psdk-double\">\n    <button mat-button color=\"primary\" style=\"text-decoration: underline\" (click)=\"showOperator()\">{{ name$ }}</button>\n  </div>\n  <div>{{ date$ }}</div>\n</div>\n\n<div>\n  <div *ngIf=\"bShowPopover$\" class=\"psdk-operator-popover\">\n    <dl>\n      <div *ngFor=\"let field of fields$; let i = index\">\n        <dt class=\"psdk-operator-name\">{{ field.name }}</dt>\n        <dd class=\"psdk-operator-value\">{{ field.value }}</dd>\n      </div>\n    </dl>\n  </div>\n</div>\n", styles: [".psdk-operator{display:flex;flex-direction:column;font-size:.8rem;color:var(--app-neutral-color);padding-left:.625rem;margin:16px 0 8px}.psdk-operator.flex-row{flex-direction:row;align-items:center;text-align:center;padding-left:0;margin:0}.psdk-operator-popover{display:table;margin:auto;min-width:100px;background-color:var(--app-form-color);border:1px solid var(--app-inverse-form-color);border-radius:10px;padding:20px;box-shadow:0 0 10px 3px var(--app-box-shadow-color);position:absolute;z-index:99}.psdk-operator-name{color:var(--app-neutral-color)}.psdk-operator-value{padding-left:5px;color:var(--app-neutral-dark-color);margin:0}.psdk-single{flex:1}.psdk-double{column-gap:1rem}.psdk-top-pad{padding-top:10px}dl{display:grid;grid-template-columns:auto 1fr;grid-column-gap:1rem;grid-row-gap:.5rem}dl:before,dl:after{box-sizing:border-box;margin:0;padding:0}dt{max-width:20ch;grid-column-start:1}dd{max-width:75ch;grid-column-start:2}.mat-mdc-button.mat-primary,.mat-mdc-icon-button.mat-primary,.mat-mdc-outlined-button.mat-primary{padding:0;line-height:unset}.psdk-label{word-break:break-word;grid-column-start:1;max-width:max-content;color:var(--app-field-header-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OperatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OperatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-operator', standalone: true, imports: [CommonModule, MatButtonModule], template: "<div class=\"psdk-operator psdk-double\">\n  <div class=\"psdk-label\">\n    {{ label$ }}\n  </div>\n  <div class=\"psdk-double\">\n    <button mat-button color=\"primary\" style=\"text-decoration: underline\" (click)=\"showOperator()\">{{ name$ }}</button>\n  </div>\n  <div>{{ date$ }}</div>\n</div>\n\n<div>\n  <div *ngIf=\"bShowPopover$\" class=\"psdk-operator-popover\">\n    <dl>\n      <div *ngFor=\"let field of fields$; let i = index\">\n        <dt class=\"psdk-operator-name\">{{ field.name }}</dt>\n        <dd class=\"psdk-operator-value\">{{ field.value }}</dd>\n      </div>\n    </dl>\n  </div>\n</div>\n", styles: [".psdk-operator{display:flex;flex-direction:row;font-size:.8rem;color:var(--app-neutral-color);align-items:center}.psdk-operator-popover{display:table;margin:auto;min-width:100px;background-color:var(--app-form-color);border:1px solid var(--app-inverse-form-color);border-radius:10px;padding:20px;box-shadow:0 0 10px 3px var(--app-box-shadow-color);position:absolute;z-index:99}.psdk-operator-name{color:var(--app-neutral-color)}.psdk-operator-value{padding-left:5px;color:var(--app-neutral-dark-color);margin:0}.psdk-single{flex:1}.psdk-double{column-gap:1rem;text-align:center}.psdk-top-pad{padding-top:10px}dl{display:grid;grid-template-columns:auto 1fr;grid-column-gap:1rem;grid-row-gap:.5rem}dl:before,dl:after{box-sizing:border-box;margin:0;padding:0}dt{max-width:20ch;grid-column-start:1}dd{max-width:75ch;grid-column-start:2}.mat-mdc-button.mat-primary,.mat-mdc-icon-button.mat-primary,.mat-mdc-outlined-button.mat-primary{padding:0;line-height:unset}.psdk-label{word-break:break-word;grid-column-start:1;max-width:max-content;color:var(--app-field-header-color)}\n"] }]
+            args: [{ selector: 'app-operator', standalone: true, imports: [CommonModule, MatButtonModule], template: "<div class=\"psdk-operator psdk-double\" [ngClass]=\"{ 'flex-row': displayLabel }\">\n  <div class=\"psdk-label\">\n    {{ label$ }}\n  </div>\n  <div class=\"psdk-double\">\n    <button mat-button color=\"primary\" style=\"text-decoration: underline\" (click)=\"showOperator()\">{{ name$ }}</button>\n  </div>\n  <div>{{ date$ }}</div>\n</div>\n\n<div>\n  <div *ngIf=\"bShowPopover$\" class=\"psdk-operator-popover\">\n    <dl>\n      <div *ngFor=\"let field of fields$; let i = index\">\n        <dt class=\"psdk-operator-name\">{{ field.name }}</dt>\n        <dd class=\"psdk-operator-value\">{{ field.value }}</dd>\n      </div>\n    </dl>\n  </div>\n</div>\n", styles: [".psdk-operator{display:flex;flex-direction:column;font-size:.8rem;color:var(--app-neutral-color);padding-left:.625rem;margin:16px 0 8px}.psdk-operator.flex-row{flex-direction:row;align-items:center;text-align:center;padding-left:0;margin:0}.psdk-operator-popover{display:table;margin:auto;min-width:100px;background-color:var(--app-form-color);border:1px solid var(--app-inverse-form-color);border-radius:10px;padding:20px;box-shadow:0 0 10px 3px var(--app-box-shadow-color);position:absolute;z-index:99}.psdk-operator-name{color:var(--app-neutral-color)}.psdk-operator-value{padding-left:5px;color:var(--app-neutral-dark-color);margin:0}.psdk-single{flex:1}.psdk-double{column-gap:1rem}.psdk-top-pad{padding-top:10px}dl{display:grid;grid-template-columns:auto 1fr;grid-column-gap:1rem;grid-row-gap:.5rem}dl:before,dl:after{box-sizing:border-box;margin:0;padding:0}dt{max-width:20ch;grid-column-start:1}dd{max-width:75ch;grid-column-start:2}.mat-mdc-button.mat-primary,.mat-mdc-icon-button.mat-primary,.mat-mdc-outlined-button.mat-primary{padding:0;line-height:unset}.psdk-label{word-break:break-word;grid-column-start:1;max-width:max-content;color:var(--app-field-header-color)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.Utils }], propDecorators: { pConn$: [{
                 type: Input
             }], displayLabel: [{
                 type: Input
+            }], name$: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3BlcmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci1zZGstY29tcG9uZW50cy9zcmMvbGliL19jb21wb25lbnRzL2Rlc2lnblN5c3RlbUV4dGVuc2lvbi9vcGVyYXRvci9vcGVyYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL29wZXJhdG9yL29wZXJhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXNCLEtBQUssRUFBcUUsTUFBTSxlQUFlLENBQUM7QUFDeEksT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7QUFVM0QsTUFBTSxPQUFPLGlCQUFpQjtJQVM1QixZQUNVLEVBQWMsRUFDZCxRQUFtQixFQUNuQixLQUF3QixFQUN4QixLQUFZO1FBSFosT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUNkLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFDeEIsVUFBSyxHQUFMLEtBQUssQ0FBTztRQVZ0QixZQUFPLEdBQVUsRUFBRSxDQUFDO0lBV2pCLENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRTtZQUMzQyxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBRWhFLElBQUksQ0FBQyxhQUFhLEVBQUUs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Qy9DLEtBQUssRUFBRSxZQUFZO3FCQUNwQjtvQkFDRDt3QkFDRSxFQUFFLEVBQUUsZ0JBQWdCO3dCQUNwQixJQUFJLEVBQUUsWUFBWSxDQUFDLGVBQWUsRUFBRSxjQUFjLENBQUM7d0JBQ25ELEtBQUssRUFBRSxZQUFZO3FCQUNwQjtpQkFDRixDQUFDO1lBQ0osQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0F6SVUsaUJBQWlCO21HQUFqQixpQkFBaUIseUpDWjlCLDhtQkFvQkEseW1DRFZZLFlBQVksK1BBQUUsZUFBZTs7NEZBRTVCLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxjQUFjLGNBR1osSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsQ0FBQzsySkFHL0IsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIE9uSW5pdCwgSW5wdXQsIFJlbmRlcmVyMiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcywgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IFV0aWxzIH0gZnJvbSAnLi4vLi4vLi4vX2hlbHBlcnMvdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtb3BlcmF0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vb3BlcmF0b3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vcGVyYXRvci5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXRCdXR0b25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIE9wZXJhdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIHBDb25uJDogdHlwZW9mIFBDb25uZWN0O1xuICBASW5wdXQoKSBkaXNwbGF5TGFiZWw7XG4gIGZpZWxkcyQ6IGFueVtdID0gW107XG4gIGJTaG93UG9wb3ZlciQ6IGJvb2xlYW47XG4gIGRhdGUkOiBzdHJpbmc7XG4gIG5hbWUkOiBzdHJpbmc7XG4gIGxhYmVsJDogc3RyaW5nO1xuICBpZCQ6IHN0cmluZztcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbDogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSB1dGlsczogVXRpbHNcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMucmVuZGVyZXIubGlzdGVuKCd3aW5kb3cnLCAnY2xpY2snLCBlbCA9PiB7XG4gICAgICBjb25zdCBjbGlja2VkSW5zaWRlID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGVsLnRhcmdldCk7XG5cbiAgICAgIGlmICghY2xpY2tlZEluc2lkZSkge1xuICAgICAgICB0aGlzLmJTaG93UG9wb3ZlciQgPSBmYWxzZTtcbiAgICAgIH1cbiAgICB9KTtcblxuICAgIHRoaXMuYlNob3dQb3BvdmVyJCA9IGZhbHNlO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGNvbnN0IHsgcENvbm4kIH0gPSBjaGFuZ2VzO1xuICAgIGlmIChwQ29ubiQucHJldmlvdXNWYWx1ZSAhPT0gcENvbm4kLmN1cnJlbnRWYWx1ZSkge1xuICAgICAgdGhpcy51cGRhdGVTZWxmKCk7XG4gICAgfVxuICB9XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1lbXB0eS1saWZlY3ljbGUtbWV0aG9kXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIC8vIFJlZjogaHR0cHM6Ly9tZWRpdW0uY29tL0BrYW1pbC5nYWxlay9teXRoaWNhbC1hbmd1bGFyLWNvbXBvbmVudC1zdHlsZXMtY2xlYW51cC1pbi1hbmd1bGFyLTE3LWY3OTlhMDhiMmFiY1xuICAgIC8vIENvbW1lbnRpbmcgdGhlIGJlbG93IGxpbmUgYXMgaXQgaXMgY2F1c2luZyB0aGUgT3BlcmF0b3IgY29tcG9uZW50J3Mgc3R5bGVzIG5vdCBnZXR0aW5nIGFwcGxpZWQuXG4gICAgLy8gdGhpcy5yZW5kZXJlci5kZXN0cm95KCk7XG4gIH1cblxuICB1cGRhdGVTZWxmKCk6IHZvaWQge1xuICAgIGNvbnN0IGNvbmZpZ1Byb3BzJCA9IHRoaXMucENvbm4kLmdldENvbmZpZ1Byb3BzKCkgYXMgYW55O1xuICAgIHRoaXMuZGlzcGxheUxhYmVsID0gdGhpcy5kaXNwbGF5TGFiZWw/LnRvTG93ZXJDYXNlKCk7XG4gICAgY29uc3QgbGFiZWwgPSBjb25maWdQcm9wcyQ/LmxhYmVsPy50b0xvd2VyQ2FzZSgpO1xuICAgIGlmIChsYWJlbCA9PT0gJ2NyZWF0ZSBvcGVyYXRvcicgfHwgdGhpcy5kaXNwbGF5TGFiZWwgPT09ICdjcmVhdGUgb3BlcmF0b3InKSB7XG4gICAgICB0aGlzLm5hbWUkID0gY29uZmlnUHJvcHMkLmNyZWF0ZU9wZXJhdG9yLnVzZXJOYW1lO1xuICAgICAgdGhpcy5pZCQgPSBjb25maWdQcm9wcyQuY3JlYXRlT3BlcmF0b3IudXNlcklkO1xuICAgICAgdGhpcy5sYWJlbCQgPSBjb25maWdQcm9wcyQuY3JlYXRlTGFiZWw7XG4gICAgfSBlbHNlIGlmIChsYWJlbCA9PT0gJ3VwZGF0ZSBvcGVyYXRvcicgfHwgdGhpcy5kaXNwbGF5TGFiZWwgPT09ICd1cGRhdGUgb3BlcmF0b3InKSB7XG4gICAgICB0aGlzLm5hbWUkID0gY29uZmlnUHJvcHMkLnVwZGF0ZU9wZXJhdG9yLnVzZXJOYW1lO1xuICAgICAgdGhpcy5pZCQgPSBjb25maWdQcm9wcyQudXBkYXRlT3BlcmF0b3IudXNlcklkO1xuICAgICAgdGhpcy5sYWJlbCQgPSBjb25maWdQcm9wcyQudXBkYXRlTGFiZWw7XG4gICAgfSBlbHNlIGlmIChsYWJlbCA9PT0gJ3Jlc29sdmUgb3BlcmF0b3InIHx8IHRoaXMuZGlzcGxheUxhYmVsID09PSAncmVzb2x2ZSBvcGVyYXRvcicpIHtcbiAgICAgIHRoaXMubmFtZSQgPSBjb25maWdQcm9wcyQucmVzb2x2ZU9wZXJhdG9yLnVzZXJOYW1lO1xuICAgICAgdGhpcy5pZCQgPSBjb25maWdQcm9wcyQucmVzb2x2ZU9wZXJhdG9yLnVzZXJJZDtcbiAgICAgIHRoaXMubGFiZWwkID0gY29uZmlnUHJvcHMkLnJlc29sdmVMYWJlbDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5uYW1lJCA9IGNvbmZpZ1Byb3BzJD8udmFsdWUudXNlck5hbWU7XG4gICAgICB0aGlzLmlkJCA9IGNvbmZpZ1Byb3BzJD8udmFsdWUudXNlcklkO1xuICAgICAgdGhpcy5sYWJlbCQgPSBjb25maWdQcm9wcyQubGFiZWw7XG4gICAgfVxuICAgIHRoaXMuZGF0ZSQgPSB0aGlzLnV0aWxzLmdlbmVyYXRlRGF0ZShjb25maWdQcm9wcyQ/LnVwZGF0ZURhdGVUaW1lLCAnRGF0ZVRpbWUtU2luY2UnKTtcbiAgfVxuXG4gIHNob3dPcGVyYXRvcigpIHtcbiAgICBjb25zdCBvcGVyYXRvclByZXZpZXdQcm9taXNlID0gUENvcmUuZ2V0VXNlckFwaSgpLmdldE9wZXJhdG9yRGV0YWlscyh0aGlzLmlkJCk7XG4gICAgY29uc3QgbG9jYWxpemVkVmFsID0gUENvcmUuZ2V0TG9jYWxlVXRpbHMoKS5nZXRMb2NhbGVWYWx1ZTtcbiAgICBjb25zdCBsb2NhbGVDYXRlZ29yeSA9ICdPcGVyYXRvcic7XG4gICAgY29uc3QgZmlsbGVyU3RyaW5nID0gJy0tLSc7XG5cbiAgICBvcGVyYXRvclByZXZpZXdQcm9taXNlLnRoZW4oKHJlczogYW55KSA9PiB7XG4gICAgICBpZiAocmVzLmRhdGEgJiYgcmVzLmRhdGEucHlPcGVyYXRvckluZm8gJiYgcmVzLmRhdGEucHlPcGVyYXRvckluZm8ucHlVc2VyTmFtZSkge1xuICAgICAgICB0aGlzLmZpZWxkcyQgPSBbXG4gICAgICAgICAge1xuICAgICAgICAgICAgaWQ6ICdweVBvc2l0aW9uJyxcbiAgICAgICAgICAgIG5hbWU6IGxvY2FsaXplZFZhbCgnUG9zaXRpb24nLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogcmVzLmRhdGEucHlPcGVyYXRvckluZm8ucHlQb3NpdGlvbiAhPSAnJyA/IHJlcy5kYXRhLnB5T3BlcmF0b3JJbmZvLnB5UG9zaXRpb24gOiBmaWxsZXJTdHJpbmdcbiAgICAgICAgICB9LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGlkOiAncHlPcmdhbml6YXRpb24nLFxuICAgICAgICAgICAgbmFtZTogbG9jYWxpemVkVmFsKCdPcmdhbml6YXRpb24nLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogcmVzLmRhdGEucHlPcGVyYXRvckluZm8ucHlPcmdhbml6YXRpb24gIT0gJycgPyByZXMuZGF0YS5weU9wZXJhdG9ySW5mby5weU9yZ2FuaXphdGlvbiA6IGZpbGxlclN0cmluZ1xuICAgICAgICAgIH0sXG4gICAgICAgICAge1xuICAgICAgICAgICAgaWQ6ICdSZXBvcnRUb1VzZXJOYW1lJyxcbiAgICAgICAgICAgIG5hbWU6IGxvY2FsaXplZFZhbCgnUmVwb3J0cyB0bycsIGxvY2FsZUNhdGVnb3J5KSxcbiAgICAgICAgICAgIHZhbHVlOiByZXMuZGF0YS5weU9wZXJhdG9ySW5mby5weVJlcG9ydFRvVXNlck5hbWUgIT0gJycgPyByZXMuZGF0YS5weU9wZXJhdG9ySW5mby5weVJlcG9ydFRvVXNlck5hbWUgOiBmaWxsZXJTdHJpbmdcbiAgICAgICAgICB9LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGlkOiAncHlUZWxlcGhvbmUnLFxuICAgICAgICAgICAgbmFtZTogbG9jYWxpemVkVmFsKCdUZWxlcGhvbmUnLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogcmVzLmRhdGEucHlPcGVyYXRvckluZm8ucHlUZWxlcGhvbmUgIT0gJycgPyByZXMuZGF0YS5weU9wZXJhdG9ySW5mby5weVRlbGVwaG9uZSA6IGZpbGxlclN0cmluZ1xuICAgICAgICAgIH0sXG4gICAgICAgICAge1xuICAgICAgICAgICAgaWQ6ICdweUVtYWlsQWRkcmVzcycsXG4gICAgICAgICAgICBuYW1lOiBsb2NhbGl6ZWRWYWwoJ0VtYWlsIGFkZHJlc3MnLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogcmVzLmRhdGEucHlPcGVyYXRvckluZm8ucHlFbWFpbEFkZHJlc3MgIT0gJycgPyByZXMuZGF0YS5weU9wZXJhdG9ySW5mby5weUVtYWlsQWRkcmVzcyA6IGZpbGxlclN0cmluZ1xuICAgICAgICAgIH1cbiAgICAgICAgXTtcblxuICAgICAgICB0aGlzLmJTaG93UG9wb3ZlciQgPSB0cnVlO1xuICAgICAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnNvbGUubG9nKFxuICAgICAgICAgIGBPcGVyYXRvcjogUENvcmUuZ2V0VXNlckFwaSgpLmdldE9wZXJhdG9yRGV0YWlscygke3RoaXMuaWQkfSk7IHJldHVybmVkIGVtcHR5IHJlcy5kYXRhLnB5T3BlcmF0b3JJbmZvLnB5VXNlck5hbWUgLSBhZGRpbmcgZGVmYXVsdGBcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5maWVsZHMkID0gW1xuICAgICAgICAgIHtcbiAgICAgICAgICAgIGlkOiAncHlQb3NpdGlvbicsXG4gICAgICAgICAgICBuYW1lOiBsb2NhbGl6ZWRWYWwoJ1Bvc2l0aW9uJywgbG9jYWxlQ2F0ZWdvcnkpLFxuICAgICAgICAgICAgdmFsdWU6IGZpbGxlclN0cmluZ1xuICAgICAgICAgIH0sXG4gICAgICAgICAge1xuICAgICAgICAgICAgaWQ6ICdweU9yZ2FuaXphdGlvbicsXG4gICAgICAgICAgICBuYW1lOiBsb2NhbGl6ZWRWYWwoJ09yZ2FuaXphdGlvbicsIGxvY2FsZUNhdGVnb3J5KSxcbiAgICAgICAgICAgIHZhbHVlOiBmaWxsZXJTdHJpbmdcbiAgICAgICAgICB9LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGlkOiAnUmVwb3J0VG9Vc2VyTmFtZScsXG4gICAgICAgICAgICBuYW1lOiBsb2NhbGl6ZWRWYWwoJ1JlcG9ydHMgdG8nLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogZmlsbGVyU3RyaW5nXG4gICAgICAgICAgfSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBpZDogJ3B5VGVsZXBob25lJyxcbiAgICAgICAgICAgIG5hbWU6IGxvY2FsaXplZFZhbCgnVGVsZXBob25lJywgbG9jYWxlQ2F0ZWdvcnkpLFxuICAgICAgICAgICAgdmFsdWU6IGZpbGxlclN0cmluZ1xuICAgICAgICAgIH0sXG4gICAgICAgICAge1xuICAgICAgICAgICAgaWQ6ICdweUVtYWlsQWRkcmVzcycsXG4gICAgICAgICAgICBuYW1lOiBsb2NhbGl6ZWRWYWwoJ0VtYWlsIGFkZHJlc3MnLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogZmlsbGVyU3RyaW5nXG4gICAgICAgICAgfVxuICAgICAgICBdO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicHNkay1vcGVyYXRvciBwc2RrLWRvdWJsZVwiPlxuICA8ZGl2IGNsYXNzPVwicHNkay1sYWJlbFwiPlxuICAgIHt7IGxhYmVsJCB9fVxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInBzZGstZG91YmxlXCI+XG4gICAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIHN0eWxlPVwidGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmVcIiAoY2xpY2spPVwic2hvd09wZXJhdG9yKClcIj57eyBuYW1lJCB9fTwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdj57eyBkYXRlJCB9fTwvZGl2PlxuPC9kaXY+XG5cbjxkaXY+XG4gIDxkaXYgKm5nSWY9XCJiU2hvd1BvcG92ZXIkXCIgY2xhc3M9XCJwc2RrLW9wZXJhdG9yLXBvcG92ZXJcIj5cbiAgICA8ZGw+XG4gICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBmaWVsZHMkOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgIDxkdCBjbGFzcz1cInBzZGstb3BlcmF0b3ItbmFtZVwiPnt7IGZpZWxkLm5hbWUgfX08L2R0PlxuICAgICAgICA8ZGQgY2xhc3M9XCJwc2RrLW9wZXJhdG9yLXZhbHVlXCI+e3sgZmllbGQudmFsdWUgfX08L2RkPlxuICAgICAgPC9kaXY+XG4gICAgPC9kbD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3BlcmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci1zZGstY29tcG9uZW50cy9zcmMvbGliL19jb21wb25lbnRzL2Rlc2lnblN5c3RlbUV4dGVuc2lvbi9vcGVyYXRvci9vcGVyYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL29wZXJhdG9yL29wZXJhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXNCLEtBQUssRUFBcUUsTUFBTSxlQUFlLENBQUM7QUFDeEksT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7QUFVM0QsTUFBTSxPQUFPLGlCQUFpQjtJQVU1QixZQUNVLEVBQWMsRUFDZCxRQUFtQixFQUNuQixLQUF3QixFQUN4QixLQUFZO1FBSFosT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUNkLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFDeEIsVUFBSyxHQUFMLEtBQUssQ0FBTztRQVR0QixZQUFPLEdBQVUsRUFBRSxDQUFDO0lBVWpCLENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRTtZQUMzQyxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBRWhFLElBQUksQ0FBQyxhQUFhLEVBQUUs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WSxDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUM7d0JBQy9DLEtBQUssRUFBRSxZQUFZO3FCQUNwQjtvQkFDRDt3QkFDRSxFQUFFLEVBQUUsZ0JBQWdCO3dCQUNwQixJQUFJLEVBQUUsWUFBWSxDQUFDLGVBQWUsRUFBRSxjQUFjLENBQUM7d0JBQ25ELEtBQUssRUFBRSxZQUFZO3FCQUNwQjtpQkFDRixDQUFDO1lBQ0osQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0ExSVUsaUJBQWlCO21HQUFqQixpQkFBaUIseUtDWjlCLHlwQkFvQkEsc3RDRFZZLFlBQVksNlZBQUUsZUFBZTs7NEZBRTVCLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxjQUFjLGNBR1osSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsQ0FBQzsySkFHL0IsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBPbkluaXQsIElucHV0LCBSZW5kZXJlcjIsIENoYW5nZURldGVjdG9yUmVmLCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBVdGlscyB9IGZyb20gJy4uLy4uLy4uL19oZWxwZXJzL3V0aWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW9wZXJhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL29wZXJhdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb3BlcmF0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0QnV0dG9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBPcGVyYXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBwQ29ubiQ6IHR5cGVvZiBQQ29ubmVjdDtcbiAgQElucHV0KCkgZGlzcGxheUxhYmVsO1xuICBASW5wdXQoKSBuYW1lJD86IHN0cmluZztcblxuICBmaWVsZHMkOiBhbnlbXSA9IFtdO1xuICBiU2hvd1BvcG92ZXIkOiBib29sZWFuO1xuICBkYXRlJDogc3RyaW5nO1xuICBsYWJlbCQ6IHN0cmluZztcbiAgaWQkOiBzdHJpbmc7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWw6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByaXZhdGUgdXRpbHM6IFV0aWxzXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnJlbmRlcmVyLmxpc3Rlbignd2luZG93JywgJ2NsaWNrJywgZWwgPT4ge1xuICAgICAgY29uc3QgY2xpY2tlZEluc2lkZSA9IHRoaXMuZWwubmF0aXZlRWxlbWVudC5jb250YWlucyhlbC50YXJnZXQpO1xuXG4gICAgICBpZiAoIWNsaWNrZWRJbnNpZGUpIHtcbiAgICAgICAgdGhpcy5iU2hvd1BvcG92ZXIkID0gZmFsc2U7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICB0aGlzLmJTaG93UG9wb3ZlciQgPSBmYWxzZTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBjb25zdCB7IHBDb25uJCB9ID0gY2hhbmdlcztcbiAgICBpZiAocENvbm4kICYmIHBDb25uJC5wcmV2aW91c1ZhbHVlICE9PSBwQ29ubiQuY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLnVwZGF0ZVNlbGYoKTtcbiAgICB9XG4gIH1cblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWVtcHR5LWxpZmVjeWNsZS1tZXRob2RcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgLy8gUmVmOiBodHRwczovL21lZGl1bS5jb20vQGthbWlsLmdhbGVrL215dGhpY2FsLWFuZ3VsYXItY29tcG9uZW50LXN0eWxlcy1jbGVhbnVwLWluLWFuZ3VsYXItMTctZjc5OWEwOGIyYWJjXG4gICAgLy8gQ29tbWVudGluZyB0aGUgYmVsb3cgbGluZSBhcyBpdCBpcyBjYXVzaW5nIHRoZSBPcGVyYXRvciBjb21wb25lbnQncyBzdHlsZXMgbm90IGdldHRpbmcgYXBwbGllZC5cbiAgICAvLyB0aGlzLnJlbmRlcmVyLmRlc3Ryb3koKTtcbiAgfVxuXG4gIHVwZGF0ZVNlbGYoKTogdm9pZCB7XG4gICAgY29uc3QgY29uZmlnUHJvcHMkID0gdGhpcy5wQ29ubiQuZ2V0Q29uZmlnUHJvcHMoKTtcbiAgICB0aGlzLmRpc3BsYXlMYWJlbCA9IHRoaXMuZGlzcGxheUxhYmVsPy50b0xvd2VyQ2FzZSgpO1xuICAgIGNvbnN0IGxhYmVsID0gY29uZmlnUHJvcHMkPy5sYWJlbD8udG9Mb3dlckNhc2UoKTtcbiAgICBpZiAobGFiZWwgPT09ICdjcmVhdGUgb3BlcmF0b3InIHx8IHRoaXMuZGlzcGxheUxhYmVsID09PSAnY3JlYXRlIG9wZXJhdG9yJykge1xuICAgICAgdGhpcy5uYW1lJCA9IGNvbmZpZ1Byb3BzJC5jcmVhdGVPcGVyYXRvci51c2VyTmFtZTtcbiAgICAgIHRoaXMuaWQkID0gY29uZmlnUHJvcHMkLmNyZWF0ZU9wZXJhdG9yLnVzZXJJZDtcbiAgICAgIHRoaXMubGFiZWwkID0gY29uZmlnUHJvcHMkLmNyZWF0ZUxhYmVsO1xuICAgIH0gZWxzZSBpZiAobGFiZWwgPT09ICd1cGRhdGUgb3BlcmF0b3InIHx8IHRoaXMuZGlzcGxheUxhYmVsID09PSAndXBkYXRlIG9wZXJhdG9yJykge1xuICAgICAgdGhpcy5uYW1lJCA9IGNvbmZpZ1Byb3BzJC51cGRhdGVPcGVyYXRvci51c2VyTmFtZTtcbiAgICAgIHRoaXMuaWQkID0gY29uZmlnUHJvcHMkLnVwZGF0ZU9wZXJhdG9yLnVzZXJJZDtcbiAgICAgIHRoaXMubGFiZWwkID0gY29uZmlnUHJvcHMkLnVwZGF0ZUxhYmVsO1xuICAgIH0gZWxzZSBpZiAobGFiZWwgPT09ICdyZXNvbHZlIG9wZXJhdG9yJyB8fCB0aGlzLmRpc3BsYXlMYWJlbCA9PT0gJ3Jlc29sdmUgb3BlcmF0b3InKSB7XG4gICAgICB0aGlzLm5hbWUkID0gY29uZmlnUHJvcHMkLnJlc29sdmVPcGVyYXRvci51c2VyTmFtZTtcbiAgICAgIHRoaXMuaWQkID0gY29uZmlnUHJvcHMkLnJlc29sdmVPcGVyYXRvci51c2VySWQ7XG4gICAgICB0aGlzLmxhYmVsJCA9IGNvbmZpZ1Byb3BzJC5yZXNvbHZlTGFiZWw7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMubmFtZSQgPSB0aGlzLm5hbWUkIHx8IGNvbmZpZ1Byb3BzJD8udmFsdWUudXNlck5hbWU7XG4gICAgICB0aGlzLmlkJCA9IGNvbmZpZ1Byb3BzJD8udmFsdWUudXNlcklkO1xuICAgICAgdGhpcy5sYWJlbCQgPSBjb25maWdQcm9wcyQubGFiZWw7XG4gICAgfVxuICAgIHRoaXMuZGF0ZSQgPSB0aGlzLnV0aWxzLmdlbmVyYXRlRGF0ZShjb25maWdQcm9wcyQ/LnVwZGF0ZURhdGVUaW1lLCAnRGF0ZVRpbWUtU2luY2UnKTtcbiAgfVxuXG4gIHNob3dPcGVyYXRvcigpIHtcbiAgICBjb25zdCBvcGVyYXRvclByZXZpZXdQcm9taXNlID0gUENvcmUuZ2V0VXNlckFwaSgpLmdldE9wZXJhdG9yRGV0YWlscyh0aGlzLmlkJCk7XG4gICAgY29uc3QgbG9jYWxpemVkVmFsID0gUENvcmUuZ2V0TG9jYWxlVXRpbHMoKS5nZXRMb2NhbGVWYWx1ZTtcbiAgICBjb25zdCBsb2NhbGVDYXRlZ29yeSA9ICdPcGVyYXRvcic7XG4gICAgY29uc3QgZmlsbGVyU3RyaW5nID0gJy0tLSc7XG5cbiAgICBvcGVyYXRvclByZXZpZXdQcm9taXNlLnRoZW4oKHJlczogYW55KSA9PiB7XG4gICAgICBpZiAocmVzLmRhdGEgJiYgcmVzLmRhdGEucHlPcGVyYXRvckluZm8gJiYgcmVzLmRhdGEucHlPcGVyYXRvckluZm8ucHlVc2VyTmFtZSkge1xuICAgICAgICB0aGlzLmZpZWxkcyQgPSBbXG4gICAgICAgICAge1xuICAgICAgICAgICAgaWQ6ICdweVBvc2l0aW9uJyxcbiAgICAgICAgICAgIG5hbWU6IGxvY2FsaXplZFZhbCgnUG9zaXRpb24nLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogcmVzLmRhdGEucHlPcGVyYXRvckluZm8ucHlQb3NpdGlvbiAhPSAnJyA/IHJlcy5kYXRhLnB5T3BlcmF0b3JJbmZvLnB5UG9zaXRpb24gOiBmaWxsZXJTdHJpbmdcbiAgICAgICAgICB9LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGlkOiAncHlPcmdhbml6YXRpb24nLFxuICAgICAgICAgICAgbmFtZTogbG9jYWxpemVkVmFsKCdPcmdhbml6YXRpb24nLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogcmVzLmRhdGEucHlPcGVyYXRvckluZm8ucHlPcmdhbml6YXRpb24gIT0gJycgPyByZXMuZGF0YS5weU9wZXJhdG9ySW5mby5weU9yZ2FuaXphdGlvbiA6IGZpbGxlclN0cmluZ1xuICAgICAgICAgIH0sXG4gICAgICAgICAge1xuICAgICAgICAgICAgaWQ6ICdSZXBvcnRUb1VzZXJOYW1lJyxcbiAgICAgICAgICAgIG5hbWU6IGxvY2FsaXplZFZhbCgnUmVwb3J0cyB0bycsIGxvY2FsZUNhdGVnb3J5KSxcbiAgICAgICAgICAgIHZhbHVlOiByZXMuZGF0YS5weU9wZXJhdG9ySW5mby5weVJlcG9ydFRvVXNlck5hbWUgIT0gJycgPyByZXMuZGF0YS5weU9wZXJhdG9ySW5mby5weVJlcG9ydFRvVXNlck5hbWUgOiBmaWxsZXJTdHJpbmdcbiAgICAgICAgICB9LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGlkOiAncHlUZWxlcGhvbmUnLFxuICAgICAgICAgICAgbmFtZTogbG9jYWxpemVkVmFsKCdUZWxlcGhvbmUnLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogcmVzLmRhdGEucHlPcGVyYXRvckluZm8ucHlUZWxlcGhvbmUgIT0gJycgPyByZXMuZGF0YS5weU9wZXJhdG9ySW5mby5weVRlbGVwaG9uZSA6IGZpbGxlclN0cmluZ1xuICAgICAgICAgIH0sXG4gICAgICAgICAge1xuICAgICAgICAgICAgaWQ6ICdweUVtYWlsQWRkcmVzcycsXG4gICAgICAgICAgICBuYW1lOiBsb2NhbGl6ZWRWYWwoJ0VtYWlsIGFkZHJlc3MnLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogcmVzLmRhdGEucHlPcGVyYXRvckluZm8ucHlFbWFpbEFkZHJlc3MgIT0gJycgPyByZXMuZGF0YS5weU9wZXJhdG9ySW5mby5weUVtYWlsQWRkcmVzcyA6IGZpbGxlclN0cmluZ1xuICAgICAgICAgIH1cbiAgICAgICAgXTtcblxuICAgICAgICB0aGlzLmJTaG93UG9wb3ZlciQgPSB0cnVlO1xuICAgICAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnNvbGUubG9nKFxuICAgICAgICAgIGBPcGVyYXRvcjogUENvcmUuZ2V0VXNlckFwaSgpLmdldE9wZXJhdG9yRGV0YWlscygke3RoaXMuaWQkfSk7IHJldHVybmVkIGVtcHR5IHJlcy5kYXRhLnB5T3BlcmF0b3JJbmZvLnB5VXNlck5hbWUgLSBhZGRpbmcgZGVmYXVsdGBcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5maWVsZHMkID0gW1xuICAgICAgICAgIHtcbiAgICAgICAgICAgIGlkOiAncHlQb3NpdGlvbicsXG4gICAgICAgICAgICBuYW1lOiBsb2NhbGl6ZWRWYWwoJ1Bvc2l0aW9uJywgbG9jYWxlQ2F0ZWdvcnkpLFxuICAgICAgICAgICAgdmFsdWU6IGZpbGxlclN0cmluZ1xuICAgICAgICAgIH0sXG4gICAgICAgICAge1xuICAgICAgICAgICAgaWQ6ICdweU9yZ2FuaXphdGlvbicsXG4gICAgICAgICAgICBuYW1lOiBsb2NhbGl6ZWRWYWwoJ09yZ2FuaXphdGlvbicsIGxvY2FsZUNhdGVnb3J5KSxcbiAgICAgICAgICAgIHZhbHVlOiBmaWxsZXJTdHJpbmdcbiAgICAgICAgICB9LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGlkOiAnUmVwb3J0VG9Vc2VyTmFtZScsXG4gICAgICAgICAgICBuYW1lOiBsb2NhbGl6ZWRWYWwoJ1JlcG9ydHMgdG8nLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogZmlsbGVyU3RyaW5nXG4gICAgICAgICAgfSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBpZDogJ3B5VGVsZXBob25lJyxcbiAgICAgICAgICAgIG5hbWU6IGxvY2FsaXplZFZhbCgnVGVsZXBob25lJywgbG9jYWxlQ2F0ZWdvcnkpLFxuICAgICAgICAgICAgdmFsdWU6IGZpbGxlclN0cmluZ1xuICAgICAgICAgIH0sXG4gICAgICAgICAge1xuICAgICAgICAgICAgaWQ6ICdweUVtYWlsQWRkcmVzcycsXG4gICAgICAgICAgICBuYW1lOiBsb2NhbGl6ZWRWYWwoJ0VtYWlsIGFkZHJlc3MnLCBsb2NhbGVDYXRlZ29yeSksXG4gICAgICAgICAgICB2YWx1ZTogZmlsbGVyU3RyaW5nXG4gICAgICAgICAgfVxuICAgICAgICBdO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicHNkay1vcGVyYXRvciBwc2RrLWRvdWJsZVwiIFtuZ0NsYXNzXT1cInsgJ2ZsZXgtcm93JzogZGlzcGxheUxhYmVsIH1cIj5cbiAgPGRpdiBjbGFzcz1cInBzZGstbGFiZWxcIj5cbiAgICB7eyBsYWJlbCQgfX1cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJwc2RrLWRvdWJsZVwiPlxuICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiBzdHlsZT1cInRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lXCIgKGNsaWNrKT1cInNob3dPcGVyYXRvcigpXCI+e3sgbmFtZSQgfX08L2J1dHRvbj5cbiAgPC9kaXY+XG4gIDxkaXY+e3sgZGF0ZSQgfX08L2Rpdj5cbjwvZGl2PlxuXG48ZGl2PlxuICA8ZGl2ICpuZ0lmPVwiYlNob3dQb3BvdmVyJFwiIGNsYXNzPVwicHNkay1vcGVyYXRvci1wb3BvdmVyXCI+XG4gICAgPGRsPlxuICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZmllbGQgb2YgZmllbGRzJDsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICA8ZHQgY2xhc3M9XCJwc2RrLW9wZXJhdG9yLW5hbWVcIj57eyBmaWVsZC5uYW1lIH19PC9kdD5cbiAgICAgICAgPGRkIGNsYXNzPVwicHNkay1vcGVyYXRvci12YWx1ZVwiPnt7IGZpZWxkLnZhbHVlIH19PC9kZD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGw+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/_components/designSystemExtension/pulse/pulse.component.mjs CHANGED Viewed

@@ -10,24 +10,24 @@ export class PulseComponent {
         // this.currentUser$ = this.configProps$.currentUser;
         this.currentUser$ = PCore.getEnvironmentInfo().getOperatorName();
         if (this.currentUser$ != '') {
-            this.currentUserInitials$ = this.currentUser$.charAt(0);
-            if (this.currentUser$.lastIndexOf(' ') > 0) {
-                const lastName = this.currentUser$.substring(this.currentUser$.lastIndexOf(' ') + 1);
+            this.currentUserInitials$ = this.currentUser$?.charAt(0);
+            if (this.currentUser$ && this.currentUser$.lastIndexOf(' ') > 0) {
+                const lastName = this.currentUser$?.substring(this.currentUser$.lastIndexOf(' ') + 1);
                 this.currentUserInitials$ += lastName.charAt(0);
             }
-            else if (this.currentUser$.lastIndexOf('.') > 0) {
-                const lastName = this.currentUser$.substring(this.currentUser$.lastIndexOf('.') + 1);
+            else if (this.currentUser$ && this.currentUser$.lastIndexOf('.') > 0) {
+                const lastName = this.currentUser$?.substring(this.currentUser$.lastIndexOf('.') + 1);
                 this.currentUserInitials$ += lastName.charAt(0);
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PulseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PulseComponent, isStandalone: true, selector: "app-pulse", inputs: { pConn$: "pConn$" }, ngImport: i0, template: "<div class=\"psdk-pulse\">\n  <component-mapper [name]=\"'FeedContainer'\" [props]=\"{ pConn$ }\"></component-mapper>\n</div>\n", styles: [".psdk-pulse{padding:1rem;margin:1rem;border-radius:.6125rem;border-left:6px solid;border-left-color:var(--app-primary-color);background-color:var(--app-form-color)}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => ComponentMapperComponent), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PulseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PulseComponent, isStandalone: true, selector: "app-pulse", inputs: { pConn$: "pConn$" }, ngImport: i0, template: "<div class=\"psdk-pulse\">\n  <component-mapper [name]=\"'FeedContainer'\" [props]=\"{ pConn$ }\"></component-mapper>\n</div>\n", styles: [".psdk-pulse{padding:1rem;margin:1rem;border-radius:.6125rem;border-left:6px solid;border-left-color:var(--app-primary-color);background-color:var(--app-form-color)}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => ComponentMapperComponent), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PulseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PulseComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-pulse', standalone: true, imports: [forwardRef(() => ComponentMapperComponent)], template: "<div class=\"psdk-pulse\">\n  <component-mapper [name]=\"'FeedContainer'\" [props]=\"{ pConn$ }\"></component-mapper>\n</div>\n", styles: [".psdk-pulse{padding:1rem;margin:1rem;border-radius:.6125rem;border-left:6px solid;border-left-color:var(--app-primary-color);background-color:var(--app-form-color)}\n"] }]
         }], propDecorators: { pConn$: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVsc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci1zZGstY29tcG9uZW50cy9zcmMvbGliL19jb21wb25lbnRzL2Rlc2lnblN5c3RlbUV4dGVuc2lvbi9wdWxzZS9wdWxzZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL3B1bHNlL3B1bHNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQzs7QUFjeEcsTUFBTSxPQUFPLGNBQWM7SUFQM0I7UUFZRSx5QkFBb0IsR0FBRyxJQUFJLENBQUM7S0FtQjdCO0lBakJDLFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDO1FBQ2pGLHFEQUFxRDtRQUNyRCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRWpFLElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxFQUFFLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFFeEQsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQztnQkFDM0MsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7Z0JBQ3JGLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2xELENBQUM7aUJBQU0sSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQztnQkFDbEQsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7Z0JBQ3JGLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2xELENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQzsrR0F2QlUsY0FBYzttR0FBZCxjQUFjLG1HQ2YzQixpSUFHQSxvUERVNkIsd0JBQXdCOzs0RkFFeEMsY0FBYztrQkFQMUIsU0FBUzsrQkFDRSxXQUFXLGNBR1QsSUFBSSxXQUNQLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDLENBQUM7OEJBRzVDLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50TWFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vX2JyaWRnZS9jb21wb25lbnQtbWFwcGVyL2NvbXBvbmVudC1tYXBwZXIuY29tcG9uZW50JztcblxuaW50ZXJmYWNlIFB1bHNlUHJvcHMge1xuICAvLyBJZiBhbnksIGVudGVyIGFkZGl0aW9uYWwgcHJvcHMgdGhhdCBvbmx5IGV4aXN0IG9uIHRoaXMgY29tcG9uZW50XG4gIGNoaWxkcmVuPzogYW55W107XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1wdWxzZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9wdWxzZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3B1bHNlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtmb3J3YXJkUmVmKCgpID0+IENvbXBvbmVudE1hcHBlckNvbXBvbmVudCldXG59KVxuZXhwb3J0IGNsYXNzIFB1bHNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcENvbm4kOiB0eXBlb2YgUENvbm5lY3Q7XG5cbiAgY29uZmlnUHJvcHMkOiBQdWxzZVByb3BzO1xuICBjdXJyZW50VXNlciQ6IHN0cmluZztcbiAgY3VycmVudFVzZXJJbml0aWFscyQgPSAnLS0nO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY29uZmlnUHJvcHMkID0gdGhpcy5wQ29ubiQucmVzb2x2ZUNvbmZpZ1Byb3BzKHRoaXMucENvbm4kLmdldENvbmZpZ1Byb3BzKCkpO1xuICAgIC8vIHRoaXMuY3VycmVudFVzZXIkID0gdGhpcy5jb25maWdQcm9wcyQuY3VycmVudFVzZXI7XG4gICAgdGhpcy5jdXJyZW50VXNlciQgPSBQQ29yZS5nZXRFbnZpcm9ubWVudEluZm8oKS5nZXRPcGVyYXRvck5hbWUoKTtcblxuICAgIGlmICh0aGlzLmN1cnJlbnRVc2VyJCAhPSAnJykge1xuICAgICAgdGhpcy5jdXJyZW50VXNlckluaXRpYWxzJCA9IHRoaXMuY3VycmVudFVzZXIkLmNoYXJBdCgwKTtcblxuICAgICAgaWYgKHRoaXMuY3VycmVudFVzZXIkLmxhc3RJbmRleE9mKCcgJykgPiAwKSB7XG4gICAgICAgIGNvbnN0IGxhc3ROYW1lID0gdGhpcy5jdXJyZW50VXNlciQuc3Vic3RyaW5nKHRoaXMuY3VycmVudFVzZXIkLmxhc3RJbmRleE9mKCcgJykgKyAxKTtcbiAgICAgICAgdGhpcy5jdXJyZW50VXNlckluaXRpYWxzJCArPSBsYXN0TmFtZS5jaGFyQXQoMCk7XG4gICAgICB9IGVsc2UgaWYgKHRoaXMuY3VycmVudFVzZXIkLmxhc3RJbmRleE9mKCcuJykgPiAwKSB7XG4gICAgICAgIGNvbnN0IGxhc3ROYW1lID0gdGhpcy5jdXJyZW50VXNlciQuc3Vic3RyaW5nKHRoaXMuY3VycmVudFVzZXIkLmxhc3RJbmRleE9mKCcuJykgKyAxKTtcbiAgICAgICAgdGhpcy5jdXJyZW50VXNlckluaXRpYWxzJCArPSBsYXN0TmFtZS5jaGFyQXQoMCk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicHNkay1wdWxzZVwiPlxuICA8Y29tcG9uZW50LW1hcHBlciBbbmFtZV09XCInRmVlZENvbnRhaW5lcidcIiBbcHJvcHNdPVwieyBwQ29ubiQgfVwiPjwvY29tcG9uZW50LW1hcHBlcj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVsc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci1zZGstY29tcG9uZW50cy9zcmMvbGliL19jb21wb25lbnRzL2Rlc2lnblN5c3RlbUV4dGVuc2lvbi9wdWxzZS9wdWxzZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL3B1bHNlL3B1bHNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQzs7QUFjeEcsTUFBTSxPQUFPLGNBQWM7SUFQM0I7UUFZRSx5QkFBb0IsR0FBdUIsSUFBSSxDQUFDO0tBbUJqRDtJQWpCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLENBQUMsQ0FBQztRQUNqRixxREFBcUQ7UUFDckQsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUMsa0JBQWtCLEVBQUUsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUVqRSxJQUFJLElBQUksQ0FBQyxZQUFZLElBQUksRUFBRSxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBRXpELElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQztnQkFDaEUsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7Z0JBQ3RGLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2xELENBQUM7aUJBQU0sSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUN2RSxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztnQkFDdEYsSUFBSSxDQUFDLG9CQUFvQixJQUFJLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDbEQsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDOytHQXZCVSxjQUFjO21HQUFkLGNBQWMsbUdDZjNCLGlJQUdBLG9QRFU2Qix3QkFBd0I7OzRGQUV4QyxjQUFjO2tCQVAxQixTQUFTOytCQUNFLFdBQVcsY0FHVCxJQUFJLFdBQ1AsQ0FBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUMsQ0FBQzs4QkFHNUMsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnRNYXBwZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9fYnJpZGdlL2NvbXBvbmVudC1tYXBwZXIvY29tcG9uZW50LW1hcHBlci5jb21wb25lbnQnO1xuXG5pbnRlcmZhY2UgUHVsc2VQcm9wcyB7XG4gIC8vIElmIGFueSwgZW50ZXIgYWRkaXRpb25hbCBwcm9wcyB0aGF0IG9ubHkgZXhpc3Qgb24gdGhpcyBjb21wb25lbnRcbiAgY2hpbGRyZW4/OiBhbnlbXTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXB1bHNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3B1bHNlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHVsc2UuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW2ZvcndhcmRSZWYoKCkgPT4gQ29tcG9uZW50TWFwcGVyQ29tcG9uZW50KV1cbn0pXG5leHBvcnQgY2xhc3MgUHVsc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBwQ29ubiQ6IHR5cGVvZiBQQ29ubmVjdDtcblxuICBjb25maWdQcm9wcyQ6IFB1bHNlUHJvcHM7XG4gIGN1cnJlbnRVc2VyJDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBjdXJyZW50VXNlckluaXRpYWxzJDogc3RyaW5nIHwgdW5kZWZpbmVkID0gJy0tJztcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNvbmZpZ1Byb3BzJCA9IHRoaXMucENvbm4kLnJlc29sdmVDb25maWdQcm9wcyh0aGlzLnBDb25uJC5nZXRDb25maWdQcm9wcygpKTtcbiAgICAvLyB0aGlzLmN1cnJlbnRVc2VyJCA9IHRoaXMuY29uZmlnUHJvcHMkLmN1cnJlbnRVc2VyO1xuICAgIHRoaXMuY3VycmVudFVzZXIkID0gUENvcmUuZ2V0RW52aXJvbm1lbnRJbmZvKCkuZ2V0T3BlcmF0b3JOYW1lKCk7XG5cbiAgICBpZiAodGhpcy5jdXJyZW50VXNlciQgIT0gJycpIHtcbiAgICAgIHRoaXMuY3VycmVudFVzZXJJbml0aWFscyQgPSB0aGlzLmN1cnJlbnRVc2VyJD8uY2hhckF0KDApO1xuXG4gICAgICBpZiAodGhpcy5jdXJyZW50VXNlciQgJiYgdGhpcy5jdXJyZW50VXNlciQubGFzdEluZGV4T2YoJyAnKSA+IDApIHtcbiAgICAgICAgY29uc3QgbGFzdE5hbWUgPSB0aGlzLmN1cnJlbnRVc2VyJD8uc3Vic3RyaW5nKHRoaXMuY3VycmVudFVzZXIkLmxhc3RJbmRleE9mKCcgJykgKyAxKTtcbiAgICAgICAgdGhpcy5jdXJyZW50VXNlckluaXRpYWxzJCArPSBsYXN0TmFtZS5jaGFyQXQoMCk7XG4gICAgICB9IGVsc2UgaWYgKHRoaXMuY3VycmVudFVzZXIkICYmIHRoaXMuY3VycmVudFVzZXIkLmxhc3RJbmRleE9mKCcuJykgPiAwKSB7XG4gICAgICAgIGNvbnN0IGxhc3ROYW1lID0gdGhpcy5jdXJyZW50VXNlciQ/LnN1YnN0cmluZyh0aGlzLmN1cnJlbnRVc2VyJC5sYXN0SW5kZXhPZignLicpICsgMSk7XG4gICAgICAgIHRoaXMuY3VycmVudFVzZXJJbml0aWFscyQgKz0gbGFzdE5hbWUuY2hhckF0KDApO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInBzZGstcHVsc2VcIj5cbiAgPGNvbXBvbmVudC1tYXBwZXIgW25hbWVdPVwiJ0ZlZWRDb250YWluZXInXCIgW3Byb3BzXT1cInsgcENvbm4kIH1cIj48L2NvbXBvbmVudC1tYXBwZXI+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/_components/designSystemExtension/rich-text-editor/rich-text-editor.component.mjs CHANGED Viewed

@@ -61,10 +61,10 @@ export class RichTextEditorComponent {
     change(event) {
         this.onChange.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RichTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: RichTextEditorComponent, isStandalone: true, selector: "app-rich-text-editor", inputs: { placeholder: "placeholder", disabled: "disabled", readonly: "readonly", value: "value", label: "label", required: "required", info: "info", error: "error", testId: "testId" }, outputs: { onBlur: "onBlur", onChange: "onChange" }, providers: [{ provide: TINYMCE_SCRIPT_SRC, useValue: 'tinymce/tinymce.min.js' }], usesOnChanges: true, ngImport: i0, template: "<div [attr.data-test-id]=\"testId\">\n  <label [ngClass]=\"{ 'label-required': required === true }\" class=\"rich-text-label\">{{ label }}</label>\n  <div class=\"rich-text-editor\" *ngIf=\"!readonly\">\n    <editor\n      [formControl]=\"richText\"\n      [attr.disabled]=\"disabled\"\n      [initialValue]=\"value\"\n      [init]=\"{\n        base_url: '/tinymce',\n        suffix: '.min',\n        menubar: false,\n        placeholder,\n        statusbar: false,\n        min_height: 130,\n        plugins: ['lists', 'advlist', 'autolink', 'image', 'link', 'autoresize'],\n        autoresize_bottom_margin: 0,\n        toolbar: disabled ? false : 'blocks | bold italic strikethrough | bullist numlist outdent indent | link image',\n        toolbar_location: 'bottom',\n        content_style: 'body { font-family:Helvetica, Arial,sans-serif; font-size:14px }',\n        branding: false,\n        paste_data_images: true,\n        file_picker_types: 'image',\n        file_picker_callback: filePickerCallback\n      }\"\n      (onBlur)=\"blur()\"\n      (onChange)=\"change($event)\"\n    ></editor>\n    <p *ngIf=\"richText.invalid\" [ngClass]=\"'text-editor-error'\">{{ info }}</p>\n  </div>\n  <div *ngIf=\"readonly\">\n    <div class=\"readonly-richtext-editor\" style=\"margin: 10px 5px\" [innerHTML]=\"value || '--'\"></div>\n  </div>\n</div>\n", styles: [".rich-text-label{margin:5px;font-size:16px}.rich-text-editor{margin:10px 0}.label-required:after{display:inline;content:\" *\";vertical-align:top;color:var(--app-neutral-dark-color)}.text-editor-error{color:var(--app-error-light-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i2.EditorComponent, selector: "editor", inputs: ["cloudChannel", "apiKey", "licenseKey", "init", "id", "initialValue", "outputFormat", "inline", "tagName", "plugins", "toolbar", "modelEvents", "allowedEvents", "ignoreEvents", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RichTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RichTextEditorComponent, isStandalone: true, selector: "app-rich-text-editor", inputs: { placeholder: "placeholder", disabled: "disabled", readonly: "readonly", value: "value", label: "label", required: "required", info: "info", error: "error", testId: "testId" }, outputs: { onBlur: "onBlur", onChange: "onChange" }, providers: [{ provide: TINYMCE_SCRIPT_SRC, useValue: 'tinymce/tinymce.min.js' }], usesOnChanges: true, ngImport: i0, template: "<div [attr.data-test-id]=\"testId\">\n  <label [ngClass]=\"{ 'label-required': required === true }\" class=\"rich-text-label\">{{ label }}</label>\n  <div class=\"rich-text-editor\" *ngIf=\"!readonly\">\n    <editor\n      [formControl]=\"richText\"\n      [attr.disabled]=\"disabled\"\n      [initialValue]=\"value\"\n      [init]=\"{\n        base_url: '/tinymce',\n        suffix: '.min',\n        menubar: false,\n        placeholder,\n        statusbar: false,\n        min_height: 130,\n        plugins: ['lists', 'advlist', 'autolink', 'image', 'link', 'autoresize'],\n        autoresize_bottom_margin: 0,\n        toolbar: disabled ? false : 'blocks | bold italic strikethrough | bullist numlist outdent indent | link image',\n        toolbar_location: 'bottom',\n        content_style: 'body { font-family:Helvetica, Arial,sans-serif; font-size:14px }',\n        branding: false,\n        paste_data_images: true,\n        file_picker_types: 'image',\n        file_picker_callback: filePickerCallback\n      }\"\n      (onBlur)=\"blur()\"\n      (onChange)=\"change($event)\"\n    ></editor>\n    <p *ngIf=\"richText.invalid\" [ngClass]=\"'text-editor-error'\">{{ info }}</p>\n  </div>\n  <div *ngIf=\"readonly\">\n    <div class=\"readonly-richtext-editor\" style=\"margin: 10px 5px\" [innerHTML]=\"value || '--'\"></div>\n  </div>\n</div>\n", styles: [".rich-text-label{margin:5px;font-size:16px}.rich-text-editor{margin:10px 0}.label-required:after{display:inline;content:\" *\";vertical-align:top;color:var(--app-neutral-dark-color)}.text-editor-error{color:var(--app-error-light-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i2.EditorComponent, selector: "editor", inputs: ["cloudChannel", "apiKey", "licenseKey", "init", "id", "initialValue", "outputFormat", "inline", "tagName", "plugins", "toolbar", "modelEvents", "allowedEvents", "ignoreEvents", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RichTextEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RichTextEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-rich-text-editor', standalone: true, imports: [CommonModule, EditorModule, ReactiveFormsModule], providers: [{ provide: TINYMCE_SCRIPT_SRC, useValue: 'tinymce/tinymce.min.js' }], template: "<div [attr.data-test-id]=\"testId\">\n  <label [ngClass]=\"{ 'label-required': required === true }\" class=\"rich-text-label\">{{ label }}</label>\n  <div class=\"rich-text-editor\" *ngIf=\"!readonly\">\n    <editor\n      [formControl]=\"richText\"\n      [attr.disabled]=\"disabled\"\n      [initialValue]=\"value\"\n      [init]=\"{\n        base_url: '/tinymce',\n        suffix: '.min',\n        menubar: false,\n        placeholder,\n        statusbar: false,\n        min_height: 130,\n        plugins: ['lists', 'advlist', 'autolink', 'image', 'link', 'autoresize'],\n        autoresize_bottom_margin: 0,\n        toolbar: disabled ? false : 'blocks | bold italic strikethrough | bullist numlist outdent indent | link image',\n        toolbar_location: 'bottom',\n        content_style: 'body { font-family:Helvetica, Arial,sans-serif; font-size:14px }',\n        branding: false,\n        paste_data_images: true,\n        file_picker_types: 'image',\n        file_picker_callback: filePickerCallback\n      }\"\n      (onBlur)=\"blur()\"\n      (onChange)=\"change($event)\"\n    ></editor>\n    <p *ngIf=\"richText.invalid\" [ngClass]=\"'text-editor-error'\">{{ info }}</p>\n  </div>\n  <div *ngIf=\"readonly\">\n    <div class=\"readonly-richtext-editor\" style=\"margin: 10px 5px\" [innerHTML]=\"value || '--'\"></div>\n  </div>\n</div>\n", styles: [".rich-text-label{margin:5px;font-size:16px}.rich-text-editor{margin:10px 0}.label-required:after{display:inline;content:\" *\";vertical-align:top;color:var(--app-neutral-dark-color)}.text-editor-error{color:var(--app-error-light-color)}\n"] }]
         }], propDecorators: { placeholder: [{

package/esm2022/lib/_components/designSystemExtension/wss-quick-create/wss-quick-create.component.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 // import { Button } from '@angular/material'
 export class WssQuickCreateComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WssQuickCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WssQuickCreateComponent, isStandalone: true, selector: "wss-quick-create", inputs: { actions$: "actions$", heading$: "heading$" }, ngImport: i0, template: "<div class=\"wss-quick-create-header\">\n  <h1 class=\"quick-link-heading\">{{ heading$ }}</h1>\n  <ul class=\"quick-link-ul-list\">\n    <li *ngFor=\"let element of actions$\" class=\"quick-link-list\">\n      <button mat-raised-button color=\"primary\" class=\"quick-link-button\" mat-icon-button (click)=\"element.onClick()\">\n        <span class=\"quick-link-button-span\">\n          <img *ngIf=\"element.icon\" class=\"quick-link-icon\" [src]=\"element.icon\" />\n          <span>{{ element.label }}</span>\n        </span>\n      </button>\n    </li>\n  </ul>\n</div>\n", styles: [".quick-link-ul-list{list-style:none;padding:0;grid-template-columns:repeat(auto-fill,minmax(min(40ch,100%),1fr));display:grid;gap:1rem}.quick-link-list{background-color:var(--app-primary-color);color:var(--app-form-color);border-radius:8px}.quick-link-button{text-transform:capitalize!important;font-size:16px!important;color:var(--app-form-color)!important;cursor:pointer;padding:1rem!important;height:6rem;width:100%;justify-content:start!important;background-color:transparent;border:0}.quick-link-icon{width:1em;height:1em;flex-shrink:0;filter:invert(100%)}.quick-link-button-span{display:flex;align-items:center;gap:.5rem}.quick-link-heading{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WssQuickCreateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: WssQuickCreateComponent, isStandalone: true, selector: "wss-quick-create", inputs: { actions$: "actions$", heading$: "heading$" }, ngImport: i0, template: "<div class=\"wss-quick-create-header\">\n  <h1 class=\"quick-link-heading\">{{ heading$ }}</h1>\n  <ul class=\"quick-link-ul-list\">\n    <li *ngFor=\"let element of actions$\" class=\"quick-link-list\">\n      <button mat-raised-button color=\"primary\" class=\"quick-link-button\" mat-icon-button (click)=\"element.onClick()\">\n        <span class=\"quick-link-button-span\">\n          <img *ngIf=\"element.icon\" class=\"quick-link-icon\" [src]=\"element.icon\" />\n          <span>{{ element.label }}</span>\n        </span>\n      </button>\n    </li>\n  </ul>\n</div>\n", styles: [".quick-link-ul-list{list-style:none;padding:0;grid-template-columns:repeat(auto-fill,minmax(min(40ch,100%),1fr));display:grid;gap:1rem}.quick-link-list{background-color:var(--app-primary-color);color:var(--app-form-color);border-radius:8px}.quick-link-button{text-transform:capitalize!important;font-size:16px!important;color:var(--app-form-color)!important;cursor:pointer;padding:1rem!important;height:6rem;width:100%;justify-content:start!important;background-color:transparent;border:0}.quick-link-icon{width:1em;height:1em;flex-shrink:0;filter:invert(100%)}.quick-link-button-span{display:flex;align-items:center;gap:.5rem}.quick-link-heading{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WssQuickCreateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WssQuickCreateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wss-quick-create', standalone: true, imports: [CommonModule], template: "<div class=\"wss-quick-create-header\">\n  <h1 class=\"quick-link-heading\">{{ heading$ }}</h1>\n  <ul class=\"quick-link-ul-list\">\n    <li *ngFor=\"let element of actions$\" class=\"quick-link-list\">\n      <button mat-raised-button color=\"primary\" class=\"quick-link-button\" mat-icon-button (click)=\"element.onClick()\">\n        <span class=\"quick-link-button-span\">\n          <img *ngIf=\"element.icon\" class=\"quick-link-icon\" [src]=\"element.icon\" />\n          <span>{{ element.label }}</span>\n        </span>\n      </button>\n    </li>\n  </ul>\n</div>\n", styles: [".quick-link-ul-list{list-style:none;padding:0;grid-template-columns:repeat(auto-fill,minmax(min(40ch,100%),1fr));display:grid;gap:1rem}.quick-link-list{background-color:var(--app-primary-color);color:var(--app-form-color);border-radius:8px}.quick-link-button{text-transform:capitalize!important;font-size:16px!important;color:var(--app-form-color)!important;cursor:pointer;padding:1rem!important;height:6rem;width:100%;justify-content:start!important;background-color:transparent;border:0}.quick-link-icon{width:1em;height:1em;flex-shrink:0;filter:invert(100%)}.quick-link-button-span{display:flex;align-items:center;gap:.5rem}.quick-link-heading{margin-top:8px}\n"] }]
         }], propDecorators: { actions$: [{