@pega/angular-sdk-components 0.23.1

package/esm2022/lib/_components/template/details-narrow-wide/details-narrow-wide.component.mjs

@@ -0,0 +1,72 @@
+import { Component, Input, forwardRef } from '@angular/core';
+import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../_bridge/angular-pconnect";
+export class DetailsNarrowWideComponent {
+    constructor(angularPConnect) {
+        this.angularPConnect = angularPConnect;
+        this.arFields$ = [];
+        this.arFields2$ = [];
+        this.highlightedDataArr = [];
+        // Used with AngularPConnect
+        this.angularPConnectData = {};
+    }
+    ngOnInit() {
+        // First thing in initialization is registering and subscribing to the AngularPConnect service
+        this.angularPConnectData = this.angularPConnect.registerAndSubscribeComponent(this, this.onStateChange);
+        // this.updateSelf();
+        this.checkAndUpdate();
+    }
+    ngOnDestroy() {
+        if (this.angularPConnectData.unsubscribeFn) {
+            this.angularPConnectData.unsubscribeFn();
+        }
+    }
+    onStateChange() {
+        this.checkAndUpdate();
+    }
+    checkAndUpdate() {
+        // Should always check the bridge to see if the component should
+        // update itself (re-render)
+        const bUpdateSelf = this.angularPConnect.shouldComponentUpdate(this);
+        // ONLY call updateSelf when the component should update
+        if (bUpdateSelf) {
+            this.updateSelf();
+        }
+    }
+    updateSelf() {
+        const rawMetaData = this.pConn$.resolveConfigProps(this.pConn$.getRawMetadata().config);
+        this.showHighlightedData = rawMetaData?.showHighlightedData;
+        if (this.showHighlightedData) {
+            const highlightedData = rawMetaData?.highlightedData;
+            this.highlightedDataArr = highlightedData.map(field => {
+                field.config.displayMode = 'STACKED_LARGE_VAL';
+                if (field.config.value === '@P .pyStatusWork') {
+                    field.type = 'TextInput';
+                    field.config.displayAsStatus = true;
+                }
+                return field;
+            });
+        }
+        const kids = this.pConn$.getChildren();
+        for (const kid of kids) {
+            const pKid = kid.getPConnect();
+            const pKidData = pKid.resolveConfigProps(pKid.getRawMetadata());
+            if (kids.indexOf(kid) == 0) {
+                this.arFields$ = pKidData.children;
+            }
+            else {
+                this.arFields2$ = pKidData.children;
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsNarrowWideComponent, deps: [{ token: i1.AngularPConnectService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DetailsNarrowWideComponent, isStandalone: true, selector: "app-details-narrow-wide", inputs: { pConn$: "pConn$" }, ngImport: i0, template: "<component-mapper\n  name=\"MaterialDetails\"\n  [props]=\"{ arFields$, arFields2$, arHighlightedFields: highlightedDataArr, layout: 'narrow-wide' }\"\n></component-mapper>\n", styles: [".psdk-grid-filter{display:grid;grid-template-columns:3fr 7fr;column-gap:1rem;row-gap:1rem;align-items:start}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(function () { return ComponentMapperComponent; }), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsNarrowWideComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-details-narrow-wide', standalone: true, imports: [forwardRef(() => ComponentMapperComponent)], template: "<component-mapper\n  name=\"MaterialDetails\"\n  [props]=\"{ arFields$, arFields2$, arHighlightedFields: highlightedDataArr, layout: 'narrow-wide' }\"\n></component-mapper>\n", styles: [".psdk-grid-filter{display:grid;grid-template-columns:3fr 7fr;column-gap:1rem;row-gap:1rem;align-items:start}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.AngularPConnectService }]; }, propDecorators: { pConn$: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlscy1uYXJyb3ctd2lkZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvdGVtcGxhdGUvZGV0YWlscy1uYXJyb3ctd2lkZS9kZXRhaWxzLW5hcnJvdy13aWRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItc2RrLWNvbXBvbmVudHMvc3JjL2xpYi9fY29tcG9uZW50cy90ZW1wbGF0ZS9kZXRhaWxzLW5hcnJvdy13aWRlL2RldGFpbHMtbmFycm93LXdpZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBRWhGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDhEQUE4RCxDQUFDOzs7QUFTeEcsTUFBTSxPQUFPLDBCQUEwQjtJQUNyQyxZQUFvQixlQUF1QztRQUF2QyxvQkFBZSxHQUFmLGVBQWUsQ0FBd0I7UUFJM0QsY0FBUyxHQUFVLEVBQUUsQ0FBQztRQUN0QixlQUFVLEdBQVUsRUFBRSxDQUFDO1FBQ3ZCLHVCQUFrQixHQUFVLEVBQUUsQ0FBQztRQUUvQiw0QkFBNEI7UUFDNUIsd0JBQW1CLEdBQXdCLEVBQUUsQ0FBQztJQVRnQixDQUFDO0lBVy9ELFFBQVE7UUFDTiw4RkFBOEY7UUFDOUYsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsNkJBQTZCLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUV4RyxxQkFBcUI7UUFDckIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxFQUFFO1lBQzFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUMxQztJQUNILENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxjQUFjO1FBQ1osZ0VBQWdFO1FBQ2hFLDRCQUE0QjtRQUM1QixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXJFLHdEQUF3RDtRQUN4RCxJQUFJLFdBQVcsRUFBRTtZQUNmLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNuQjtJQUNILENBQUM7SUFFRCxVQUFVO1FBQ1IsTUFBTSxXQUFXLEdBQVEsSUFBSSxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBRSxJQUFJLENBQUMsTUFBTSxDQUFDLGNBQWMsRUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3RHLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxXQUFXLEVBQUUsbUJBQW1CLENBQUM7UUFFNUQsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUU7WUFDNUIsTUFBTSxlQUFlLEdBQUcsV0FBVyxFQUFFLGVBQWUsQ0FBQztZQUNyRCxJQUFJLENBQUMsa0JBQWtCLEdBQUcsZUFBZSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDcEQsS0FBSyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsbUJBQW1CLENBQUM7Z0JBRS9DLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEtBQUssa0JBQWtCLEVBQUU7b0JBQzdDLEtBQUssQ0FBQyxJQUFJLEdBQUcsV0FBVyxDQUFDO29CQUN6QixLQUFLLENBQUMsTUFBTSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7aUJBQ3JDO2dCQUVELE9BQU8sS0FBSyxDQUFDO1lBQ2YsQ0FBQyxDQUFDLENBQUM7U0FDSjtRQUVELE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFXLENBQUM7UUFDaEQsS0FBSyxNQUFNLEdBQUcsSUFBSSxJQUFJLEVBQUU7WUFDdEIsTUFBTSxJQUFJLEdBQUcsR0FBRyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQy9CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsQ0FBQztZQUNoRSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUM7YUFDcEM7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLFVBQVUsR0FBRyxRQUFRLENBQUMsUUFBUSxDQUFDO2FBQ3JDO1NBQ0Y7SUFDSCxDQUFDOytHQXJFVSwwQkFBMEI7bUdBQTFCLDBCQUEwQixpSENYdkMsZ0xBSUEsMk1ESzZCLHdCQUF3Qjs7NEZBRXhDLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSx5QkFBeUIsY0FHdkIsSUFBSSxXQUNQLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDLENBQUM7NkdBSzVDLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgZm9yd2FyZFJlZiwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBbmd1bGFyUENvbm5lY3REYXRhLCBBbmd1bGFyUENvbm5lY3RTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vX2JyaWRnZS9hbmd1bGFyLXBjb25uZWN0JztcbmltcG9ydCB7IENvbXBvbmVudE1hcHBlckNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL19icmlkZ2UvY29tcG9uZW50LW1hcHBlci9jb21wb25lbnQtbWFwcGVyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1kZXRhaWxzLW5hcnJvdy13aWRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RldGFpbHMtbmFycm93LXdpZGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kZXRhaWxzLW5hcnJvdy13aWRlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtmb3J3YXJkUmVmKCgpID0+IENvbXBvbmVudE1hcHBlckNvbXBvbmVudCldXG59KVxuZXhwb3J0IGNsYXNzIERldGFpbHNOYXJyb3dXaWRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGFuZ3VsYXJQQ29ubmVjdDogQW5ndWxhclBDb25uZWN0U2VydmljZSkge31cblxuICBASW5wdXQoKSBwQ29ubiQ6IHR5cGVvZiBQQ29ubmVjdDtcblxuICBhckZpZWxkcyQ6IGFueVtdID0gW107XG4gIGFyRmllbGRzMiQ6IGFueVtdID0gW107XG4gIGhpZ2hsaWdodGVkRGF0YUFycjogYW55W10gPSBbXTtcbiAgc2hvd0hpZ2hsaWdodGVkRGF0YTogYm9vbGVhbjtcbiAgLy8gVXNlZCB3aXRoIEFuZ3VsYXJQQ29ubmVjdFxuICBhbmd1bGFyUENvbm5lY3REYXRhOiBBbmd1bGFyUENvbm5lY3REYXRhID0ge307XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy8gRmlyc3QgdGhpbmcgaW4gaW5pdGlhbGl6YXRpb24gaXMgcmVnaXN0ZXJpbmcgYW5kIHN1YnNjcmliaW5nIHRvIHRoZSBBbmd1bGFyUENvbm5lY3Qgc2VydmljZVxuICAgIHRoaXMuYW5ndWxhclBDb25uZWN0RGF0YSA9IHRoaXMuYW5ndWxhclBDb25uZWN0LnJlZ2lzdGVyQW5kU3Vic2NyaWJlQ29tcG9uZW50KHRoaXMsIHRoaXMub25TdGF0ZUNoYW5nZSk7XG5cbiAgICAvLyB0aGlzLnVwZGF0ZVNlbGYoKTtcbiAgICB0aGlzLmNoZWNrQW5kVXBkYXRlKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5hbmd1bGFyUENvbm5lY3REYXRhLnVuc3Vic2NyaWJlRm4pIHtcbiAgICAgIHRoaXMuYW5ndWxhclBDb25uZWN0RGF0YS51bnN1YnNjcmliZUZuKCk7XG4gICAgfVxuICB9XG5cbiAgb25TdGF0ZUNoYW5nZSgpIHtcbiAgICB0aGlzLmNoZWNrQW5kVXBkYXRlKCk7XG4gIH1cblxuICBjaGVja0FuZFVwZGF0ZSgpIHtcbiAgICAvLyBTaG91bGQgYWx3YXlzIGNoZWNrIHRoZSBicmlkZ2UgdG8gc2VlIGlmIHRoZSBjb21wb25lbnQgc2hvdWxkXG4gICAgLy8gdXBkYXRlIGl0c2VsZiAocmUtcmVuZGVyKVxuICAgIGNvbnN0IGJVcGRhdGVTZWxmID0gdGhpcy5hbmd1bGFyUENvbm5lY3Quc2hvdWxkQ29tcG9uZW50VXBkYXRlKHRoaXMpO1xuXG4gICAgLy8gT05MWSBjYWxsIHVwZGF0ZVNlbGYgd2hlbiB0aGUgY29tcG9uZW50IHNob3VsZCB1cGRhdGVcbiAgICBpZiAoYlVwZGF0ZVNlbGYpIHtcbiAgICAgIHRoaXMudXBkYXRlU2VsZigpO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZVNlbGYoKSB7XG4gICAgY29uc3QgcmF3TWV0YURhdGE6IGFueSA9IHRoaXMucENvbm4kLnJlc29sdmVDb25maWdQcm9wcygodGhpcy5wQ29ubiQuZ2V0UmF3TWV0YWRhdGEoKSBhcyBhbnkpLmNvbmZpZyk7XG4gICAgdGhpcy5zaG93SGlnaGxpZ2h0ZWREYXRhID0gcmF3TWV0YURhdGE/LnNob3dIaWdobGlnaHRlZERhdGE7XG5cbiAgICBpZiAodGhpcy5zaG93SGlnaGxpZ2h0ZWREYXRhKSB7XG4gICAgICBjb25zdCBoaWdobGlnaHRlZERhdGEgPSByYXdNZXRhRGF0YT8uaGlnaGxpZ2h0ZWREYXRhO1xuICAgICAgdGhpcy5oaWdobGlnaHRlZERhdGFBcnIgPSBoaWdobGlnaHRlZERhdGEubWFwKGZpZWxkID0+IHtcbiAgICAgICAgZmllbGQuY29uZmlnLmRpc3BsYXlNb2RlID0gJ1NUQUNLRURfTEFSR0VfVkFMJztcblxuICAgICAgICBpZiAoZmllbGQuY29uZmlnLnZhbHVlID09PSAnQFAgLnB5U3RhdHVzV29yaycpIHtcbiAgICAgICAgICBmaWVsZC50eXBlID0gJ1RleHRJbnB1dCc7XG4gICAgICAgICAgZmllbGQuY29uZmlnLmRpc3BsYXlBc1N0YXR1cyA9IHRydWU7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZmllbGQ7XG4gICAgICB9KTtcbiAgICB9XG5cbiAgICBjb25zdCBraWRzID0gdGhpcy5wQ29ubiQuZ2V0Q2hpbGRyZW4oKSBhcyBhbnlbXTtcbiAgICBmb3IgKGNvbnN0IGtpZCBvZiBraWRzKSB7XG4gICAgICBjb25zdCBwS2lkID0ga2lkLmdldFBDb25uZWN0KCk7XG4gICAgICBjb25zdCBwS2lkRGF0YSA9IHBLaWQucmVzb2x2ZUNvbmZpZ1Byb3BzKHBLaWQuZ2V0UmF3TWV0YWRhdGEoKSk7XG4gICAgICBpZiAoa2lkcy5pbmRleE9mKGtpZCkgPT0gMCkge1xuICAgICAgICB0aGlzLmFyRmllbGRzJCA9IHBLaWREYXRhLmNoaWxkcmVuO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5hckZpZWxkczIkID0gcEtpZERhdGEuY2hpbGRyZW47XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8Y29tcG9uZW50LW1hcHBlclxuICBuYW1lPVwiTWF0ZXJpYWxEZXRhaWxzXCJcbiAgW3Byb3BzXT1cInsgYXJGaWVsZHMkLCBhckZpZWxkczIkLCBhckhpZ2hsaWdodGVkRmllbGRzOiBoaWdobGlnaHRlZERhdGFBcnIsIGxheW91dDogJ25hcnJvdy13aWRlJyB9XCJcbj48L2NvbXBvbmVudC1tYXBwZXI+XG4iXX0=

package/esm2022/lib/_components/template/details-one-column/details-one-column.component.mjs

@@ -0,0 +1,71 @@
+import { Component, Input, forwardRef } from '@angular/core';
+import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../_bridge/angular-pconnect";
+export class DetailsOneColumnComponent {
+    constructor(angularPConnect) {
+        this.angularPConnect = angularPConnect;
+        this.arFields$ = [];
+        // Used with AngularPConnect
+        this.angularPConnectData = {};
+    }
+    ngOnInit() {
+        // First thing in initialization is registering and subscribing to the AngularPConnect service
+        this.angularPConnectData = this.angularPConnect.registerAndSubscribeComponent(this, this.onStateChange);
+        // this.updateSelf();
+        this.checkAndUpdate();
+    }
+    ngOnDestroy() {
+        if (this.angularPConnectData.unsubscribeFn) {
+            this.angularPConnectData.unsubscribeFn();
+        }
+    }
+    onStateChange() {
+        this.checkAndUpdate();
+    }
+    checkAndUpdate() {
+        // Should always check the bridge to see if the component should
+        // update itself (re-render)
+        const bUpdateSelf = this.angularPConnect.shouldComponentUpdate(this);
+        // ONLY call updateSelf when the component should update
+        if (bUpdateSelf) {
+            this.updateSelf();
+        }
+    }
+    updateSelf() {
+        const rawMetaData = this.pConn$.resolveConfigProps(this.pConn$.getRawMetadata().config);
+        this.showHighlightedData = rawMetaData?.showHighlightedData;
+        if (this.showHighlightedData) {
+            const highlightedData = rawMetaData?.highlightedData;
+            this.highlightedDataArr = highlightedData.map(field => {
+                field.config.displayMode = 'STACKED_LARGE_VAL';
+                if (field.config.value === '@P .pyStatusWork') {
+                    field.type = 'TextInput';
+                    field.config.displayAsStatus = true;
+                }
+                return field;
+            });
+        }
+        this.pConn$.setInheritedProp('displayMode', 'LABELS_LEFT');
+        this.pConn$.setInheritedProp('readOnly', true);
+        const kids = this.pConn$.getChildren();
+        for (const kid of kids) {
+            const pKid = kid.getPConnect();
+            const pKidData = pKid.resolveConfigProps(pKid.getRawMetadata());
+            if (kids.indexOf(kid) == 0) {
+                this.arFields$ = pKidData.children;
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsOneColumnComponent, deps: [{ token: i1.AngularPConnectService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DetailsOneColumnComponent, isStandalone: true, selector: "app-details-one-column", inputs: { pConn$: "pConn$", formGroup$: "formGroup$" }, ngImport: i0, template: "<component-mapper name=\"MaterialDetails\" [props]=\"{ arFields$, arHighlightedFields: highlightedDataArr, layout: 'one-column' }\"></component-mapper>\n", styles: [""], dependencies: [{ kind: "component", type: i0.forwardRef(function () { return ComponentMapperComponent; }), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsOneColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-details-one-column', standalone: true, imports: [forwardRef(() => ComponentMapperComponent)], template: "<component-mapper name=\"MaterialDetails\" [props]=\"{ arFields$, arHighlightedFields: highlightedDataArr, layout: 'one-column' }\"></component-mapper>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.AngularPConnectService }]; }, propDecorators: { pConn$: [{
+                type: Input
+            }], formGroup$: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlscy1vbmUtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItc2RrLWNvbXBvbmVudHMvc3JjL2xpYi9fY29tcG9uZW50cy90ZW1wbGF0ZS9kZXRhaWxzLW9uZS1jb2x1bW4vZGV0YWlscy1vbmUtY29sdW1uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItc2RrLWNvbXBvbmVudHMvc3JjL2xpYi9fY29tcG9uZW50cy90ZW1wbGF0ZS9kZXRhaWxzLW9uZS1jb2x1bW4vZGV0YWlscy1vbmUtY29sdW1uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLFVBQVUsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUdoRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQzs7O0FBU3hHLE1BQU0sT0FBTyx5QkFBeUI7SUFDcEMsWUFBb0IsZUFBdUM7UUFBdkMsb0JBQWUsR0FBZixlQUFlLENBQXdCO1FBTzNELGNBQVMsR0FBVSxFQUFFLENBQUM7UUFFdEIsNEJBQTRCO1FBQzVCLHdCQUFtQixHQUF3QixFQUFFLENBQUM7SUFWZ0IsQ0FBQztJQVkvRCxRQUFRO1FBQ04sOEZBQThGO1FBQzlGLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLDZCQUE2QixDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFFeEcscUJBQXFCO1FBQ3JCLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsRUFBRTtZQUMxQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDMUM7SUFDSCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsY0FBYztRQUNaLGdFQUFnRTtRQUNoRSw0QkFBNEI7UUFDNUIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVyRSx3REFBd0Q7UUFDeEQsSUFBSSxXQUFXLEVBQUU7WUFDZixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDbkI7SUFDSCxDQUFDO0lBRUQsVUFBVTtRQUNSLE1BQU0sV0FBVyxHQUFRLElBQUksQ0FBQyxNQUFNLENBQUMsa0JBQWtCLENBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjLEVBQVUsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0RyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsV0FBVyxFQUFFLG1CQUFtQixDQUFDO1FBRTVELElBQUksSUFBSSxDQUFDLG1CQUFtQixFQUFFO1lBQzVCLE1BQU0sZUFBZSxHQUFHLFdBQVcsRUFBRSxlQUFlLENBQUM7WUFDckQsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGVBQWUsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQ3BELEtBQUssQ0FBQyxNQUFNLENBQUMsV0FBVyxHQUFHLG1CQUFtQixDQUFDO2dCQUUvQyxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxLQUFLLGtCQUFrQixFQUFFO29CQUM3QyxLQUFLLENBQUMsSUFBSSxHQUFHLFdBQVcsQ0FBQztvQkFDekIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO2lCQUNyQztnQkFFRCxPQUFPLEtBQUssQ0FBQztZQUNmLENBQUMsQ0FBQyxDQUFDO1NBQ0o7UUFFRCxJQUFJLENBQUMsTUFBTSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsRUFBRSxhQUFhLENBQUMsQ0FBQztRQUMzRCxJQUFJLENBQUMsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUUvQyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBVyxDQUFDO1FBQ2hELEtBQUssTUFBTSxHQUFHLElBQUksSUFBSSxFQUFFO1lBQ3RCLE1BQU0sSUFBSSxHQUFHLEdBQUcsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUMvQixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7WUFDaEUsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDMUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUMsUUFBUSxDQUFDO2FBQ3BDO1NBQ0Y7SUFDSCxDQUFDOytHQXZFVSx5QkFBeUI7bUdBQXpCLHlCQUF5QiwwSUNadEMsMkpBQ0EsNkZEUzZCLHdCQUF3Qjs7NEZBRXhDLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFDRSx3QkFBd0IsY0FHdEIsSUFBSSxXQUNQLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDLENBQUM7NkdBSzVDLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBmb3J3YXJkUmVmLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFuZ3VsYXJQQ29ubmVjdERhdGEsIEFuZ3VsYXJQQ29ubmVjdFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9fYnJpZGdlL2FuZ3VsYXItcGNvbm5lY3QnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ29tcG9uZW50TWFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vX2JyaWRnZS9jb21wb25lbnQtbWFwcGVyL2NvbXBvbmVudC1tYXBwZXIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWRldGFpbHMtb25lLWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kZXRhaWxzLW9uZS1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kZXRhaWxzLW9uZS1jb2x1bW4uY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW2ZvcndhcmRSZWYoKCkgPT4gQ29tcG9uZW50TWFwcGVyQ29tcG9uZW50KV1cbn0pXG5leHBvcnQgY2xhc3MgRGV0YWlsc09uZUNvbHVtbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhbmd1bGFyUENvbm5lY3Q6IEFuZ3VsYXJQQ29ubmVjdFNlcnZpY2UpIHt9XG5cbiAgQElucHV0KCkgcENvbm4kOiB0eXBlb2YgUENvbm5lY3Q7XG4gIEBJbnB1dCgpIGZvcm1Hcm91cCQ6IEZvcm1Hcm91cDtcbiAgc2hvd0hpZ2hsaWdodGVkRGF0YTogYm9vbGVhbjtcbiAgaGlnaGxpZ2h0ZWREYXRhQXJyOiBhbnk7XG5cbiAgYXJGaWVsZHMkOiBhbnlbXSA9IFtdO1xuXG4gIC8vIFVzZWQgd2l0aCBBbmd1bGFyUENvbm5lY3RcbiAgYW5ndWxhclBDb25uZWN0RGF0YTogQW5ndWxhclBDb25uZWN0RGF0YSA9IHt9O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIEZpcnN0IHRoaW5nIGluIGluaXRpYWxpemF0aW9uIGlzIHJlZ2lzdGVyaW5nIGFuZCBzdWJzY3JpYmluZyB0byB0aGUgQW5ndWxhclBDb25uZWN0IHNlcnZpY2VcbiAgICB0aGlzLmFuZ3VsYXJQQ29ubmVjdERhdGEgPSB0aGlzLmFuZ3VsYXJQQ29ubmVjdC5yZWdpc3RlckFuZFN1YnNjcmliZUNvbXBvbmVudCh0aGlzLCB0aGlzLm9uU3RhdGVDaGFuZ2UpO1xuXG4gICAgLy8gdGhpcy51cGRhdGVTZWxmKCk7XG4gICAgdGhpcy5jaGVja0FuZFVwZGF0ZSgpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuYW5ndWxhclBDb25uZWN0RGF0YS51bnN1YnNjcmliZUZuKSB7XG4gICAgICB0aGlzLmFuZ3VsYXJQQ29ubmVjdERhdGEudW5zdWJzY3JpYmVGbigpO1xuICAgIH1cbiAgfVxuXG4gIG9uU3RhdGVDaGFuZ2UoKSB7XG4gICAgdGhpcy5jaGVja0FuZFVwZGF0ZSgpO1xuICB9XG5cbiAgY2hlY2tBbmRVcGRhdGUoKSB7XG4gICAgLy8gU2hvdWxkIGFsd2F5cyBjaGVjayB0aGUgYnJpZGdlIHRvIHNlZSBpZiB0aGUgY29tcG9uZW50IHNob3VsZFxuICAgIC8vIHVwZGF0ZSBpdHNlbGYgKHJlLXJlbmRlcilcbiAgICBjb25zdCBiVXBkYXRlU2VsZiA9IHRoaXMuYW5ndWxhclBDb25uZWN0LnNob3VsZENvbXBvbmVudFVwZGF0ZSh0aGlzKTtcblxuICAgIC8vIE9OTFkgY2FsbCB1cGRhdGVTZWxmIHdoZW4gdGhlIGNvbXBvbmVudCBzaG91bGQgdXBkYXRlXG4gICAgaWYgKGJVcGRhdGVTZWxmKSB7XG4gICAgICB0aGlzLnVwZGF0ZVNlbGYoKTtcbiAgICB9XG4gIH1cblxuICB1cGRhdGVTZWxmKCkge1xuICAgIGNvbnN0IHJhd01ldGFEYXRhOiBhbnkgPSB0aGlzLnBDb25uJC5yZXNvbHZlQ29uZmlnUHJvcHMoKHRoaXMucENvbm4kLmdldFJhd01ldGFkYXRhKCkgYXMgYW55KS5jb25maWcpO1xuICAgIHRoaXMuc2hvd0hpZ2hsaWdodGVkRGF0YSA9IHJhd01ldGFEYXRhPy5zaG93SGlnaGxpZ2h0ZWREYXRhO1xuXG4gICAgaWYgKHRoaXMuc2hvd0hpZ2hsaWdodGVkRGF0YSkge1xuICAgICAgY29uc3QgaGlnaGxpZ2h0ZWREYXRhID0gcmF3TWV0YURhdGE/LmhpZ2hsaWdodGVkRGF0YTtcbiAgICAgIHRoaXMuaGlnaGxpZ2h0ZWREYXRhQXJyID0gaGlnaGxpZ2h0ZWREYXRhLm1hcChmaWVsZCA9PiB7XG4gICAgICAgIGZpZWxkLmNvbmZpZy5kaXNwbGF5TW9kZSA9ICdTVEFDS0VEX0xBUkdFX1ZBTCc7XG5cbiAgICAgICAgaWYgKGZpZWxkLmNvbmZpZy52YWx1ZSA9PT0gJ0BQIC5weVN0YXR1c1dvcmsnKSB7XG4gICAgICAgICAgZmllbGQudHlwZSA9ICdUZXh0SW5wdXQnO1xuICAgICAgICAgIGZpZWxkLmNvbmZpZy5kaXNwbGF5QXNTdGF0dXMgPSB0cnVlO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGZpZWxkO1xuICAgICAgfSk7XG4gICAgfVxuXG4gICAgdGhpcy5wQ29ubiQuc2V0SW5oZXJpdGVkUHJvcCgnZGlzcGxheU1vZGUnLCAnTEFCRUxTX0xFRlQnKTtcbiAgICB0aGlzLnBDb25uJC5zZXRJbmhlcml0ZWRQcm9wKCdyZWFkT25seScsIHRydWUpO1xuXG4gICAgY29uc3Qga2lkcyA9IHRoaXMucENvbm4kLmdldENoaWxkcmVuKCkgYXMgYW55W107XG4gICAgZm9yIChjb25zdCBraWQgb2Yga2lkcykge1xuICAgICAgY29uc3QgcEtpZCA9IGtpZC5nZXRQQ29ubmVjdCgpO1xuICAgICAgY29uc3QgcEtpZERhdGEgPSBwS2lkLnJlc29sdmVDb25maWdQcm9wcyhwS2lkLmdldFJhd01ldGFkYXRhKCkpO1xuICAgICAgaWYgKGtpZHMuaW5kZXhPZihraWQpID09IDApIHtcbiAgICAgICAgdGhpcy5hckZpZWxkcyQgPSBwS2lkRGF0YS5jaGlsZHJlbjtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxjb21wb25lbnQtbWFwcGVyIG5hbWU9XCJNYXRlcmlhbERldGFpbHNcIiBbcHJvcHNdPVwieyBhckZpZWxkcyQsIGFySGlnaGxpZ2h0ZWRGaWVsZHM6IGhpZ2hsaWdodGVkRGF0YUFyciwgbGF5b3V0OiAnb25lLWNvbHVtbicgfVwiPjwvY29tcG9uZW50LW1hcHBlcj5cbiJdfQ==

package/esm2022/lib/_components/template/details-sub-tabs/details-sub-tabs.component.mjs

@@ -0,0 +1,66 @@
+import { Component, Input, forwardRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatTabsModule } from '@angular/material/tabs';
+import { getTransientTabs, getVisibleTabs, tabClick } from '../../../_helpers/tab-utils';
+import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../_bridge/angular-pconnect";
+import * as i2 from "@angular/material/tabs";
+import * as i3 from "@angular/common";
+export class DetailsSubTabsComponent {
+    constructor(angularPConnect) {
+        this.angularPConnect = angularPConnect;
+        this.angularPConnectData = {};
+        this.currentTabId = '0';
+    }
+    ngOnInit() {
+        // First thing in initialization is registering and subscribing to the AngularPConnect service
+        this.angularPConnectData = this.angularPConnect.registerAndSubscribeComponent(this, this.onStateChange);
+        this.checkAndUpdate();
+    }
+    ngOnDestroy() {
+        if (this.angularPConnectData.unsubscribeFn) {
+            this.angularPConnectData.unsubscribeFn();
+        }
+    }
+    onStateChange() {
+        this.checkAndUpdate();
+    }
+    checkAndUpdate() {
+        // Should always check the bridge to see if the component should
+        // update itself (re-render)
+        const bUpdateSelf = this.angularPConnect.shouldComponentUpdate(this);
+        // ONLY call updateSelf when the component should update
+        if (bUpdateSelf) {
+            this.updateSelf();
+        }
+    }
+    updateSelf() {
+        const children = this.pConn$?.getChildren();
+        const deferLoadedTabs = children[0];
+        this.availableTabs = getVisibleTabs(deferLoadedTabs, 'tabsSubs');
+        this.updateTabContent();
+    }
+    updateTabContent() {
+        const tempTabItems = getTransientTabs(this.availableTabs, this.currentTabId, this.tabItems);
+        this.tabItems = tempTabItems;
+    }
+    handleTabClick(event) {
+        const { index } = event;
+        this.currentTabId = index.toString();
+        tabClick(index, this.availableTabs, this.currentTabId, this.tabItems);
+        const tempTabItems = getTransientTabs(this.availableTabs, this.currentTabId, this.tabItems);
+        this.tabItems[index].content = tempTabItems[index].content;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsSubTabsComponent, deps: [{ token: i1.AngularPConnectService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DetailsSubTabsComponent, isStandalone: true, selector: "app-details-sub-tabs", inputs: { pConn$: "pConn$", formGroup$: "formGroup$" }, ngImport: i0, template: "<mat-tab-group (selectedTabChange)=\"handleTabClick($event)\">\n  <mat-tab *ngFor=\"let tab of tabItems; let i = index\" [label]=\"tab.name\">\n    <div *ngIf=\"+currentTabId == i\">\n      <component-mapper\n        *ngIf=\"tab.content?.getPConnect()\"\n        [name]=\"tab.content?.getPConnect().getComponentName()\"\n        [props]=\"{\n          pConn$: tab.content?.getPConnect(),\n          formGroup$: formGroup$\n        }\"\n        errorMsg=\"Details Sub tabs wants component not yet available: {{ tab.content?.getPConnect().getComponentName() }}\"\n      ></component-mapper>\n    </div>\n  </mat-tab>\n</mat-tab-group>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(function () { return MatTabsModule; }) }, { kind: "component", type: i0.forwardRef(function () { return i2.MatTab; }), selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i0.forwardRef(function () { return i2.MatTabGroup; }), selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: i0.forwardRef(function () { return CommonModule; }) }, { kind: "directive", type: i0.forwardRef(function () { return i3.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i3.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return ComponentMapperComponent; }), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsSubTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-details-sub-tabs', standalone: true, imports: [MatTabsModule, CommonModule, forwardRef(() => ComponentMapperComponent)], template: "<mat-tab-group (selectedTabChange)=\"handleTabClick($event)\">\n  <mat-tab *ngFor=\"let tab of tabItems; let i = index\" [label]=\"tab.name\">\n    <div *ngIf=\"+currentTabId == i\">\n      <component-mapper\n        *ngIf=\"tab.content?.getPConnect()\"\n        [name]=\"tab.content?.getPConnect().getComponentName()\"\n        [props]=\"{\n          pConn$: tab.content?.getPConnect(),\n          formGroup$: formGroup$\n        }\"\n        errorMsg=\"Details Sub tabs wants component not yet available: {{ tab.content?.getPConnect().getComponentName() }}\"\n      ></component-mapper>\n    </div>\n  </mat-tab>\n</mat-tab-group>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.AngularPConnectService }]; }, propDecorators: { pConn$: [{
+                type: Input
+            }], formGroup$: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlscy1zdWItdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvdGVtcGxhdGUvZGV0YWlscy1zdWItdGFicy9kZXRhaWxzLXN1Yi10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItc2RrLWNvbXBvbmVudHMvc3JjL2xpYi9fY29tcG9uZW50cy90ZW1wbGF0ZS9kZXRhaWxzLXN1Yi10YWJzL2RldGFpbHMtc3ViLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGNBQWMsRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQzs7Ozs7QUFTeEcsTUFBTSxPQUFPLHVCQUF1QjtJQVNsQyxZQUFvQixlQUF1QztRQUF2QyxvQkFBZSxHQUFmLGVBQWUsQ0FBd0I7UUFMM0Qsd0JBQW1CLEdBQXdCLEVBQUUsQ0FBQztRQUM5QyxpQkFBWSxHQUFHLEdBQUcsQ0FBQztJQUkyQyxDQUFDO0lBRS9ELFFBQVE7UUFDTiw4RkFBOEY7UUFDOUYsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsNkJBQTZCLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN4RyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLEVBQUU7WUFDMUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQzFDO0lBQ0gsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELGNBQWM7UUFDWixnRUFBZ0U7UUFDaEUsNEJBQTRCO1FBQzVCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFckUsd0RBQXdEO1FBQ3hELElBQUksV0FBVyxFQUFFO1lBQ2YsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDO1FBQzVDLE1BQU0sZUFBZSxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQyxJQUFJLENBQUMsYUFBYSxHQUFHLGNBQWMsQ0FBQyxlQUFlLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGdCQUFnQjtRQUNkLE1BQU0sWUFBWSxHQUFHLGdCQUFnQixDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUYsSUFBSSxDQUFDLFFBQVEsR0FBRyxZQUFZLENBQUM7SUFDL0IsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFLO1FBQ2xCLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDckMsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3RFLE1BQU0sWUFBWSxHQUFHLGdCQUFnQixDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLEdBQUcsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLE9BQU8sQ0FBQztJQUM3RCxDQUFDOytHQXhEVSx1QkFBdUI7bUdBQXZCLHVCQUF1Qix3SUNmcEMsNG5CQWVBLDRGREZZLGFBQWEsNmFBQUUsWUFBWSxxWEFBbUIsd0JBQXdCOzs0RkFFckUsdUJBQXVCO2tCQVBuQyxTQUFTOytCQUNFLHNCQUFzQixjQUdwQixJQUFJLFdBQ1AsQ0FBQyxhQUFhLEVBQUUsWUFBWSxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDOzZHQUd6RSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgZm9yd2FyZFJlZiwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0VGFic01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYnMnO1xuaW1wb3J0IHsgQW5ndWxhclBDb25uZWN0RGF0YSwgQW5ndWxhclBDb25uZWN0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL19icmlkZ2UvYW5ndWxhci1wY29ubmVjdCc7XG5pbXBvcnQgeyBnZXRUcmFuc2llbnRUYWJzLCBnZXRWaXNpYmxlVGFicywgdGFiQ2xpY2sgfSBmcm9tICcuLi8uLi8uLi9faGVscGVycy90YWItdXRpbHMnO1xuaW1wb3J0IHsgQ29tcG9uZW50TWFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vX2JyaWRnZS9jb21wb25lbnQtbWFwcGVyL2NvbXBvbmVudC1tYXBwZXIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWRldGFpbHMtc3ViLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGV0YWlscy1zdWItdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RldGFpbHMtc3ViLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdFRhYnNNb2R1bGUsIENvbW1vbk1vZHVsZSwgZm9yd2FyZFJlZigoKSA9PiBDb21wb25lbnRNYXBwZXJDb21wb25lbnQpXVxufSlcbmV4cG9ydCBjbGFzcyBEZXRhaWxzU3ViVGFic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgcENvbm4kOiB0eXBlb2YgUENvbm5lY3Q7XG4gIEBJbnB1dCgpIGZvcm1Hcm91cCQ6IEZvcm1Hcm91cDtcblxuICBhbmd1bGFyUENvbm5lY3REYXRhOiBBbmd1bGFyUENvbm5lY3REYXRhID0ge307XG4gIGN1cnJlbnRUYWJJZCA9ICcwJztcbiAgdGFiSXRlbXM6IGFueVtdO1xuICBhdmFpbGFibGVUYWJzOiBhbnlbXTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGFuZ3VsYXJQQ29ubmVjdDogQW5ndWxhclBDb25uZWN0U2VydmljZSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBGaXJzdCB0aGluZyBpbiBpbml0aWFsaXphdGlvbiBpcyByZWdpc3RlcmluZyBhbmQgc3Vic2NyaWJpbmcgdG8gdGhlIEFuZ3VsYXJQQ29ubmVjdCBzZXJ2aWNlXG4gICAgdGhpcy5hbmd1bGFyUENvbm5lY3REYXRhID0gdGhpcy5hbmd1bGFyUENvbm5lY3QucmVnaXN0ZXJBbmRTdWJzY3JpYmVDb21wb25lbnQodGhpcywgdGhpcy5vblN0YXRlQ2hhbmdlKTtcbiAgICB0aGlzLmNoZWNrQW5kVXBkYXRlKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5hbmd1bGFyUENvbm5lY3REYXRhLnVuc3Vic2NyaWJlRm4pIHtcbiAgICAgIHRoaXMuYW5ndWxhclBDb25uZWN0RGF0YS51bnN1YnNjcmliZUZuKCk7XG4gICAgfVxuICB9XG5cbiAgb25TdGF0ZUNoYW5nZSgpIHtcbiAgICB0aGlzLmNoZWNrQW5kVXBkYXRlKCk7XG4gIH1cblxuICBjaGVja0FuZFVwZGF0ZSgpIHtcbiAgICAvLyBTaG91bGQgYWx3YXlzIGNoZWNrIHRoZSBicmlkZ2UgdG8gc2VlIGlmIHRoZSBjb21wb25lbnQgc2hvdWxkXG4gICAgLy8gdXBkYXRlIGl0c2VsZiAocmUtcmVuZGVyKVxuICAgIGNvbnN0IGJVcGRhdGVTZWxmID0gdGhpcy5hbmd1bGFyUENvbm5lY3Quc2hvdWxkQ29tcG9uZW50VXBkYXRlKHRoaXMpO1xuXG4gICAgLy8gT05MWSBjYWxsIHVwZGF0ZVNlbGYgd2hlbiB0aGUgY29tcG9uZW50IHNob3VsZCB1cGRhdGVcbiAgICBpZiAoYlVwZGF0ZVNlbGYpIHtcbiAgICAgIHRoaXMudXBkYXRlU2VsZigpO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZVNlbGYoKSB7XG4gICAgY29uc3QgY2hpbGRyZW4gPSB0aGlzLnBDb25uJD8uZ2V0Q2hpbGRyZW4oKTtcbiAgICBjb25zdCBkZWZlckxvYWRlZFRhYnMgPSBjaGlsZHJlblswXTtcbiAgICB0aGlzLmF2YWlsYWJsZVRhYnMgPSBnZXRWaXNpYmxlVGFicyhkZWZlckxvYWRlZFRhYnMsICd0YWJzU3VicycpO1xuICAgIHRoaXMudXBkYXRlVGFiQ29udGVudCgpO1xuICB9XG5cbiAgdXBkYXRlVGFiQ29udGVudCgpIHtcbiAgICBjb25zdCB0ZW1wVGFiSXRlbXMgPSBnZXRUcmFuc2llbnRUYWJzKHRoaXMuYXZhaWxhYmxlVGFicywgdGhpcy5jdXJyZW50VGFiSWQsIHRoaXMudGFiSXRlbXMpO1xuICAgIHRoaXMudGFiSXRlbXMgPSB0ZW1wVGFiSXRlbXM7XG4gIH1cblxuICBoYW5kbGVUYWJDbGljayhldmVudCkge1xuICAgIGNvbnN0IHsgaW5kZXggfSA9IGV2ZW50O1xuICAgIHRoaXMuY3VycmVudFRhYklkID0gaW5kZXgudG9TdHJpbmcoKTtcbiAgICB0YWJDbGljayhpbmRleCwgdGhpcy5hdmFpbGFibGVUYWJzLCB0aGlzLmN1cnJlbnRUYWJJZCwgdGhpcy50YWJJdGVtcyk7XG4gICAgY29uc3QgdGVtcFRhYkl0ZW1zID0gZ2V0VHJhbnNpZW50VGFicyh0aGlzLmF2YWlsYWJsZVRhYnMsIHRoaXMuY3VycmVudFRhYklkLCB0aGlzLnRhYkl0ZW1zKTtcbiAgICB0aGlzLnRhYkl0ZW1zW2luZGV4XS5jb250ZW50ID0gdGVtcFRhYkl0ZW1zW2luZGV4XS5jb250ZW50O1xuICB9XG59XG4iLCI8bWF0LXRhYi1ncm91cCAoc2VsZWN0ZWRUYWJDaGFuZ2UpPVwiaGFuZGxlVGFiQ2xpY2soJGV2ZW50KVwiPlxuICA8bWF0LXRhYiAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYkl0ZW1zOyBsZXQgaSA9IGluZGV4XCIgW2xhYmVsXT1cInRhYi5uYW1lXCI+XG4gICAgPGRpdiAqbmdJZj1cIitjdXJyZW50VGFiSWQgPT0gaVwiPlxuICAgICAgPGNvbXBvbmVudC1tYXBwZXJcbiAgICAgICAgKm5nSWY9XCJ0YWIuY29udGVudD8uZ2V0UENvbm5lY3QoKVwiXG4gICAgICAgIFtuYW1lXT1cInRhYi5jb250ZW50Py5nZXRQQ29ubmVjdCgpLmdldENvbXBvbmVudE5hbWUoKVwiXG4gICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgcENvbm4kOiB0YWIuY29udGVudD8uZ2V0UENvbm5lY3QoKSxcbiAgICAgICAgICBmb3JtR3JvdXAkOiBmb3JtR3JvdXAkXG4gICAgICAgIH1cIlxuICAgICAgICBlcnJvck1zZz1cIkRldGFpbHMgU3ViIHRhYnMgd2FudHMgY29tcG9uZW50IG5vdCB5ZXQgYXZhaWxhYmxlOiB7eyB0YWIuY29udGVudD8uZ2V0UENvbm5lY3QoKS5nZXRDb21wb25lbnROYW1lKCkgfX1cIlxuICAgICAgPjwvY29tcG9uZW50LW1hcHBlcj5cbiAgICA8L2Rpdj5cbiAgPC9tYXQtdGFiPlxuPC9tYXQtdGFiLWdyb3VwPlxuIl19

package/esm2022/lib/_components/template/details-three-column/details-three-column.component.mjs

@@ -0,0 +1,80 @@
+import { Component, Input, forwardRef } from '@angular/core';
+import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../_bridge/angular-pconnect";
+export class DetailsThreeColumnComponent {
+    constructor(angularPConnect) {
+        this.angularPConnect = angularPConnect;
+        this.arFields$ = [];
+        this.arFields2$ = [];
+        this.arFields3$ = [];
+        this.propsToUse = {};
+        // Used with AngularPConnect
+        this.angularPConnectData = {};
+    }
+    ngOnInit() {
+        // First thing in initialization is registering and subscribing to the AngularPConnect service
+        this.angularPConnectData = this.angularPConnect.registerAndSubscribeComponent(this, this.onStateChange);
+        // this.updateSelf();
+        this.checkAndUpdate();
+    }
+    ngOnDestroy() {
+        if (this.angularPConnectData.unsubscribeFn) {
+            this.angularPConnectData.unsubscribeFn();
+        }
+    }
+    onStateChange() {
+        this.checkAndUpdate();
+    }
+    checkAndUpdate() {
+        // Should always check the bridge to see if the component should
+        // update itself (re-render)
+        const bUpdateSelf = this.angularPConnect.shouldComponentUpdate(this);
+        // ONLY call updateSelf when the component should update
+        if (bUpdateSelf) {
+            this.updateSelf();
+        }
+    }
+    updateSelf() {
+        const rawMetaData = this.pConn$.resolveConfigProps(this.pConn$.getRawMetadata().config);
+        this.showHighlightedData = rawMetaData?.showHighlightedData;
+        if (this.showHighlightedData) {
+            const highlightedData = rawMetaData?.highlightedData;
+            this.highlightedDataArr = highlightedData.map(field => {
+                field.config.displayMode = 'STACKED_LARGE_VAL';
+                if (field.config.value === '@P .pyStatusWork') {
+                    field.type = 'TextInput';
+                    field.config.displayAsStatus = true;
+                }
+                return field;
+            });
+        }
+        this.pConn$.setInheritedProp('displayMode', 'LABELS_LEFT');
+        this.pConn$.setInheritedProp('readOnly', true);
+        const kids = this.pConn$.getChildren();
+        for (const kid of kids) {
+            const pKid = kid.getPConnect();
+            const pKidData = pKid.resolveConfigProps(pKid.getRawMetadata());
+            if (kids.indexOf(kid) == 0) {
+                this.arFields$ = pKidData.children;
+            }
+            else if (kids.indexOf(kid) == 1) {
+                this.arFields2$ = pKidData.children;
+            }
+            else {
+                this.arFields3$ = pKidData.children;
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsThreeColumnComponent, deps: [{ token: i1.AngularPConnectService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DetailsThreeColumnComponent, isStandalone: true, selector: "app-details-three-column", inputs: { pConn$: "pConn$", formGroup$: "formGroup$" }, ngImport: i0, template: "<component-mapper\n  name=\"MaterialDetails\"\n  [props]=\"{ arFields$, arFields2$, arFields3$, arHighlightedFields: highlightedDataArr, layout: 'three-column' }\"\n></component-mapper>\n", styles: [".psdk-grid-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(function () { return ComponentMapperComponent; }), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsThreeColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-details-three-column', standalone: true, imports: [forwardRef(() => ComponentMapperComponent)], template: "<component-mapper\n  name=\"MaterialDetails\"\n  [props]=\"{ arFields$, arFields2$, arFields3$, arHighlightedFields: highlightedDataArr, layout: 'three-column' }\"\n></component-mapper>\n", styles: [".psdk-grid-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.AngularPConnectService }]; }, propDecorators: { pConn$: [{
+                type: Input
+            }], formGroup$: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlscy10aHJlZS1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci1zZGstY29tcG9uZW50cy9zcmMvbGliL19jb21wb25lbnRzL3RlbXBsYXRlL2RldGFpbHMtdGhyZWUtY29sdW1uL2RldGFpbHMtdGhyZWUtY29sdW1uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItc2RrLWNvbXBvbmVudHMvc3JjL2xpYi9fY29tcG9uZW50cy90ZW1wbGF0ZS9kZXRhaWxzLXRocmVlLWNvbHVtbi9kZXRhaWxzLXRocmVlLWNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxVQUFVLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFHaEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOERBQThELENBQUM7OztBQVN4RyxNQUFNLE9BQU8sMkJBQTJCO0lBQ3RDLFlBQW9CLGVBQXVDO1FBQXZDLG9CQUFlLEdBQWYsZUFBZSxDQUF3QjtRQVEzRCxjQUFTLEdBQVUsRUFBRSxDQUFDO1FBQ3RCLGVBQVUsR0FBVSxFQUFFLENBQUM7UUFDdkIsZUFBVSxHQUFVLEVBQUUsQ0FBQztRQUV2QixlQUFVLEdBQVEsRUFBRSxDQUFDO1FBRXJCLDRCQUE0QjtRQUM1Qix3QkFBbUIsR0FBd0IsRUFBRSxDQUFDO0lBZmdCLENBQUM7SUFpQi9ELFFBQVE7UUFDTiw4RkFBOEY7UUFDOUYsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsNkJBQTZCLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUV4RyxxQkFBcUI7UUFDckIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxFQUFFO1lBQzFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUMxQztJQUNILENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxjQUFjO1FBQ1osZ0VBQWdFO1FBQ2hFLDRCQUE0QjtRQUM1QixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXJFLHdEQUF3RDtRQUN4RCxJQUFJLFdBQVcsRUFBRTtZQUNmLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNuQjtJQUNILENBQUM7SUFFRCxVQUFVO1FBQ1IsTUFBTSxXQUFXLEdBQVEsSUFBSSxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBRSxJQUFJLENBQUMsTUFBTSxDQUFDLGNBQWMsRUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3RHLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxXQUFXLEVBQUUsbUJBQW1CLENBQUM7UUFFNUQsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUU7WUFDNUIsTUFBTSxlQUFlLEdBQUcsV0FBVyxFQUFFLGVBQWUsQ0FBQztZQUNyRCxJQUFJLENBQUMsa0JBQWtCLEdBQUcsZUFBZSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDcEQsS0FBSyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsbUJBQW1CLENBQUM7Z0JBRS9DLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEtBQUssa0JBQWtCLEVBQUU7b0JBQzdDLEtBQUssQ0FBQyxJQUFJLEdBQUcsV0FBVyxDQUFDO29CQUN6QixLQUFLLENBQUMsTUFBTSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7aUJBQ3JDO2dCQUVELE9BQU8sS0FBSyxDQUFDO1lBQ2YsQ0FBQyxDQUFDLENBQUM7U0FDSjtRQUVELElBQUksQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBQzNELElBQUksQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBRS9DLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFXLENBQUM7UUFDaEQsS0FBSyxNQUFNLEdBQUcsSUFBSSxJQUFJLEVBQUU7WUFDdEIsTUFBTSxJQUFJLEdBQUcsR0FBRyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQy9CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsQ0FBQztZQUNoRSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUM7YUFDcEM7aUJBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDakMsSUFBSSxDQUFDLFVBQVUsR0FBRyxRQUFRLENBQUMsUUFBUSxDQUFDO2FBQ3JDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxVQUFVLEdBQUcsUUFBUSxDQUFDLFFBQVEsQ0FBQzthQUNyQztTQUNGO0lBQ0gsQ0FBQzsrR0FoRlUsMkJBQTJCO21HQUEzQiwyQkFBMkIsNElDWnhDLDZMQUlBLDJORE02Qix3QkFBd0I7OzRGQUV4QywyQkFBMkI7a0JBUHZDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBR3hCLElBQUksV0FDUCxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDOzZHQUs1QyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgZm9yd2FyZFJlZiwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBbmd1bGFyUENvbm5lY3REYXRhLCBBbmd1bGFyUENvbm5lY3RTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vX2JyaWRnZS9hbmd1bGFyLXBjb25uZWN0JztcbmltcG9ydCB7IENvbXBvbmVudE1hcHBlckNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL19icmlkZ2UvY29tcG9uZW50LW1hcHBlci9jb21wb25lbnQtbWFwcGVyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1kZXRhaWxzLXRocmVlLWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kZXRhaWxzLXRocmVlLWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RldGFpbHMtdGhyZWUtY29sdW1uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtmb3J3YXJkUmVmKCgpID0+IENvbXBvbmVudE1hcHBlckNvbXBvbmVudCldXG59KVxuZXhwb3J0IGNsYXNzIERldGFpbHNUaHJlZUNvbHVtbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhbmd1bGFyUENvbm5lY3Q6IEFuZ3VsYXJQQ29ubmVjdFNlcnZpY2UpIHt9XG5cbiAgQElucHV0KCkgcENvbm4kOiB0eXBlb2YgUENvbm5lY3Q7XG4gIEBJbnB1dCgpIGZvcm1Hcm91cCQ6IEZvcm1Hcm91cDtcblxuICBzaG93SGlnaGxpZ2h0ZWREYXRhOiBib29sZWFuO1xuICBoaWdobGlnaHRlZERhdGFBcnI6IGFueTtcblxuICBhckZpZWxkcyQ6IGFueVtdID0gW107XG4gIGFyRmllbGRzMiQ6IGFueVtdID0gW107XG4gIGFyRmllbGRzMyQ6IGFueVtdID0gW107XG5cbiAgcHJvcHNUb1VzZTogYW55ID0ge307XG5cbiAgLy8gVXNlZCB3aXRoIEFuZ3VsYXJQQ29ubmVjdFxuICBhbmd1bGFyUENvbm5lY3REYXRhOiBBbmd1bGFyUENvbm5lY3REYXRhID0ge307XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy8gRmlyc3QgdGhpbmcgaW4gaW5pdGlhbGl6YXRpb24gaXMgcmVnaXN0ZXJpbmcgYW5kIHN1YnNjcmliaW5nIHRvIHRoZSBBbmd1bGFyUENvbm5lY3Qgc2VydmljZVxuICAgIHRoaXMuYW5ndWxhclBDb25uZWN0RGF0YSA9IHRoaXMuYW5ndWxhclBDb25uZWN0LnJlZ2lzdGVyQW5kU3Vic2NyaWJlQ29tcG9uZW50KHRoaXMsIHRoaXMub25TdGF0ZUNoYW5nZSk7XG5cbiAgICAvLyB0aGlzLnVwZGF0ZVNlbGYoKTtcbiAgICB0aGlzLmNoZWNrQW5kVXBkYXRlKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5hbmd1bGFyUENvbm5lY3REYXRhLnVuc3Vic2NyaWJlRm4pIHtcbiAgICAgIHRoaXMuYW5ndWxhclBDb25uZWN0RGF0YS51bnN1YnNjcmliZUZuKCk7XG4gICAgfVxuICB9XG5cbiAgb25TdGF0ZUNoYW5nZSgpIHtcbiAgICB0aGlzLmNoZWNrQW5kVXBkYXRlKCk7XG4gIH1cblxuICBjaGVja0FuZFVwZGF0ZSgpIHtcbiAgICAvLyBTaG91bGQgYWx3YXlzIGNoZWNrIHRoZSBicmlkZ2UgdG8gc2VlIGlmIHRoZSBjb21wb25lbnQgc2hvdWxkXG4gICAgLy8gdXBkYXRlIGl0c2VsZiAocmUtcmVuZGVyKVxuICAgIGNvbnN0IGJVcGRhdGVTZWxmID0gdGhpcy5hbmd1bGFyUENvbm5lY3Quc2hvdWxkQ29tcG9uZW50VXBkYXRlKHRoaXMpO1xuXG4gICAgLy8gT05MWSBjYWxsIHVwZGF0ZVNlbGYgd2hlbiB0aGUgY29tcG9uZW50IHNob3VsZCB1cGRhdGVcbiAgICBpZiAoYlVwZGF0ZVNlbGYpIHtcbiAgICAgIHRoaXMudXBkYXRlU2VsZigpO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZVNlbGYoKSB7XG4gICAgY29uc3QgcmF3TWV0YURhdGE6IGFueSA9IHRoaXMucENvbm4kLnJlc29sdmVDb25maWdQcm9wcygodGhpcy5wQ29ubiQuZ2V0UmF3TWV0YWRhdGEoKSBhcyBhbnkpLmNvbmZpZyk7XG4gICAgdGhpcy5zaG93SGlnaGxpZ2h0ZWREYXRhID0gcmF3TWV0YURhdGE/LnNob3dIaWdobGlnaHRlZERhdGE7XG5cbiAgICBpZiAodGhpcy5zaG93SGlnaGxpZ2h0ZWREYXRhKSB7XG4gICAgICBjb25zdCBoaWdobGlnaHRlZERhdGEgPSByYXdNZXRhRGF0YT8uaGlnaGxpZ2h0ZWREYXRhO1xuICAgICAgdGhpcy5oaWdobGlnaHRlZERhdGFBcnIgPSBoaWdobGlnaHRlZERhdGEubWFwKGZpZWxkID0+IHtcbiAgICAgICAgZmllbGQuY29uZmlnLmRpc3BsYXlNb2RlID0gJ1NUQUNLRURfTEFSR0VfVkFMJztcblxuICAgICAgICBpZiAoZmllbGQuY29uZmlnLnZhbHVlID09PSAnQFAgLnB5U3RhdHVzV29yaycpIHtcbiAgICAgICAgICBmaWVsZC50eXBlID0gJ1RleHRJbnB1dCc7XG4gICAgICAgICAgZmllbGQuY29uZmlnLmRpc3BsYXlBc1N0YXR1cyA9IHRydWU7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZmllbGQ7XG4gICAgICB9KTtcbiAgICB9XG5cbiAgICB0aGlzLnBDb25uJC5zZXRJbmhlcml0ZWRQcm9wKCdkaXNwbGF5TW9kZScsICdMQUJFTFNfTEVGVCcpO1xuICAgIHRoaXMucENvbm4kLnNldEluaGVyaXRlZFByb3AoJ3JlYWRPbmx5JywgdHJ1ZSk7XG5cbiAgICBjb25zdCBraWRzID0gdGhpcy5wQ29ubiQuZ2V0Q2hpbGRyZW4oKSBhcyBhbnlbXTtcbiAgICBmb3IgKGNvbnN0IGtpZCBvZiBraWRzKSB7XG4gICAgICBjb25zdCBwS2lkID0ga2lkLmdldFBDb25uZWN0KCk7XG4gICAgICBjb25zdCBwS2lkRGF0YSA9IHBLaWQucmVzb2x2ZUNvbmZpZ1Byb3BzKHBLaWQuZ2V0UmF3TWV0YWRhdGEoKSk7XG4gICAgICBpZiAoa2lkcy5pbmRleE9mKGtpZCkgPT0gMCkge1xuICAgICAgICB0aGlzLmFyRmllbGRzJCA9IHBLaWREYXRhLmNoaWxkcmVuO1xuICAgICAgfSBlbHNlIGlmIChraWRzLmluZGV4T2Yoa2lkKSA9PSAxKSB7XG4gICAgICAgIHRoaXMuYXJGaWVsZHMyJCA9IHBLaWREYXRhLmNoaWxkcmVuO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5hckZpZWxkczMkID0gcEtpZERhdGEuY2hpbGRyZW47XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8Y29tcG9uZW50LW1hcHBlclxuICBuYW1lPVwiTWF0ZXJpYWxEZXRhaWxzXCJcbiAgW3Byb3BzXT1cInsgYXJGaWVsZHMkLCBhckZpZWxkczIkLCBhckZpZWxkczMkLCBhckhpZ2hsaWdodGVkRmllbGRzOiBoaWdobGlnaHRlZERhdGFBcnIsIGxheW91dDogJ3RocmVlLWNvbHVtbicgfVwiXG4+PC9jb21wb25lbnQtbWFwcGVyPlxuIl19

package/esm2022/lib/_components/template/details-two-column/details-two-column.component.mjs

@@ -0,0 +1,77 @@
+import { Component, Input, forwardRef } from '@angular/core';
+import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../_bridge/angular-pconnect";
+export class DetailsTwoColumnComponent {
+    constructor(angularPConnect) {
+        this.angularPConnect = angularPConnect;
+        this.arFields$ = [];
+        this.arFields2$ = [];
+        this.arFields3$ = [];
+        this.propsToUse = {};
+        // Used with AngularPConnect
+        this.angularPConnectData = {};
+    }
+    ngOnInit() {
+        // First thing in initialization is registering and subscribing to the AngularPConnect service
+        this.angularPConnectData = this.angularPConnect.registerAndSubscribeComponent(this, this.onStateChange);
+        // this.updateSelf();
+        this.checkAndUpdate();
+    }
+    ngOnDestroy() {
+        if (this.angularPConnectData.unsubscribeFn) {
+            this.angularPConnectData.unsubscribeFn();
+        }
+    }
+    onStateChange() {
+        this.checkAndUpdate();
+    }
+    checkAndUpdate() {
+        // Should always check the bridge to see if the component should
+        // update itself (re-render)
+        const bUpdateSelf = this.angularPConnect.shouldComponentUpdate(this);
+        // ONLY call updateSelf when the component should update
+        if (bUpdateSelf) {
+            this.updateSelf();
+        }
+    }
+    updateSelf() {
+        const rawMetaData = this.pConn$.resolveConfigProps(this.pConn$.getRawMetadata().config);
+        this.showHighlightedData = rawMetaData?.showHighlightedData;
+        if (this.showHighlightedData) {
+            const highlightedData = rawMetaData?.highlightedData;
+            this.highlightedDataArr = highlightedData.map(field => {
+                field.config.displayMode = 'STACKED_LARGE_VAL';
+                if (field.config.value === '@P .pyStatusWork') {
+                    field.type = 'TextInput';
+                    field.config.displayAsStatus = true;
+                }
+                return field;
+            });
+        }
+        this.pConn$.setInheritedProp('displayMode', 'LABELS_LEFT');
+        this.pConn$.setInheritedProp('readOnly', true);
+        const kids = this.pConn$.getChildren();
+        for (const kid of kids) {
+            const pKid = kid.getPConnect();
+            const pKidData = pKid.resolveConfigProps(pKid.getRawMetadata());
+            if (kids.indexOf(kid) == 0) {
+                this.arFields$ = pKidData.children;
+            }
+            else {
+                this.arFields2$ = pKidData.children;
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsTwoColumnComponent, deps: [{ token: i1.AngularPConnectService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DetailsTwoColumnComponent, isStandalone: true, selector: "app-details-two-column", inputs: { pConn$: "pConn$", formGroup$: "formGroup$" }, ngImport: i0, template: "<component-mapper\n  name=\"MaterialDetails\"\n  [props]=\"{ arFields$, arFields2$, arHighlightedFields: highlightedDataArr, layout: 'two-column' }\"\n></component-mapper>\n", styles: [".psdk-grid-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(function () { return ComponentMapperComponent; }), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsTwoColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-details-two-column', standalone: true, imports: [forwardRef(() => ComponentMapperComponent)], template: "<component-mapper\n  name=\"MaterialDetails\"\n  [props]=\"{ arFields$, arFields2$, arHighlightedFields: highlightedDataArr, layout: 'two-column' }\"\n></component-mapper>\n", styles: [".psdk-grid-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;align-items:start}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.AngularPConnectService }]; }, propDecorators: { pConn$: [{
+                type: Input
+            }], formGroup$: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlscy10d28tY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItc2RrLWNvbXBvbmVudHMvc3JjL2xpYi9fY29tcG9uZW50cy90ZW1wbGF0ZS9kZXRhaWxzLXR3by1jb2x1bW4vZGV0YWlscy10d28tY29sdW1uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItc2RrLWNvbXBvbmVudHMvc3JjL2xpYi9fY29tcG9uZW50cy90ZW1wbGF0ZS9kZXRhaWxzLXR3by1jb2x1bW4vZGV0YWlscy10d28tY29sdW1uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLFVBQVUsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUdoRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQzs7O0FBU3hHLE1BQU0sT0FBTyx5QkFBeUI7SUFDcEMsWUFBb0IsZUFBdUM7UUFBdkMsb0JBQWUsR0FBZixlQUFlLENBQXdCO1FBUTNELGNBQVMsR0FBVSxFQUFFLENBQUM7UUFDdEIsZUFBVSxHQUFVLEVBQUUsQ0FBQztRQUN2QixlQUFVLEdBQVUsRUFBRSxDQUFDO1FBRXZCLGVBQVUsR0FBUSxFQUFFLENBQUM7UUFFckIsNEJBQTRCO1FBQzVCLHdCQUFtQixHQUF3QixFQUFFLENBQUM7SUFmZ0IsQ0FBQztJQWlCL0QsUUFBUTtRQUNOLDhGQUE4RjtRQUM5RixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyw2QkFBNkIsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXhHLHFCQUFxQjtRQUNyQixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLEVBQUU7WUFDMUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQzFDO0lBQ0gsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELGNBQWM7UUFDWixnRUFBZ0U7UUFDaEUsNEJBQTRCO1FBQzVCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFckUsd0RBQXdEO1FBQ3hELElBQUksV0FBVyxFQUFFO1lBQ2YsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLFdBQVcsR0FBUSxJQUFJLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdEcsSUFBSSxDQUFDLG1CQUFtQixHQUFHLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQztRQUU1RCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRTtZQUM1QixNQUFNLGVBQWUsR0FBRyxXQUFXLEVBQUUsZUFBZSxDQUFDO1lBQ3JELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxlQUFlLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUNwRCxLQUFLLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxtQkFBbUIsQ0FBQztnQkFFL0MsSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssS0FBSyxrQkFBa0IsRUFBRTtvQkFDN0MsS0FBSyxDQUFDLElBQUksR0FBRyxXQUFXLENBQUM7b0JBQ3pCLEtBQUssQ0FBQyxNQUFNLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztpQkFDckM7Z0JBRUQsT0FBTyxLQUFLLENBQUM7WUFDZixDQUFDLENBQUMsQ0FBQztTQUNKO1FBRUQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsYUFBYSxDQUFDLENBQUM7UUFDM0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFFL0MsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQVcsQ0FBQztRQUNoRCxLQUFLLE1BQU0sR0FBRyxJQUFJLElBQUksRUFBRTtZQUN0QixNQUFNLElBQUksR0FBRyxHQUFHLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDL0IsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDO1lBQ2hFLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQzFCLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDLFFBQVEsQ0FBQzthQUNwQztpQkFBTTtnQkFDTCxJQUFJLENBQUMsVUFBVSxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUM7YUFDckM7U0FDRjtJQUNILENBQUM7K0dBOUVVLHlCQUF5QjttR0FBekIseUJBQXlCLDBJQ1p0QywrS0FJQSwyTkRNNkIsd0JBQXdCOzs0RkFFeEMseUJBQXlCO2tCQVByQyxTQUFTOytCQUNFLHdCQUF3QixjQUd0QixJQUFJLFdBQ1AsQ0FBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUMsQ0FBQzs2R0FLNUMsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIGZvcndhcmRSZWYsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQW5ndWxhclBDb25uZWN0RGF0YSwgQW5ndWxhclBDb25uZWN0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL19icmlkZ2UvYW5ndWxhci1wY29ubmVjdCc7XG5pbXBvcnQgeyBDb21wb25lbnRNYXBwZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9fYnJpZGdlL2NvbXBvbmVudC1tYXBwZXIvY29tcG9uZW50LW1hcHBlci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZGV0YWlscy10d28tY29sdW1uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RldGFpbHMtdHdvLWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RldGFpbHMtdHdvLWNvbHVtbi5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbZm9yd2FyZFJlZigoKSA9PiBDb21wb25lbnRNYXBwZXJDb21wb25lbnQpXVxufSlcbmV4cG9ydCBjbGFzcyBEZXRhaWxzVHdvQ29sdW1uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGFuZ3VsYXJQQ29ubmVjdDogQW5ndWxhclBDb25uZWN0U2VydmljZSkge31cblxuICBASW5wdXQoKSBwQ29ubiQ6IHR5cGVvZiBQQ29ubmVjdDtcbiAgQElucHV0KCkgZm9ybUdyb3VwJDogRm9ybUdyb3VwO1xuXG4gIHNob3dIaWdobGlnaHRlZERhdGE6IGJvb2xlYW47XG4gIGhpZ2hsaWdodGVkRGF0YUFycjogYW55O1xuXG4gIGFyRmllbGRzJDogYW55W10gPSBbXTtcbiAgYXJGaWVsZHMyJDogYW55W10gPSBbXTtcbiAgYXJGaWVsZHMzJDogYW55W10gPSBbXTtcblxuICBwcm9wc1RvVXNlOiBhbnkgPSB7fTtcblxuICAvLyBVc2VkIHdpdGggQW5ndWxhclBDb25uZWN0XG4gIGFuZ3VsYXJQQ29ubmVjdERhdGE6IEFuZ3VsYXJQQ29ubmVjdERhdGEgPSB7fTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBGaXJzdCB0aGluZyBpbiBpbml0aWFsaXphdGlvbiBpcyByZWdpc3RlcmluZyBhbmQgc3Vic2NyaWJpbmcgdG8gdGhlIEFuZ3VsYXJQQ29ubmVjdCBzZXJ2aWNlXG4gICAgdGhpcy5hbmd1bGFyUENvbm5lY3REYXRhID0gdGhpcy5hbmd1bGFyUENvbm5lY3QucmVnaXN0ZXJBbmRTdWJzY3JpYmVDb21wb25lbnQodGhpcywgdGhpcy5vblN0YXRlQ2hhbmdlKTtcblxuICAgIC8vIHRoaXMudXBkYXRlU2VsZigpO1xuICAgIHRoaXMuY2hlY2tBbmRVcGRhdGUoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIGlmICh0aGlzLmFuZ3VsYXJQQ29ubmVjdERhdGEudW5zdWJzY3JpYmVGbikge1xuICAgICAgdGhpcy5hbmd1bGFyUENvbm5lY3REYXRhLnVuc3Vic2NyaWJlRm4oKTtcbiAgICB9XG4gIH1cblxuICBvblN0YXRlQ2hhbmdlKCkge1xuICAgIHRoaXMuY2hlY2tBbmRVcGRhdGUoKTtcbiAgfVxuXG4gIGNoZWNrQW5kVXBkYXRlKCkge1xuICAgIC8vIFNob3VsZCBhbHdheXMgY2hlY2sgdGhlIGJyaWRnZSB0byBzZWUgaWYgdGhlIGNvbXBvbmVudCBzaG91bGRcbiAgICAvLyB1cGRhdGUgaXRzZWxmIChyZS1yZW5kZXIpXG4gICAgY29uc3QgYlVwZGF0ZVNlbGYgPSB0aGlzLmFuZ3VsYXJQQ29ubmVjdC5zaG91bGRDb21wb25lbnRVcGRhdGUodGhpcyk7XG5cbiAgICAvLyBPTkxZIGNhbGwgdXBkYXRlU2VsZiB3aGVuIHRoZSBjb21wb25lbnQgc2hvdWxkIHVwZGF0ZVxuICAgIGlmIChiVXBkYXRlU2VsZikge1xuICAgICAgdGhpcy51cGRhdGVTZWxmKCk7XG4gICAgfVxuICB9XG5cbiAgdXBkYXRlU2VsZigpIHtcbiAgICBjb25zdCByYXdNZXRhRGF0YTogYW55ID0gdGhpcy5wQ29ubiQucmVzb2x2ZUNvbmZpZ1Byb3BzKCh0aGlzLnBDb25uJC5nZXRSYXdNZXRhZGF0YSgpIGFzIGFueSkuY29uZmlnKTtcbiAgICB0aGlzLnNob3dIaWdobGlnaHRlZERhdGEgPSByYXdNZXRhRGF0YT8uc2hvd0hpZ2hsaWdodGVkRGF0YTtcblxuICAgIGlmICh0aGlzLnNob3dIaWdobGlnaHRlZERhdGEpIHtcbiAgICAgIGNvbnN0IGhpZ2hsaWdodGVkRGF0YSA9IHJhd01ldGFEYXRhPy5oaWdobGlnaHRlZERhdGE7XG4gICAgICB0aGlzLmhpZ2hsaWdodGVkRGF0YUFyciA9IGhpZ2hsaWdodGVkRGF0YS5tYXAoZmllbGQgPT4ge1xuICAgICAgICBmaWVsZC5jb25maWcuZGlzcGxheU1vZGUgPSAnU1RBQ0tFRF9MQVJHRV9WQUwnO1xuXG4gICAgICAgIGlmIChmaWVsZC5jb25maWcudmFsdWUgPT09ICdAUCAucHlTdGF0dXNXb3JrJykge1xuICAgICAgICAgIGZpZWxkLnR5cGUgPSAnVGV4dElucHV0JztcbiAgICAgICAgICBmaWVsZC5jb25maWcuZGlzcGxheUFzU3RhdHVzID0gdHJ1ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBmaWVsZDtcbiAgICAgIH0pO1xuICAgIH1cblxuICAgIHRoaXMucENvbm4kLnNldEluaGVyaXRlZFByb3AoJ2Rpc3BsYXlNb2RlJywgJ0xBQkVMU19MRUZUJyk7XG4gICAgdGhpcy5wQ29ubiQuc2V0SW5oZXJpdGVkUHJvcCgncmVhZE9ubHknLCB0cnVlKTtcblxuICAgIGNvbnN0IGtpZHMgPSB0aGlzLnBDb25uJC5nZXRDaGlsZHJlbigpIGFzIGFueVtdO1xuICAgIGZvciAoY29uc3Qga2lkIG9mIGtpZHMpIHtcbiAgICAgIGNvbnN0IHBLaWQgPSBraWQuZ2V0UENvbm5lY3QoKTtcbiAgICAgIGNvbnN0IHBLaWREYXRhID0gcEtpZC5yZXNvbHZlQ29uZmlnUHJvcHMocEtpZC5nZXRSYXdNZXRhZGF0YSgpKTtcbiAgICAgIGlmIChraWRzLmluZGV4T2Yoa2lkKSA9PSAwKSB7XG4gICAgICAgIHRoaXMuYXJGaWVsZHMkID0gcEtpZERhdGEuY2hpbGRyZW47XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmFyRmllbGRzMiQgPSBwS2lkRGF0YS5jaGlsZHJlbjtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxjb21wb25lbnQtbWFwcGVyXG4gIG5hbWU9XCJNYXRlcmlhbERldGFpbHNcIlxuICBbcHJvcHNdPVwieyBhckZpZWxkcyQsIGFyRmllbGRzMiQsIGFySGlnaGxpZ2h0ZWRGaWVsZHM6IGhpZ2hsaWdodGVkRGF0YUFyciwgbGF5b3V0OiAndHdvLWNvbHVtbicgfVwiXG4+PC9jb21wb25lbnQtbWFwcGVyPlxuIl19

package/esm2022/lib/_components/template/details-wide-narrow/details-wide-narrow.component.mjs

@@ -0,0 +1,77 @@
+import { Component, Input, forwardRef } from '@angular/core';
+import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../_bridge/angular-pconnect";
+export class DetailsWideNarrowComponent {
+    constructor(angularPConnect) {
+        this.angularPConnect = angularPConnect;
+        this.highlightedDataArr = [];
+        this.arFields$ = [];
+        this.arFields2$ = [];
+        this.propsToUse = {};
+        // Used with AngularPConnect
+        this.angularPConnectData = {};
+    }
+    ngOnInit() {
+        // First thing in initialization is registering and subscribing to the AngularPConnect service
+        this.angularPConnectData = this.angularPConnect.registerAndSubscribeComponent(this, this.onStateChange);
+        // this.updateSelf();
+        this.checkAndUpdate();
+    }
+    ngOnDestroy() {
+        if (this.angularPConnectData.unsubscribeFn) {
+            this.angularPConnectData.unsubscribeFn();
+        }
+    }
+    onStateChange() {
+        this.checkAndUpdate();
+    }
+    checkAndUpdate() {
+        // Should always check the bridge to see if the component should
+        // update itself (re-render)
+        const bUpdateSelf = this.angularPConnect.shouldComponentUpdate(this);
+        // ONLY call updateSelf when the component should update
+        if (bUpdateSelf) {
+            this.updateSelf();
+        }
+    }
+    updateSelf() {
+        const rawMetaData = this.pConn$.resolveConfigProps(this.pConn$.getRawMetadata().config);
+        this.showHighlightedData = rawMetaData?.showHighlightedData;
+        if (this.showHighlightedData) {
+            const highlightedData = rawMetaData?.highlightedData;
+            this.highlightedDataArr = highlightedData.map(field => {
+                field.config.displayMode = 'STACKED_LARGE_VAL';
+                if (field.config.value === '@P .pyStatusWork') {
+                    field.type = 'TextInput';
+                    field.config.displayAsStatus = true;
+                }
+                return field;
+            });
+        }
+        this.pConn$.setInheritedProp('displayMode', 'LABELS_LEFT');
+        this.pConn$.setInheritedProp('readOnly', true);
+        const kids = this.pConn$.getChildren();
+        for (const kid of kids) {
+            const pKid = kid.getPConnect();
+            const pKidData = pKid.resolveConfigProps(pKid.getRawMetadata());
+            if (kids.indexOf(kid) == 0) {
+                this.arFields$ = pKidData.children;
+            }
+            else {
+                this.arFields2$ = pKidData.children;
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsWideNarrowComponent, deps: [{ token: i1.AngularPConnectService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DetailsWideNarrowComponent, isStandalone: true, selector: "app-details-wide-narrow", inputs: { pConn$: "pConn$", formGroup$: "formGroup$" }, ngImport: i0, template: "<component-mapper\n  name=\"MaterialDetails\"\n  [props]=\"{ arFields$, arFields2$, arHighlightedFields: highlightedDataArr, layout: 'wide-narrow' }\"\n></component-mapper>\n", styles: [".psdk-grid-filter{display:grid;grid-template-columns:7fr 3fr;column-gap:1rem;row-gap:1rem;align-items:start}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(function () { return ComponentMapperComponent; }), selector: "component-mapper", inputs: ["name", "props", "errorMsg", "outputEvents", "parent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailsWideNarrowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-details-wide-narrow', standalone: true, imports: [forwardRef(() => ComponentMapperComponent)], template: "<component-mapper\n  name=\"MaterialDetails\"\n  [props]=\"{ arFields$, arFields2$, arHighlightedFields: highlightedDataArr, layout: 'wide-narrow' }\"\n></component-mapper>\n", styles: [".psdk-grid-filter{display:grid;grid-template-columns:7fr 3fr;column-gap:1rem;row-gap:1rem;align-items:start}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.AngularPConnectService }]; }, propDecorators: { pConn$: [{
+                type: Input
+            }], formGroup$: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlscy13aWRlLW5hcnJvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyLXNkay1jb21wb25lbnRzL3NyYy9saWIvX2NvbXBvbmVudHMvdGVtcGxhdGUvZGV0YWlscy13aWRlLW5hcnJvdy9kZXRhaWxzLXdpZGUtbmFycm93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXItc2RrLWNvbXBvbmVudHMvc3JjL2xpYi9fY29tcG9uZW50cy90ZW1wbGF0ZS9kZXRhaWxzLXdpZGUtbmFycm93L2RldGFpbHMtd2lkZS1uYXJyb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBR2hGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDhEQUE4RCxDQUFDOzs7QUFTeEcsTUFBTSxPQUFPLDBCQUEwQjtJQUNyQyxZQUFvQixlQUF1QztRQUF2QyxvQkFBZSxHQUFmLGVBQWUsQ0FBd0I7UUFLM0QsdUJBQWtCLEdBQVUsRUFBRSxDQUFDO1FBRS9CLGNBQVMsR0FBVSxFQUFFLENBQUM7UUFDdEIsZUFBVSxHQUFVLEVBQUUsQ0FBQztRQUN2QixlQUFVLEdBQVEsRUFBRSxDQUFDO1FBQ3JCLDRCQUE0QjtRQUM1Qix3QkFBbUIsR0FBd0IsRUFBRSxDQUFDO0lBWGdCLENBQUM7SUFhL0QsUUFBUTtRQUNOLDhGQUE4RjtRQUM5RixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyw2QkFBNkIsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXhHLHFCQUFxQjtRQUNyQixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLEVBQUU7WUFDMUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQzFDO0lBQ0gsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELGNBQWM7UUFDWixnRUFBZ0U7UUFDaEUsNEJBQTRCO1FBQzVCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFckUsd0RBQXdEO1FBQ3hELElBQUksV0FBVyxFQUFFO1lBQ2YsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLFdBQVcsR0FBUSxJQUFJLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdEcsSUFBSSxDQUFDLG1CQUFtQixHQUFHLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQztRQUU1RCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRTtZQUM1QixNQUFNLGVBQWUsR0FBRyxXQUFXLEVBQUUsZUFBZSxDQUFDO1lBQ3JELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxlQUFlLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUNwRCxLQUFLLENBQUMsTUFBTSxDQUFDLFdBQVcsR0FBRyxtQkFBbUIsQ0FBQztnQkFFL0MsSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssS0FBSyxrQkFBa0IsRUFBRTtvQkFDN0MsS0FBSyxDQUFDLElBQUksR0FBRyxXQUFXLENBQUM7b0JBQ3pCLEtBQUssQ0FBQyxNQUFNLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztpQkFDckM7Z0JBRUQsT0FBTyxLQUFLLENBQUM7WUFDZixDQUFDLENBQUMsQ0FBQztTQUNKO1FBRUQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsYUFBYSxDQUFDLENBQUM7UUFDM0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFFL0MsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQVcsQ0FBQztRQUNoRCxLQUFLLE1BQU0sR0FBRyxJQUFJLElBQUksRUFBRTtZQUN0QixNQUFNLElBQUksR0FBRyxHQUFHLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDL0IsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDO1lBQ2hFLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQzFCLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDLFFBQVEsQ0FBQzthQUNwQztpQkFBTTtnQkFDTCxJQUFJLENBQUMsVUFBVSxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUM7YUFDckM7U0FDRjtJQUNILENBQUM7K0dBMUVVLDBCQUEwQjttR0FBMUIsMEJBQTBCLDJJQ1p2QyxnTEFJQSwyTURNNkIsd0JBQXdCOzs0RkFFeEMsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNFLHlCQUF5QixjQUd2QixJQUFJLFdBQ1AsQ0FBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUMsQ0FBQzs2R0FLNUMsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIGZvcndhcmRSZWYsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQW5ndWxhclBDb25uZWN0RGF0YSwgQW5ndWxhclBDb25uZWN0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL19icmlkZ2UvYW5ndWxhci1wY29ubmVjdCc7XG5pbXBvcnQgeyBDb21wb25lbnRNYXBwZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9fYnJpZGdlL2NvbXBvbmVudC1tYXBwZXIvY29tcG9uZW50LW1hcHBlci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZGV0YWlscy13aWRlLW5hcnJvdycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kZXRhaWxzLXdpZGUtbmFycm93LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGV0YWlscy13aWRlLW5hcnJvdy5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbZm9yd2FyZFJlZigoKSA9PiBDb21wb25lbnRNYXBwZXJDb21wb25lbnQpXVxufSlcbmV4cG9ydCBjbGFzcyBEZXRhaWxzV2lkZU5hcnJvd0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhbmd1bGFyUENvbm5lY3Q6IEFuZ3VsYXJQQ29ubmVjdFNlcnZpY2UpIHt9XG5cbiAgQElucHV0KCkgcENvbm4kOiB0eXBlb2YgUENvbm5lY3Q7XG4gIEBJbnB1dCgpIGZvcm1Hcm91cCQ6IEZvcm1Hcm91cDtcblxuICBoaWdobGlnaHRlZERhdGFBcnI6IGFueVtdID0gW107XG4gIHNob3dIaWdobGlnaHRlZERhdGE6IGJvb2xlYW47XG4gIGFyRmllbGRzJDogYW55W10gPSBbXTtcbiAgYXJGaWVsZHMyJDogYW55W10gPSBbXTtcbiAgcHJvcHNUb1VzZTogYW55ID0ge307XG4gIC8vIFVzZWQgd2l0aCBBbmd1bGFyUENvbm5lY3RcbiAgYW5ndWxhclBDb25uZWN0RGF0YTogQW5ndWxhclBDb25uZWN0RGF0YSA9IHt9O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIEZpcnN0IHRoaW5nIGluIGluaXRpYWxpemF0aW9uIGlzIHJlZ2lzdGVyaW5nIGFuZCBzdWJzY3JpYmluZyB0byB0aGUgQW5ndWxhclBDb25uZWN0IHNlcnZpY2VcbiAgICB0aGlzLmFuZ3VsYXJQQ29ubmVjdERhdGEgPSB0aGlzLmFuZ3VsYXJQQ29ubmVjdC5yZWdpc3RlckFuZFN1YnNjcmliZUNvbXBvbmVudCh0aGlzLCB0aGlzLm9uU3RhdGVDaGFuZ2UpO1xuXG4gICAgLy8gdGhpcy51cGRhdGVTZWxmKCk7XG4gICAgdGhpcy5jaGVja0FuZFVwZGF0ZSgpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuYW5ndWxhclBDb25uZWN0RGF0YS51bnN1YnNjcmliZUZuKSB7XG4gICAgICB0aGlzLmFuZ3VsYXJQQ29ubmVjdERhdGEudW5zdWJzY3JpYmVGbigpO1xuICAgIH1cbiAgfVxuXG4gIG9uU3RhdGVDaGFuZ2UoKSB7XG4gICAgdGhpcy5jaGVja0FuZFVwZGF0ZSgpO1xuICB9XG5cbiAgY2hlY2tBbmRVcGRhdGUoKSB7XG4gICAgLy8gU2hvdWxkIGFsd2F5cyBjaGVjayB0aGUgYnJpZGdlIHRvIHNlZSBpZiB0aGUgY29tcG9uZW50IHNob3VsZFxuICAgIC8vIHVwZGF0ZSBpdHNlbGYgKHJlLXJlbmRlcilcbiAgICBjb25zdCBiVXBkYXRlU2VsZiA9IHRoaXMuYW5ndWxhclBDb25uZWN0LnNob3VsZENvbXBvbmVudFVwZGF0ZSh0aGlzKTtcblxuICAgIC8vIE9OTFkgY2FsbCB1cGRhdGVTZWxmIHdoZW4gdGhlIGNvbXBvbmVudCBzaG91bGQgdXBkYXRlXG4gICAgaWYgKGJVcGRhdGVTZWxmKSB7XG4gICAgICB0aGlzLnVwZGF0ZVNlbGYoKTtcbiAgICB9XG4gIH1cblxuICB1cGRhdGVTZWxmKCkge1xuICAgIGNvbnN0IHJhd01ldGFEYXRhOiBhbnkgPSB0aGlzLnBDb25uJC5yZXNvbHZlQ29uZmlnUHJvcHMoKHRoaXMucENvbm4kLmdldFJhd01ldGFkYXRhKCkgYXMgYW55KS5jb25maWcpO1xuICAgIHRoaXMuc2hvd0hpZ2hsaWdodGVkRGF0YSA9IHJhd01ldGFEYXRhPy5zaG93SGlnaGxpZ2h0ZWREYXRhO1xuXG4gICAgaWYgKHRoaXMuc2hvd0hpZ2hsaWdodGVkRGF0YSkge1xuICAgICAgY29uc3QgaGlnaGxpZ2h0ZWREYXRhID0gcmF3TWV0YURhdGE/LmhpZ2hsaWdodGVkRGF0YTtcbiAgICAgIHRoaXMuaGlnaGxpZ2h0ZWREYXRhQXJyID0gaGlnaGxpZ2h0ZWREYXRhLm1hcChmaWVsZCA9PiB7XG4gICAgICAgIGZpZWxkLmNvbmZpZy5kaXNwbGF5TW9kZSA9ICdTVEFDS0VEX0xBUkdFX1ZBTCc7XG5cbiAgICAgICAgaWYgKGZpZWxkLmNvbmZpZy52YWx1ZSA9PT0gJ0BQIC5weVN0YXR1c1dvcmsnKSB7XG4gICAgICAgICAgZmllbGQudHlwZSA9ICdUZXh0SW5wdXQnO1xuICAgICAgICAgIGZpZWxkLmNvbmZpZy5kaXNwbGF5QXNTdGF0dXMgPSB0cnVlO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGZpZWxkO1xuICAgICAgfSk7XG4gICAgfVxuXG4gICAgdGhpcy5wQ29ubiQuc2V0SW5oZXJpdGVkUHJvcCgnZGlzcGxheU1vZGUnLCAnTEFCRUxTX0xFRlQnKTtcbiAgICB0aGlzLnBDb25uJC5zZXRJbmhlcml0ZWRQcm9wKCdyZWFkT25seScsIHRydWUpO1xuXG4gICAgY29uc3Qga2lkcyA9IHRoaXMucENvbm4kLmdldENoaWxkcmVuKCkgYXMgYW55W107XG4gICAgZm9yIChjb25zdCBraWQgb2Yga2lkcykge1xuICAgICAgY29uc3QgcEtpZCA9IGtpZC5nZXRQQ29ubmVjdCgpO1xuICAgICAgY29uc3QgcEtpZERhdGEgPSBwS2lkLnJlc29sdmVDb25maWdQcm9wcyhwS2lkLmdldFJhd01ldGFkYXRhKCkpO1xuICAgICAgaWYgKGtpZHMuaW5kZXhPZihraWQpID09IDApIHtcbiAgICAgICAgdGhpcy5hckZpZWxkcyQgPSBwS2lkRGF0YS5jaGlsZHJlbjtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuYXJGaWVsZHMyJCA9IHBLaWREYXRhLmNoaWxkcmVuO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiPGNvbXBvbmVudC1tYXBwZXJcbiAgbmFtZT1cIk1hdGVyaWFsRGV0YWlsc1wiXG4gIFtwcm9wc109XCJ7IGFyRmllbGRzJCwgYXJGaWVsZHMyJCwgYXJIaWdobGlnaHRlZEZpZWxkczogaGlnaGxpZ2h0ZWREYXRhQXJyLCBsYXlvdXQ6ICd3aWRlLW5hcnJvdycgfVwiXG4+PC9jb21wb25lbnQtbWFwcGVyPlxuIl19