udp-stencil-component-library 25.18.1 → 25.18.2-beta.2

package/dist/collection/components/timeline/udp-timeline-dot.js

@@ -32,7 +32,7 @@ export class UdpTimelineDot {
             '--udp-timeline-dot-bg': this.color,
             '--udp-timeline-dot-outline-color': this.color,
         } : {};
-        return (h("div", { key: 'caa8e5c38fa8810cff1fbd59c3db30535c38ebe4', class: classes, style: styles }, h("slot", { key: 'a6f4722e220418ab7d12d4f15621bdab02b2c25d' })));
+        return (h("div", { key: '1e05486cbf143dc476a32baea254820030f1f7f1', class: classes, style: styles }, h("slot", { key: 'c667f97a9fe7c03b243fb42a9b59e53411258a37' })));
     }
     static get is() { return "udp-timeline-dot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/timeline/udp-timeline-item.js

@@ -58,12 +58,12 @@ export class UdpTimelineItem {
         var _a;
         const visibleActions = this.actions.slice(0, 4);
         const menuActions = this.actions.slice(4);
-        return (h(Host, { key: '46e6b83c7295acb6c8e09f991cb497211e837fd4', class: {
+        return (h(Host, { key: 'e0c202b3da3613d5bd3391c823f4717b00a8c963', class: {
                 'has-title': this.hasTitle,
                 'has-caption': this.hasCaption,
                 [`dot-shape-${this.dotShape}`]: true,
                 'clickable': this.clickable,
-            }, onClick: this.handleClick }, h("div", { key: '2fad93b42777111e94f269a822180d062e1b835c', class: "udp-timeline-item" }, h("div", { key: '89aa7ce456e1c0bdde2dbc1ec932c5fd72064e96', class: "separator-column" }, h("slot", { key: '5b2a129f3cfb83e05d26e4a8964028c989b5e005', name: "separator" })), h("div", { key: 'dd1f23fef8a52a1bc882648fad54ae029dc0c9d6', class: "content-column" }, h("div", { key: '00f55673ca2134c3bdebf09fef3cb7889e464494', class: "first-row" }, h("div", { key: 'b9145a08ae98c08414c5f4af4c3b6c3474013054', class: "title-slot" }, h("slot", { key: '1151c8739ad7fa38261c36b8973bc969273619ca', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: '5147b3f947726cc6758f357e8f3717ddc9a2e4ae', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '99f550a22b48e0346eda54bd9a91509a108e3b45', class: "content-slot" }, h("slot", { key: 'c3a745d30b21d0c800b195fc671ea512005bef4f', name: "content" })), h("div", { key: 'c4303a70f6562eff581b82a8015c76324038e04f', class: "caption-slot" }, h("slot", { key: 'e17989b1a4b6ef72a70533cc987d0091d4910fbd', name: "caption" })), this.actions.length > 0 && (h("div", { key: '2ade87b2eb620a1bf2ccfd4fb55b03934e40d98e', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'd94a8cd6ea4b03b003a069f5d75d73e6f568ba62' }, "...")))))));
+            }, onClick: this.handleClick }, h("div", { key: '091ebbfbc1b9efb37404b200ade26eeedd859247', class: "udp-timeline-item" }, h("div", { key: '9f463e19de021d0abaab732158415f9a65c6450c', class: "separator-column" }, h("slot", { key: '6d144c613e5c1905eac606dee59c7a94a3332fa0', name: "separator" })), h("div", { key: '1a2748b27929a7c06176046c85b93f6a1afe4fc5', class: "content-column" }, h("div", { key: 'd57471f235edbf455a70f56940f8879f8a6b5100', class: "first-row" }, h("div", { key: '68ef26531dae5f3150f82a143b1b6aa2dcd5c7ae', class: "title-slot" }, h("slot", { key: 'd2d11a82ee5d7a5b665e0dbe2afd517f02df4d81', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: '3c6fe171c3dcb2b60523e01f0d893694143d998b', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '10f19128bc549bac7e53eb1260986c1f230dd3b8', class: "content-slot" }, h("slot", { key: 'e283db48e73b9614bd1ee33c4aafcf585560e111', name: "content" })), h("div", { key: '8fe114f2d6ff8bd9af2f1e044f2f73288595ae92', class: "caption-slot" }, h("slot", { key: 'f1f1b35200e5c9cfcdbaeb7943a75f2f97501874', name: "caption" })), this.actions.length > 0 && (h("div", { key: 'c4a6f1f85cc02761a1ef8aff3ae27081a19c28ac', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'ea8b1d8f7a77a56b1385bceabc0db2e310ffe492' }, "...")))))));
     }
     static get is() { return "udp-timeline-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/timeline/udp-timeline-separator.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UdpTimelineSeparator {
     render() {
-        return (h("div", { key: '2c4bf1144dcc4c5e5d2462d14f9e43f255830e0f', class: "udp-timeline-separator" }, h("slot", { key: '45aa4fdb6691157c9f159d1241c4dd04b18c2165' })));
+        return (h("div", { key: 'fd906306d70d88d53be6436fbf36e2d6a36fdd90', class: "udp-timeline-separator" }, h("slot", { key: '427efd7e20154bddef6653dc1d0efa693766a46f' })));
     }
     static get is() { return "udp-timeline-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/timeline/udp-timeline.js

@@ -5,7 +5,7 @@ export class UdpTimeline {
         this.align = 'left';
     }
     render() {
-        return (h(Host, { key: 'ae334fa3ef6cfafd101076f3e7c01c84e0e8fce1', class: { [`align-${this.align}`]: true } }, h("div", { key: 'd4ab901eee9c918c242b0e9d845c143311aafe43', class: "udp-timeline-root" }, h("slot", { key: '0684459d705fda9e3a4315b849879e9c94454729' }))));
+        return (h(Host, { key: 'b8f6549bc279987a93954ee693a5c2fe54c41184', class: { [`align-${this.align}`]: true } }, h("div", { key: 'f0a00ac185b51a7666bf6617f4f3c6e846da131a', class: "udp-timeline-root" }, h("slot", { key: '69ba86a6fd1c7a418cbd87c25d4aed591751089b' }))));
     }
     static get is() { return "udp-timeline"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toolbars/app-bar/app-bar.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import Menu24 from "@carbon/icons/es/menu/24";
 export class AppBar {
     render() {
-        return (h("div", { key: 'd35144ec1379fd66aa1f6f4e2a62195bcfc62ab6', class: "header" }, h("stencil-icon-button", { key: '083f918c3a4466a5b1af9c313604adf972eb495c', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: '043e4b4c0656f0a00d35b00ed3e185f41e155fc2', variant: 'data-display-one' }, " ", h("slot", { key: 'c9e6806871f5928bd6754da441cd1c144bbd7b62' }), "   "), h("a", { key: 'a9e8badf6ee8c99dd6812fb21e3116afa3a56196', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: '515b67d73d57d9778033c6d80672a7b6bd10362f', class: "header__logo" }), h("div", { key: '5544a534265cb4e8e8508d8509bfb76126d8f248', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: '067fef9e40902fb021f0408684410a0f01c07bee', class: "header__global" }, h("udp-avatar", { key: 'd67be7362bb40da19983bf666a50b35071313d7b', username: this.username }))));
+        return (h("div", { key: 'be002d9dfce20fd83ef6b1a86b11a690c3c3001d', class: "header" }, h("stencil-icon-button", { key: '6471208d84cbaf51439f6db7bb4ee7f56474e39c', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: '256a7a073681ae8cf9326e566f48c217a94ed1bd', variant: 'data-display-one' }, " ", h("slot", { key: '09f60dc05e9b00e9febdf01698f09943b6468698' }), "   "), h("a", { key: 'f7612db42a33e288db4ad195711aae2f5851757c', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: '6801cb125f54c70508ee25f99dca06a659743503', class: "header__logo" }), h("div", { key: 'dea566be0ac10431daa3dfbb4c68cf369a8c955e', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: '7b6119bf503f80b4ae71dbb57d39c409edeb6061', class: "header__global" }, h("udp-avatar", { key: '005a2fdf32ba51a1937c653fcad03ab20d856c1c', username: this.username }))));
     }
     static get is() { return "app-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/util/ghost-render/ghost-render.js

@@ -70,7 +70,7 @@ export class GhostRender {
         // The <slot /> is necessary to prevent the Stencil compiler from
         // overly optimizing this component's output and aliasing the
         // defineCustomElement export, which breaks downstream wrappers.
-        return (h(Host, { key: '3cbba0443ad2d46698eaa13195bcf7b8bd78a40a' }, h("slot", { key: '94bede4648455fbd3c6603012cf0c29f9dbdabf6' })));
+        return (h(Host, { key: '51f77179f93927367689cf33f4869128e7010f83' }, h("slot", { key: 'faab84e4da4889b31ab600e9c513bfa0495850c8' })));
     }
     static get is() { return "ghost-render"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/deprecated/components/side-sheet/side-sheet-container.js

@@ -5,7 +5,7 @@ export class SideSheetContainer {
     }
     render() {
         const style = this.padding ? { 'padding': '16px' } : {};
-        return (h("div", { key: '1f07651d06b19bda35f3af5fe7d09d35989535aa', class: "container", style: style }, h("slot", { key: '902b399eec217bdd85e4216a0986ce4f256b4309' })));
+        return (h("div", { key: '5bf661f05d6a04560a6ac9acba9be971d58caafb', class: "container", style: style }, h("slot", { key: 'b4322e157d5bcee6dc450ad2b1669081e402104b' })));
     }
     static get is() { return "side-sheet-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/deprecated/components/side-sheet/side-sheet.js

@@ -15,7 +15,7 @@ export class SideSheet {
     render() {
         const widthClass = typeof this.widthOption === 'number' ? 'custom-width' : this.widthOption;
         const sideSheetStyle = typeof this.widthOption === 'number' ? { width: `${this.widthOption}px` } : {};
-        return (h("div", { key: '836ccb4d38fd4347eeaf54fb22974d66acfbd4ff' }, h("div", { key: 'f19bac59d313914055ff4a2878863921a016f7d9', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), h("div", { key: '9e98a21e70d667f03c8d62f65d8c30f77c00767c', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: 'fc6792f18c019fffe34492cb675f07696fea5760', class: "title" }, h("div", { key: 'b562bb8d9abbc3aab06a15bdfad06c121e830227', class: 'close-button' }, h("stencil-icon-button", { key: '1663c479d4b8ca0728b9b4de59e2ad8c6dd79aa4', icon: Close24, onClick: this.toggleDrawer })), h("div", { key: '1fa7d0d60f126f600f57643253c93906973f699a', class: 'title' }, h("unity-typography", { key: '725d10d127af525f618a44f0a178be3876a659e1', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && h("custom-button", { key: 'c98121e8b50abc6bd245074f17c9337cfd5105f7', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), h("side-sheet-container", { key: 'e4299fc73ba1870862450b35b02e383597c59e75', padding: this.padding }, h("slot", { key: '4693ec54d7522ed7dea02ee4439d9fb6c8b06075' })))));
+        return (h("div", { key: '76b91b727123b4e736c2bc6d2ff9c72b06ddcd3d' }, h("div", { key: 'a83d82c9cdbb770fa9731802d10c3e31d0cf9ac9', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), h("div", { key: 'e7414326713895bebe9309ca154bcc6707a5999b', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: 'e7da3df1fe5926f252cbbc18359b18e90db76b6e', class: "title" }, h("div", { key: '233d096ac4dd384f7d6c57125580c645281aee69', class: 'close-button' }, h("stencil-icon-button", { key: 'a01bbb5c7800df9428b1735940197cf9b24e64c8', icon: Close24, onClick: this.toggleDrawer })), h("div", { key: '40d34763b2fe3266e0f69b0f0c7771d4eababd88', class: 'title' }, h("unity-typography", { key: 'ad5928280a27aa0a28d4075dd03f65aac968700d', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && h("custom-button", { key: 'd74bfea3ae61b9597628ac7f75f4e36e7f36edf7', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), h("side-sheet-container", { key: 'd4e59e69ed6df373807504c1a401ffab0262b4ac', padding: this.padding }, h("slot", { key: '7146e18029b23eb677cddcf260a8733e26aa707e' })))));
     }
     static get is() { return "side-sheet"; }
     static get originalStyleUrls() {

package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/chip-section/chip-section.js

@@ -94,13 +94,13 @@ export class ChipSection {
     }
     render() {
         console.log("Rendering ChipSection", this.visibleFilterChips);
-        return (h("div", { key: 'aac4c7c07bbb6091aeacf779903cbabe95ee9a80', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '7ef21ea6834266a4569f5f9f4f9bb85905309501', class: "chipHolder" }, h("div", { key: '4b790fddbb548155c64f858f29d44ba2adc02c84', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: 'bbc17e0015c36f57000bd61f285d240d92a0133b', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: 'c2289efa6311280f443091e0f3824db42c098f59', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
+        return (h("div", { key: 'ecef73c7e01fd3267cb08af779ac3e753896421f', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '03910a548cf9b365a72b3257f2d4d21420b9e58f', class: "chipHolder" }, h("div", { key: '04905f5071291896339a8b2df3936f4396e3e0e0', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: 'a9bbd04890c36217eec8f95c4f9236ee86f276c5', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: 'dd8a6b7c64cd48bba34f505924a2e2b197d27952', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
             if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {
                 console.log('returning null...');
                 return null;
             }
             return (h("stencil-chip", { text: `${chip.label} ${chip.value}`, class: "filterChip", onClick: () => this.handleFilterChipToggle(chip) }));
-        })), h("div", { key: '5d0a84ad05da1220689be65f841761ef151c9a12', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: '5549c7839889fc6866395d90612965cb7fdac049', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
+        })), h("div", { key: '4c7c54000f87cbea00e562a68ad5411a588fe323', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: 'ad03fb310e01f0c18110983ed508eb3afb308217', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
     }
     static get is() { return "chip-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.js

@@ -114,7 +114,7 @@ export class DynamicContainerWithMenu {
         this.udpChipClicked.emit(chipText);
     }
     render() {
-        return (h("div", { key: 'd3b85167e305ff00316a8265754e1c686e842371', class: "container" }, h("div", { key: 'bf3a7eb21bf2949608a6194919d609640c1ed660', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: '9287bc50db941f86f99c714f880c5159b6a19bb6', class: "overflow" }, h("udp-pop-over", { key: '85b2124352e62a633fcbc2ad187f51b76d533ccc', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: '005d1f2bd4bdbdf7e42c50cb00ac11a750555beb', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
+        return (h("div", { key: '7aa41191a2fd7b8852f465ac8a1957fb57a9791d', class: "container" }, h("div", { key: 'd62603a8717a3b95f6d4552c6ba44ad58885da3c', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: '584c495f74c2f53a0c6b53e3b23fe1dbbba481f4', class: "overflow" }, h("udp-pop-over", { key: '8ee9fb7ca327b54f6bf120d1e57fed80eb7211b4', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: '84ed96340e2c4eb20ee83dafb868301eea36b939', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
     }
     static get is() { return "udp-dynamic-container-with-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/add-map-feature-popup2.js

@@ -82,11 +82,11 @@ const AddMapFeaturePopUp = /*@__PURE__*/ proxyCustomElement(class AddMapFeatureP
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '14fe4615233e1da399bfe429861a1ec4d37e16c8', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'ae8a4bcc274f6e5cdf97ebcd1af4a52c463baac7', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: '61aeed66447c5ebd0037a56c06620ce1573a6b45', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'cd58b4763e0bb5326fe0c95de4fcf704ba189375', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), h("udp-selector", { key: '0b8f8a56d981ef88af97755f6e69ccb04143db61', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), h("udp-selector", { key: 'f5d099889d1be3b7e0c948bf937df032d590dd76', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e.detail);
-            }, large: false }), h("div", { key: '7e39f64cf429443b8c7f31c3dfced1ac1e169b92', class: "formButton" }, h("custom-button", { key: 'eff7592f2f5d8d05b0b028a41ac25f76d8270ff3', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
+            }, large: false }), h("div", { key: 'f70d82d791d5a7b0e8f8e8b114be76fa5a7dc199', class: "formButton" }, h("custom-button", { key: '34a23e6d780903ff188abc1762a6d502e2de544d', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
                 this.selectedType === null }))));
     }
     static get watchers() { return {

package/dist/components/ag-grid-base2.js

@@ -966,7 +966,7 @@ const AgGridBase = /*@__PURE__*/ proxyCustomElement(class AgGridBase extends H {
     render() {
         var _a;
         const variantClass = `variant-${((_a = this.headerConfig) === null || _a === void 0 ? void 0 : _a.variant) || 'light'}`;
-        return (h("div", { key: '170465021bc17235f086e5c4bd4836f25dc571df', class: variantClass, ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: '36680ab6d0ffe67b9d1f231a70c20e286750db24' }, h("div", { key: 'ca6790bc61e51977b68a2afa4ba90ee35480c5af' }, h("udp-dialog", { key: '0047e9e3e946f5f34a526a477eb1502caa2a5d01' }), h("udp-list-item", { key: '93b39e5642bde5da8319f0e32ebf7b979829da10' }), h("hint-panel", { key: '049a550ac8c95cb4d88f41ed552e819b74f0d2dc' }))), h("div", { key: '6e01cb9a900ec69cf17185dee3ec3c3566dfdf10', class: "grid-base-header" }, h("grid-header", { key: '3d5dc8302ebecc3d27636f633b7468131d7755db', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), h("div", { key: '9d3422860719b7e1e3d0751d982fa5bf3e67124f', class: "action-bar", style: { viewTransitionName: `action-bar` } }, this.gridFunctionInstances.map(fn => { var _a; return (_a = fn.render) === null || _a === void 0 ? void 0 : _a.call(fn); }))), h("div", { key: '4a4a7c6d003c5800ee0182a2d65f6fa7e5b2b94f', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
+        return (h("div", { key: '43b0f877fedac72f942b02375ed9f2611dd2f0e2', class: variantClass, ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: 'e6088f282efcb868fac21843671d599b698e75a6' }, h("div", { key: 'cbec10fd1ee8835d9d6130595d0669288b994eff' }, h("udp-dialog", { key: '680a0b69ac2d5cbe91985e9174cfcf338c7781a7' }), h("udp-list-item", { key: 'aecf71d5f6e6e1da4a2c26ec78ec0e8584e8b194' }), h("hint-panel", { key: 'c4efdba6795045c9828a6b59f4a581a8b46cccd0' }))), h("div", { key: '5cf5af8c7c8c4d4cd6713e010de6dc2fd83025da', class: "grid-base-header" }, h("grid-header", { key: 'd4a011dec11c07d13b9e15c9614396806feb797b', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), h("div", { key: 'd4a389432c5cb57cc43ea6deed8a9c22a6c3b0b8', class: "action-bar", style: { viewTransitionName: `action-bar` } }, this.gridFunctionInstances.map(fn => { var _a; return (_a = fn.render) === null || _a === void 0 ? void 0 : _a.call(fn); }))), h("div", { key: '48d8f6b817f4baeef86e669e042ef0ac443d2535', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
                 viewTransitionName: `my-new-grid`,
             } })));
     }

package/dist/components/ag-table2.js

@@ -9,7 +9,7 @@ const AgTable = /*@__PURE__*/ proxyCustomElement(class AgTable extends H {
         this.height = 'calc(100vh - 200px)';
     }
     render() {
-        return (h("div", { key: 'cb71b24c96b31cb228f08bd955f0da67fec23757', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (h("div", { key: '34090f535edf4f45e28eeacd5ab8da4012319dfd', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
     }
     get el() { return this; }
 }, [256, "ag-table", {

package/dist/components/ambient-template-grid.js

@@ -3859,11 +3859,11 @@ const AmbientTemplateGrid$1 = /*@__PURE__*/ proxyCustomElement(class AmbientTemp
             this.gridHeight = 'calc(100vh - 200px)';
         }
         const actionMenuItems = this.getOverflowActionList(this.overflowActionMenuItems, this.selectedRowParams);
-        return (h("div", { key: '2a36f186a6d4e761f3b5cbe8c245bb3d6ccae3f4' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: '05cd932b3a16b935200c3a36bf6ff2ca12be1384', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
+        return (h("div", { key: '41bae115d91b13803009c7556269d2ae5b2d5132' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: '5b4e5e21466a55a44a6a62b9108943c1a7ccc81e', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
                 this.handleOnCloseActionPopover(event);
-            } }, h("div", { key: 'cb7b49cab077c7327e4d5a4211587f3c9ed963db', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: 'd5b0ff1989d2b9d485fd12d460c755a666875937' }, this.showNotification && (h("udp-notification", { key: 'c04639dd8a80016a86aa11db760d60e0e715435d', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '7cc84d9f5f1d6cece0a064550dc7f9e83c1df76c' }, `:host ::slotted(.ag-side-bar) {
+            } }, h("div", { key: '9b31b3227767f4b0d3f739e0893f00a030539c52', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: '3db936068bd65bdad3c3512bd3735a281f6555d9' }, this.showNotification && (h("udp-notification", { key: 'f01763f7bb0d20c50c9cfcac0011aa111bd6129a', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '1a54a2890eb2d452e6a9e0b3f266230a36eff520' }, `:host ::slotted(.ag-side-bar) {
             width: ${filterPanelWidth} !important;
-          }`), h("grid-primary-bar", { key: '210498195ebb9e5ed0b007e267ae4be54415bc65', title: this.gridBarTitle, customSaveViewClick: () => this.showViewSave(), customShowViewClick: () => this.showViews(), customShowHotlistClick: () => this.showHotlist(), customShowCustomSearchClick: () => this.showCustomSearch(), customClearClick: () => this.clearFilters(), customRefreshClick: () => this.refreshGrid(), customExpandClick: () => this.expandColumns(), customExportClick: this.exportFunction
+          }`), h("grid-primary-bar", { key: '8df389e9f59a777f1756ba4e8c8b12d683fd830d', title: this.gridBarTitle, customSaveViewClick: () => this.showViewSave(), customShowViewClick: () => this.showViews(), customShowHotlistClick: () => this.showHotlist(), customShowCustomSearchClick: () => this.showCustomSearch(), customClearClick: () => this.clearFilters(), customRefreshClick: () => this.refreshGrid(), customExpandClick: () => this.expandColumns(), customExportClick: this.exportFunction
                 ? () => this.exportFunction(this.entityName, this.filterRenderList[0])
                 : () => this.exportToCsv(), customInsightsClick: e => {
                 this.insightsActionOnClick(e);
@@ -3872,25 +3872,25 @@ const AmbientTemplateGrid$1 = /*@__PURE__*/ proxyCustomElement(class AmbientTemp
             }, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton &&
                 !(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) &&
                     !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) &&
-                !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), h("udp-pop-over-grid-action-header", { key: 'a6308cd34368596082a8382a010e909fdabe6bf9', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: '8180af8fe0bb6e73107753e4e08848c82bc7d8a4', onClick: () => {
+                !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), h("udp-pop-over-grid-action-header", { key: '4dbe9fe894e8cbc5506747bc3c9ba78218ce77d1', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: 'c5437a453c1b0d9c1571c257ec4d3435cc80c390', onClick: () => {
                 this.togglePanel('columns');
                 this.showGridOptions();
-            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: 'c874ce412a7c35f2341e77fc71a74276ea133f0c', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: 'e1b2a0d6b2445bfd5ceb9a3b6a9541e1588cd813', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: '594fd9244b4ac36d57d747e4f5be496eb0104527', onClick: () => {
+            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: 'bf348010636e12f4932f79cece63e4b709b7869f', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: 'b53bc71cbf14e08c28175415d5d333a3d40f4104', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: 'afc68a1c78002b693985696754ad53eb66a0a302', onClick: () => {
                 this.fitColumns();
                 this.showGridOptions();
-            }, tooltip: "Fit to Column" }, h("unity-typography", { key: '8774eddbd6ec2a5693f1d7c86bef1aea3d9827e5', variant: "button" }, "Fit to Column")), h("udp-divider", { key: '3654801b05558976013ac4a1ae81c83611eaae6d', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: 'c0239b51eb151072930c322229cae6a65223dc32', onClick: () => {
+            }, tooltip: "Fit to Column" }, h("unity-typography", { key: '4f9043a98f7302d8d9aae14ab13ba7fe86e011fa', variant: "button" }, "Fit to Column")), h("udp-divider", { key: 'af9017b4110657db587eb2c6fdd4b5deaf0fbbac', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: 'd6aa94f107f847114409b34ed9e8643b586f133c', onClick: () => {
                 this.expandColumns();
                 this.showGridOptions();
-            }, tooltip: "Expand Grid" }, h("unity-typography", { key: '413a53eff8841fbf0cf31a99b4496f7943c95e3b', variant: "button" }, "Expand Grid")), h("udp-divider", { key: 'ffaa5a1e594c83e3c88c3eb8aef1b4eb71ba59f7', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: '3962d78937ea230c1a7b4ed9d58d9fcd2895b83a', onClick: () => {
+            }, tooltip: "Expand Grid" }, h("unity-typography", { key: '75b7ebd3ad348e7506cc5eaea59297a46a86323a', variant: "button" }, "Expand Grid")), h("udp-divider", { key: '3a49337800fec3ca587a4f9e649eabcb67d2804f', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: '7199fdd3a3c6139d4eee938ad1a0e25bcc2a65db', onClick: () => {
                 this.handleSearchModeToggle();
                 this.showGridOptions();
-            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: 'f036d029c03547edd6824b9d7d46e9ecaa673ed8', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: 'c0f731a5f4a162815106da8e71fb85f4badb8469', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: '8c4782ecbdeca03b892636f159b20651064468bb', class: "bulk-select" }, h("udp-badge", { key: '51d2b036b1aec616e322f3eab48c7e5b42788dd1', content: this.selectedRowCount }, h("udp-selector", { key: '57c894e26a7000e113dfddca8cb5bff2d0d36d18', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (h("div", { key: '2d9cc4930c5de95b3c3a33cbbdc249862e50d045', class: "chip-wrapper" }, h("stencil-chip", { key: '5276a300dd0ab98f10f9f4ca44f9a0514cec90f2', text: this.loadedViewTitle,
+            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: 'e816880ff03848257067506e5596a0d5e27b8086', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: 'f25a8ad0eb2c3f9ac98a55eed479d5c6364f49e1', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: '4bf7df1fcea166ba2a30bdb3a018d1a655364eec', class: "bulk-select" }, h("udp-badge", { key: 'b0c178b05e0faa71376ec77e664ab0b6c35e9e19', content: this.selectedRowCount }, h("udp-selector", { key: '4e3fa4187ea9b52a55c27870ba0c7eec186b7e61', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (h("div", { key: 'ab07de0c4d4d5207c8a4340d17b319511e5371c2', class: "chip-wrapper" }, h("stencil-chip", { key: '7037c66ed6b0bee76ffbfd62a1f34d8dd70a3df4', text: this.loadedViewTitle,
             // onOnDelete={this.handleDelete as any}
-            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16, showLeftIcon: this.selectedViewIsDefault }), h("udp-divider", { key: 'ff678fe4a1e5d3a00bd251427908c82db4514edf', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: '57f0fc7c5e797c4f99e9f478d3fe03e36f01cd9f', class: "chip-wrapper" }, h("stencil-chip", { key: '0059741b6f358f71a3e84148c4d8821de620570b', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: 'c9c6daddca887e93444d86b303629e23b23cd5b2', variant: "vertical", size: "30px" }))), h("div", { key: '2ee5d8bde615d6d3d7e20b6f60f7590a4f268223', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: '50e4e9c29f4f704bb3400c289dd0168dbb847e32', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: 'cb872b3708cdf7ee308a15bb480677adfe180831', class: "kpi" }, h("kpi-list", { key: 'e012c100a04ecf3123932c1150e4387361ba00fd', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: 'f662ad60f754e98422cb7e76671992b77a90f62e' }, h("upd-alert-banner", { key: 'd583daf2d4721e2ab54134f98be07511666d8dcd', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: 'c1bd8b2259d7e4e0310ba99622b931c365d40127', style: {
+            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16, showLeftIcon: this.selectedViewIsDefault }), h("udp-divider", { key: '9e198587582264928bdebb94bc1434578e9236c0', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: '16d9409eaabff97398465b0d0d3e86b823196373', class: "chip-wrapper" }, h("stencil-chip", { key: '193c628af4be1c1569b7ff338ea153427fa40061', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: '6fde647f8012240b30911364cc4e5cd6edac370b', variant: "vertical", size: "30px" }))), h("div", { key: 'a751fbf7abae63339e224fea3f342509ee75e2f8', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: '900ffddc1a4c25427c92b77930628ef3b711c55e', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: 'e23f5035303b751d6e7d876545b158b57c8c3353', class: "kpi" }, h("kpi-list", { key: 'c230b44867aaad0076cadd1561540442ef38fec6', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: 'c1e39c0c209e059facdd49a2047a6f91640d2188' }, h("upd-alert-banner", { key: '75ff93d17d1bda3733a573b37aebcbc1cbfbef79', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: 'b39978212578090ccd818dbc4de68ea3542b6669', style: {
                 height: '4px',
                 backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)',
                 overflow: 'hidden',
-            } }, this.linearLoading && h("udp-linear-loader", { key: '21732d1995244bd4fedde53920e00784e41aaf3e' })), this.noResults && (h("div", { key: '9fd39c92c83a698c6295dc4f8bf3acaec1cba3ee' }, h("upd-alert-banner", { key: 'ebb0a397911b92b2c1ea56c4ce0fd50503b1aac8', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: 'e94ced131cb70420eab5d597b560054e16448892' }, h("ag-table", { key: '86cda5cbbf17e04074dbdc25d7fb727b6ef8ade7', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), h("side-sheet", { key: '3ef4fc66f26b906aabdeb6848df2a61c3a5b1192', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: 'd8215e898ce8ab55bbd200fd921bf46dad6d3e91', style: { width: '1200px' } }, h("advanced-search", { key: '61a7529434d1fbfe0ee24018dddd746cddb20a72', handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(), getHeaderFieldLabel: this.getHeaderFieldLabel }))), h("side-sheet", { key: 'db468e52f087847cb673a35e4977304f6e3a1c7c', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: '1de98b8f12f9f774ecaddd3ce006a4fa21b75740' }, h("div", { key: '4d0a5dd72b9aee6463b569820b66a3dc63d6a609', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: '8f7595f03f8ec909419765343e7b8ab8c3cd9903', hint: "Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.", hideHintText: "Hide Hint" })), h("div", { key: '615b3a2404515c157d7d512a9b49afb956469382', style: { width: '446px' } }, this.viewListRowData &&
+            } }, this.linearLoading && h("udp-linear-loader", { key: 'bf9a0f0b3e4381f6efa3feeb32d77ddde3d6ccb8' })), this.noResults && (h("div", { key: '457fe6fce7bf5b5d147694c9596a0c2bf7c63da4' }, h("upd-alert-banner", { key: 'f46fe682a05b590a6bcba1d7b05a2194bc8f3cce', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: '5242b8ead8ac4ca950bc53d701081af87681e1a1' }, h("ag-table", { key: '4a534edbc643d7ff600c21d962581a11a9d0196f', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), h("side-sheet", { key: 'c9f59b9f5fc9fedbb0c4ffd491159808b26b8e15', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: 'e233cb08f767b73591d34d036559beafcfbd264d', style: { width: '1200px' } }, h("advanced-search", { key: '333cd453a38e40d24aa768ca3e49721880b6c97e', handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(), getHeaderFieldLabel: this.getHeaderFieldLabel }))), h("side-sheet", { key: '885527c22b7714c061101c691dc7b19263f3f45f', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: '1366376cc2c4cb6d41806f1ed9f9928953862795' }, h("div", { key: '629e548e886bec8bba170b7427ccbb3a9180607c', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: '51930b7d43cc89528d56b9d8122a0750334954ac', hint: "Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.", hideHintText: "Hide Hint" })), h("div", { key: 'f83736ff524e3fa1e29ebdff9a73b521b1132c8e', style: { width: '446px' } }, this.viewListRowData &&
             this.viewListRowData.map(item => {
                 if (item.gridViewVisibilityTypeId === 2 ||
                     item.userId.toLowerCase() === this.userId.toLocaleLowerCase()) {
@@ -3902,9 +3902,9 @@ const AmbientTemplateGrid$1 = /*@__PURE__*/ proxyCustomElement(class AmbientTemp
                         }, editHandler: () => this.openViewEdit(item.gridViewId, item.name, item.isDefault, item.gridViewVisibilityTypeId), deleteHandler: () => this.openDeleteViewConfirmation(item.gridViewId), showUpdateDefaultOption: true, updateDefaultHandler: () => this.updateDefaultView(item), isDefault: item.isDefault, gridViewVisibilityTypeId: item.gridViewVisibilityTypeId, showAdd: false, showViewOption: false
                     }));
                 }
-            })))), h("side-sheet", { key: '333537b80eabae296830927b559371d665fa17c0', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: 'b775407f39b8e081bbec135e133fd27418f096a2', getLogicalOperatorValue: this.getLogicalOperatorValue, getLogicalOperatorCode: this.getLogicalOperatorCode, handleAddNewFilter: this.handleAddNewFilter, handleAddNewGroup: this.handleAddNewGroup, handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setGroupedFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, filterObjectsWithGroups: this.filterObjectsWithGroups, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(),
+            })))), h("side-sheet", { key: 'dcbae0235473230e7328464f0d3741cfa436294c', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: 'a759b71e0e45713de4bd596d6efa515eec2593f4', getLogicalOperatorValue: this.getLogicalOperatorValue, getLogicalOperatorCode: this.getLogicalOperatorCode, handleAddNewFilter: this.handleAddNewFilter, handleAddNewGroup: this.handleAddNewGroup, handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setGroupedFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, filterObjectsWithGroups: this.filterObjectsWithGroups, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(),
             // onSearchItemChanged={() => this.handleSearchItemChange()}
-            updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById, getHeaderFieldLabel: this.getHeaderFieldLabel })), h("side-sheet", { key: '8fcdf46117504d5f8103294651a9e6daaa18336e', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, h("div", { key: '58a56fda523f28e8600ee555a14aa27f21421745' }, this.showHotlistForm && (h("udp-hotlist-form", { key: 'd805a9f200ab4871af226418bd247df1215b636b', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() })), h("div", { key: '402a6e75284f720e94a5c6f70121a00ebf0e1b1d', style: { width: '446px' } }, this.allHotlists &&
+            updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById, getHeaderFieldLabel: this.getHeaderFieldLabel })), h("side-sheet", { key: '85e261fa9d0bb3553a1e9c5abebb197a7bd6c721', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, h("div", { key: '8d4a63c395e5852b01ffd9509a03351f4f7e1f8f' }, this.showHotlistForm && (h("udp-hotlist-form", { key: '2a0dd9c298608ba5adb014d08118855b9ae433e5', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() })), h("div", { key: '2dfcc832f860c01f6d0b23db0b3de1ed7822929c', style: { width: '446px' } }, this.allHotlists &&
             this.allHotlists.map(item => {
                 if (item.domain === this.entityName) {
                     return (h("tree-list-item", { label: item.name, fieldName: item.name, showViewOption: true, showAdd: this.businessObjectKey ? true : false, showDeleteOption: true, viewHandler: () => this.handleRequestHotlist(item.hotListId), deleteHandler: () => this.confirmRequestDelete(item.hotListId), onClick: () => this.handleSetSingleHotlistItem(item.hotListId), statusValue: item.isPrivate, statusClasses: {
@@ -3912,7 +3912,7 @@ const AmbientTemplateGrid$1 = /*@__PURE__*/ proxyCustomElement(class AmbientTemp
                             false: 'neutral',
                         }, statusLabel: item.isPrivate ? 'Private' : 'Shared' }));
                 }
-            })))), h("save-view-form-dialog", { key: '77dc38b97e73f9aa00b9e512539cf27c2503ff1a', open: this.saveDialogOpen, title: this.selectedViewName ? 'Current View' : 'New View', closeDialog: () => this.showViewSave(), currentGridViewId: this.selectedGridId, currentName: this.selectedViewName, currentIsPrivate: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (name, isPrivate, isDefault) => {
+            })))), h("save-view-form-dialog", { key: '48aaba51e0f827b930787f2f6d96477522b8e62a', open: this.saveDialogOpen, title: this.selectedViewName ? 'Current View' : 'New View', closeDialog: () => this.showViewSave(), currentGridViewId: this.selectedGridId, currentName: this.selectedViewName, currentIsPrivate: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (name, isPrivate, isDefault) => {
                 // Assuming this.columnState exists in this component's scope
                 this.handleViewFormSubmit(name, isPrivate, isDefault, this.gridState);
             }, handleViewAndConfigurationSubmit: (name, isPrivate, isDefault) => {
@@ -3925,13 +3925,13 @@ const AmbientTemplateGrid$1 = /*@__PURE__*/ proxyCustomElement(class AmbientTemp
                         this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState);
                     }
                 }
-            } }), h("edit-view-form-dialog", { key: 'af399d93c17f6ab2f92c6184a5a893a0c5288abb', open: this.editDialogOpen, title: "Edit View", closeDialog: () => this.closeViewEdit(), currentGridId: this.selectedGridId, currentName: this.selectedViewName, currentGridViewVisibilityTypeId: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (gridId, name, isPrivate, isDefault) => {
+            } }), h("edit-view-form-dialog", { key: '58cf00aca040435203eed7ef8b005bf795e22572', open: this.editDialogOpen, title: "Edit View", closeDialog: () => this.closeViewEdit(), currentGridId: this.selectedGridId, currentName: this.selectedViewName, currentGridViewVisibilityTypeId: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (gridId, name, isPrivate, isDefault) => {
                 this.handleViewUpdate(gridId, name, isPrivate, isDefault);
-            } }), h("div", { key: '5edea24a2b3b11f1d73c65a1d03d24e23a4ff725' }), h("fluent-dialog", { key: 'b03912ff85ecf478846ca76a34806bb3d661f7a9', title: "Delete Hotlist", message: "Are you sure you want to delete this hotlist?", actionOne: () => this.handleRequestDeleteHotlist(), actionTwo: () => this.toggleDeleteDialog('hotlist'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialog }, h("div", { key: 'c122c65c5a2b580af173266e3b973a3019149100' }, "This will not delete any of the data but only the records ", h("br", { key: 'db965117c7178c1de9c60c45ffc36883d4872e98' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: '6287a9e69f70cfa84d8b81383ef8e2163d62d5a4', title: "Delete View", message: "Are you sure you want to delete this view?", actionOne: () => this.handleDeleteView(), actionTwo: () => this.toggleDeleteDialog('View'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialogDeleteView }, h("div", { key: 'b72c43a7a1368001523ec32af379796f6d6588b0' }, "This will not delete any of the data but only the settings ", h("br", { key: 'eb92d90f38c6415562409cf515da85c87c070e4a' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: 'e99d8fd4a4b04a4c712efb5c88c25d9c0b548299', title: "Update View", message: "Are you sure you want to update this view?", actionOne: () => this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState), actionTwo: () => this.showViewEditConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.editViewConfirmationDialogOpen }, h("div", { key: '3905cba1ad13c9d6caab613387861ed777467786' }, "This is a public view. Any changes made to it will be seen by others when they load this view.", ' ')), h("fluent-dialog", { key: '8d9caa3307134c2ce4dc61303f91ad48bac68990', title: 'Toggle Search Mode to ' +
+            } }), h("div", { key: '81e032077310d99e15ff569a393e59696addefa1' }), h("fluent-dialog", { key: '84cc63d23f003cfa8823485cce38ff93b74585a9', title: "Delete Hotlist", message: "Are you sure you want to delete this hotlist?", actionOne: () => this.handleRequestDeleteHotlist(), actionTwo: () => this.toggleDeleteDialog('hotlist'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialog }, h("div", { key: '6313c4ae5e3e3453b983202da21c4e239ab86263' }, "This will not delete any of the data but only the records ", h("br", { key: '41c6b8b09cef0216e30f05a1734b12539a6bf4f5' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: '8709a336343bb233d32fd1a1bc8d2285c4cde5d8', title: "Delete View", message: "Are you sure you want to delete this view?", actionOne: () => this.handleDeleteView(), actionTwo: () => this.toggleDeleteDialog('View'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialogDeleteView }, h("div", { key: '19ca2db1ad2510afc7efc7a7c0698cd68e7d8c34' }, "This will not delete any of the data but only the settings ", h("br", { key: '11953dfbf39da8df751294b7002ad141b003c281' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: 'fe1b746d9904b91fe06a311914bc8680aae4543a', title: "Update View", message: "Are you sure you want to update this view?", actionOne: () => this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState), actionTwo: () => this.showViewEditConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.editViewConfirmationDialogOpen }, h("div", { key: '914085a4440011236ee67ed0fe09a4423b5f074c' }, "This is a public view. Any changes made to it will be seen by others when they load this view.", ' ')), h("fluent-dialog", { key: '72a9bb7f1e84cfc2205f2438dca6026b4435901b', title: 'Toggle Search Mode to ' +
                 (this.enableAdvancedSearch ? 'Standard' : 'Advanced') +
                 ' Search', message: this.enableAdvancedSearch
                 ? `Are you sure you want to toggle the search mode to standard search?`
-                : `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, h("div", { key: '2fc3b82d58c2f17fc61518ba2a38e15c3c8cd99d' }, this.enableAdvancedSearch
+                : `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, h("div", { key: '01bb85755a92d0b8b1b222242738a26982c4f2f4' }, this.enableAdvancedSearch
             ? 'The advanced search functionality will be disabled, all advanced search filters will be cleared and the grid will be reset to its default state.'
             : 'The standard search functionality will be disabled and any existing standard filters will persist to the advanced search.'))));
     }

package/dist/components/api-method-instance-grid.js

@@ -192,7 +192,7 @@ const ApiMethodInstanceGrid$1 = /*@__PURE__*/ proxyCustomElement(class ApiMethod
         this.getApiMethodInstanceData();
     }
     render() {
-        return (h("search-method-grid", { key: '7d04ec1c6669022623011988b164dffe6cf2372c', onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, searchMethodConfig: this.searchMethodConfig, gridApiCallback: this.gridApiCallback }));
+        return (h("search-method-grid", { key: '051d869cb3e0ccbf45386fdad46e3f60fbba38f8', onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, searchMethodConfig: this.searchMethodConfig, gridApiCallback: this.gridApiCallback }));
     }
     static get watchers() { return {
         "apiMethodInstanceData": ["createColumnDefs", "updateSearchMethodConfig"],

package/dist/components/app-bar.js

@@ -18,7 +18,7 @@ const AppBar$1 = /*@__PURE__*/ proxyCustomElement(class AppBar extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'd35144ec1379fd66aa1f6f4e2a62195bcfc62ab6', class: "header" }, h("stencil-icon-button", { key: '083f918c3a4466a5b1af9c313604adf972eb495c', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: '043e4b4c0656f0a00d35b00ed3e185f41e155fc2', variant: 'data-display-one' }, " ", h("slot", { key: 'c9e6806871f5928bd6754da441cd1c144bbd7b62' }), "   "), h("a", { key: 'a9e8badf6ee8c99dd6812fb21e3116afa3a56196', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: '515b67d73d57d9778033c6d80672a7b6bd10362f', class: "header__logo" }), h("div", { key: '5544a534265cb4e8e8508d8509bfb76126d8f248', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: '067fef9e40902fb021f0408684410a0f01c07bee', class: "header__global" }, h("udp-avatar", { key: 'd67be7362bb40da19983bf666a50b35071313d7b', username: this.username }))));
+        return (h("div", { key: 'be002d9dfce20fd83ef6b1a86b11a690c3c3001d', class: "header" }, h("stencil-icon-button", { key: '6471208d84cbaf51439f6db7bb4ee7f56474e39c', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: '256a7a073681ae8cf9326e566f48c217a94ed1bd', variant: 'data-display-one' }, " ", h("slot", { key: '09f60dc05e9b00e9febdf01698f09943b6468698' }), "   "), h("a", { key: 'f7612db42a33e288db4ad195711aae2f5851757c', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: '6801cb125f54c70508ee25f99dca06a659743503', class: "header__logo" }), h("div", { key: 'dea566be0ac10431daa3dfbb4c68cf369a8c955e', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: '7b6119bf503f80b4ae71dbb57d39c409edeb6061', class: "header__global" }, h("udp-avatar", { key: '005a2fdf32ba51a1937c653fcad03ab20d856c1c', username: this.username }))));
     }
     static get style() { return appBarCss; }
 }, [257, "app-bar", {

package/dist/components/check-box.js

@@ -99,13 +99,13 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends H {
      */
     render() {
         const isError = !!this.errorMessage;
-        return (h(Host, { key: '07cf738088ab4982032f805c6c196638640c7620', class: {
+        return (h(Host, { key: 'bfbea0de03ce487f84086a9668d41e16aef98b1f', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--required': this.required,
                 'udp-input--checked': this.internalChecked
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '6afeb636543317c528c9e9a495249f4f7621c466', class: "checkbox-container" }, h("input", { key: 'be66346015bd4dcf6825a9150759556e691d14a9', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && h("label", { key: '880e01a27b65f571f8e5efb49e686386db26662c', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: '1f86fd9b4915f2fa088d5d79c9d686ea0b44b353', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '70d790495ae3a0e6d26898902040189d37ea591c', class: "checkbox-container" }, h("input", { key: 'c9d1d777a235dca3e432745433ffc775d7e1fa1c', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && h("label", { key: '2e75284b7c1de3f2766c61089714bceb03e1adea', htmlFor: this.id }, this.label), this.errorMessage && h("div", { key: '1129e185219a6e0172655bcbe91e1bcfc105ed44', class: "error-message" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": ["updateError"],

package/dist/components/chip-section.js

@@ -106,13 +106,13 @@ const ChipSection$1 = /*@__PURE__*/ proxyCustomElement(class ChipSection extends
     }
     render() {
         console.log("Rendering ChipSection", this.visibleFilterChips);
-        return (h("div", { key: 'aac4c7c07bbb6091aeacf779903cbabe95ee9a80', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '7ef21ea6834266a4569f5f9f4f9bb85905309501', class: "chipHolder" }, h("div", { key: '4b790fddbb548155c64f858f29d44ba2adc02c84', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: 'bbc17e0015c36f57000bd61f285d240d92a0133b', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: 'c2289efa6311280f443091e0f3824db42c098f59', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
+        return (h("div", { key: 'ecef73c7e01fd3267cb08af779ac3e753896421f', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '03910a548cf9b365a72b3257f2d4d21420b9e58f', class: "chipHolder" }, h("div", { key: '04905f5071291896339a8b2df3936f4396e3e0e0', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: 'a9bbd04890c36217eec8f95c4f9236ee86f276c5', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: 'dd8a6b7c64cd48bba34f505924a2e2b197d27952', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
             if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {
                 console.log('returning null...');
                 return null;
             }
             return (h("stencil-chip", { text: `${chip.label} ${chip.value}`, class: "filterChip", onClick: () => this.handleFilterChipToggle(chip) }));
-        })), h("div", { key: '5d0a84ad05da1220689be65f841761ef151c9a12', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: '5549c7839889fc6866395d90612965cb7fdac049', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
+        })), h("div", { key: '4c7c54000f87cbea00e562a68ad5411a588fe323', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: 'ad03fb310e01f0c18110983ed508eb3afb308217', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/client-side-grid2.js

@@ -42,7 +42,7 @@ const ClientSideGrid = /*@__PURE__*/ proxyCustomElement(class ClientSideGrid ext
         this.clientSideConfig = Object.assign(Object.assign({}, this.gridOptions), { rowModelType: 'clientSide' });
     }
     render() {
-        return (h("ag-grid-base", { key: 'a886e21567ee542026f79f93870025cc87e817dc', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback }));
+        return (h("ag-grid-base", { key: '62dd67374ff762af425ab58d3ed85c42497c7ffb', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback }));
     }
     static get watchers() { return {
         "rowData": ["updateRowData"]

package/dist/components/entity-maintenance-grid.js

@@ -35,7 +35,7 @@ const EntityMaintenanceGrid$1 = /*@__PURE__*/ proxyCustomElement(class EntityMai
         this.getPromotedMethods();
     }
     render() {
-        return (h("api-method-grid", { key: 'b7d45a2578a739fdc2cff4ce7edc9caab3c42ad4', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
+        return (h("api-method-grid", { key: 'c142301d4a7afdf5d988d27944622ce3528b0ffb', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
     }
 }, [256, "entity-maintenance-grid", {
         "entityName": [1, "entity-name"],

package/dist/components/enums.js

@@ -18,6 +18,7 @@ var UdpFormsFieldTypeEnum;
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["Number"] = 16] = "Number";
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["Paragraph"] = 17] = "Paragraph";
     UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["ImageUpload"] = 18] = "ImageUpload";
+    UdpFormsFieldTypeEnum[UdpFormsFieldTypeEnum["FormMetadataDisplay"] = 19] = "FormMetadataDisplay";
 })(UdpFormsFieldTypeEnum || (UdpFormsFieldTypeEnum = {}));
 var UdpFormsTypeEnum;
 (function (UdpFormsTypeEnum) {

package/dist/components/enums.js.map

@@ -1 +1 @@
-{"file":"enums.js","mappings":"AAAY,IAAA;AAAZ,CAAA,UAAY,qBAAqB,EAAA;IAC/B,qBAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAU;IACV,qBAAA,CAAA,qBAAA,CAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,gBAAkB;IAClB,qBAAA,CAAA,qBAAA,CAAA,eAAA,CAAA,GAAA,CAAA,CAAA,GAAA,eAAiB;IACjB,qBAAA,CAAA,qBAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAY;IACZ,qBAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAe;IACf,qBAAA,CAAA,qBAAA,CAAA,sBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,sBAAwB;IACxB,qBAAA,CAAA,qBAAA,CAAA,wBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,wBAA0B;IAC1B,qBAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,iBAAmB;IACnB,qBAAA,CAAA,qBAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,GAAA,cAAgB;IAChB,qBAAA,CAAA,qBAAA,CAAA,cAAA,CAAA,GAAA,EAAA,CAAA,GAAA,cAAiB;IACjB,qBAAA,CAAA,qBAAA,CAAA,kBAAA,CAAA,GAAA,EAAA,CAAA,GAAA,kBAAqB;IACrB,qBAAA,CAAA,qBAAA,CAAA,YAAA,CAAA,GAAA,EAAA,CAAA,GAAA,YAAe;IACf,qBAAA,CAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAU;IACV,qBAAA,CAAA,qBAAA,CAAA,WAAA,CAAA,GAAA,EAAA,CAAA,GAAA,WAAc;IACd,qBAAA,CAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAU;IACV,qBAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW;IACX,qBAAA,CAAA,qBAAA,CAAA,WAAA,CAAA,GAAA,EAAA,CAAA,GAAA,WAAc;IACd,qBAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,CAAA,GAAA,aAAgB;AAClB,CAAC,EAnBW,qBAAqB,KAArB,qBAAqB,GAmBhC,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,GAAc;AACd,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,GAAc;AAChB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,GAG3B,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,mBAAA,CAAA,GAAA,sCAA0D;AAC1D,IAAA,kBAAA,CAAA,oBAAA,CAAA,GAAA,sCAA2D;AAC7D,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,GAG7B,EAAA,CAAA,CAAA;;;;","names":[],"sources":["src/components/forms/udp-forms/utils/enums.ts"],"sourcesContent":["export enum UdpFormsFieldTypeEnum {\n  Hidden = 1,\n  SingleLineText = 2,\n  MultiLineText = 3,\n  Checkbox = 4,\n  RadioButton = 5,\n  DropdownSingleSelect = 6,\n  DropdownMultipleSelect = 7,\n  ListMultiSelect = 8,\n  DateSelector = 9,\n  TimeSelector = 10,\n  DateTimeSelector = 11,\n  FileUpload = 12,\n  YesNo = 13,\n  Signature = 14,\n  Tally = 15,\n  Number = 16,\n  Paragraph = 17,\n  ImageUpload = 18,\n}\n\nexport enum UdpFormsTypeEnum {\n  Standard = '1',\n  FollowUp = '2',\n}\n\nexport enum UdpFormsPageIdEnum {\n  FormBuilderPageId = 'c77aa2c8-f8b8-41af-aa77-c8612fc918c1', \n  FormRendererPageId = 'c696afbd-8d83-4f80-aaa1-9a3530a05a21', \n}"],"version":3}
+{"file":"enums.js","mappings":"AAAY,IAAA;AAAZ,CAAA,UAAY,qBAAqB,EAAA;IAC/B,qBAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAU;IACV,qBAAA,CAAA,qBAAA,CAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,gBAAkB;IAClB,qBAAA,CAAA,qBAAA,CAAA,eAAA,CAAA,GAAA,CAAA,CAAA,GAAA,eAAiB;IACjB,qBAAA,CAAA,qBAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAY;IACZ,qBAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAe;IACf,qBAAA,CAAA,qBAAA,CAAA,sBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,sBAAwB;IACxB,qBAAA,CAAA,qBAAA,CAAA,wBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,wBAA0B;IAC1B,qBAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,iBAAmB;IACnB,qBAAA,CAAA,qBAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,GAAA,cAAgB;IAChB,qBAAA,CAAA,qBAAA,CAAA,cAAA,CAAA,GAAA,EAAA,CAAA,GAAA,cAAiB;IACjB,qBAAA,CAAA,qBAAA,CAAA,kBAAA,CAAA,GAAA,EAAA,CAAA,GAAA,kBAAqB;IACrB,qBAAA,CAAA,qBAAA,CAAA,YAAA,CAAA,GAAA,EAAA,CAAA,GAAA,YAAe;IACf,qBAAA,CAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAU;IACV,qBAAA,CAAA,qBAAA,CAAA,WAAA,CAAA,GAAA,EAAA,CAAA,GAAA,WAAc;IACd,qBAAA,CAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAU;IACV,qBAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAW;IACX,qBAAA,CAAA,qBAAA,CAAA,WAAA,CAAA,GAAA,EAAA,CAAA,GAAA,WAAc;IACd,qBAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,CAAA,GAAA,aAAgB;IAChB,qBAAA,CAAA,qBAAA,CAAA,qBAAA,CAAA,GAAA,EAAA,CAAA,GAAA,qBAAwB;AAC1B,CAAC,EApBW,qBAAqB,KAArB,qBAAqB,GAoBhC,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,GAAc;AACd,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,GAAc;AAChB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,GAG3B,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,mBAAA,CAAA,GAAA,sCAA0D;AAC1D,IAAA,kBAAA,CAAA,oBAAA,CAAA,GAAA,sCAA2D;AAC7D,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,GAG7B,EAAA,CAAA,CAAA;;;;","names":[],"sources":["src/components/forms/udp-forms/utils/enums.ts"],"sourcesContent":["export enum UdpFormsFieldTypeEnum {\n  Hidden = 1,\n  SingleLineText = 2,\n  MultiLineText = 3,\n  Checkbox = 4,\n  RadioButton = 5,\n  DropdownSingleSelect = 6,\n  DropdownMultipleSelect = 7,\n  ListMultiSelect = 8,\n  DateSelector = 9,\n  TimeSelector = 10,\n  DateTimeSelector = 11,\n  FileUpload = 12,\n  YesNo = 13,\n  Signature = 14,\n  Tally = 15,\n  Number = 16,\n  Paragraph = 17,\n  ImageUpload = 18,\n  FormMetadataDisplay = 19,\n}\n\nexport enum UdpFormsTypeEnum {\n  Standard = '1',\n  FollowUp = '2',\n}\n\nexport enum UdpFormsPageIdEnum {\n  FormBuilderPageId = 'c77aa2c8-f8b8-41af-aa77-c8612fc918c1', \n  FormRendererPageId = 'c696afbd-8d83-4f80-aaa1-9a3530a05a21', \n}"],"version":3}

package/dist/components/feature-details-card2.js

@@ -112,19 +112,19 @@ const FeatureDetailsCard = /*@__PURE__*/ proxyCustomElement(class FeatureDetails
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const currentMessageIcon = (_a = this.messageIcon) !== null && _a !== void 0 ? _a : this.getDefaultMessageIcon();
-        return (h("div", { key: 'a279719f3393377db2f480e566feefdad2320fa5', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '394624accabf7d196085237dccf19aa2a2feedcd', class: "adornment" }, h("udp-adornment", { key: 'dbbda88f7e909e08dd68b956e8db553a6a106bcf', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '207ccde55a79f61a20fe876d52520218419bebd0', class: "content-wrapper" }, h("div", { key: 'e559651ff638cccdf6ce89d5eca6bcfb56d04834', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '32c1054968e769c977b515b85d24a9d3798da6c9', class: "title-wrapper" }, h("stencil-icon-button", { key: 'beb2b4719688ef7e3fc02fa8fffc3365c41a838d', onClick: this.onClose, icon: Close24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: '156750e9dbd586597128383c2ad9bac2eeb32d2f', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: 'ce8a2349828257358eab14705edd54a65e7869a2' }, h("div", { key: 'ba673f36ae93a338085bd71ea65a485783d2087e', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '9dc305dda49437cfa0b816eefcde1338e20d8143', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '2ad28916734d0f44976ee64645f457e9e67ab164', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: 'cee49518e26621c37ef2c41a7913ef8c8e6acea9', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
+        return (h("div", { key: '9e6db8b1a36400927a5114293b5425a6ab241ab9', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '4903e0f4ca6af1f5aa5f0f1ba1520d55aaa856ff', class: "adornment" }, h("udp-adornment", { key: 'd6901aef9bb7e829d054c57ca83fa2918659efc8', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '4cc138f4c74d8112c153336eb0a170747d163b42', class: "content-wrapper" }, h("div", { key: 'ec01c52ed866e8fb0e27d02ded72fc4ed3da70be', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: 'f23fce2d2ae4861c5f9e8547cddba9e4c3ee8a84', class: "title-wrapper" }, h("stencil-icon-button", { key: '49e804177aa57e9cd3bc1ddbb0810d1bb27fa1d6', onClick: this.onClose, icon: Close24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: 'fae781b27ac9025080b91edb4d23e3f6b6081f5f', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '736cac97bf73947fd346a97cda9adc0fd4b57623' }, h("div", { key: 'acd7344194610f91297ca91e16e6487d1091a4fb', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: 'c95f33331ff196eb43657a03cd3346bb92b592c5', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: 'eb50f4882ddb9a5e4cd9876c54cb912b67543932', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '7acc69dad0ed87091485c60426d9ad619291cda2', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);
                 }, disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_a = action === null || action === void 0 ? void 0 : action.disabled) !== null && _a !== void 0 ? _a : false }));
-        }))))))), this.message && (h("div", { key: '55dbfbf985e623b96c497dd0f281549e7a2623d9', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '400a6bc6178037d19184dc6fe1cc1acbb54af424', class: "icon-message" }, h("udp-icon", { key: '53f0fc5176ffcee7f42a9b403870eb6bf7f5d59c', iconName: currentMessageIcon }))), h("div", { key: 'f73366bc9e1ca2598117f276d7fa0d23630b16b8', class: "message" }, h("unity-typography", { key: '48e9a6c899eca3526427990284288b916bfd91b0' }, this.message)))), h("div", { key: '793b3c333e0f7bb6da5bab0f5c14c472f18e2501', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: 'e92ceda5c88453be65399247a96d6f7e77fc62ef', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'ae612aa8753050d31d586ef57247addd120ee239', id: "viewFeatureOption" }, h("stencil-icon-button", { key: 'ad3318b411960e16939a61e5ca6529ccad750894', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
+        }))))))), this.message && (h("div", { key: '821c15ffdece6aac5cc05ac54b68dc4c3406d911', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '132518846bf77d173067a3ec238c1deaffed4666', class: "icon-message" }, h("udp-icon", { key: '040887555c79045f16b1840caed09fe2f0380ab0', iconName: currentMessageIcon }))), h("div", { key: '3dda67c814990990cbe40ef47946f6ea3967a89e', class: "message" }, h("unity-typography", { key: 'b0630b34ea51c70ea1b0b65c1559783a72f03aae' }, this.message)))), h("div", { key: 'b318afe8bbe498594efc2e228183478acb82dc71', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: 'c3fb7eefb9ad1d81e8e38f1e86b9c1a7ee0754dc', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: '018dde78ddc28b88d31bb541c55f9096c61ace72', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '707d407288086b4785fccdcde67d62f862b65221', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
                 selectedFeature: this.data,
                 formattedSelectedFeature: this.listData,
-            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: '07acf06d15ece0f0fb0ad40c9de5e1d176976d7c' }, h("div", { key: '18493d1b64842be4575915c27921a0ffb7d4c982', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
+            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: 'f264d01a720a122842f344ebf1033b08fe6ebe58' }, h("div", { key: '77d6ff0c0d703c77bef3e1b72aeadd19ff775845', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
             _h.map((action, index) => {
                 var _a, _b;
                 return (h("stencil-icon-button", { tooltip: action === null || action === void 0 ? void 0 : action.name, icon: getIconFromName(action === null || action === void 0 ? void 0 : action.iconName), buttonId: (_a = action === null || action === void 0 ? void 0 : action.id) !== null && _a !== void 0 ? _a : `primary-icon-action-${index}`, onClick: () => action.onClick(this.data), disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_b = action === null || action === void 0 ? void 0 : action.disabled) !== null && _b !== void 0 ? _b : false }));
-            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: 'e1fbaa6f33a82c654cb561805aa034e5a8ff62f6', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '0f0d761c97ba9ea5177a49998f65059ecc2b5b7c', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '8a2314995820d95f3a266f67d80fcfd49c522ed5', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
+            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: 'afdb75c1918fa5c4e6b47d54e920484951ef6294', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: 'a6ec3fe65ca24d68fdeef7da6981c3b3fb536bc8', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '1ee902b174ffdbfc476b8340692784a1f209693c', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);

package/dist/components/feature-details-popup2.js

@@ -58,7 +58,7 @@ const FeatureDetailsPopUp = /*@__PURE__*/ proxyCustomElement(class FeatureDetail
         var _a, _b, _c;
         const message = this.getMessage ? this.getMessage(this.data) : null;
         const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;
-        return (h("div", { key: 'e5edaa5cfaf4f57fd28f81b89478a184d621159e' }, this.showPopOver && (h("feature-details-card", { key: '2cedf4ee23de2c9cad04680a370c553bdba046f4', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: '0e801e520853e5525426513f7f5c88fddb3903ec' }, this.showPopOver && (h("feature-details-card", { key: 'a19b6ba28e747e46aaf9d73bf31d50e5f4800450', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     static get watchers() { return {
         "cardConfig": ["updateListData", "updateTitle"],

package/dist/components/form-metadata-display-renderer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FormMetadataDisplayRenderer extends Components.FormMetadataDisplayRenderer, HTMLElement {}
+export const FormMetadataDisplayRenderer: {
+    prototype: FormMetadataDisplayRenderer;
+    new (): FormMetadataDisplayRenderer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/form-metadata-display-renderer.js

@@ -0,0 +1,9 @@
+import { F as FormMetadataDisplayRenderer$1, d as defineCustomElement$1 } from './form-metadata-display-renderer2.js';
+
+const FormMetadataDisplayRenderer = FormMetadataDisplayRenderer$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FormMetadataDisplayRenderer, defineCustomElement };
+//# sourceMappingURL=form-metadata-display-renderer.js.map
+
+//# sourceMappingURL=form-metadata-display-renderer.js.map

package/dist/components/form-metadata-display-renderer.js.map

@@ -0,0 +1 @@
+{"file":"form-metadata-display-renderer.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}