npm - @pega/angular-sdk-components - Versions diffs - 0.242.7 → 0.242.9 - Mend

@pega/angular-sdk-components 0.242.7 → 0.242.9

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 (250) hide show

package/esm2022/lib/_bridge/angular-pconnect.mjs CHANGED Viewed

@@ -416,10 +416,10 @@ export class AngularPConnectService {
             inComp.pConn$.setAction('onBlur', this.eventHandler.bind(this));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AngularPConnectService, deps: [{ token: i1.ProgressSpinnerService }, { token: i2.ErrorMessagesService }, { token: i3.Utils }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AngularPConnectService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AngularPConnectService, deps: [{ token: i1.ProgressSpinnerService }, { token: i2.ErrorMessagesService }, { token: i3.Utils }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AngularPConnectService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AngularPConnectService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AngularPConnectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/_bridge/component-mapper/component-mapper.component.mjs CHANGED Viewed

@@ -84,10 +84,10 @@ export class ComponentMapperComponent {
             this.componentRef.destroy();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ComponentMapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ComponentMapperComponent, isStandalone: true, selector: "component-mapper", inputs: { name: "name", props: "props", errorMsg: "errorMsg", outputEvents: "outputEvents", parent: "parent" }, viewQueries: [{ propertyName: "dynamicComponent", first: true, predicate: ["dynamicComponent"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container #dynamicComponent></ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComponentMapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ComponentMapperComponent, isStandalone: true, selector: "component-mapper", inputs: { name: "name", props: "props", errorMsg: "errorMsg", outputEvents: "outputEvents", parent: "parent" }, viewQueries: [{ propertyName: "dynamicComponent", first: true, predicate: ["dynamicComponent"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container #dynamicComponent></ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ComponentMapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComponentMapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'component-mapper', standalone: true, imports: [CommonModule], template: "<ng-container #dynamicComponent></ng-container>\n" }]
         }], propDecorators: { dynamicComponent: [{

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

@@ -32,10 +32,10 @@ export class AlertComponent {
         alert('Close clicked');
         this.onClose.emit({ Page: 'Page', target: 'target', type: 'type' });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: AlertComponent, isStandalone: true, selector: "app-alert", inputs: { message: "message", severity: "severity", hideClose: "hideClose" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div\n  class=\"psdk-alert\"\n  [ngClass]=\"{\n    'psdk-alert-error': severity === 'error',\n    'psdk-grid-warning': severity === 'warning',\n    'psdk-grid-success': severity === 'success',\n    'psdk-grid-info': severity === 'info'\n  }\"\n>\n  <div class=\"psdk-alert-icon\">\n    <mat-icon>{{ getMatIcon(severity) }}</mat-icon>\n  </div>\n  <div>{{ message }}</div>\n  <div *ngIf=\"!hideClose\" style=\"margin-left: auto\">\n    <button class=\"close-button\" mat-icon-button (click)=\"onCloseClick()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".psdk-alert{border:1px solid;display:flex;align-items:center;border-radius:4px;padding:10px;margin:5px 0}.psdk-alert-icon{display:flex;align-items:center;margin-right:10px}.psdk-alert-error{color:var(--app-alert-error-color);border:1px solid var(--app-alert-error-border-color)}.psdk-alert-error .mat-icon{color:var(--app-alert-error-border-color)}.psdk-grid-warning{color:var(--app-alert-warning-color);border:1px solid var(--app-alert-warning-border-color)}.psdk-grid-warning .mat-icon{color:var(--app-alert-warning-border-color)}.psdk-grid-success{color:var(--app-alert-success-color);border:1px solid var(--app-alert-success-border-color)}.psdk-grid-success .mat-icon{color:var(--app-alert-success-border-color)}.psdk-grid-info{color:var(--app-alert-info-color);border:1px solid var(--app-alert-info-border-color)}.psdk-grid-info .mat-icon{color:var(--app-alert-info-border-color)}.close-button{background:none;border:none;cursor:pointer}\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: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AlertComponent, isStandalone: true, selector: "app-alert", inputs: { message: "message", severity: "severity", hideClose: "hideClose" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div\n  class=\"psdk-alert\"\n  [ngClass]=\"{\n    'psdk-alert-error': severity === 'error',\n    'psdk-grid-warning': severity === 'warning',\n    'psdk-grid-success': severity === 'success',\n    'psdk-grid-info': severity === 'info'\n  }\"\n>\n  <div class=\"psdk-alert-icon\">\n    <mat-icon>{{ getMatIcon(severity) }}</mat-icon>\n  </div>\n  <div>{{ message }}</div>\n  <div *ngIf=\"!hideClose\" style=\"margin-left: auto\">\n    <button class=\"close-button\" mat-icon-button (click)=\"onCloseClick()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".psdk-alert{border:1px solid;display:flex;align-items:center;border-radius:4px;padding:10px;margin:5px 0}.psdk-alert-icon{display:flex;align-items:center;margin-right:10px}.psdk-alert-error{color:var(--app-alert-error-color);border:1px solid var(--app-alert-error-border-color)}.psdk-alert-error .mat-icon{color:var(--app-alert-error-border-color)}.psdk-grid-warning{color:var(--app-alert-warning-color);border:1px solid var(--app-alert-warning-border-color)}.psdk-grid-warning .mat-icon{color:var(--app-alert-warning-border-color)}.psdk-grid-success{color:var(--app-alert-success-color);border:1px solid var(--app-alert-success-border-color)}.psdk-grid-success .mat-icon{color:var(--app-alert-success-border-color)}.psdk-grid-info{color:var(--app-alert-info-color);border:1px solid var(--app-alert-info-border-color)}.psdk-grid-info .mat-icon{color:var(--app-alert-info-border-color)}.close-button{background:none;border:none;cursor:pointer}\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: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-alert', standalone: true, imports: [CommonModule, MatIconModule], template: "<div\n  class=\"psdk-alert\"\n  [ngClass]=\"{\n    'psdk-alert-error': severity === 'error',\n    'psdk-grid-warning': severity === 'warning',\n    'psdk-grid-success': severity === 'success',\n    'psdk-grid-info': severity === 'info'\n  }\"\n>\n  <div class=\"psdk-alert-icon\">\n    <mat-icon>{{ getMatIcon(severity) }}</mat-icon>\n  </div>\n  <div>{{ message }}</div>\n  <div *ngIf=\"!hideClose\" style=\"margin-left: auto\">\n    <button class=\"close-button\" mat-icon-button (click)=\"onCloseClick()\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [".psdk-alert{border:1px solid;display:flex;align-items:center;border-radius:4px;padding:10px;margin:5px 0}.psdk-alert-icon{display:flex;align-items:center;margin-right:10px}.psdk-alert-error{color:var(--app-alert-error-color);border:1px solid var(--app-alert-error-border-color)}.psdk-alert-error .mat-icon{color:var(--app-alert-error-border-color)}.psdk-grid-warning{color:var(--app-alert-warning-color);border:1px solid var(--app-alert-warning-border-color)}.psdk-grid-warning .mat-icon{color:var(--app-alert-warning-border-color)}.psdk-grid-success{color:var(--app-alert-success-color);border:1px solid var(--app-alert-success-border-color)}.psdk-grid-success .mat-icon{color:var(--app-alert-success-border-color)}.psdk-grid-info{color:var(--app-alert-info-color);border:1px solid var(--app-alert-info-border-color)}.psdk-grid-info .mat-icon{color:var(--app-alert-info-border-color)}.close-button{background:none;border:none;cursor:pointer}\n"] }]
         }], propDecorators: { message: [{

package/esm2022/lib/_components/designSystemExtension/alert-banner/alert-banner.component.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ export class AlertBannerComponent {
         const { clearMessages } = PCore.getMessageManager();
         clearMessages({ category: PAGE, type, context: target });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AlertBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: AlertBannerComponent, isStandalone: true, selector: "app-alert-banner", inputs: { banners: "banners" }, ngImport: i0, template: "<div>\n  <div *ngFor=\"let banner of banners\">\n    <div *ngFor=\"let message of banner.messages\">\n      <component-mapper\n        name=\"Alert\"\n        [props]=\"{ message, severity: SEVERITY_MAP[banner.variant], hideClose: banner.variant === 'urgent' }\"\n        [parent]=\"this\"\n        [outputEvents]=\"{ onClose: onAlertClose }\"\n      ></component-mapper>\n    </div>\n  </div>\n</div>\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: AlertBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AlertBannerComponent, isStandalone: true, selector: "app-alert-banner", inputs: { banners: "banners" }, ngImport: i0, template: "<div>\n  <div *ngFor=\"let banner of banners\">\n    <div *ngFor=\"let message of banner.messages\">\n      <component-mapper\n        name=\"Alert\"\n        [props]=\"{ message, severity: SEVERITY_MAP[banner.variant], hideClose: banner.variant === 'urgent' }\"\n        [parent]=\"this\"\n        [outputEvents]=\"{ onClose: onAlertClose }\"\n      ></component-mapper>\n    </div>\n  </div>\n</div>\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: "18.2.12", ngImport: i0, type: AlertBannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlertBannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-alert-banner', standalone: true, imports: [CommonModule, forwardRef(() => ComponentMapperComponent)], template: "<div>\n  <div *ngFor=\"let banner of banners\">\n    <div *ngFor=\"let message of banner.messages\">\n      <component-mapper\n        name=\"Alert\"\n        [props]=\"{ message, severity: SEVERITY_MAP[banner.variant], hideClose: banner.variant === 'urgent' }\"\n        [parent]=\"this\"\n        [outputEvents]=\"{ onClose: onAlertClose }\"\n      ></component-mapper>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { banners: [{

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

@@ -7,10 +7,10 @@ export class BannerComponent {
     getUrl() {
         return `url(${this.backgroundImage})`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: BannerComponent, isStandalone: true, selector: "app-banner", inputs: { pConn$: "pConn$", formGroup$: "formGroup$", arChildren$: "arChildren$", title: "title", message: "message", backgroundImage: "backgroundImage", layout$: "layout$" }, ngImport: i0, template: "<div style=\"margin-bottom: '2rem'\">\n  <div class=\"background-image-style\" [ngStyle]=\"{ 'background-image': getUrl() }\">\n    <div class=\"background-style content\">\n      <div>\n        <h1 class=\"title\">{{ title }}</h1>\n        <p class=\"message\">{{ message }}</p>\n      </div>\n    </div>\n  </div>\n  <div\n    [ngClass]=\"{\n      'psdk-grid-filter-1': this.layout$ === 'two-column',\n      'psdk-grid-filter-wide-narrow': this.layout$ === 'wide-narrow',\n      'psdk-grid-filter-narrow-wide': this.layout$ === 'narrow-wide'\n    }\"\n  >\n    <component-mapper\n      [name]=\"arChildren$[0].getPConnect().getComponentName()\"\n      [props]=\"{ pConn$: arChildren$[0].getPConnect(), formGroup$ }\"\n      errorMsg=\"Region wants component not yet available: {{ arChildren$[0].getPConnect().getComponentName() }}\"\n    ></component-mapper>\n    <component-mapper\n      [name]=\"arChildren$[1].getPConnect().getComponentName()\"\n      [props]=\"{ pConn$: arChildren$[1].getPConnect(), formGroup$ }\"\n      errorMsg=\"Region wants component not yet available: {{ arChildren$[1].getPConnect().getComponentName() }}\"\n    ></component-mapper>\n  </div>\n</div>\n", styles: [".psdk-grid-filter-1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-wide-narrow{display:grid;grid-template-columns:7fr 3fr;column-gap:1rem;row-gap:1rem;align-items:start;padding:1rem}.psdk-grid-filter-narrow-wide{display:grid;grid-template-columns:3fr 7fr;column-gap:1rem;row-gap:1rem;align-items:start}.background-image-style{margin-left:-16px;margin-right:-16px;height:19rem;background-size:cover;background-position:center center}.background-style{background-color:transparent;color:var(--app-inverse-form-color);width:100%;height:100%;text-align:center}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.title{margin:0rem;font-size:1.728rem;font-weight:600}.message{margin:0;font-size:1rem;font-weight:400}.banner-layout{padding:1rem}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BannerComponent, isStandalone: true, selector: "app-banner", inputs: { pConn$: "pConn$", formGroup$: "formGroup$", arChildren$: "arChildren$", title: "title", message: "message", backgroundImage: "backgroundImage", layout$: "layout$" }, ngImport: i0, template: "<div style=\"margin-bottom: '2rem'\">\n  <div class=\"background-image-style\" [ngStyle]=\"{ 'background-image': getUrl() }\">\n    <div class=\"background-style content\">\n      <div>\n        <h1 class=\"title\">{{ title }}</h1>\n        <p class=\"message\">{{ message }}</p>\n      </div>\n    </div>\n  </div>\n  <div\n    [ngClass]=\"{\n      'psdk-grid-filter-1': this.layout$ === 'two-column',\n      'psdk-grid-filter-wide-narrow': this.layout$ === 'wide-narrow',\n      'psdk-grid-filter-narrow-wide': this.layout$ === 'narrow-wide'\n    }\"\n  >\n    <component-mapper\n      [name]=\"arChildren$[0].getPConnect().getComponentName()\"\n      [props]=\"{ pConn$: arChildren$[0].getPConnect(), formGroup$ }\"\n      errorMsg=\"Region wants component not yet available: {{ arChildren$[0].getPConnect().getComponentName() }}\"\n    ></component-mapper>\n    <component-mapper\n      [name]=\"arChildren$[1].getPConnect().getComponentName()\"\n      [props]=\"{ pConn$: arChildren$[1].getPConnect(), formGroup$ }\"\n      errorMsg=\"Region wants component not yet available: {{ arChildren$[1].getPConnect().getComponentName() }}\"\n    ></component-mapper>\n  </div>\n</div>\n", styles: [".psdk-grid-filter-1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-wide-narrow{display:grid;grid-template-columns:7fr 3fr;column-gap:1rem;row-gap:1rem;align-items:start;padding:1rem}.psdk-grid-filter-narrow-wide{display:grid;grid-template-columns:3fr 7fr;column-gap:1rem;row-gap:1rem;align-items:start}.background-image-style{margin-left:-16px;margin-right:-16px;height:19rem;background-size:cover;background-position:center center}.background-style{background-color:transparent;color:var(--app-inverse-form-color);width:100%;height:100%;text-align:center}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.title{margin:0rem;font-size:1.728rem;font-weight:600}.message{margin:0;font-size:1rem;font-weight:400}.banner-layout{padding:1rem}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i1.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(() => ComponentMapperComponent), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: BannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-banner', standalone: true, imports: [CommonModule, forwardRef(() => ComponentMapperComponent)], template: "<div style=\"margin-bottom: '2rem'\">\n  <div class=\"background-image-style\" [ngStyle]=\"{ 'background-image': getUrl() }\">\n    <div class=\"background-style content\">\n      <div>\n        <h1 class=\"title\">{{ title }}</h1>\n        <p class=\"message\">{{ message }}</p>\n      </div>\n    </div>\n  </div>\n  <div\n    [ngClass]=\"{\n      'psdk-grid-filter-1': this.layout$ === 'two-column',\n      'psdk-grid-filter-wide-narrow': this.layout$ === 'wide-narrow',\n      'psdk-grid-filter-narrow-wide': this.layout$ === 'narrow-wide'\n    }\"\n  >\n    <component-mapper\n      [name]=\"arChildren$[0].getPConnect().getComponentName()\"\n      [props]=\"{ pConn$: arChildren$[0].getPConnect(), formGroup$ }\"\n      errorMsg=\"Region wants component not yet available: {{ arChildren$[0].getPConnect().getComponentName() }}\"\n    ></component-mapper>\n    <component-mapper\n      [name]=\"arChildren$[1].getPConnect().getComponentName()\"\n      [props]=\"{ pConn$: arChildren$[1].getPConnect(), formGroup$ }\"\n      errorMsg=\"Region wants component not yet available: {{ arChildren$[1].getPConnect().getComponentName() }}\"\n    ></component-mapper>\n  </div>\n</div>\n", styles: [".psdk-grid-filter-1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-wide-narrow{display:grid;grid-template-columns:7fr 3fr;column-gap:1rem;row-gap:1rem;align-items:start;padding:1rem}.psdk-grid-filter-narrow-wide{display:grid;grid-template-columns:3fr 7fr;column-gap:1rem;row-gap:1rem;align-items:start}.background-image-style{margin-left:-16px;margin-right:-16px;height:19rem;background-size:cover;background-position:center center}.background-style{background-color:transparent;color:var(--app-inverse-form-color);width:100%;height:100%;text-align:center}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.title{margin:0rem;font-size:1.728rem;font-weight:600}.message{margin:0;font-size:1rem;font-weight:400}.banner-layout{padding:1rem}\n"] }]
         }], propDecorators: { pConn$: [{

package/esm2022/lib/_components/designSystemExtension/case-create-stage/case-create-stage.component.mjs CHANGED Viewed

@@ -37,10 +37,10 @@ export class CaseCreateStageComponent {
     updateSelf() {
         this.arChildren$ = this.pConn$.getChildren();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CaseCreateStageComponent, deps: [{ token: i1.AngularPConnectService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: CaseCreateStageComponent, isStandalone: true, selector: "app-case-create-stage", inputs: { pConn$: "pConn$", formGroup$: "formGroup$" }, ngImport: i0, template: "<div *ngFor=\"let kid of arChildren$\">\n  <div *ngIf=\"kid.getPConnect().getConfigProps().template != ''\">\n    <component-mapper\n      [name]=\"kid.getPConnect().getConfigProps().template\"\n      [props]=\"{\n        pConn$: kid.getPConnect(),\n        formGroup$: formGroup$\n      }\"\n      errorMsg=\"CreateCaseStage Missing: {{ kid.getPConnect().getConfigProps().template }}\"\n    ></component-mapper>\n  </div>\n</div>\n", styles: [""], 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: "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: CaseCreateStageComponent, deps: [{ token: i1.AngularPConnectService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaseCreateStageComponent, isStandalone: true, selector: "app-case-create-stage", inputs: { pConn$: "pConn$", formGroup$: "formGroup$" }, ngImport: i0, template: "<div *ngFor=\"let kid of arChildren$\">\n  <div *ngIf=\"kid.getPConnect().getConfigProps().template != ''\">\n    <component-mapper\n      [name]=\"kid.getPConnect().getConfigProps().template\"\n      [props]=\"{\n        pConn$: kid.getPConnect(),\n        formGroup$: formGroup$\n      }\"\n      errorMsg=\"CreateCaseStage Missing: {{ kid.getPConnect().getConfigProps().template }}\"\n    ></component-mapper>\n  </div>\n</div>\n", styles: [""], 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: "component", type: i0.forwardRef(() => ComponentMapperComponent), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CaseCreateStageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaseCreateStageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-case-create-stage', standalone: true, imports: [CommonModule, forwardRef(() => ComponentMapperComponent)], template: "<div *ngFor=\"let kid of arChildren$\">\n  <div *ngIf=\"kid.getPConnect().getConfigProps().template != ''\">\n    <component-mapper\n      [name]=\"kid.getPConnect().getConfigProps().template\"\n      [props]=\"{\n        pConn$: kid.getPConnect(),\n        formGroup$: formGroup$\n      }\"\n      errorMsg=\"CreateCaseStage Missing: {{ kid.getPConnect().getConfigProps().template }}\"\n    ></component-mapper>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.AngularPConnectService }], propDecorators: { pConn$: [{

package/esm2022/lib/_components/designSystemExtension/field-group/field-group.component.mjs CHANGED Viewed

@@ -13,10 +13,10 @@ export class FieldGroupComponent {
     headerClickHandler() {
         this.collapsed = !this.collapsed;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FieldGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: FieldGroupComponent, isStandalone: true, selector: "app-field-group", inputs: { name: "name", collapsible: "collapsible", instructions: "instructions", childrenTemplate: "childrenTemplate" }, ngImport: i0, template: "<div class=\"field-group-container\">\n  <div *ngIf=\"name\" class=\"field-group-heading\">\n    <span *ngIf=\"collapsible; else no_collapse\" id=\"field-group-header\" class=\"field-group-header\" (click)=\"headerClickHandler()\">\n      <mat-icon *ngIf=\"collapsed; else down_arrow\" aria-hidden=\"false\" aria-label=\"Arrow Right\" fontIcon=\"keyboard_arrow_right\"></mat-icon>\n      <ng-template #down_arrow>\n        <mat-icon aria-hidden=\"false\" aria-label=\"Arrow Down\" fontIcon=\"keyboard_arrow_down\"></mat-icon>\n      </ng-template>\n      <b>{{ name }}</b>\n    </span>\n    <ng-template #no_collapse>\n      <span>{{ name }}</span>\n    </ng-template>\n  </div>\n\n  <div *ngIf=\"instructions && instructions !== 'none'\" class=\"field-group-instructions\">\n    <div key=\"instructions\" id=\"instruction-text\" [innerHTML]=\"instructions\"></div>\n  </div>\n  <div *ngIf=\"!collapsed\" class=\"field-group-content\">\n    <ng-container [ngTemplateOutlet]=\"childrenTemplate\"></ng-container>\n  </div>\n</div>\n", styles: [".field-group-container .field-group-heading{padding-top:8px;padding-bottom:8px;font-weight:700}.field-group-container .field-group-heading .field-group-header{gap:5px;display:flex;align-items:center;cursor:pointer}.field-group-container .field-group-instructions{padding:5px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatGridListModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FieldGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FieldGroupComponent, isStandalone: true, selector: "app-field-group", inputs: { name: "name", collapsible: "collapsible", instructions: "instructions", childrenTemplate: "childrenTemplate" }, ngImport: i0, template: "<div class=\"field-group-container\">\n  <div *ngIf=\"name\" class=\"field-group-heading\">\n    <span *ngIf=\"collapsible; else no_collapse\" id=\"field-group-header\" class=\"field-group-header\" (click)=\"headerClickHandler()\">\n      <mat-icon *ngIf=\"collapsed; else down_arrow\" aria-hidden=\"false\" aria-label=\"Arrow Right\" fontIcon=\"keyboard_arrow_right\"></mat-icon>\n      <ng-template #down_arrow>\n        <mat-icon aria-hidden=\"false\" aria-label=\"Arrow Down\" fontIcon=\"keyboard_arrow_down\"></mat-icon>\n      </ng-template>\n      <b>{{ name }}</b>\n    </span>\n    <ng-template #no_collapse>\n      <span>{{ name }}</span>\n    </ng-template>\n  </div>\n\n  <div *ngIf=\"instructions && instructions !== 'none'\" class=\"field-group-instructions\">\n    <div key=\"instructions\" id=\"instruction-text\" [innerHTML]=\"instructions\"></div>\n  </div>\n  <div *ngIf=\"!collapsed\" class=\"field-group-content\">\n    <ng-container [ngTemplateOutlet]=\"childrenTemplate\"></ng-container>\n  </div>\n</div>\n", styles: [".field-group-container .field-group-heading{padding-top:8px;padding-bottom:8px;font-weight:700}.field-group-container .field-group-heading .field-group-header{gap:5px;display:flex;align-items:center;cursor:pointer}.field-group-container .field-group-instructions{padding:5px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatGridListModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FieldGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FieldGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-field-group', standalone: true, imports: [CommonModule, MatGridListModule, MatIconModule], template: "<div class=\"field-group-container\">\n  <div *ngIf=\"name\" class=\"field-group-heading\">\n    <span *ngIf=\"collapsible; else no_collapse\" id=\"field-group-header\" class=\"field-group-header\" (click)=\"headerClickHandler()\">\n      <mat-icon *ngIf=\"collapsed; else down_arrow\" aria-hidden=\"false\" aria-label=\"Arrow Right\" fontIcon=\"keyboard_arrow_right\"></mat-icon>\n      <ng-template #down_arrow>\n        <mat-icon aria-hidden=\"false\" aria-label=\"Arrow Down\" fontIcon=\"keyboard_arrow_down\"></mat-icon>\n      </ng-template>\n      <b>{{ name }}</b>\n    </span>\n    <ng-template #no_collapse>\n      <span>{{ name }}</span>\n    </ng-template>\n  </div>\n\n  <div *ngIf=\"instructions && instructions !== 'none'\" class=\"field-group-instructions\">\n    <div key=\"instructions\" id=\"instruction-text\" [innerHTML]=\"instructions\"></div>\n  </div>\n  <div *ngIf=\"!collapsed\" class=\"field-group-content\">\n    <ng-container [ngTemplateOutlet]=\"childrenTemplate\"></ng-container>\n  </div>\n</div>\n", styles: [".field-group-container .field-group-heading{padding-top:8px;padding-bottom:8px;font-weight:700}.field-group-container .field-group-heading .field-group-header{gap:5px;display:flex;align-items:center;cursor:pointer}.field-group-container .field-group-instructions{padding:5px 0}\n"] }]
         }], propDecorators: { name: [{

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

@@ -15,7 +15,6 @@ export class MaterialCaseSummaryComponent {
         this.updateLabelAndDate(this.primaryFieldsWithStatus$);
         this.updateLabelAndDate(this.secondaryFields$);
     }
-    // eslint-disable-next-line sonarjs/no-identical-functions
     ngOnChanges() {
         this.updatePrimaryWithStatus();
         this.updateLabelAndDate(this.primaryFieldsWithStatus$);
@@ -65,10 +64,10 @@ export class MaterialCaseSummaryComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: MaterialCaseSummaryComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: MaterialCaseSummaryComponent, isStandalone: true, selector: "app-material-case-summary", inputs: { status$: "status$", bShowStatus$: "bShowStatus$", primaryFields$: "primaryFields$", secondaryFields$: "secondaryFields$" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"psdk-case-summary-fields\">\n  <dl class=\"psdk-case-summary-fields-primary\">\n    <div *ngFor=\"let field of primaryFieldsWithStatus$\" class=\"psdk-csf-primary-field\">\n      <dt class=\"psdk-csf-primary-field-header\">\n        {{ field.config?.label }}\n      </dt>\n      <dd *ngIf=\"field.config.value === ''; else hasValue\" class=\"psdk-csf-primary-field-data\">\n        <ng-container [ngSwitch]=\"field.type.toLowerCase()\">\n          <label *ngSwitchCase=\"'caseoperator'\">operator</label>\n          <span *ngSwitchDefault class=\"psdk-csf-text-style\">---</span>\n        </ng-container>\n      </dd>\n      <ng-template #hasValue>\n        <dd class=\"psdk-csf-primary-field-data\" [ngSwitch]=\"field.type.toLowerCase()\">\n          <span *ngSwitchCase=\"'textinput'\" class=\"psdk-csf-text-style\">{{ field.config.value }}</span>\n          <span *ngSwitchCase=\"'status'\" class=\"psdk-csf-status-style\">{{ field.config.value }}</span>\n          <a *ngSwitchCase=\"'phone'\" as=\"a\" href=\"tel: {{ field.config.value }}\">{{ field.config.value }}</a>\n          <a *ngSwitchCase=\"'email'\" href=\"mailto: {{ field.config.value }}\">{{ field.config.value }}</a>\n          <span *ngSwitchCase=\"'date'\" class=\"psdk-csf-text-style\">{{ field.config.value }}</span>\n          <label *ngSwitchCase=\"'caseoperator'\">operator</label>\n          <span *ngSwitchDefault class=\"psdk-csf-text-style\">{{ field.config.value }}</span>\n        </dd>\n      </ng-template>\n    </div>\n  </dl>\n</div>\n<div class=\"psdk-case-summary-fields\">\n  <dl *ngFor=\"let field of secondaryFields$\" class=\"psdk-case-summary-fields-secondary\">\n    <div\n      *ngIf=\"\n        field?.config?.label?.toLowerCase() == 'create operator' ||\n          field?.displayLabel?.toLowerCase() == 'create operator' ||\n          field?.config?.label?.toLowerCase() == 'update operator' ||\n          field?.displayLabel?.toLowerCase() == 'update operator';\n        else hasSecondaryValue\n      \"\n    >\n      <component-mapper name=\"Operator\" [props]=\"{ pConn$: field?.kid, displayLabel: field?.displayLabel }\"></component-mapper>\n    </div>\n    <ng-template #hasSecondaryValue>\n      <div class=\"psdk-csf-secondary-field\">\n        <dt class=\"psdk-csf-secondary-field-header\">\n          {{ field.config?.displayLabel || field.config?.label }}\n        </dt>\n        <dd class=\"psdk-csf-secondary-field-data\">\n          <div [ngSwitch]=\"field.type\">\n            <label *ngSwitchCase=\"'UserReference'\" class=\"psdk-secondary-value\">{{ field.config.value.userName || '---' }}</label>\n            <label *ngSwitchCase=\"'Checkbox'\" class=\"psdk-secondary-value\">{{ field.config.falseLabel || '---' }}</label>\n            <label *ngSwitchDefault class=\"psdk-secondary-value\">{{ field.config.value || '---' }}</label>\n          </div>\n        </dd>\n      </div>\n    </ng-template>\n  </dl>\n</div>\n", styles: [".psdk-case-summary{display:block;margin:.625rem}.psdk-case-summary-primary,.psdk-case-summary-secondary,.psdk-case-summary-status{text-align:left;margin-bottom:.75rem}.psdk-case-summary-status-data{display:block;background-color:var(--app-primary-lightest-color);color:var(--app-primary-color);padding:0rem .625rem;display:inline;font-size:.75rem;font-weight:700;text-transform:uppercase;line-height:1.5rem}.psdk-case-summary-primary .label{font-weight:600}.psdk-case-summary-primary .data{font-weight:600;font-size:1.625rem}.psdk-case-summary-secondary .label{font-weight:600}.psdk-case-summary-secondary .data{font-weight:600;padding-left:1.25rem}.psdk-case-summary-fields{display:grid;grid-row-gap:1rem}.psdk-case-summary-fields-primary{grid-template-columns:20ch 1fr;display:grid;grid-column-gap:1rem;grid-row-gap:1rem}.psdk-csf-primary-field{display:grid;grid-template-columns:1fr;grid-column-gap:0rem}.psdk-csf-primary-field-header{word-break:break-word;grid-column-start:1;grid-row-start:1;max-width:max-content;font-size:.8125rem;font-weight:400;color:var(--app-field-header-color)}.psdk-csf-primary-field-data{word-break:break-word;grid-column-start:1;grid-row-start:2;margin-inline-start:unset}.psdk-case-summary-fields-secondary{width:100%;display:grid;grid-template-columns:1fr;grid-column-gap:1rem;grid-row-gap:.5rem;margin:0}.psdk-csf-secondary-field{display:grid;grid-template-columns:auto;grid-column-gap:1rem}.psdk-csf-secondary-field-header{word-break:break-word;grid-column-start:1;grid-row-start:1;max-width:max-content;font-size:.8125rem;font-weight:400;color:var(--app-field-header-color);align-items:center;display:flex}.psdk-csf-secondary-field-data{word-break:break-word;grid-column-start:2;grid-row-start:1;margin-inline-start:unset}span.psdk-csf-text-style{font-size:1.125rem;font-weight:600}span.psdk-csf-status-style{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-secondary-value{font-size:1rem}\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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialCaseSummaryComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MaterialCaseSummaryComponent, isStandalone: true, selector: "app-material-case-summary", inputs: { status$: "status$", bShowStatus$: "bShowStatus$", primaryFields$: "primaryFields$", secondaryFields$: "secondaryFields$" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"psdk-case-summary-fields\">\n  <dl class=\"psdk-case-summary-fields-primary\">\n    <div *ngFor=\"let field of primaryFieldsWithStatus$\" class=\"psdk-csf-primary-field\">\n      <dt class=\"psdk-csf-primary-field-header\">\n        {{ field.config?.label }}\n      </dt>\n      <dd *ngIf=\"field.config.value === ''; else hasValue\" class=\"psdk-csf-primary-field-data\">\n        <ng-container [ngSwitch]=\"field.type.toLowerCase()\">\n          <label *ngSwitchCase=\"'caseoperator'\">operator</label>\n          <span *ngSwitchDefault class=\"psdk-csf-text-style\">---</span>\n        </ng-container>\n      </dd>\n      <ng-template #hasValue>\n        <dd class=\"psdk-csf-primary-field-data\" [ngSwitch]=\"field.type.toLowerCase()\">\n          <span *ngSwitchCase=\"'textinput'\" class=\"psdk-csf-text-style\">{{ field.config.value }}</span>\n          <span *ngSwitchCase=\"'status'\" class=\"psdk-csf-status-style\">{{ field.config.value }}</span>\n          <a *ngSwitchCase=\"'phone'\" as=\"a\" href=\"tel: {{ field.config.value }}\">{{ field.config.value }}</a>\n          <a *ngSwitchCase=\"'email'\" href=\"mailto: {{ field.config.value }}\">{{ field.config.value }}</a>\n          <span *ngSwitchCase=\"'date'\" class=\"psdk-csf-text-style\">{{ field.config.value }}</span>\n          <label *ngSwitchCase=\"'caseoperator'\">operator</label>\n          <span *ngSwitchDefault class=\"psdk-csf-text-style\">{{ field.config.value }}</span>\n        </dd>\n      </ng-template>\n    </div>\n  </dl>\n</div>\n<div class=\"psdk-case-summary-fields\">\n  <dl *ngFor=\"let field of secondaryFields$\" class=\"psdk-case-summary-fields-secondary\">\n    <div\n      *ngIf=\"\n        field?.config?.label?.toLowerCase() == 'create operator' ||\n          field?.displayLabel?.toLowerCase() == 'create operator' ||\n          field?.config?.label?.toLowerCase() == 'update operator' ||\n          field?.displayLabel?.toLowerCase() == 'update operator';\n        else hasSecondaryValue\n      \"\n    >\n      <component-mapper name=\"Operator\" [props]=\"{ pConn$: field?.kid, displayLabel: field?.displayLabel }\"></component-mapper>\n    </div>\n    <ng-template #hasSecondaryValue>\n      <div class=\"psdk-csf-secondary-field\">\n        <dt class=\"psdk-csf-secondary-field-header\">\n          {{ field.config?.displayLabel || field.config?.label }}\n        </dt>\n        <dd class=\"psdk-csf-secondary-field-data\">\n          <div [ngSwitch]=\"field.type\">\n            <label *ngSwitchCase=\"'UserReference'\" class=\"psdk-secondary-value\">{{ field.config.value.userName || '---' }}</label>\n            <label *ngSwitchCase=\"'Checkbox'\" class=\"psdk-secondary-value\">{{ field.config.falseLabel || '---' }}</label>\n            <label *ngSwitchDefault class=\"psdk-secondary-value\">{{ field.config.value || '---' }}</label>\n          </div>\n        </dd>\n      </div>\n    </ng-template>\n  </dl>\n</div>\n", styles: [".psdk-case-summary{display:block;margin:.625rem}.psdk-case-summary-primary,.psdk-case-summary-secondary,.psdk-case-summary-status{text-align:left;margin-bottom:.75rem}.psdk-case-summary-status-data{display:block;background-color:var(--app-primary-lightest-color);color:var(--app-primary-color);padding:0rem .625rem;display:inline;font-size:.75rem;font-weight:700;text-transform:uppercase;line-height:1.5rem}.psdk-case-summary-primary .label{font-weight:600}.psdk-case-summary-primary .data{font-weight:600;font-size:1.625rem}.psdk-case-summary-secondary .label{font-weight:600}.psdk-case-summary-secondary .data{font-weight:600;padding-left:1.25rem}.psdk-case-summary-fields{display:grid;grid-row-gap:1rem}.psdk-case-summary-fields-primary{grid-template-columns:20ch 1fr;display:grid;grid-column-gap:1rem;grid-row-gap:1rem}.psdk-csf-primary-field{display:grid;grid-template-columns:1fr;grid-column-gap:0rem}.psdk-csf-primary-field-header{word-break:break-word;grid-column-start:1;grid-row-start:1;max-width:max-content;font-size:.8125rem;font-weight:400;color:var(--app-field-header-color)}.psdk-csf-primary-field-data{word-break:break-word;grid-column-start:1;grid-row-start:2;margin-inline-start:unset}.psdk-case-summary-fields-secondary{width:100%;display:grid;grid-template-columns:1fr;grid-column-gap:1rem;grid-row-gap:.5rem;margin:0}.psdk-csf-secondary-field{display:grid;grid-template-columns:auto;grid-column-gap:1rem}.psdk-csf-secondary-field-header{word-break:break-word;grid-column-start:1;grid-row-start:1;max-width:max-content;font-size:.8125rem;font-weight:400;color:var(--app-field-header-color);align-items:center;display:flex}.psdk-csf-secondary-field-data{word-break:break-word;grid-column-start:2;grid-row-start:1;margin-inline-start:unset}span.psdk-csf-text-style{font-size:1.125rem;font-weight:600}span.psdk-csf-status-style{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-secondary-value{font-size:1rem}\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: "18.2.12", ngImport: i0, type: MaterialCaseSummaryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialCaseSummaryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-material-case-summary', standalone: true, imports: [CommonModule, forwardRef(() => ComponentMapperComponent)], template: "<div class=\"psdk-case-summary-fields\">\n  <dl class=\"psdk-case-summary-fields-primary\">\n    <div *ngFor=\"let field of primaryFieldsWithStatus$\" class=\"psdk-csf-primary-field\">\n      <dt class=\"psdk-csf-primary-field-header\">\n        {{ field.config?.label }}\n      </dt>\n      <dd *ngIf=\"field.config.value === ''; else hasValue\" class=\"psdk-csf-primary-field-data\">\n        <ng-container [ngSwitch]=\"field.type.toLowerCase()\">\n          <label *ngSwitchCase=\"'caseoperator'\">operator</label>\n          <span *ngSwitchDefault class=\"psdk-csf-text-style\">---</span>\n        </ng-container>\n      </dd>\n      <ng-template #hasValue>\n        <dd class=\"psdk-csf-primary-field-data\" [ngSwitch]=\"field.type.toLowerCase()\">\n          <span *ngSwitchCase=\"'textinput'\" class=\"psdk-csf-text-style\">{{ field.config.value }}</span>\n          <span *ngSwitchCase=\"'status'\" class=\"psdk-csf-status-style\">{{ field.config.value }}</span>\n          <a *ngSwitchCase=\"'phone'\" as=\"a\" href=\"tel: {{ field.config.value }}\">{{ field.config.value }}</a>\n          <a *ngSwitchCase=\"'email'\" href=\"mailto: {{ field.config.value }}\">{{ field.config.value }}</a>\n          <span *ngSwitchCase=\"'date'\" class=\"psdk-csf-text-style\">{{ field.config.value }}</span>\n          <label *ngSwitchCase=\"'caseoperator'\">operator</label>\n          <span *ngSwitchDefault class=\"psdk-csf-text-style\">{{ field.config.value }}</span>\n        </dd>\n      </ng-template>\n    </div>\n  </dl>\n</div>\n<div class=\"psdk-case-summary-fields\">\n  <dl *ngFor=\"let field of secondaryFields$\" class=\"psdk-case-summary-fields-secondary\">\n    <div\n      *ngIf=\"\n        field?.config?.label?.toLowerCase() == 'create operator' ||\n          field?.displayLabel?.toLowerCase() == 'create operator' ||\n          field?.config?.label?.toLowerCase() == 'update operator' ||\n          field?.displayLabel?.toLowerCase() == 'update operator';\n        else hasSecondaryValue\n      \"\n    >\n      <component-mapper name=\"Operator\" [props]=\"{ pConn$: field?.kid, displayLabel: field?.displayLabel }\"></component-mapper>\n    </div>\n    <ng-template #hasSecondaryValue>\n      <div class=\"psdk-csf-secondary-field\">\n        <dt class=\"psdk-csf-secondary-field-header\">\n          {{ field.config?.displayLabel || field.config?.label }}\n        </dt>\n        <dd class=\"psdk-csf-secondary-field-data\">\n          <div [ngSwitch]=\"field.type\">\n            <label *ngSwitchCase=\"'UserReference'\" class=\"psdk-secondary-value\">{{ field.config.value.userName || '---' }}</label>\n            <label *ngSwitchCase=\"'Checkbox'\" class=\"psdk-secondary-value\">{{ field.config.falseLabel || '---' }}</label>\n            <label *ngSwitchDefault class=\"psdk-secondary-value\">{{ field.config.value || '---' }}</label>\n          </div>\n        </dd>\n      </div>\n    </ng-template>\n  </dl>\n</div>\n", styles: [".psdk-case-summary{display:block;margin:.625rem}.psdk-case-summary-primary,.psdk-case-summary-secondary,.psdk-case-summary-status{text-align:left;margin-bottom:.75rem}.psdk-case-summary-status-data{display:block;background-color:var(--app-primary-lightest-color);color:var(--app-primary-color);padding:0rem .625rem;display:inline;font-size:.75rem;font-weight:700;text-transform:uppercase;line-height:1.5rem}.psdk-case-summary-primary .label{font-weight:600}.psdk-case-summary-primary .data{font-weight:600;font-size:1.625rem}.psdk-case-summary-secondary .label{font-weight:600}.psdk-case-summary-secondary .data{font-weight:600;padding-left:1.25rem}.psdk-case-summary-fields{display:grid;grid-row-gap:1rem}.psdk-case-summary-fields-primary{grid-template-columns:20ch 1fr;display:grid;grid-column-gap:1rem;grid-row-gap:1rem}.psdk-csf-primary-field{display:grid;grid-template-columns:1fr;grid-column-gap:0rem}.psdk-csf-primary-field-header{word-break:break-word;grid-column-start:1;grid-row-start:1;max-width:max-content;font-size:.8125rem;font-weight:400;color:var(--app-field-header-color)}.psdk-csf-primary-field-data{word-break:break-word;grid-column-start:1;grid-row-start:2;margin-inline-start:unset}.psdk-case-summary-fields-secondary{width:100%;display:grid;grid-template-columns:1fr;grid-column-gap:1rem;grid-row-gap:.5rem;margin:0}.psdk-csf-secondary-field{display:grid;grid-template-columns:auto;grid-column-gap:1rem}.psdk-csf-secondary-field-header{word-break:break-word;grid-column-start:1;grid-row-start:1;max-width:max-content;font-size:.8125rem;font-weight:400;color:var(--app-field-header-color);align-items:center;display:flex}.psdk-csf-secondary-field-data{word-break:break-word;grid-column-start:2;grid-row-start:1;margin-inline-start:unset}span.psdk-csf-text-style{font-size:1.125rem;font-weight:600}span.psdk-csf-status-style{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-secondary-value{font-size:1rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.Utils }], propDecorators: { status$: [{
@@ -80,4 +79,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             }], secondaryFields$: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtY2FzZS1zdW1tYXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItc2RrLWNvbXBvbmVudHMvc3JjL2xpYi9fY29tcG9uZW50cy9kZXNpZ25TeXN0ZW1FeHRlbnNpb24vbWF0ZXJpYWwtY2FzZS1zdW1tYXJ5L21hdGVyaWFsLWNhc2Utc3VtbWFyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL21hdGVyaWFsLWNhc2Utc3VtbWFyeS9tYXRlcmlhbC1jYXNlLXN1bW1hcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQzs7OztBQVN4RyxNQUFNLE9BQU8sNEJBQTRCO0lBUXZDLFlBQW9CLEtBQVk7UUFBWixVQUFLLEdBQUwsS0FBSyxDQUFPO1FBQ2hDLGlCQUFZLEdBQUcsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDLGNBQWMsQ0FBQztRQUNyRCxtQkFBYyxHQUFHLGdCQUFnQixDQUFDO0lBRkMsQ0FBQztJQUdwQyxRQUFRO1FBQ04sSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7UUFDL0IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsMERBQTBEO0lBQzFELFdBQVc7UUFDVCxJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLENBQUM7UUFDdkQsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxNQUFhO1FBQzlCLEtBQUssTUFBTSxLQUFLLElBQUksTUFBTSxFQUFFLENBQUM7WUFDM0IsUUFBUSxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUM7Z0JBQ2pDLEtBQUssY0FBYztvQkFDakIsSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO3dCQUMxRCxLQUFLLENBQUMsTUFBTSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQztvQkFDdkQsQ0FBQzt5QkFBTSxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxJQUFJLGlCQUFpQixFQUFFLENBQUM7d0JBQ2pFLEtBQUssQ0FBQyxNQUFNLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDO29CQUN2RCxDQUFDO29CQUNELE1BQU07Z0JBQ1IsS0FBSyxNQUFNO29CQUNULEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxDQUFDO29CQUM5RSxNQUFNO2dCQUNSLEtBQUssZUFBZSxDQUFDO2dCQUNyQixLQUFLLFNBQVMsQ0FBQztnQkFDZixLQUFLLFVBQVU7b0JBQ2IsS0FBSyxDQUFDLE1BQU0sQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7b0JBQy9DLE1BQU07Z0JBQ1IsS0FBSyxVQUFVO29CQUNiLEtBQUssQ0FBQyxNQUFNLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDO29CQUNqRCxNQUFNO2dCQUNSO29CQUNFLE1BQU07WUFDVixDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFFRCx1QkFBdUI7UUFDckIsSUFBSSxDQUFDLHdCQUF3QixHQUFHLEVBQUUsQ0FBQztRQUNuQyxLQUFLLE1BQU0sSUFBSSxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztZQUM5RSxJQUFJLENBQUMsd0JBQXdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzNDLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QixNQUFNLE9BQU8sR0FBRyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxFQUFFLENBQUM7WUFFckYsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLHdCQUF3QixDQUFDLE1BQU0sQ0FBQztZQUNuRCxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUUsQ0FBQztnQkFDZCxJQUFJLENBQUMsd0JBQXdCLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzlDLENBQUM7aUJBQU0sQ0FBQztnQkFDTixJQUFJLENBQUMsd0JBQXdCLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUM7WUFDdEQsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDOytHQXBFVSw0QkFBNEI7bUdBQTVCLDRCQUE0QixnUENaekMsbzRGQXVEQSw4cEVEN0NZLFlBQVksMG9CQUFtQix3QkFBd0I7OzRGQUV0RCw0QkFBNEI7a0JBUHhDLFNBQVM7K0JBQ0UsMkJBQTJCLGNBR3pCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUMsQ0FBQzswRUFHMUQsT0FBTztzQkFBZixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIGZvcndhcmRSZWYsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFV0aWxzIH0gZnJvbSAnLi4vLi4vLi4vX2hlbHBlcnMvdXRpbHMnO1xuaW1wb3J0IHsgQ29tcG9uZW50TWFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vX2JyaWRnZS9jb21wb25lbnQtbWFwcGVyL2NvbXBvbmVudC1tYXBwZXIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW1hdGVyaWFsLWNhc2Utc3VtbWFyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXRlcmlhbC1jYXNlLXN1bW1hcnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlcmlhbC1jYXNlLXN1bW1hcnkuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgZm9yd2FyZFJlZigoKSA9PiBDb21wb25lbnRNYXBwZXJDb21wb25lbnQpXVxufSlcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbENhc2VTdW1tYXJ5Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBzdGF0dXMkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGJTaG93U3RhdHVzJDogYm9vbGVhbjtcbiAgQElucHV0KCkgcHJpbWFyeUZpZWxkcyQ6IGFueVtdO1xuICBASW5wdXQoKSBzZWNvbmRhcnlGaWVsZHMkOiBhbnlbXTtcblxuICBwcmltYXJ5RmllbGRzV2l0aFN0YXR1cyQ6IGFueVtdO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdXRpbHM6IFV0aWxzKSB7fVxuICBsb2NhbGl6ZWRWYWwgPSBQQ29yZS5nZXRMb2NhbGVVdGlscygpLmdldExvY2FsZVZhbHVlO1xuICBsb2NhbGVDYXRlZ29yeSA9ICdNb2RhbENvbnRhaW5lcic7XG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudXBkYXRlUHJpbWFyeVdpdGhTdGF0dXMoKTtcbiAgICB0aGlzLnVwZGF0ZUxhYmVsQW5kRGF0ZSh0aGlzLnByaW1hcnlGaWVsZHNXaXRoU3RhdHVzJCk7XG4gICAgdGhpcy51cGRhdGVMYWJlbEFuZERhdGUodGhpcy5zZWNvbmRhcnlGaWVsZHMkKTtcbiAgfVxuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBzb25hcmpzL25vLWlkZW50aWNhbC1mdW5jdGlvbnNcbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy51cGRhdGVQcmltYXJ5V2l0aFN0YXR1cygpO1xuICAgIHRoaXMudXBkYXRlTGFiZWxBbmREYXRlKHRoaXMucHJpbWFyeUZpZWxkc1dpdGhTdGF0dXMkKTtcbiAgICB0aGlzLnVwZGF0ZUxhYmVsQW5kRGF0ZSh0aGlzLnNlY29uZGFyeUZpZWxkcyQpO1xuICB9XG5cbiAgdXBkYXRlTGFiZWxBbmREYXRlKGFyRGF0YTogYW55W10pIHtcbiAgICBmb3IgKGNvbnN0IGZpZWxkIG9mIGFyRGF0YSkge1xuICAgICAgc3dpdGNoIChmaWVsZC50eXBlLnRvTG93ZXJDYXNlKCkpIHtcbiAgICAgICAgY2FzZSAnY2FzZW9wZXJhdG9yJzpcbiAgICAgICAgICBpZiAoZmllbGQuY29uZmlnLmxhYmVsLnRvTG93ZXJDYXNlKCkgPT0gJ2NyZWF0ZSBvcGVyYXRvcicpIHtcbiAgICAgICAgICAgIGZpZWxkLmNvbmZpZy5kaXNwbGF5TGFiZWwgPSBmaWVsZC5jb25maWcuY3JlYXRlTGFiZWw7XG4gICAgICAgICAgfSBlbHNlIGlmIChmaWVsZC5jb25maWcubGFiZWwudG9Mb3dlckNhc2UoKSA9PSAndXBkYXRlIG9wZXJhdG9yJykge1xuICAgICAgICAgICAgZmllbGQuY29uZmlnLmRpc3BsYXlMYWJlbCA9IGZpZWxkLmNvbmZpZy51cGRhdGVMYWJlbDtcbiAgICAgICAgICB9XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ2RhdGUnOlxuICAgICAgICAgIGZpZWxkLmNvbmZpZy52YWx1ZSA9IHRoaXMudXRpbHMuZ2VuZXJhdGVEYXRlKGZpZWxkLmNvbmZpZy52YWx1ZSwgJ0RhdGUtTG9uZycpO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICd1c2VycmVmZXJlbmNlJzpcbiAgICAgICAgY2FzZSAnZGVjaW1hbCc6XG4gICAgICAgIGNhc2UgJ2Ryb3Bkb3duJzpcbiAgICAgICAgICBmaWVsZC5jb25maWcuZGlzcGxheUxhYmVsID0gZmllbGQuY29uZmlnLmxhYmVsO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICdjaGVja2JveCc6XG4gICAgICAgICAgZmllbGQuY29uZmlnLmRpc3BsYXlMYWJlbCA9IGZpZWxkLmNvbmZpZy5jYXB0aW9uO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZVByaW1hcnlXaXRoU3RhdHVzKCkge1xuICAgIHRoaXMucHJpbWFyeUZpZWxkc1dpdGhTdGF0dXMkID0gW107XG4gICAgZm9yIChjb25zdCBwcmltIG9mIHRoaXMucHJpbWFyeUZpZWxkcyQpIHtcbiAgICAgIHByaW0uY29uZmlnLnZhbHVlID0gdGhpcy5sb2NhbGl6ZWRWYWwocHJpbS5jb25maWcudmFsdWUsIHRoaXMubG9jYWxlQ2F0ZWdvcnkpO1xuICAgICAgdGhpcy5wcmltYXJ5RmllbGRzV2l0aFN0YXR1cyQucHVzaChwcmltKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5iU2hvd1N0YXR1cyQpIHtcbiAgICAgIGNvbnN0IG9TdGF0dXMgPSB7IHR5cGU6ICdzdGF0dXMnLCBjb25maWc6IHsgdmFsdWU6IHRoaXMuc3RhdHVzJCwgbGFiZWw6ICdTdGF0dXMnIH0gfTtcblxuICAgICAgY29uc3QgY291bnQgPSB0aGlzLnByaW1hcnlGaWVsZHNXaXRoU3RhdHVzJC5sZW5ndGg7XG4gICAgICBpZiAoY291bnQgPCAyKSB7XG4gICAgICAgIHRoaXMucHJpbWFyeUZpZWxkc1dpdGhTdGF0dXMkLnB1c2gob1N0YXR1cyk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLnByaW1hcnlGaWVsZHNXaXRoU3RhdHVzJC5zcGxpY2UoMSwgMCwgb1N0YXR1cyk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicHNkay1jYXNlLXN1bW1hcnktZmllbGRzXCI+XG4gIDxkbCBjbGFzcz1cInBzZGstY2FzZS1zdW1tYXJ5LWZpZWxkcy1wcmltYXJ5XCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgZmllbGQgb2YgcHJpbWFyeUZpZWxkc1dpdGhTdGF0dXMkXCIgY2xhc3M9XCJwc2RrLWNzZi1wcmltYXJ5LWZpZWxkXCI+XG4gICAgICA8ZHQgY2xhc3M9XCJwc2RrLWNzZi1wcmltYXJ5LWZpZWxkLWhlYWRlclwiPlxuICAgICAgICB7eyBmaWVsZC5jb25maWc/LmxhYmVsIH19XG4gICAgICA8L2R0PlxuICAgICAgPGRkICpuZ0lmPVwiZmllbGQuY29uZmlnLnZhbHVlID09PSAnJzsgZWxzZSBoYXNWYWx1ZVwiIGNsYXNzPVwicHNkay1jc2YtcHJpbWFyeS1maWVsZC1kYXRhXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImZpZWxkLnR5cGUudG9Mb3dlckNhc2UoKVwiPlxuICAgICAgICAgIDxsYWJlbCAqbmdTd2l0Y2hDYXNlPVwiJ2Nhc2VvcGVyYXRvcidcIj5vcGVyYXRvcjwvbGFiZWw+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoRGVmYXVsdCBjbGFzcz1cInBzZGstY3NmLXRleHQtc3R5bGVcIj4tLS08L3NwYW4+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9kZD5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjaGFzVmFsdWU+XG4gICAgICAgIDxkZCBjbGFzcz1cInBzZGstY3NmLXByaW1hcnktZmllbGQtZGF0YVwiIFtuZ1N3aXRjaF09XCJmaWVsZC50eXBlLnRvTG93ZXJDYXNlKClcIj5cbiAgICAgICAgICA8c3BhbiAqbmdTd2l0Y2hDYXNlPVwiJ3RleHRpbnB1dCdcIiBjbGFzcz1cInBzZGstY3NmLXRleHQtc3R5bGVcIj57eyBmaWVsZC5jb25maWcudmFsdWUgfX08L3NwYW4+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoQ2FzZT1cIidzdGF0dXMnXCIgY2xhc3M9XCJwc2RrLWNzZi1zdGF0dXMtc3R5bGVcIj57eyBmaWVsZC5jb25maWcudmFsdWUgfX08L3NwYW4+XG4gICAgICAgICAgPGEgKm5nU3dpdGNoQ2FzZT1cIidwaG9uZSdcIiBhcz1cImFcIiBocmVmPVwidGVsOiB7eyBmaWVsZC5jb25maWcudmFsdWUgfX1cIj57eyBmaWVsZC5jb25maWcudmFsdWUgfX08L2E+XG4gICAgICAgICAgPGEgKm5nU3dpdGNoQ2FzZT1cIidlbWFpbCdcIiBocmVmPVwibWFpbHRvOiB7eyBmaWVsZC5jb25maWcudmFsdWUgfX1cIj57eyBmaWVsZC5jb25maWcudmFsdWUgfX08L2E+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoQ2FzZT1cIidkYXRlJ1wiIGNsYXNzPVwicHNkay1jc2YtdGV4dC1zdHlsZVwiPnt7IGZpZWxkLmNvbmZpZy52YWx1ZSB9fTwvc3Bhbj5cbiAgICAgICAgICA8bGFiZWwgKm5nU3dpdGNoQ2FzZT1cIidjYXNlb3BlcmF0b3InXCI+b3BlcmF0b3I8L2xhYmVsPlxuICAgICAgICAgIDxzcGFuICpuZ1N3aXRjaERlZmF1bHQgY2xhc3M9XCJwc2RrLWNzZi10ZXh0LXN0eWxlXCI+e3sgZmllbGQuY29uZmlnLnZhbHVlIH19PC9zcGFuPlxuICAgICAgICA8L2RkPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgPC9kbD5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cInBzZGstY2FzZS1zdW1tYXJ5LWZpZWxkc1wiPlxuICA8ZGwgKm5nRm9yPVwibGV0IGZpZWxkIG9mIHNlY29uZGFyeUZpZWxkcyRcIiBjbGFzcz1cInBzZGstY2FzZS1zdW1tYXJ5LWZpZWxkcy1zZWNvbmRhcnlcIj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cIlxuICAgICAgICBmaWVsZD8uY29uZmlnPy5sYWJlbD8udG9Mb3dlckNhc2UoKSA9PSAnY3JlYXRlIG9wZXJhdG9yJyB8fFxuICAgICAgICAgIGZpZWxkPy5kaXNwbGF5TGFiZWw/LnRvTG93ZXJDYXNlKCkgPT0gJ2NyZWF0ZSBvcGVyYXRvcicgfHxcbiAgICAgICAgICBmaWVsZD8uY29uZmlnPy5sYWJlbD8udG9Mb3dlckNhc2UoKSA9PSAndXBkYXRlIG9wZXJhdG9yJyB8fFxuICAgICAgICAgIGZpZWxkPy5kaXNwbGF5TGFiZWw/LnRvTG93ZXJDYXNlKCkgPT0gJ3VwZGF0ZSBvcGVyYXRvcic7XG4gICAgICAgIGVsc2UgaGFzU2Vjb25kYXJ5VmFsdWVcbiAgICAgIFwiXG4gICAgPlxuICAgICAgPGNvbXBvbmVudC1tYXBwZXIgbmFtZT1cIk9wZXJhdG9yXCIgW3Byb3BzXT1cInsgcENvbm4kOiBmaWVsZD8ua2lkLCBkaXNwbGF5TGFiZWw6IGZpZWxkPy5kaXNwbGF5TGFiZWwgfVwiPjwvY29tcG9uZW50LW1hcHBlcj5cbiAgICA8L2Rpdj5cbiAgICA8bmctdGVtcGxhdGUgI2hhc1NlY29uZGFyeVZhbHVlPlxuICAgICAgPGRpdiBjbGFzcz1cInBzZGstY3NmLXNlY29uZGFyeS1maWVsZFwiPlxuICAgICAgICA8ZHQgY2xhc3M9XCJwc2RrLWNzZi1zZWNvbmRhcnktZmllbGQtaGVhZGVyXCI+XG4gICAgICAgICAge3sgZmllbGQuY29uZmlnPy5kaXNwbGF5TGFiZWwgfHwgZmllbGQuY29uZmlnPy5sYWJlbCB9fVxuICAgICAgICA8L2R0PlxuICAgICAgICA8ZGQgY2xhc3M9XCJwc2RrLWNzZi1zZWNvbmRhcnktZmllbGQtZGF0YVwiPlxuICAgICAgICAgIDxkaXYgW25nU3dpdGNoXT1cImZpZWxkLnR5cGVcIj5cbiAgICAgICAgICAgIDxsYWJlbCAqbmdTd2l0Y2hDYXNlPVwiJ1VzZXJSZWZlcmVuY2UnXCIgY2xhc3M9XCJwc2RrLXNlY29uZGFyeS12YWx1ZVwiPnt7IGZpZWxkLmNvbmZpZy52YWx1ZS51c2VyTmFtZSB8fCAnLS0tJyB9fTwvbGFiZWw+XG4gICAgICAgICAgICA8bGFiZWwgKm5nU3dpdGNoQ2FzZT1cIidDaGVja2JveCdcIiBjbGFzcz1cInBzZGstc2Vjb25kYXJ5LXZhbHVlXCI+e3sgZmllbGQuY29uZmlnLmZhbHNlTGFiZWwgfHwgJy0tLScgfX08L2xhYmVsPlxuICAgICAgICAgICAgPGxhYmVsICpuZ1N3aXRjaERlZmF1bHQgY2xhc3M9XCJwc2RrLXNlY29uZGFyeS12YWx1ZVwiPnt7IGZpZWxkLmNvbmZpZy52YWx1ZSB8fCAnLS0tJyB9fTwvbGFiZWw+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2RsPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtY2FzZS1zdW1tYXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItc2RrLWNvbXBvbmVudHMvc3JjL2xpYi9fY29tcG9uZW50cy9kZXNpZ25TeXN0ZW1FeHRlbnNpb24vbWF0ZXJpYWwtY2FzZS1zdW1tYXJ5L21hdGVyaWFsLWNhc2Utc3VtbWFyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL21hdGVyaWFsLWNhc2Utc3VtbWFyeS9tYXRlcmlhbC1jYXNlLXN1bW1hcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQzs7OztBQVN4RyxNQUFNLE9BQU8sNEJBQTRCO0lBUXZDLFlBQW9CLEtBQVk7UUFBWixVQUFLLEdBQUwsS0FBSyxDQUFPO1FBQ2hDLGlCQUFZLEdBQUcsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDLGNBQWMsQ0FBQztRQUNyRCxtQkFBYyxHQUFHLGdCQUFnQixDQUFDO0lBRkMsQ0FBQztJQUdwQyxRQUFRO1FBQ04sSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7UUFDL0IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUN2RCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELGtCQUFrQixDQUFDLE1BQWE7UUFDOUIsS0FBSyxNQUFNLEtBQUssSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUMzQixRQUFRLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztnQkFDakMsS0FBSyxjQUFjO29CQUNqQixJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxJQUFJLGlCQUFpQixFQUFFLENBQUM7d0JBQzFELEtBQUssQ0FBQyxNQUFNLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDO29CQUN2RCxDQUFDO3lCQUFNLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLElBQUksaUJBQWlCLEVBQUUsQ0FBQzt3QkFDakUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUM7b0JBQ3ZELENBQUM7b0JBQ0QsTUFBTTtnQkFDUixLQUFLLE1BQU07b0JBQ1QsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLENBQUM7b0JBQzlFLE1BQU07Z0JBQ1IsS0FBSyxlQUFlLENBQUM7Z0JBQ3JCLEtBQUssU0FBUyxDQUFDO2dCQUNmLEtBQUssVUFBVTtvQkFDYixLQUFLLENBQUMsTUFBTSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztvQkFDL0MsTUFBTTtnQkFDUixLQUFLLFVBQVU7b0JBQ2IsS0FBSyxDQUFDLE1BQU0sQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUM7b0JBQ2pELE1BQU07Z0JBQ1I7b0JBQ0UsTUFBTTtZQUNWLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVELHVCQUF1QjtRQUNyQixJQUFJLENBQUMsd0JBQXdCLEdBQUcsRUFBRSxDQUFDO1FBQ25DLEtBQUssTUFBTSxJQUFJLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1lBQzlFLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0MsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3RCLE1BQU0sT0FBTyxHQUFHLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQztZQUVyRixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsd0JBQXdCLENBQUMsTUFBTSxDQUFDO1lBQ25ELElBQUksS0FBSyxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUNkLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDOUMsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQztZQUN0RCxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7K0dBbkVVLDRCQUE0QjttR0FBNUIsNEJBQTRCLGdQQ1p6QyxvNEZBdURBLDhwRUQ3Q1ksWUFBWSwwb0JBQW1CLHdCQUF3Qjs7NEZBRXRELDRCQUE0QjtrQkFQeEMsU0FBUzsrQkFDRSwyQkFBMkIsY0FHekIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDOzBFQUcxRCxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgZm9yd2FyZFJlZiwgT25DaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgVXRpbHMgfSBmcm9tICcuLi8uLi8uLi9faGVscGVycy91dGlscyc7XG5pbXBvcnQgeyBDb21wb25lbnRNYXBwZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9fYnJpZGdlL2NvbXBvbmVudC1tYXBwZXIvY29tcG9uZW50LW1hcHBlci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbWF0ZXJpYWwtY2FzZS1zdW1tYXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hdGVyaWFsLWNhc2Utc3VtbWFyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVyaWFsLWNhc2Utc3VtbWFyeS5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBmb3J3YXJkUmVmKCgpID0+IENvbXBvbmVudE1hcHBlckNvbXBvbmVudCldXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVyaWFsQ2FzZVN1bW1hcnlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHN0YXR1cyQ6IHN0cmluZztcbiAgQElucHV0KCkgYlNob3dTdGF0dXMkOiBib29sZWFuO1xuICBASW5wdXQoKSBwcmltYXJ5RmllbGRzJDogYW55W107XG4gIEBJbnB1dCgpIHNlY29uZGFyeUZpZWxkcyQ6IGFueVtdO1xuXG4gIHByaW1hcnlGaWVsZHNXaXRoU3RhdHVzJDogYW55W107XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB1dGlsczogVXRpbHMpIHt9XG4gIGxvY2FsaXplZFZhbCA9IFBDb3JlLmdldExvY2FsZVV0aWxzKCkuZ2V0TG9jYWxlVmFsdWU7XG4gIGxvY2FsZUNhdGVnb3J5ID0gJ01vZGFsQ29udGFpbmVyJztcbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVQcmltYXJ5V2l0aFN0YXR1cygpO1xuICAgIHRoaXMudXBkYXRlTGFiZWxBbmREYXRlKHRoaXMucHJpbWFyeUZpZWxkc1dpdGhTdGF0dXMkKTtcbiAgICB0aGlzLnVwZGF0ZUxhYmVsQW5kRGF0ZSh0aGlzLnNlY29uZGFyeUZpZWxkcyQpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy51cGRhdGVQcmltYXJ5V2l0aFN0YXR1cygpO1xuICAgIHRoaXMudXBkYXRlTGFiZWxBbmREYXRlKHRoaXMucHJpbWFyeUZpZWxkc1dpdGhTdGF0dXMkKTtcbiAgICB0aGlzLnVwZGF0ZUxhYmVsQW5kRGF0ZSh0aGlzLnNlY29uZGFyeUZpZWxkcyQpO1xuICB9XG5cbiAgdXBkYXRlTGFiZWxBbmREYXRlKGFyRGF0YTogYW55W10pIHtcbiAgICBmb3IgKGNvbnN0IGZpZWxkIG9mIGFyRGF0YSkge1xuICAgICAgc3dpdGNoIChmaWVsZC50eXBlLnRvTG93ZXJDYXNlKCkpIHtcbiAgICAgICAgY2FzZSAnY2FzZW9wZXJhdG9yJzpcbiAgICAgICAgICBpZiAoZmllbGQuY29uZmlnLmxhYmVsLnRvTG93ZXJDYXNlKCkgPT0gJ2NyZWF0ZSBvcGVyYXRvcicpIHtcbiAgICAgICAgICAgIGZpZWxkLmNvbmZpZy5kaXNwbGF5TGFiZWwgPSBmaWVsZC5jb25maWcuY3JlYXRlTGFiZWw7XG4gICAgICAgICAgfSBlbHNlIGlmIChmaWVsZC5jb25maWcubGFiZWwudG9Mb3dlckNhc2UoKSA9PSAndXBkYXRlIG9wZXJhdG9yJykge1xuICAgICAgICAgICAgZmllbGQuY29uZmlnLmRpc3BsYXlMYWJlbCA9IGZpZWxkLmNvbmZpZy51cGRhdGVMYWJlbDtcbiAgICAgICAgICB9XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ2RhdGUnOlxuICAgICAgICAgIGZpZWxkLmNvbmZpZy52YWx1ZSA9IHRoaXMudXRpbHMuZ2VuZXJhdGVEYXRlKGZpZWxkLmNvbmZpZy52YWx1ZSwgJ0RhdGUtTG9uZycpO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICd1c2VycmVmZXJlbmNlJzpcbiAgICAgICAgY2FzZSAnZGVjaW1hbCc6XG4gICAgICAgIGNhc2UgJ2Ryb3Bkb3duJzpcbiAgICAgICAgICBmaWVsZC5jb25maWcuZGlzcGxheUxhYmVsID0gZmllbGQuY29uZmlnLmxhYmVsO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICdjaGVja2JveCc6XG4gICAgICAgICAgZmllbGQuY29uZmlnLmRpc3BsYXlMYWJlbCA9IGZpZWxkLmNvbmZpZy5jYXB0aW9uO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZVByaW1hcnlXaXRoU3RhdHVzKCkge1xuICAgIHRoaXMucHJpbWFyeUZpZWxkc1dpdGhTdGF0dXMkID0gW107XG4gICAgZm9yIChjb25zdCBwcmltIG9mIHRoaXMucHJpbWFyeUZpZWxkcyQpIHtcbiAgICAgIHByaW0uY29uZmlnLnZhbHVlID0gdGhpcy5sb2NhbGl6ZWRWYWwocHJpbS5jb25maWcudmFsdWUsIHRoaXMubG9jYWxlQ2F0ZWdvcnkpO1xuICAgICAgdGhpcy5wcmltYXJ5RmllbGRzV2l0aFN0YXR1cyQucHVzaChwcmltKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5iU2hvd1N0YXR1cyQpIHtcbiAgICAgIGNvbnN0IG9TdGF0dXMgPSB7IHR5cGU6ICdzdGF0dXMnLCBjb25maWc6IHsgdmFsdWU6IHRoaXMuc3RhdHVzJCwgbGFiZWw6ICdTdGF0dXMnIH0gfTtcblxuICAgICAgY29uc3QgY291bnQgPSB0aGlzLnByaW1hcnlGaWVsZHNXaXRoU3RhdHVzJC5sZW5ndGg7XG4gICAgICBpZiAoY291bnQgPCAyKSB7XG4gICAgICAgIHRoaXMucHJpbWFyeUZpZWxkc1dpdGhTdGF0dXMkLnB1c2gob1N0YXR1cyk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLnByaW1hcnlGaWVsZHNXaXRoU3RhdHVzJC5zcGxpY2UoMSwgMCwgb1N0YXR1cyk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicHNkay1jYXNlLXN1bW1hcnktZmllbGRzXCI+XG4gIDxkbCBjbGFzcz1cInBzZGstY2FzZS1zdW1tYXJ5LWZpZWxkcy1wcmltYXJ5XCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgZmllbGQgb2YgcHJpbWFyeUZpZWxkc1dpdGhTdGF0dXMkXCIgY2xhc3M9XCJwc2RrLWNzZi1wcmltYXJ5LWZpZWxkXCI+XG4gICAgICA8ZHQgY2xhc3M9XCJwc2RrLWNzZi1wcmltYXJ5LWZpZWxkLWhlYWRlclwiPlxuICAgICAgICB7eyBmaWVsZC5jb25maWc/LmxhYmVsIH19XG4gICAgICA8L2R0PlxuICAgICAgPGRkICpuZ0lmPVwiZmllbGQuY29uZmlnLnZhbHVlID09PSAnJzsgZWxzZSBoYXNWYWx1ZVwiIGNsYXNzPVwicHNkay1jc2YtcHJpbWFyeS1maWVsZC1kYXRhXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImZpZWxkLnR5cGUudG9Mb3dlckNhc2UoKVwiPlxuICAgICAgICAgIDxsYWJlbCAqbmdTd2l0Y2hDYXNlPVwiJ2Nhc2VvcGVyYXRvcidcIj5vcGVyYXRvcjwvbGFiZWw+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoRGVmYXVsdCBjbGFzcz1cInBzZGstY3NmLXRleHQtc3R5bGVcIj4tLS08L3NwYW4+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9kZD5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjaGFzVmFsdWU+XG4gICAgICAgIDxkZCBjbGFzcz1cInBzZGstY3NmLXByaW1hcnktZmllbGQtZGF0YVwiIFtuZ1N3aXRjaF09XCJmaWVsZC50eXBlLnRvTG93ZXJDYXNlKClcIj5cbiAgICAgICAgICA8c3BhbiAqbmdTd2l0Y2hDYXNlPVwiJ3RleHRpbnB1dCdcIiBjbGFzcz1cInBzZGstY3NmLXRleHQtc3R5bGVcIj57eyBmaWVsZC5jb25maWcudmFsdWUgfX08L3NwYW4+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoQ2FzZT1cIidzdGF0dXMnXCIgY2xhc3M9XCJwc2RrLWNzZi1zdGF0dXMtc3R5bGVcIj57eyBmaWVsZC5jb25maWcudmFsdWUgfX08L3NwYW4+XG4gICAgICAgICAgPGEgKm5nU3dpdGNoQ2FzZT1cIidwaG9uZSdcIiBhcz1cImFcIiBocmVmPVwidGVsOiB7eyBmaWVsZC5jb25maWcudmFsdWUgfX1cIj57eyBmaWVsZC5jb25maWcudmFsdWUgfX08L2E+XG4gICAgICAgICAgPGEgKm5nU3dpdGNoQ2FzZT1cIidlbWFpbCdcIiBocmVmPVwibWFpbHRvOiB7eyBmaWVsZC5jb25maWcudmFsdWUgfX1cIj57eyBmaWVsZC5jb25maWcudmFsdWUgfX08L2E+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoQ2FzZT1cIidkYXRlJ1wiIGNsYXNzPVwicHNkay1jc2YtdGV4dC1zdHlsZVwiPnt7IGZpZWxkLmNvbmZpZy52YWx1ZSB9fTwvc3Bhbj5cbiAgICAgICAgICA8bGFiZWwgKm5nU3dpdGNoQ2FzZT1cIidjYXNlb3BlcmF0b3InXCI+b3BlcmF0b3I8L2xhYmVsPlxuICAgICAgICAgIDxzcGFuICpuZ1N3aXRjaERlZmF1bHQgY2xhc3M9XCJwc2RrLWNzZi10ZXh0LXN0eWxlXCI+e3sgZmllbGQuY29uZmlnLnZhbHVlIH19PC9zcGFuPlxuICAgICAgICA8L2RkPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgPC9kbD5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cInBzZGstY2FzZS1zdW1tYXJ5LWZpZWxkc1wiPlxuICA8ZGwgKm5nRm9yPVwibGV0IGZpZWxkIG9mIHNlY29uZGFyeUZpZWxkcyRcIiBjbGFzcz1cInBzZGstY2FzZS1zdW1tYXJ5LWZpZWxkcy1zZWNvbmRhcnlcIj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cIlxuICAgICAgICBmaWVsZD8uY29uZmlnPy5sYWJlbD8udG9Mb3dlckNhc2UoKSA9PSAnY3JlYXRlIG9wZXJhdG9yJyB8fFxuICAgICAgICAgIGZpZWxkPy5kaXNwbGF5TGFiZWw/LnRvTG93ZXJDYXNlKCkgPT0gJ2NyZWF0ZSBvcGVyYXRvcicgfHxcbiAgICAgICAgICBmaWVsZD8uY29uZmlnPy5sYWJlbD8udG9Mb3dlckNhc2UoKSA9PSAndXBkYXRlIG9wZXJhdG9yJyB8fFxuICAgICAgICAgIGZpZWxkPy5kaXNwbGF5TGFiZWw/LnRvTG93ZXJDYXNlKCkgPT0gJ3VwZGF0ZSBvcGVyYXRvcic7XG4gICAgICAgIGVsc2UgaGFzU2Vjb25kYXJ5VmFsdWVcbiAgICAgIFwiXG4gICAgPlxuICAgICAgPGNvbXBvbmVudC1tYXBwZXIgbmFtZT1cIk9wZXJhdG9yXCIgW3Byb3BzXT1cInsgcENvbm4kOiBmaWVsZD8ua2lkLCBkaXNwbGF5TGFiZWw6IGZpZWxkPy5kaXNwbGF5TGFiZWwgfVwiPjwvY29tcG9uZW50LW1hcHBlcj5cbiAgICA8L2Rpdj5cbiAgICA8bmctdGVtcGxhdGUgI2hhc1NlY29uZGFyeVZhbHVlPlxuICAgICAgPGRpdiBjbGFzcz1cInBzZGstY3NmLXNlY29uZGFyeS1maWVsZFwiPlxuICAgICAgICA8ZHQgY2xhc3M9XCJwc2RrLWNzZi1zZWNvbmRhcnktZmllbGQtaGVhZGVyXCI+XG4gICAgICAgICAge3sgZmllbGQuY29uZmlnPy5kaXNwbGF5TGFiZWwgfHwgZmllbGQuY29uZmlnPy5sYWJlbCB9fVxuICAgICAgICA8L2R0PlxuICAgICAgICA8ZGQgY2xhc3M9XCJwc2RrLWNzZi1zZWNvbmRhcnktZmllbGQtZGF0YVwiPlxuICAgICAgICAgIDxkaXYgW25nU3dpdGNoXT1cImZpZWxkLnR5cGVcIj5cbiAgICAgICAgICAgIDxsYWJlbCAqbmdTd2l0Y2hDYXNlPVwiJ1VzZXJSZWZlcmVuY2UnXCIgY2xhc3M9XCJwc2RrLXNlY29uZGFyeS12YWx1ZVwiPnt7IGZpZWxkLmNvbmZpZy52YWx1ZS51c2VyTmFtZSB8fCAnLS0tJyB9fTwvbGFiZWw+XG4gICAgICAgICAgICA8bGFiZWwgKm5nU3dpdGNoQ2FzZT1cIidDaGVja2JveCdcIiBjbGFzcz1cInBzZGstc2Vjb25kYXJ5LXZhbHVlXCI+e3sgZmllbGQuY29uZmlnLmZhbHNlTGFiZWwgfHwgJy0tLScgfX08L2xhYmVsPlxuICAgICAgICAgICAgPGxhYmVsICpuZ1N3aXRjaERlZmF1bHQgY2xhc3M9XCJwc2RrLXNlY29uZGFyeS12YWx1ZVwiPnt7IGZpZWxkLmNvbmZpZy52YWx1ZSB8fCAnLS0tJyB9fTwvbGFiZWw+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2RsPlxuPC9kaXY+XG4iXX0=

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

@@ -17,10 +17,10 @@ export class MaterialDetailsComponent {
     _formatDate(dateValue, dateFormat) {
         return this.utils.generateDate(dateValue, dateFormat);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: MaterialDetailsComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: MaterialDetailsComponent, isStandalone: true, selector: "app-material-details", inputs: { arFields$: "arFields$", arFields2$: "arFields2$", arFields3$: "arFields3$", arHighlightedFields: "arHighlightedFields", layout: "layout" }, ngImport: i0, template: "<div id=\"details-fields-list\">\n  <div\n    *ngIf=\"arHighlightedFields && arHighlightedFields.length > 0\"\n    [ngClass]=\"{\n      'psdk-grid-filter-1': this.layout === 'one-column',\n      'psdk-grid-filter-2': this.layout === 'two-column',\n      'psdk-grid-filter-3': this.layout === 'three-column',\n      'psdk-grid-filter-wide-narrow': this.layout === 'wide-narrow',\n      'psdk-grid-filter-narrow-wide': this.layout === 'narrow-wide'\n    }\"\n  >\n    <div *ngFor=\"let field of arHighlightedFields\">\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-hf\">{{ _getValue(field.config.value) }}</span>\n        <span *ngSwitchCase=\"'status'\" class=\"psdk-details-status-style-hf\">{{ _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-hf\">{{ _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  </div>\n  <div\n    [ngClass]=\"{\n      'psdk-grid-filter-1': this.layout === 'one-column',\n      'psdk-grid-filter-2': this.layout === 'two-column',\n      'psdk-grid-filter-3': this.layout === 'three-column',\n      'psdk-grid-filter-wide-narrow': this.layout === 'wide-narrow',\n      'psdk-grid-filter-narrow-wide': this.layout === 'narrow-wide'\n    }\"\n  >\n    <component-mapper *ngIf=\"arFields$\" name=\"DetailsFields\" [props]=\"{ arFields$: arFields$ }\"></component-mapper>\n    <component-mapper *ngIf=\"arFields2$\" name=\"DetailsFields\" [props]=\"{ arFields$: arFields2$ }\"></component-mapper>\n    <component-mapper *ngIf=\"arFields3$\" name=\"DetailsFields\" [props]=\"{ arFields$: arFields3$ }\"></component-mapper>\n  </div>\n</div>\n", styles: [".psdk-details-group{display:flex;flex-direction:row;justify-content:space-between}.psdk-details-fields{padding:1rem;grid-row-gap:1rem}.psdk-details-fields-primary{width:100%;display:grid;grid-template-columns:1fr;grid-column-gap:1rem;grid-row-gap:.5rem}.psdk-details-fields-single{display:grid;grid-template-columns:20ch 1fr;grid-column-gap:1rem}.psdk-details-fields-label{color:var(--app-label-color);margin:8px 0}.psdk-details-fields-value{word-break:break-word;grid-column-start:2;grid-row-start:1}span.psdk-details-text-style-hf{font-weight:500;font-size:1.25rem}span.psdk-details-text-style{font-weight:400}span.psdk-details-status-style{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}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:1.25rem;font-weight:500;line-height:1.25rem;height:1.25rem;padding:0 .5rem;text-transform:uppercase}.psdk-grid-filter-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-wide-narrow{display:grid;grid-template-columns:7fr 3fr;column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-narrow-wide{display:grid;grid-template-columns:3fr 7fr;column-gap:1rem;row-gap:1rem;align-items:start}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i2.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialDetailsComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MaterialDetailsComponent, isStandalone: true, selector: "app-material-details", inputs: { arFields$: "arFields$", arFields2$: "arFields2$", arFields3$: "arFields3$", arHighlightedFields: "arHighlightedFields", layout: "layout" }, ngImport: i0, template: "<div id=\"details-fields-list\">\n  <div\n    *ngIf=\"arHighlightedFields && arHighlightedFields.length > 0\"\n    [ngClass]=\"{\n      'psdk-grid-filter-1': this.layout === 'one-column',\n      'psdk-grid-filter-2': this.layout === 'two-column',\n      'psdk-grid-filter-3': this.layout === 'three-column',\n      'psdk-grid-filter-wide-narrow': this.layout === 'wide-narrow',\n      'psdk-grid-filter-narrow-wide': this.layout === 'narrow-wide'\n    }\"\n  >\n    <div *ngFor=\"let field of arHighlightedFields\">\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-hf\">{{ _getValue(field.config.value) }}</span>\n        <span *ngSwitchCase=\"'status'\" class=\"psdk-details-status-style-hf\">{{ _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-hf\">{{ _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  </div>\n  <div\n    [ngClass]=\"{\n      'psdk-grid-filter-1': this.layout === 'one-column',\n      'psdk-grid-filter-2': this.layout === 'two-column',\n      'psdk-grid-filter-3': this.layout === 'three-column',\n      'psdk-grid-filter-wide-narrow': this.layout === 'wide-narrow',\n      'psdk-grid-filter-narrow-wide': this.layout === 'narrow-wide'\n    }\"\n  >\n    <component-mapper *ngIf=\"arFields$\" name=\"DetailsFields\" [props]=\"{ arFields$: arFields$ }\"></component-mapper>\n    <component-mapper *ngIf=\"arFields2$\" name=\"DetailsFields\" [props]=\"{ arFields$: arFields2$ }\"></component-mapper>\n    <component-mapper *ngIf=\"arFields3$\" name=\"DetailsFields\" [props]=\"{ arFields$: arFields3$ }\"></component-mapper>\n  </div>\n</div>\n", styles: [".psdk-details-group{display:flex;flex-direction:row;justify-content:space-between}.psdk-details-fields{padding:1rem;grid-row-gap:1rem}.psdk-details-fields-primary{width:100%;display:grid;grid-template-columns:1fr;grid-column-gap:1rem;grid-row-gap:.5rem}.psdk-details-fields-single{display:grid;grid-template-columns:20ch 1fr;grid-column-gap:1rem}.psdk-details-fields-label{color:var(--app-label-color);margin:8px 0}.psdk-details-fields-value{word-break:break-word;grid-column-start:2;grid-row-start:1}span.psdk-details-text-style-hf{font-weight:500;font-size:1.25rem}span.psdk-details-text-style{font-weight:400}span.psdk-details-status-style{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}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:1.25rem;font-weight:500;line-height:1.25rem;height:1.25rem;padding:0 .5rem;text-transform:uppercase}.psdk-grid-filter-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-wide-narrow{display:grid;grid-template-columns:7fr 3fr;column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-narrow-wide{display:grid;grid-template-columns:3fr 7fr;column-gap:1rem;row-gap:1rem;align-items:start}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i2.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "18.2.12", ngImport: i0, type: MaterialDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-material-details', standalone: true, imports: [CommonModule, forwardRef(() => ComponentMapperComponent)], template: "<div id=\"details-fields-list\">\n  <div\n    *ngIf=\"arHighlightedFields && arHighlightedFields.length > 0\"\n    [ngClass]=\"{\n      'psdk-grid-filter-1': this.layout === 'one-column',\n      'psdk-grid-filter-2': this.layout === 'two-column',\n      'psdk-grid-filter-3': this.layout === 'three-column',\n      'psdk-grid-filter-wide-narrow': this.layout === 'wide-narrow',\n      'psdk-grid-filter-narrow-wide': this.layout === 'narrow-wide'\n    }\"\n  >\n    <div *ngFor=\"let field of arHighlightedFields\">\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-hf\">{{ _getValue(field.config.value) }}</span>\n        <span *ngSwitchCase=\"'status'\" class=\"psdk-details-status-style-hf\">{{ _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-hf\">{{ _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  </div>\n  <div\n    [ngClass]=\"{\n      'psdk-grid-filter-1': this.layout === 'one-column',\n      'psdk-grid-filter-2': this.layout === 'two-column',\n      'psdk-grid-filter-3': this.layout === 'three-column',\n      'psdk-grid-filter-wide-narrow': this.layout === 'wide-narrow',\n      'psdk-grid-filter-narrow-wide': this.layout === 'narrow-wide'\n    }\"\n  >\n    <component-mapper *ngIf=\"arFields$\" name=\"DetailsFields\" [props]=\"{ arFields$: arFields$ }\"></component-mapper>\n    <component-mapper *ngIf=\"arFields2$\" name=\"DetailsFields\" [props]=\"{ arFields$: arFields2$ }\"></component-mapper>\n    <component-mapper *ngIf=\"arFields3$\" name=\"DetailsFields\" [props]=\"{ arFields$: arFields3$ }\"></component-mapper>\n  </div>\n</div>\n", styles: [".psdk-details-group{display:flex;flex-direction:row;justify-content:space-between}.psdk-details-fields{padding:1rem;grid-row-gap:1rem}.psdk-details-fields-primary{width:100%;display:grid;grid-template-columns:1fr;grid-column-gap:1rem;grid-row-gap:.5rem}.psdk-details-fields-single{display:grid;grid-template-columns:20ch 1fr;grid-column-gap:1rem}.psdk-details-fields-label{color:var(--app-label-color);margin:8px 0}.psdk-details-fields-value{word-break:break-word;grid-column-start:2;grid-row-start:1}span.psdk-details-text-style-hf{font-weight:500;font-size:1.25rem}span.psdk-details-text-style{font-weight:400}span.psdk-details-status-style{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}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:1.25rem;font-weight:500;line-height:1.25rem;height:1.25rem;padding:0 .5rem;text-transform:uppercase}.psdk-grid-filter-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-wide-narrow{display:grid;grid-template-columns:7fr 3fr;column-gap:1rem;row-gap:1rem;align-items:start}.psdk-grid-filter-narrow-wide{display:grid;grid-template-columns:3fr 7fr;column-gap:1rem;row-gap:1rem;align-items:start}\n"] }]
         }], ctorParameters: () => [{ type: i1.Utils }], propDecorators: { arFields$: [{

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

@@ -20,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: "18.2.12", ngImport: i0, type: MaterialDetailsFieldsComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.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, 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"] }] }); }
+    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: "18.2.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, 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"] }]
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtZGV0YWlscy1maWVsZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci1zZGstY29tcG9uZW50cy9zcmMvbGliL19jb21wb25lbnRzL2Rlc2lnblN5c3RlbUV4dGVuc2lvbi9tYXRlcmlhbC1kZXRhaWxzLWZpZWxkcy9tYXRlcmlhbC1kZXRhaWxzLWZpZWxkcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvZGVzaWduU3lzdGVtRXh0ZW5zaW9uL21hdGVyaWFsLWRldGFpbHMtZmllbGRzL21hdGVyaWFsLWRldGFpbHMtZmllbGRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOERBQThELENBQUM7Ozs7QUFTeEcsTUFBTSxPQUFPLDhCQUE4QjtJQUN6QyxZQUFvQixLQUFZO1FBQVosVUFBSyxHQUFMLEtBQUssQ0FBTztJQUFHLENBQUM7SUFLcEMsU0FBUyxDQUFDLFdBQVcsRUFBRSxRQUFhLEVBQUU7UUFDcEMsSUFBSSxLQUFLLEVBQUUsSUFBSSxLQUFLLGVBQWUsRUFBRSxDQUFDO1lBQ3BDLE9BQU8sV0FBVyxDQUFDLFFBQVEsQ0FBQztRQUM5QixDQUFDO1FBQ0QsSUFBSSxXQUFXLElBQUksV0FBVyxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ3JDLE9BQU8sV0FBVyxDQUFDO1FBQ3JCLENBQUM7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxXQUFXLENBQUMsU0FBaUIsRUFBRSxVQUFrQjtRQUMvQyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUN4RCxDQUFDOytHQWxCVSw4QkFBOEI7bUdBQTlCLDhCQUE4Qix1S0NaM0MsNGtEQTZCQSxpb0JEbkJZLFlBQVksMG9CQUFtQix3QkFBd0I7OzRGQUV0RCw4QkFBOEI7a0JBUDFDLFNBQVM7K0JBQ0UsNkJBQTZCLGNBRzNCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUMsQ0FBQzswRUFLMUQsU0FBUztzQkFBakIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVdGlscyB9IGZyb20gJy4uLy4uLy4uL19oZWxwZXJzL3V0aWxzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnRNYXBwZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9fYnJpZGdlL2NvbXBvbmVudC1tYXBwZXIvY29tcG9uZW50LW1hcHBlci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbWF0ZXJpYWwtZGV0YWlscy1maWVsZHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZXJpYWwtZGV0YWlscy1maWVsZHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlcmlhbC1kZXRhaWxzLWZpZWxkcy5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBmb3J3YXJkUmVmKCgpID0+IENvbXBvbmVudE1hcHBlckNvbXBvbmVudCldXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVyaWFsRGV0YWlsc0ZpZWxkc0NvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdXRpbHM6IFV0aWxzKSB7fVxuXG4gIEBJbnB1dCgpIGFyRmllbGRzJDogYW55W107XG4gIEBJbnB1dCgpIGFySGlnaGxpZ2h0ZWRGaWVsZHM6IGFueVtdO1xuXG4gIF9nZXRWYWx1ZShjb25maWdWYWx1ZSwgZmllbGQ6IGFueSA9IHt9KSB7XG4gICAgaWYgKGZpZWxkPy50eXBlID09PSAndXNlcnJlZmVyZW5jZScpIHtcbiAgICAgIHJldHVybiBjb25maWdWYWx1ZS51c2VyTmFtZTtcbiAgICB9XG4gICAgaWYgKGNvbmZpZ1ZhbHVlICYmIGNvbmZpZ1ZhbHVlICE9ICcnKSB7XG4gICAgICByZXR1cm4gY29uZmlnVmFsdWU7XG4gICAgfVxuICAgIHJldHVybiAnLS0tJztcbiAgfVxuXG4gIF9mb3JtYXREYXRlKGRhdGVWYWx1ZTogc3RyaW5nLCBkYXRlRm9ybWF0OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnV0aWxzLmdlbmVyYXRlRGF0ZShkYXRlVmFsdWUsIGRhdGVGb3JtYXQpO1xuICB9XG59XG4iLCI8ZGl2IGlkPVwiZGV0YWlscy1maWVsZHMtbGlzdFwiPlxuICA8ZGl2ICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBhckZpZWxkcyRcIj5cbiAgICA8ZGl2ICpuZ0lmPVwiZmllbGQudHlwZSA9PT0gJ2dyb3VwJzsgZWxzZSBub0dyb3VwXCI+XG4gICAgICA8Y29tcG9uZW50LW1hcHBlciBuYW1lPVwiR3JvdXBcIiBbcHJvcHNdPVwieyBwQ29ubiQ6IGZpZWxkLnBDb25uIH1cIj48L2NvbXBvbmVudC1tYXBwZXI+XG4gICAgPC9kaXY+XG4gICAgPG5nLXRlbXBsYXRlICNub0dyb3VwPlxuICAgICAgPGRpdiAqbmdJZj1cImZpZWxkLnR5cGUgPT09ICdyZWZlcmVuY2UnOyBlbHNlIHNob3dEZXRhaWxzXCI+XG4gICAgICAgIDxjb21wb25lbnQtbWFwcGVyIG5hbWU9XCJWaWV3XCIgW3Byb3BzXT1cInsgcENvbm4kOiBmaWVsZC5wQ29ubiB9XCI+PC9jb21wb25lbnQtbWFwcGVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy10ZW1wbGF0ZSAjc2hvd0RldGFpbHM+XG4gICAgICA8ZGl2IGNsYXNzPVwicHNkay1ncmlkLWZpbHRlclwiICpuZ0lmPVwiZmllbGQuY29uZmlnLmxhYmVsXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwc2RrLWRldGFpbHMtZmllbGRzLWxhYmVsXCI+XG4gICAgICAgICAge3sgZmllbGQuY29uZmlnLmxhYmVsIH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IFtuZ1N3aXRjaF09XCJmaWVsZC50eXBlLnRvTG93ZXJDYXNlKClcIiBjbGFzcz1cInBzZGstY3NmLXByaW1hcnktZmllbGQtdmFsdWVcIj5cbiAgICAgICAgICA8c3BhbiAqbmdTd2l0Y2hDYXNlPVwiJ3RleHRpbnB1dCdcIiBjbGFzcz1cInBzZGstZGV0YWlscy10ZXh0LXN0eWxlXCI+e3sgX2dldFZhbHVlKGZpZWxkLmNvbmZpZy52YWx1ZSkgfX08L3NwYW4+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoQ2FzZT1cIidzdGF0dXMnXCIgY2xhc3M9XCJwc2RrLWRldGFpbHMtc3RhdHVzLXN0eWxlXCI+e3sgX2dldFZhbHVlKGZpZWxkLmNvbmZpZy52YWx1ZSkgfX08L3NwYW4+XG4gICAgICAgICAgPGEgKm5nU3dpdGNoQ2FzZT1cIidwaG9uZSdcIiBhcz1cImFcIiBocmVmPVwidGVsOiB7eyBmaWVsZC5jb25maWcudmFsdWUgfX1cIj57eyBfZ2V0VmFsdWUoZmllbGQuY29uZmlnLnZhbHVlKSB9fTwvYT5cbiAgICAgICAgICA8YSAqbmdTd2l0Y2hDYXNlPVwiJ2VtYWlsJ1wiIGhyZWY9XCJtYWlsdG86IHt7IGZpZWxkLmNvbmZpZy52YWx1ZSB9fVwiPnt7IF9nZXRWYWx1ZShmaWVsZC5jb25maWcudmFsdWUpIH19PC9hPlxuICAgICAgICAgIDxzcGFuICpuZ1N3aXRjaENhc2U9XCInZGF0ZSdcIiBjbGFzcz1cInBzZGstZGV0YWlscy10ZXh0LXN0eWxlXCI+e3sgX2Zvcm1hdERhdGUoZmllbGQuY29uZmlnLnZhbHVlLCBmaWVsZC50eXBlKSB9fTwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiAqbmdTd2l0Y2hDYXNlPVwiJ2Nhc2VvcGVyYXRvcidcIj48L3NwYW4+XG4gICAgICAgICAgPHNwYW4gKm5nU3dpdGNoRGVmYXVsdD57eyBfZ2V0VmFsdWUoZmllbGQuY29uZmlnLnZhbHVlLCBmaWVsZCkgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# 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: "18.2.12", ngImport: i0, type: MaterialSummaryItemComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.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: "18.2.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: "18.2.12", ngImport: i0, type: MaterialSummaryListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.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: "18.2.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: "18.2.12", ngImport: i0, type: MaterialUtilityComponent, deps: [{ token: i1.Utils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.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: "18.2.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$: [{