udp-stencil-component-library 25.16.2 → 25.16.3-beta.2

package/dist/cjs/add-map-feature-popup_4.cjs.entry.js

@@ -83,11 +83,11 @@ const AddMapFeaturePopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '90e280b4a812472c3117d4f0cf7a1e78ec02e9c2', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: 'a212cd8c347055088018e2a48b9408b65591358f', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (index.h("div", { key: '8a80462e93ff992138a3618d00230fa320f1247e', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: 'e23169696696373cdd2d7a73358d91b0c3bdf3fa', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), index.h("udp-selector", { key: 'ae463494e4c1161d862c5cbc9cf33e0e4787e1c3', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), index.h("udp-selector", { key: '03921fbbb989a7cc4f67a6789b5026e194cd5f5e', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e.detail);
-            }, large: false }), index.h("div", { key: '3e440576694769ca69776d4d7b32f92b9e1f10ea', class: "formButton" }, index.h("custom-button", { key: '882b1459f1d9f0eca2081ec524befbc3f9b1c6c7', label: index.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 }), index.h("div", { key: '1359c6564351367c01c0703ed838de5b5096294a', class: "formButton" }, index.h("custom-button", { key: '91668bf33c28f218f7391a37997e4700b0ac1eab', label: index.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 {
@@ -262,22 +262,22 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '051530b6c099fd47a2d0188c9ca3eaf917fa14e1', class: "toolbarContainer" }, index.h("div", { key: '90a17a7349ec10833fa8715f72792e6a611e943f', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'ecff570a95f7cf1a0827d59c7834b04c08c54386', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'c7daa1ee0d6d24e09cd7aa5382b34aa677430d5e', class: "buttons" }, index.h("div", { key: '58591e9ea0e3b66c708c6008ce42833a0a6c2fb5', class: "buttonContainer" }, index.h("div", { key: 'b700468d1900315f18e0d9a37fb14a76271382d6', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'ece521bff76b8dc6f1ce5e25e2be7d83b6e438f5', id: "filterOption" }, index.h("div", { key: '6392cbc3184de9bf1fc39906bd39f4eca874ed59', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: 'cc8aceb67e8d684c4c1b62475a2f60fd8eb61a4d', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: 'fcaa2c85fa2ad2f5c02aa07a6407e42ddfb61298', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '08a5145602920f40771a0af10aae77bf9ccd6911', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: '59850af9591c1e70ef0a081cf004ca261a762235', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: 'fa56502eb5328e1ddbd629744e7bf6fb8d77b5e9', id: "layerOption" }, index.h("div", { key: 'ffe9dda03f1442e85c12fc32861978823f043fcf', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: 'ca682db3c0b1614ad4358680de73f7d372e55b49', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: es.Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), index.h("div", { key: 'fbe6630f578445993aeb7fbb9d692d42967f526b', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '8db2f37a5090ecdc12290973ed87eaae5b19d1ef', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '05516c7b20b9db0419ecd92f86962222cf0fc646', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (index.h("div", { key: '6c62887cf7f3ed1c385648a80ed6fbf9eafa43e0', id: "bulkSelectOption" }, index.h("div", { key: '469ec13acd979a51da8927038dcce3708c304e66', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '7eee7941773daf44ec74a1828f9a69a6dbe25615', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '275465be83fb610932e2339a1e3a2bbf4dfdf0ea', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'ca5ba6aa46d35d7ff5c7b3c3f06496c97cd7e967', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '61f48bd7bc5c689343a5067fde66422b8442da0a', label: 'Box', handleOnClick: () => {
+        return (index.h("div", { key: '92aff962af02e5cf567ed73e01331c5c4e0a7d36', class: "toolbarContainer" }, index.h("div", { key: '865a3024d08132f49842f5501d0adb501a9c4eb5', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '5d35a424f4530a9f5ce373decdc507ec0950d846', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'b37a86dee249f48432bd3d2ec1ff7119974c0208', class: "buttons" }, index.h("div", { key: '95dbc9ae45e4ed791448ad0dcba95cf2a596bade', class: "buttonContainer" }, index.h("div", { key: 'fc9dc7fccc9f139335114d063efafefc0c516377', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '111c9c98e9d983ec1c6ddf5311cecb12b27888ec', id: "filterOption" }, index.h("div", { key: 'e6ecbdd628141b4c2f1bea0d8aaf3157d0800168', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '0123cc43cf0215a0490fe69c2e6dabdb7ebca07a', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '87d771bc490a75ad7e926bddf60b3f19bc1a5578', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '19cf5a56d0f8e9bb34ee7676f638157484c0fa27', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'fe5b580e4006473bab8213198e4d14e2c152a3b9', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '6084b6eec32eff25caa021592d1a43ca211de43c', id: "layerOption" }, index.h("div", { key: 'acb3dea072a8cdde8eae06c5029cab86ede335bb', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '1b997180ab2ad4b38af0d7db79ec6b3200d5002b', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: es.Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), index.h("div", { key: 'e5bc121b178770d1f554773e21b5784aef30d36b', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: 'd879c986af1754329ddeb2ae8338fb46d0b606d0', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '7bc85044798e140bf4725249821ef5cd80071ad0', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (index.h("div", { key: '286a5caed22a8e24f00d8c0059b10e9df280eafc', id: "bulkSelectOption" }, index.h("div", { key: '4a9206ccd1eef4f64a472b32f4254b245a97780b', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '599e85c48f6e6faf263c104bd54c8ca4eb6615b5', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '6e684eecc4c1f760d1af6ebc75a1d2f939646c7d', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'eac89e93ec0756f8c928bbc8d3e1511b5f6758dc', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: 'a5625c778b322a630e9103a58815b281c3c874e3', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: '81a893f4369b9d27c97631540744c85ecfe77546', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '2d64af7fc0cacfca6a2f64d42bb65a1ef866a268', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: '79c2e9915d00719d817991eb47833194ea5dd835', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '24275349b0beaa377012af15227d1871cfef0350', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: 'a7abcb288047af0f165c77bd8c25f491ec606430', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '68dced4de1ef9839b9fe99c2270d83e35824b5e3', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '9475c378cfb68d8a6bebcc925eee1f21d64096ce', id: "splitOption" }, index.h("div", { key: '8616d0417d04c2acb465566fe8b5d4f6146a6e74', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '267588f287261214e4ab95849a60a3d0dd782781', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: 'ea20040689363269a3af44581c777d751d686716', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '42f5a3c52b9923a534b2221fa087314c349202ca', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '2af087a5c599387fc59072e114f495d3553f0eba', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '5ab0fd691d00b162a858743fd1742b5ad3788c7c', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: es.Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: 'c0e41752d0fcaf58735293a81533fc7740c4b6bd', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '86ae9fecf93aebbea6bd60266c88f1ad33e5adc6', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '677903b1fa52a56a94c856349d195adf5fcd44e0', id: "splitOption" }, index.h("div", { key: '7b2c01b8db2d4cf74a686533fd49fb4bb4aaf942', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '8be08c89e8330e406d37ed7ddbaf4ef771dbc893', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '37075abad3f520af3c3a476830e1edf3441a3a55', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: 'd14d5e422bf018771401e1f902f6ffee4e60536c', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '26ac310d4543db4ef26a1428a2ae6330a8f8dc2e', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '031a71e008b330f58ba093292d92246ced0255e9', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: es.Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: '4581c9ffd923f25521c428ecef6fd5fdaadfb89b', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '1143ca35a8aa4cee611747e7d9a724fcb773cd80', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '52d41906864c14e988f78dfd0a1946fd3378468e', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '64107e2d04665e51307c4885c5d164adca333e2e', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '3185946f7422b8a064671d6710af0ef79364947b', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '7c2d125f43df4e55e96636cbe4ed00db391811ef', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '2043b08c09c815633f4707fe9709dbb150ecf42f', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'f6ca172b940cfd196b834859ddf861cdaf384292', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '66124ff9fb95c494097618d561fcb8c6ac8294e6', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'cbde319a33eb30cbbeac060816487d5768c64bd8', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '4d03b69bf4a2997842aa55f7f95dcfa051081c38', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'fde2cab9db2be8aa61573fbb0d439f335d924ce3', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '594a8841b46f74e72e86e037535652e71a368d51', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '037d2b83d944dab14209763ecf7e24c6c7c63e6d', id: "withSelectedOption" }, index.h("div", { key: '0580827223add33c710dc8417f2bd9c236ecbab4', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'd84f7cd468136f2e47d14914786cf7b6138a3655', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: 'fa1bfd7777a05cbaa6d168d683a803bd12b5a424', variant: "button" }, 'With Selected'))), index.h("div", { key: '549c95005053320e57974bd41cf31e5d2b827432', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '6726c87f71a686fbf67b3d23d7455dd23e1eb8a8', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '42925587b17be393d2809c4e16693597ca47777a', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '74e3c39ed45c000d04c138e8ec8ce40e63b393e2', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'bed6881d3da7830a874b1c39c3575d202187b4a2', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '9437a34fab7a6410749dca4343c7abfc869556cf', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: 'a1da9b1cfd2b673c681feb1d2e1fbb8d3e93327e', id: "addOptionButton" }, index.h("custom-button", { key: '9707d3f6bdfa5c68fe41f2b349dc776010a9fe77', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'e53364bdae3a1497f14b8e212fe53d7d724a476b', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: '98a8e5e2230bbf8c2997a1ffb68ba694b5c55bcf', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '14888a1a92f153bcf8778f09235ce114dffa113d', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '47326bd2461319fde02ada021b7b36601801006b', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: 'd99768af9e9a97b47cbd593929bfe3759b8989d6', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '3d0c70f3ec271f9c051619ff12f0b3127f00c050', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'fa873733fcd91058bfe4feaa7d4ce0447df6d5a1', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '8ddc969c7980c65cf966f8987967f9baefa7eb3e', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'c03d59a07fa922a344fc08302a8c704ffb76f4d5', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '0b67fc50e7b85793513584b92b3a1e78925676bb', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'e728ddd150014a1938126d3c7e9cdd019c7f4d07', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'c6fd3b23c9875e21ade00d200a6e3ba271f9e6b7', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'f1742d21adfa7d0191550223f6274be4a60aec06', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '4fa8add9733ff4b386bf0d42cb127d2b322c066d', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '0dfefbea95108e46e5a4c04912f79175628f21b0', id: "withSelectedOption" }, index.h("div", { key: 'a1e2b7dbfdda5412d334de1963941d87776b260d', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '3127f8a603d95b6e5464442cf3d8384ef96a21d8', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: 'dc870d24afc035204de902e28f6b50e653937f21', variant: "button" }, 'With Selected'))), index.h("div", { key: '3b8fcd59e572f4b3bdb4eed06fea231b0b53a3a7', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: 'f9cd89aada0facea33b8d36dd4f4bffabe22131e', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '8534a1c5c88a0bc17310dc143874921ba42caa12', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '6f753e273730d6594fae87ea1ed15b88387a274e', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '38b4021f5f65a64111637f79da94f52458cb661b', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: 'fab640268b46c9c86eb35a72eca539877cdf0b37', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '76016acd0aec63d999341d8b042242813c8d7596', id: "addOptionButton" }, index.h("custom-button", { key: '2b432bb1c027d17aa11a2f7a316daaa4a8153975', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: '40c415e61dd6184f24da61a50a25e52878879fb1', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: '756afd7031d5d4d9ce04a49f3a9ca6493a751f54', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '821bc3b0df6df063b0e0a40177631ee0c3ad4371', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     get mapToolbarElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -302,9 +302,9 @@ const SelectLayerPopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '040d10eda67601e523de8c19d5100422ea6eee67', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '0d1edd4782adf9b9421975b150e9de0af0333be6', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (index.h("div", { key: '59c78bf206bd9fded412537c9895df6f03bb9d6e', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '82aa97bae49d1322b829ee6a81e042ef65c843a5', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
                 this.handleMapTypeInputChange(e.detail);
-            }, large: false })), index.h("div", { key: '768ec28eaa6654a90c79c4c20d92a5125ab147d0', style: { height: '12px' } }), index.h("div", { key: '2158c02f4069aa8426f254276a0364dd00c46d50' }, index.h("text-field", { key: '4300919a0322f3d54e343d25c7cecb10e43706c7', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+            }, large: false })), index.h("div", { key: '3349429aa5bc8b56ab8353312d8dfd72bacecfc7', style: { height: '12px' } }), index.h("div", { key: '36ee444e5eca89aee6fc8f1fb490f85710a3f203' }, index.h("text-field", { key: '40ee433a9b81fefe07fea2c187e668c1f72f3c37', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
             ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map(item => (index.h("check-box-group", { title: item === null || item === void 0 ? void 0 : item.title, options: item === null || item === void 0 ? void 0 : item.options, values: this.visibleLayers, handleChange: this.updateSelectedLayers }))))));
     }
 };
@@ -320,7 +320,7 @@ const SplitLinePopup = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '2f7c72c27aeefbef1428f0f1dc20506db62ed65e', class: "popoverContent" }, index.h("udp-selector", { key: 'fb810a7876dcb04b5960aa9a3608b7a2112d49a7', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: '0f59eb37ecfaa2e6b15831da41cf1845c9255d65', class: "popoverContent" }, index.h("udp-selector", { key: 'f3edeffd55bba9595514cc3892616fb6cae51f5e', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

package/dist/cjs/advanced-search_50.cjs.entry.js

@@ -10,7 +10,7 @@ var Star16 = require('@carbon/icons/es/star/16');
 var List16 = require('@carbon/icons/es/list/16');
 var apiUtils = require('./apiUtils-DT-fLJOw.js');
 var localforage = require('localforage');
-var currencyRenderer = require('./currency-renderer-BLTOk4k9.js');
+var currencyRenderer = require('./currency-renderer-DC4Czujz.js');
 var actionColumnUtil = require('./action-column-util-CQRWvOT6.js');
 var fastTypescriptMemoize = require('fast-typescript-memoize');
 var lodash = require('lodash');
@@ -25,7 +25,7 @@ var DataEnrichment16 = require('@carbon/icons/es/idea/16');
 var Renew16 = require('@carbon/icons/es/renew/16');
 var Asterisk16 = require('@carbon/icons/es/asterisk/16');
 var configService = require('./configService-BmGAegZf.js');
-var iconUtils = require('./iconUtils-msPE2qXI.js');
+var iconUtils = require('./iconUtils-DOKg8oK4.js');
 var core = require('@popperjs/core');
 var Add16 = require('@carbon/icons/es/add/16');
 var ChevronDown = require('@carbon/icons/es/chevron--down/16');
@@ -88,6 +88,8 @@ require('@carbon/icons/es/reset/16');
 require('@carbon/icons/es/column/16');
 require('@carbon/icons/es/column--delete/16');
 require('@carbon/icons/es/watson-health/rotate--360/16');
+require('@carbon/icons/es/filter/16');
+require('@carbon/icons/es/app-connectivity/16');
 require('@carbon/icons/es/text--font/16');
 require('@carbon/icons/es/text--long-paragraph/16');
 require('@carbon/icons/es/character--whole-number/16');
@@ -641,7 +643,7 @@ const AgTable = class {
         this.height = 'calc(100vh - 200px)';
     }
     render() {
-        return (index.h("div", { key: '7584ce5f229e35179c72817ef097ccf0bfd952ca', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (index.h("div", { key: '83743973c902da683ac71a96eb67c4e44e12a778', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
     }
     get el() { return index.getElement(this); }
 };
@@ -653,7 +655,7 @@ const AmbientDemoContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '90c095e4130c7dd85dbafea007c9271700ec3883', class: "container" }, index.h("div", { key: 'f7c81c91ec7d0319eb8084d19c088840bdf47e53', class: "title-container" }, " ", index.h("unity-typography", { key: '33113c639cbef8dc1e5768a9923bd39cbdb60ec6', variant: "button" }, " ", this.title, " "), " "), index.h("slot", { key: 'd0beb5b015c9ab335c913c929b43da2c831f091b' })));
+        return (index.h("div", { key: 'a5c238df1343ab96d334fb0b013c393835b1c11e', class: "container" }, index.h("div", { key: '8c43e8fbc425796685da07ceb134adf8e2bc0a65', class: "title-container" }, " ", index.h("unity-typography", { key: '9ea72535c3f58822abfde8260e17a1dfc97227ae', variant: "button" }, " ", this.title, " "), " "), index.h("slot", { key: '52edab7acd8f01735b9a7341b9fca3a0ae7a9508' })));
     }
 };
 AmbientDemoContainer.style = ambientDemoContainerCss;
@@ -4425,29 +4427,29 @@ const AmbientTemplateGrid = class {
             this.gridHeight = 'calc(100vh - 200px)';
         }
         const actionMenuItems = this.getOverflowActionList(this.overflowActionMenuItems, this.selectedRowParams);
-        return (index.h("div", { key: '6f73e147336ed46239ad7e4facfc15de39ecb3f4' }, this.openActionPopoverMenu && (index.h("udp-pop-over", { key: '6b24d4fe19d904eb2a62c3249f4d763c33d4632b', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
+        return (index.h("div", { key: '6871995383595619ddd3ff06e1c17b1d4f06979a' }, this.openActionPopoverMenu && (index.h("udp-pop-over", { key: '4631f97ac1e5410fa77d811b9e45a92c959d5537', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
                 this.handleOnCloseActionPopover(event);
-            } }, index.h("div", { key: 'fa2f83770b5d0beb70a9c37ec65f7d5714e9bd2e', class: "overflowActionButtons" }, actionMenuItems))), index.h("div", { key: 'abf1a70c3749f951b0803d7b505e5cca05f6336e' }, this.showNotification && (index.h("udp-notification", { key: '9f40dd040fd13b5f32f82613c31a6f5f0d2b1f32', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), index.h("style", { key: 'd8f24be97de58923ae539b1c534299feac8854c3' }, `:host ::slotted(.ag-side-bar) {
+            } }, index.h("div", { key: '18ccf5c431affb749891af01970fb8f4f6f9a9a4', class: "overflowActionButtons" }, actionMenuItems))), index.h("div", { key: 'f53232485703efb24d9faaeb98a88f77f9ad568b' }, this.showNotification && (index.h("udp-notification", { key: '1d00ee60cb5ab7ccbf8b1650a2999e39258b71a3', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), index.h("style", { key: '9438433b5183956d991d44dfad7c7c31da84c22c' }, `:host ::slotted(.ag-side-bar) {
             width: ${filterPanelWidth} !important;
-          }`), index.h("grid-primary-bar", { key: 'b164dfeac653fc4b7691470639046939846693a8', 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 => {
+          }`), index.h("grid-primary-bar", { key: 'ef06a7488132388a66f234d7ce610951ca3fa4a2', 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);
             }, showInsightsAction: this.showInsightsAction, hiddenActionButtons: this.hiddenActionButtons, primaryActionLabel: this.primaryActionLabel, primaryActionClick: e => {
                 this.primaryActionOnClick(e);
-            }, 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 }), index.h("udp-pop-over-grid-action-header", { key: 'f8101c1fb47833e4485725b051a358b8d6dba561', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, index.h("stencil-icon-button-grid-action-header", { key: '0229335ac7cbba74d2060281fca71e7846dbf2ae', onClick: () => {
+            }, 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 }), index.h("udp-pop-over-grid-action-header", { key: '06d03932b89c979bc0791491677c7d6dbb831b54', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, index.h("stencil-icon-button-grid-action-header", { key: '16c065b0daf5ae5c392c38744420e77c17fcea23', onClick: () => {
                 this.togglePanel('columns');
                 this.showGridOptions();
-            }, tooltip: "Show/Hide Columns" }, index.h("unity-typography", { key: '0a1c6df4163179e73dedc39537372fd6ec7163b1', variant: "button" }, "Show/Hide Columns")), index.h("udp-divider", { key: '924558ce4053febd9dc53810d516b771e56dee81', size: "100%" }), index.h("stencil-icon-button-grid-action-header", { key: '16b91acf391274f6f6560355884c39ff2d94a01e', onClick: () => {
+            }, tooltip: "Show/Hide Columns" }, index.h("unity-typography", { key: 'ae8ce3884a5fccf90201ca87c1d0f24863307919', variant: "button" }, "Show/Hide Columns")), index.h("udp-divider", { key: '70933392c6ce89c4ee5ed14a4a95dacb9d32255e', size: "100%" }), index.h("stencil-icon-button-grid-action-header", { key: 'cfa12275a5913f3de8e3504cad13f802c8d8ebc5', onClick: () => {
                 this.fitColumns();
                 this.showGridOptions();
-            }, tooltip: "Fit to Column" }, index.h("unity-typography", { key: 'ecd9d5bc11f12a67b1960b8d30db11f1377c212d', variant: "button" }, "Fit to Column")), index.h("udp-divider", { key: '2aa5bed952fa9840564f6eef5e711589d91113dc', size: "0px" }), index.h("stencil-icon-button-grid-action-header", { key: 'f3a877432bbdafb69c163262a6a6e7dd26043d50', onClick: () => {
+            }, tooltip: "Fit to Column" }, index.h("unity-typography", { key: 'b7bf9f45760dae5d8e6858cea5229b192d8bf1b9', variant: "button" }, "Fit to Column")), index.h("udp-divider", { key: '285c9bbda7c462370f8bdcfc4c5bd9624a5fff17', size: "0px" }), index.h("stencil-icon-button-grid-action-header", { key: '1fe73d0a6beeb70e7375b662450bbed2420d61c5', onClick: () => {
                 this.expandColumns();
                 this.showGridOptions();
-            }, tooltip: "Expand Grid" }, index.h("unity-typography", { key: '3d62895d66df2c1e570dcdd38741585ecda3f4bc', variant: "button" }, "Expand Grid")), index.h("udp-divider", { key: '27013d2625ef92872234cb3e418fe1525af05d9c', size: "0px" }), !this.disableSearchSwitch && (index.h("stencil-icon-button-grid-action-header", { key: 'f7b090da4b124986a5cd15f39a8e139e092ddc0d', onClick: () => {
+            }, tooltip: "Expand Grid" }, index.h("unity-typography", { key: '87084b9e08c7ec4a060068248c45d60a5b4b8e05', variant: "button" }, "Expand Grid")), index.h("udp-divider", { key: 'bd8bbf18fc5116ffa82c506af8b5f76eb438c99b', size: "0px" }), !this.disableSearchSwitch && (index.h("stencil-icon-button-grid-action-header", { key: '9c27f1d378257f674aa39b7c5af15faa4f20b936', onClick: () => {
                 this.handleSearchModeToggle();
                 this.showGridOptions();
-            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, index.h("unity-typography", { key: 'f9f75b346e07f035fe1731bf1013d1d51be97a33', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), index.h("div", { key: 'a2b4264cca2472afc0d02e57f5f68de0448a1db9', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (index.h("div", { key: '0803a6a9a0cdc97443480fdfa13a6a6f3828e607', class: "bulk-select" }, index.h("udp-badge", { key: 'bfa2478fa85b62ce6caad0758aa375423de674c3', content: this.selectedRowCount }, index.h("udp-selector", { key: '83ad8740209e9cbadc9de5727a4b84398eaae9cd', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (index.h("div", { key: '01b6ca23ae504b060561799adea727dcabb60030', class: "chip-wrapper" }, index.h("stencil-chip", { key: 'e83dcf34a8f42f14fc6e91f0e11512e05906742b', text: this.loadedViewTitle,
+            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, index.h("unity-typography", { key: 'bd795d04cc8663e17fc68e278453a1fb8029ad55', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), index.h("div", { key: '87a71f28b73a7f98eadc2e1894c915ffbf90e9fe', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (index.h("div", { key: '38be6138b6ca8801438a07fd969b6372f5c49f02', class: "bulk-select" }, index.h("udp-badge", { key: '205f99f058d2be49bad565b47b90a70392f6c651', content: this.selectedRowCount }, index.h("udp-selector", { key: '5cacdbf38724d89261924b6ed368ffd62fd505d1', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (index.h("div", { key: 'b5cc210bc3519b11ac724f47931efee106ff1c2e', class: "chip-wrapper" }, index.h("stencil-chip", { key: '1a857b2a0f87eae7b1457e8b17b7edd40ed84ac7', text: this.loadedViewTitle,
             // onOnDelete={this.handleDelete as any}
-            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16__default.default, showLeftIcon: this.selectedViewIsDefault }), index.h("udp-divider", { key: '2ad988069cef6b1d28429f5ac725581135f9b04c', variant: "vertical", size: "30px" }))), this.hotListActive && (index.h("div", { key: 'f52afd17f666926c01dc68d6b3ddc199f1dc7d65', class: "chip-wrapper" }, index.h("stencil-chip", { key: 'e4f95c90f45b1d3bc82e8cf53fb1326753648b23', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16__default.default }), index.h("udp-divider", { key: '31e0530199c754b9b50542a64d7d98878073c8f4', variant: "vertical", size: "30px" }))), index.h("div", { key: '761a67d2fd139630dab6f53d184e918c9bc355e2', class: "chip-section" }, this.filterChips.length > 0 && (index.h("udp-dynamic-container-with-menu", { key: '3e78643d4fc3361f85524a53ca397555d41ac0ee', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), index.h("div", { key: 'b617e480ffed9801923d20df65b24b89964a47fd', class: "kpi" }, index.h("kpi-list", { key: '720fa5fd8bb98dba7353a0eb7b9f74f462a0aa77', kpiValues: this.kpiValues }))), this.gridError && (index.h("div", { key: 'cdddb45f3e105a445cfce37ad0100a37f36e6d7c' }, index.h("upd-alert-banner", { key: 'a1933d23ddfa12d5e9cd3027fc4d74baa965d2ce', type: "error", message: `An error occurred with loading the grid with data.` }))), index.h("div", { key: '9fc9b7e0a4e5be313be4ad6a4d4a931499a802e7', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)', overflow: 'hidden' } }, this.linearLoading && index.h("udp-linear-loader", { key: '57bd32bd49f725c50dba3ba34d97647deccca9a4' })), this.noResults && (index.h("div", { key: 'fb07c4c7565a575dd80494d6b1097b4f920118b9' }, index.h("upd-alert-banner", { key: '1327b3697b4b6af7870739b7e68900f59568f974', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), index.h("div", { key: '8daa1c1f36c35d4644f3dc2b7bda28c2b121bc49' }, index.h("ag-table", { key: 'f101c42a02fc627e89c7053c04179cf491197eef', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), index.h("side-sheet", { key: '639baf42f06e432c25e339ad6152eadf72d8ccab', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, index.h("div", { key: 'b5c8cf97312807a4560b2234cff8309dda3b12b6', style: { width: '1200px' } }, index.h("advanced-search", { key: '9e4719e8166d14596c68b25f092576949da560ad', 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 }))), index.h("side-sheet", { key: '33e4d607a227c84a5d073a894428d2ce23f33874', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, index.h("div", { key: 'c658449cc1cc7eeae8cf133524fffb889bd8b713' }, index.h("div", { key: '4ac184ce6fc9d58413c44b14767aad6f0d9a7063', style: { width: '450px', marginBottom: '8px' } }, index.h("hint-panel", { key: 'b2cb7c5650d0acb8e0d79e49de1a6944f84dad69', 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" })), index.h("div", { key: '0ac7b68612d1e04e12ac3bd56fd4609c52bf185b', style: { width: '446px' } }, this.viewListRowData &&
+            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16__default.default, showLeftIcon: this.selectedViewIsDefault }), index.h("udp-divider", { key: '7ba4eb7627f3bad4450929e42374ea077c665bf1', variant: "vertical", size: "30px" }))), this.hotListActive && (index.h("div", { key: 'a755cb978d4d3231dd09450e14a6a66e4b34995f', class: "chip-wrapper" }, index.h("stencil-chip", { key: 'bf70e0c73763e965c274ba0ef5392e8185ea2c8e', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16__default.default }), index.h("udp-divider", { key: '9f872dda6ba0539859b8ebf5ddb5f6a07b2df849', variant: "vertical", size: "30px" }))), index.h("div", { key: '4afd6984335e3a2912f0e7eaccc936e4f432be06', class: "chip-section" }, this.filterChips.length > 0 && (index.h("udp-dynamic-container-with-menu", { key: '4288917126a416e1e2dfa921084e7ff4aec93ad4', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), index.h("div", { key: 'ff520597da828f208e264b2be58b8801e580dbc9', class: "kpi" }, index.h("kpi-list", { key: 'eea621b01c2c95a7c9f49126fc6826e94a48e6c2', kpiValues: this.kpiValues }))), this.gridError && (index.h("div", { key: '86f13c0b55e406084f75994a0d60ab334f13f28d' }, index.h("upd-alert-banner", { key: '8830d88b537839ef78fd95c17f48a15f30a1cf76', type: "error", message: `An error occurred with loading the grid with data.` }))), index.h("div", { key: 'd8d2ea77aed700ab0677cc338369be8d23f8f87b', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)', overflow: 'hidden' } }, this.linearLoading && index.h("udp-linear-loader", { key: '968fd0417419a18714dfefe5d81017908f07cac5' })), this.noResults && (index.h("div", { key: 'f4029a5819f11c0c6879ff010ac2f088d54ca6d4' }, index.h("upd-alert-banner", { key: 'c4017243f442fd569919f2d6d4780423159f36cb', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), index.h("div", { key: '048596561a33f17ef124f76207a964a5b8cd9b09' }, index.h("ag-table", { key: '6bd904ec24bfb69b2f15151ddae41ed0225ed47b', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), index.h("side-sheet", { key: '6584e7188ff9fc84c3c65aaf2388fc56b7a39425', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, index.h("div", { key: '03bc52b87962470b8202e9d021697b07ec2919c0', style: { width: '1200px' } }, index.h("advanced-search", { key: 'b1d157b47ce337b4b7e978f024b2a59481ffac09', 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 }))), index.h("side-sheet", { key: '43af89d5f25c51495d9d371745b8041a234c6d00', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, index.h("div", { key: '0335a02a256a24d8be7a0467bcb337fbfdf36a25' }, index.h("div", { key: '9d61fffd3c88b835d491f66e2b499d656d04a1a3', style: { width: '450px', marginBottom: '8px' } }, index.h("hint-panel", { key: '41a40e5424fa4e3fb04e2724d4c0f5f5b4bae1fc', 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" })), index.h("div", { key: 'a8907e1a6ea9956e50dadc5c32455bd17b8343e2', style: { width: '446px' } }, this.viewListRowData &&
             this.viewListRowData.map(item => {
                 if (item.gridViewVisibilityTypeId === 2 || item.userId.toLowerCase() === this.userId.toLocaleLowerCase()) {
                     return (index.h("tree-list-item", {
@@ -4458,9 +4460,9 @@ const AmbientTemplateGrid = class {
                         }, 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
                     }));
                 }
-            })))), index.h("side-sheet", { key: '24f7245ecc1dd73a09887d5238c41ff8ceea4bde', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, index.h("advanced-search-grouped", { key: '8b6c7eafcdb7b408fb05faf27e81d8c1b2263ad7', 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(),
+            })))), index.h("side-sheet", { key: 'bfa366141d8bb79a5c0186c57cefff047efb72d0', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, index.h("advanced-search-grouped", { key: 'd1fd31ffe654b6dec000da35c05aea72b45e6d1f', 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 })), index.h("side-sheet", { key: 'f4117ecb491de45f803384f2d4494cc09e3fd4e2', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, index.h("div", { key: '742b7f7b67f1bba9c04f24c8b53684d10ea1100d' }, this.showHotlistForm && index.h("udp-hotlist-form", { key: '6a9c537cafda5feaf95d7943653df6820079bda5', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), index.h("div", { key: '1179f7f11aaa168631e90e38f46b8f789e7c7a56', 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 })), index.h("side-sheet", { key: 'eb0f7c3e029a98236bc24678c0f1cfe5c0fefd63', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, index.h("div", { key: 'af2d8d44e7967af40ba18c0c57b857b4e7584bad' }, this.showHotlistForm && index.h("udp-hotlist-form", { key: 'fdd20d04791081f2d4f5267c285770027f238d58', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), index.h("div", { key: '43600bbcd587c84af01f721e2568a1a767c2129d', style: { width: '446px' } }, this.allHotlists &&
             this.allHotlists.map(item => {
                 if (item.domain === this.entityName) {
                     return (index.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: {
@@ -4468,7 +4470,7 @@ const AmbientTemplateGrid = class {
                             false: 'neutral',
                         }, statusLabel: item.isPrivate ? 'Private' : 'Shared' }));
                 }
-            })))), index.h("save-view-form-dialog", { key: 'c1b5574e3760d985648b80fc66e7dba6e7f9da03', 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) => {
+            })))), index.h("save-view-form-dialog", { key: '38ed7f028ccf9a0fa938c58664a82835e6324708', 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) => {
@@ -4481,11 +4483,11 @@ const AmbientTemplateGrid = class {
                         this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState);
                     }
                 }
-            } }), index.h("edit-view-form-dialog", { key: '5352b60f286718e4238bbba2777e66305cd3008f', 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) => {
+            } }), index.h("edit-view-form-dialog", { key: '795225ae76f35c180bf4999078caa2884ec9bb74', 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);
-            } }), index.h("div", { key: '9205d04d66b9a6cfdf66813d7338468b1a0f9820' }), index.h("fluent-dialog", { key: 'bf7d6608fe921525b0a63c8e08838dcb121b2ef3', 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 }, index.h("div", { key: 'cb8199778ed637ad0b1986941bbd122967d0eba8' }, "This will not delete any of the data but only the records ", index.h("br", { key: '15e6f1e11e044f92b4fa9f58ff9f4bc56b1d729f' }), "from the hotlist and the hotlist itself.", ' ')), index.h("fluent-dialog", { key: '8bf35db6d08bbe7274f4416a711356bace56f216', 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 }, index.h("div", { key: 'f82b5a4f3e6ad6a866c3218e04c500b8690a5dc8' }, "This will not delete any of the data but only the settings ", index.h("br", { key: 'e7e7746f65782d050cdcf32ea82b9392f044d2b3' }), "saved to display this view.", ' ')), index.h("fluent-dialog", { key: 'ccfb8788e1a15314c17c6bd77f9fd55aa8a051cb', 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 }, index.h("div", { key: 'e70cf4e771f931f4d9655fbf69a14ef3edc8b55f' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), index.h("fluent-dialog", { key: '6a454a7bbb9129d0a8aecd6b088b79842c926e3a', title: 'Toggle Search Mode to ' + (this.enableAdvancedSearch ? 'Standard' : 'Advanced') + ' Search', message: this.enableAdvancedSearch
+            } }), index.h("div", { key: '81da2f86e752189936487d0fd58939721417e2f4' }), index.h("fluent-dialog", { key: '73756a8731e55f6c75fa08e4e5f653bf31a195cd', 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 }, index.h("div", { key: 'd5967570635d5d1f1a96759d17b1d11fba0cce60' }, "This will not delete any of the data but only the records ", index.h("br", { key: '2e7ae176984736a7528de46f0737f4b904be8561' }), "from the hotlist and the hotlist itself.", ' ')), index.h("fluent-dialog", { key: 'a1c0223af14db0e1ebb98f135b9aa5319afb8734', 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 }, index.h("div", { key: 'd0afee3fc570771173a13fa37fa2f7b71ec19014' }, "This will not delete any of the data but only the settings ", index.h("br", { key: '07489238ec73a7e81491041cac744ff83c2c50f5' }), "saved to display this view.", ' ')), index.h("fluent-dialog", { key: 'c2af8324537f78facd7009e9aeb75766967fc940', 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 }, index.h("div", { key: 'b9e5756ad4e0cddb7f73525430eea9ed8b3807e2' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), index.h("fluent-dialog", { key: '649586babf49223c640e9b39966ef00e98d08546', 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 }, index.h("div", { key: '2c0d21e7d03ae4a98ea05ed6cbdd4cff9d4f186e' }, 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 }, index.h("div", { key: 'c448656fcbbcf6541d0484c78f90de56bcaf19ea' }, 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.'))));
     }
@@ -4538,7 +4540,7 @@ const AppBar = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '621d8813d3a8ed93c29b8ef7e94560fd6626b7b2', class: "header" }, index.h("stencil-icon-button", { key: 'ddc9ecef229cc123d7948002f68af271f3dd2a4c', noBackground: true, darkIcon: false, icon: Menu24__default.default }), index.h("unity-typography", { key: '320f4636e6994ca95ad4dabe217770ab9a718db1', variant: 'data-display-one' }, " ", index.h("slot", { key: 'c9dc5db2f1a2ac06a2ed0a8dc41ba19bd8c15624' }), "   "), index.h("a", { key: '7d064c8a4f075151aecd25a3981148477a8e4f76', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), index.h("div", { key: 'bdae1817d93058d7364f2a38bab94460a2f67fb3', class: "header__logo" }), index.h("div", { key: 'a64b104e94c8ebacd292ea50e1c4412b534ffd2f', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), index.h("div", { key: '166bca3c73b5208090c02761042d8e62eac3f7ba', class: "header__global" }, index.h("udp-avatar", { key: '22199d601ddc6fafe3bee9fae06b6fdcc1b208bb', username: this.username }))));
+        return (index.h("div", { key: 'a96a536ce64d82b2a05a305539b0d40cb9372e14', class: "header" }, index.h("stencil-icon-button", { key: '391ce32825452e7da4bba0423b7f373b8bd9c4a4', noBackground: true, darkIcon: false, icon: Menu24__default.default }), index.h("unity-typography", { key: 'bb88b074aa8ec47ef03aeb64a0b6b23794f0296f', variant: 'data-display-one' }, " ", index.h("slot", { key: '6b7dc252193ce4b63d1a42634c81ef5a704f7581' }), "   "), index.h("a", { key: 'd5bc1a1c3a12ea3d6d93b82859c81f0ea1d1845e', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), index.h("div", { key: 'bc6e26c729d46424d07935029f6d9a84cb658548', class: "header__logo" }), index.h("div", { key: '3827e3e7fe86a3c6a7f15d654b70655b8b77a748', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), index.h("div", { key: 'b81cb8f52041214a74bd02d89f17bbdd2128463a', class: "header__global" }, index.h("udp-avatar", { key: '8c9ab84ee004cc0eb1405e7f491f4cafc4863a58', username: this.username }))));
     }
 };
 AppBar.style = appBarCss;
@@ -4819,7 +4821,7 @@ const GridPrimaryBar = class {
         this.updateHideBar();
     }
     render() {
-        return (index.h("div", { key: '58b305f06b79171fba798707eb741b50b471ea86', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'ef4afe4a2e09b28e0346d3ab43c22b6ac6af7793', class: "title-section" }, index.h("div", { key: 'f7777be56b7be6b287ee7597b91587813d5bc8b8' }, index.h("unity-typography", { key: '0f65bbfb95752b1910efd5aaf2a4faa2d9188732', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'a45b4ba6821f96df2fe02dc0c30bae50f0dc34c9', class: "button-section" }, index.h("div", { key: '26c3bb0a7bceff93bf55ad2b92d9940a881e4e66' }, index.h("slot", { key: 'f590e78655fbcfce8c92f771f4d77bd757e36ab5' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: '9c96efe374beb272cf4db272a72ff2c3445c85c7', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'ab0d4e5977801ec737ed3c2b1ad1ebabf4bf237b', class: "title-section" }, index.h("div", { key: 'a2a7b84fcdd51d96ada9ee897c2001811e934ae5' }, index.h("unity-typography", { key: 'f9ae10f04be89dcae6dce10a957c75ad39cff0f5', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'e1b7fb0b8d9740533c021e67e7199bf4a5e4dca8', class: "button-section" }, index.h("div", { key: 'ec5642d7c5c0268990d0db6c2613d46293707e0a' }, index.h("slot", { key: 'd1fe2e205a150cd6ec64eb8911c7b7080b3448b3' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -4832,7 +4834,7 @@ const GridPrimaryBar = class {
                 return (index.h("stencil-icon-button-grid-action-header", { showLabel: this.showLabels, secondary: btn.secondary, icon: btn.icon, onClick: clickHandler, tooltip: btn.tooltip, iconClassName: btn.iconClassName }, btn.icon && index.h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? index.h("span", null, btn.label) : null));
             }
             return null;
-        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '94624086fecc45564ebc9333950c029f6308b3ca', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '260f1bf456b6b3896f9e02ea8e957fbe0f1de8e0', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: 'e803e7ccc08a52be4b5004d4d9631ab582b8201e', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '91918fe33cf27f733075e9f08efe0ae303b98079', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": ["onResize"],
@@ -6909,16 +6911,16 @@ const StencilToggle = class {
         const buttonId = `${baseId}-button`;
         const labelId = `${baseId}-label`;
         const isError = !!this.errorMessage;
-        const labelElement = this.label && (index.h("label", { key: 'd567fb52962fc66de6e7dd316c089ce7f19e759a', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, index.h("unity-typography", { key: '45724f03358a7315863f15a6948855351af0edcc', variant: "caption-text" }, this.label)));
-        const toggleElement = (index.h("div", { key: '2994f8ce541e4f54b435fba45d64a3b755ad75a8', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, index.h("button", { key: '5277383ab634bdef69f2cb1b810ad9acc144e61c', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, index.h("span", { key: 'fc65ef91eb27c7957426514fb63c56c856f43248', class: "toggle-knob" }))));
-        return (index.h(index.Host, { key: 'c598328549e634ae0bcef9db13fcd996f4aa7e5d', class: {
+        const labelElement = this.label && (index.h("label", { key: 'a045a91655fb11fac16536c29c967c137178f9bb', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, index.h("unity-typography", { key: '7defcfbba676246910cb08882199a2397391a24e', variant: "caption-text" }, this.label)));
+        const toggleElement = (index.h("div", { key: '0e67d5c3679c0f7692add642f008223993344568', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, index.h("button", { key: 'bfd9302e70c4b28fbda66249e2f62e112e75d9d4', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, index.h("span", { key: '8ad3d746a78e9108a49c0423ffd8ae22fcd3f543', class: "toggle-knob" }))));
+        return (index.h(index.Host, { key: 'e9744c4d87c09d74824b77269b0ef6812ab0e6dd', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--checked': this.toggled,
                 [`udp-input--margin-${this.margin}`]: true,
                 [`udp-input--size-${this.size}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false' }, index.h("div", { key: '8fd70be2a8e6da32f2298fd9440adc0c75bb9809', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && index.h("div", { key: '3d7fdcf6e8584e6bafd241d0f88f4ae51ddee8c8', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false' }, index.h("div", { key: '51288ef853d5ed875831e23ec0d2b2ab5b5cef4c', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && index.h("div", { key: 'bc19ff90dc89dd84f867aa1bfffc34fa06a57f65', class: "error-message" }, this.errorMessage))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7100,7 +7102,7 @@ const TextField = class {
             'bx--text-input:user-invalid': isError,
             'text-field--disabled': this.disabled,
         };
-        return (index.h(index.Host, { key: '13a1304b948e12265c82408bd739d1adc67516ed', class: {
+        return (index.h(index.Host, { key: '3d786be38d2098b00476e9a5cc9ac08349db06b8', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -7108,9 +7110,9 @@ const TextField = class {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: 'dbd294106555f0a6a35dba5789eaae0dd300c6b2', class: "bx--form-item" }, index.h("unity-typography", { key: 'fae6688770a97913f7617aa4549515b7498e3028', variant: "caption-text" }, index.h("label", { key: '2833cca854262d6a7a4f1a67ea4aea272f75ede4', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (index.h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (index.h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '979bafec5f0506413db35f8361d92beeec357f87', class: "bx--form-item" }, index.h("unity-typography", { key: 'edd1b93537092c3096e8e8e0667210cd330782c1', variant: "caption-text" }, index.h("label", { key: 'a6f90dafa0028b60c6963e62ebab679e9f302ebf', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (index.h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (index.h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
             //@ts-ignore
-            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (index.h("div", { key: 'f8e8793109d2eea856981858a673a2e081a04624', class: "error-message" }, index.h("unity-typography", { key: '7f7069d3075c7faf1b326d27f5ad3b0ed63b64e3', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (index.h("div", { key: '14fbf61e4d11054de7c29a901b93900f03781c0e', class: "error-message" }, index.h("unity-typography", { key: '7e5d81b981ba343ee52ac12fc4eda2134dc57d23', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7644,7 +7646,7 @@ const DynamicContainerWithMenu = class {
         this.udpChipClicked.emit(chipText);
     }
     render() {
-        return (index.h("div", { key: '256c927f8f9f31344d6095e245938b51c355361a', class: "container" }, index.h("div", { key: 'c7f3b7d38aa5aa998bf17cdbfdd9e66696c50119', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index$1) => (index.h("stencil-chip", { color: "secondary", key: index$1, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), index.h("div", { key: '08639c74f87d8932a715f6a39b9feae0a7176903', class: "overflow" }, index.h("udp-pop-over", { key: 'e30589ab71e64a5876ed3f961855e2caf30ebedf', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, index.h("div", { key: '387b42e259ab30a04fcddfe4c0799e8a1fbcdeea', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index$1) => (index.h("stencil-chip", { key: index$1, text: child.label, "show-delete": "false" }, " "))))))));
+        return (index.h("div", { key: '71f418211a987ee241e9037c29c4bd3204cb1836', class: "container" }, index.h("div", { key: '5da39f24ea892e4176fbedd85b3a3a6f1ee17aa4', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index$1) => (index.h("stencil-chip", { color: "secondary", key: index$1, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), index.h("div", { key: 'af27dfc93010680c2617a7da6fb6cf6c51bb8727', class: "overflow" }, index.h("udp-pop-over", { key: '4c2a5beda6b819e7e452aecf384a82719c4a1eb7', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, index.h("div", { key: 'd4cf442f4ee12e97517e69b883fd6c52d11c4837', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index$1) => (index.h("stencil-chip", { key: index$1, text: child.label, "show-delete": "false" }, " "))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7722,10 +7724,10 @@ const UdpGridLoader = class {
     }
     render() {
         // Header bar (fatter, divided into columns)
-        const headerBar = (index.h("div", { key: '21f4dcf3dc31ac5426d81371c104ff24399883f2', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (index.h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (index.h("div", { key: '4d8ba5b1e5fd3c8b1d53b872a3806f6d8106c33b', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (index.h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
         // Row bars (each divided into columns)
         const rowBars = Array.from({ length: this.numRows }).map(() => (index.h("div", { class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (index.h("udp-skeleton-loading", { width: "100%", height: "30px" }))))));
-        return (index.h("div", { key: '97338bd292b3a970c3e0550a925b55f38584a2f8', style: { width: this.width } }, headerBar, rowBars));
+        return (index.h("div", { key: '52df9c2cb6065565c28b0121a004b38e30f07329', style: { width: this.width } }, headerBar, rowBars));
     }
 };
 UdpGridLoader.style = udpGridLoaderCss;
@@ -7761,7 +7763,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: '6b2ae3e70ea34151ba0f328db33eeb09b25ed7eb', class: "wrapper" }, index.h("form", { key: '98b22060028ac37173d3c2956007fae126937b3c', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '8504a21648263955a2bfeea3211b8bb127cdd858', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'de5038ae44f6d7ef03f7c1ac9b19c4871d29bf45', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '6f890f723dba2748f066797c0538a357a1e95766', class: "submit-button" }, index.h("custom-button", { key: 'f89d0ed9f313eb7fe36a1631936fa965de54e0c9', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '1ecf2ee55d0fc600788dda139be823de523a2501', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: 'ac1094c8819c456ec5f13d25f842a9a48217eddf', class: "wrapper" }, index.h("form", { key: 'b37b22672fe734ae4bed4b834067206425c89e97', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '494cb5a4283ab1a741bb7541691ddd0f96ecd277', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '80250bb87065a1a38ad46a279a3a387d5b733b36', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '5e5d17fa6c23238e92db97ffc06f33b4551516f9', class: "submit-button" }, index.h("custom-button", { key: 'c3ec8024f9cb2a2c746b7dc90620a87e1ae7f960', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '4bb9221503cea4abe925009d3d603bb697432406', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };
@@ -7838,7 +7840,7 @@ const UdpLinearLoader = class {
             loader: true,
             [`loader--color-${this.color}`]: true,
         };
-        return (index.h(index.Host, { key: '2ac06ba4b91424f45c5f4ed52676011cd079cecc' }, index.h("div", { key: '0a1c7e51b8f6e0a49ae70f2e625115ec8e7f64b5', class: loaderClasses }, index.h("div", { key: 'cda3f7ad7d0b2c00e65c0c5e8828ab9b9c0167bf', class: "indeterminate" }))));
+        return (index.h(index.Host, { key: '1a06cc73baefe8ba6d805715b3e1a1276b430bec' }, index.h("div", { key: '9b172ff7560cff19841ae2d3d42daf2e12e31826', class: loaderClasses }, index.h("div", { key: 'da1e732cf59a1c76ff1b6514983022c5a9353511', class: "indeterminate" }))));
     }
 };
 UdpLinearLoader.style = udpLinearLoaderCss;
@@ -7859,7 +7861,7 @@ const UdpMenuItem = class {
         };
     }
     render() {
-        return (index.h("button", { key: '7aebe00296fe2e7cb026aaca9407b51fd1815f3a', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && index.h("udp-icon", { key: '41b73cf054cbfb4b0357352a21ff0034543b1185', iconName: this.iconName, class: "menu-icon" }), index.h("span", { key: 'e57838410d99cffa5af97615517768d107a74909', class: "menu-item-label" }, index.h("unity-typography", { key: '96c88f18065858631e731a84e52689016237a673', variant: 'body1' }, this.label))));
+        return (index.h("button", { key: 'd81dd6bdb90af4ee188bb7d4151ecb5e33333dfd', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && index.h("udp-icon", { key: '18383905dff4511ee12af85156c1ae2b45569004', iconName: this.iconName, class: "menu-icon" }), index.h("span", { key: '78635c29150bbe4bc3ec4a91066941e9e6b903bf', class: "menu-item-label" }, index.h("unity-typography", { key: 'f24e771dfb0c2a543c298b8f04dc8ca9a46f7f01', variant: 'body1' }, this.label))));
     }
 };
 UdpMenuItem.style = udpMenuItemCss;
@@ -8419,7 +8421,7 @@ const UdpSelector = class {
             'focused': this.isOpen,
         };
         const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;
-        return (index.h(index.Host, { key: 'ad035abf66d5494c6b363e88655bba9c04446d5f', class: {
+        return (index.h(index.Host, { key: 'a04488a812e21beb16efb0ffd3cbb8f559a04a73', class: {
                 'udp-input': true,
                 'udp-selector': true,
                 'udp-input--error': isError,
@@ -8429,9 +8431,9 @@ const UdpSelector = class {
                 'udp-input--large': this.large,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: 'fb5c967e1523c62f16a93103daf8d8ccd11dfa26', class: "bx--form-item" }, this.label && (index.h("unity-typography", { key: '27e08720d7a7bceb6bc0cc88d5f4f739073bbd97', variant: "caption-text" }, index.h("label", { key: 'c6930dc18d40e3ea7ecd6f1daa3c8a45b1433568', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), index.h("div", { key: '9f962334b8c87655c1d03d1e5f376f223192f094', class: "udp-selector__container" }, index.h("div", { key: '9f56ed8cc5d7abcd19391c2ef7add73297a5ecb1', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '0ee9bf4156989e69a4d87b565e292593f65fe28b', class: "bx--form-item" }, this.label && (index.h("unity-typography", { key: '7ef7eab435299b30aed9b0f5bcd9186b397160ff', variant: "caption-text" }, index.h("label", { key: 'bd7e81c0056b05c56dbd5da5c57e96eed713dabb', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), index.h("div", { key: '7d6c0cec8000805938dcc119f8f0176d8d1a57ae', class: "udp-selector__container" }, index.h("div", { key: 'eea4f0f49348ea6187dc1ad4705e3cadc733ef6c', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
             // @ts-ignore
-            udprecordid: 'udpRecord-udp-selector-' + this.id }, index.h("div", { key: 'f2fae8cf52362c2ea21d09749469d9de79cf818a', class: {
+            udprecordid: 'udpRecord-udp-selector-' + this.id }, index.h("div", { key: 'e7e4f5b4fca4661810be2d3ed209e0a8605b15a1', class: {
                 'selected-option-label': true,
                 'placeholder': !hasSelection,
             } }, this.multiSelect
@@ -8440,7 +8442,7 @@ const UdpSelector = class {
                 : 'Select option(s)'
             : this.selectedOption
                 ? this.selectedOption.label
-                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && index.h("span", { key: '2b7724796aac77a09d3d302839490fa2fe8dd838', class: "checkmark" }), index.h("div", { key: '154ee562a5298909a6b97943693985a3f91da795', class: "arrow" })), this.isOpen && (index.h("ul", { key: '9a8dd661fcbfe1c01d730f74fcbc65aa701be53b', class: "options-list" }, this.options.map(option => (index.h("unity-typography", { variant: "button" }, index.h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && index.h("span", { class: "checkmark" })))))))), this.errorMessage && (index.h("div", { key: '1fb4bacb2cf136ff17eddf7887efa6e432da8d36', class: "error-message" }, index.h("unity-typography", { key: '482ca87d98466d07dd82b8abbc08bc61ede38058', variant: "caption-text", color: "error" }, this.errorMessage))))));
+                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && index.h("span", { key: '4052d40ff41db33716893c6d65d2c48b4d45652b', class: "checkmark" }), index.h("div", { key: '8755c9ea4b73108d4e3c519562c89b4689b9ed3e', class: "arrow" })), this.isOpen && (index.h("ul", { key: '0f3b18e480ca1f008d60486e08ab131848f0f5aa', class: "options-list" }, this.options.map(option => (index.h("unity-typography", { variant: "button" }, index.h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && index.h("span", { class: "checkmark" })))))))), this.errorMessage && (index.h("div", { key: 'adae8b2672e855ca67b7e58cba347ccbe235125b', class: "error-message" }, index.h("unity-typography", { key: 'a2910e6a68b8589ec75313d0eb28e570d9a99a63', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     /**
      * Checks if a given option is currently selected.
@@ -8478,7 +8480,7 @@ const UdpSkeletonLoading = class {
         this.borderRadius = '4px';
     }
     render() {
-        return (index.h("div", { key: '6b807197e28fd070bcd5bbeb4d8baacd991175b9', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (index.h("div", { key: 'a55df89b16c067a579ec4177039da791543c92d8', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
 };
 UdpSkeletonLoading.style = udpSkeletonLoadingCss;
@@ -8493,7 +8495,7 @@ const UdpTab = class {
         // Handle the active state change, if needed
     }
     render() {
-        return (index.h("div", { key: '16c1c69f51585d3f2db94ce866171aed2a2086e2', class: { 'tab-panel': true, 'active': this.active } }, index.h("slot", { key: '54a74bba3d97537a5b72627a3363f516e0c2452a' })));
+        return (index.h("div", { key: '775798db38994b9a9dcfdb94a8cc588bafed47f9', class: { 'tab-panel': true, 'active': this.active } }, index.h("slot", { key: '6f67d3f672d0600eeb84b9dfcc2c12f2fc931ef7' })));
     }
     static get watchers() { return {
         "active": ["activeChanged"]
@@ -8512,7 +8514,7 @@ const UdpTabs = class {
         this.activeTab = tabIndex;
     }
     render() {
-        return (index.h("div", { key: '3d63af03c3c5a170d4cea7c6ac7aa800d81191d2' }, index.h("div", { key: 'efe016098ac3180667d7403e254a4000e25b3e32', class: "tab-header" }, index.h("slot", { key: '157fff97c566aed5c4626a6ebdeb2d0b08f17d73', name: "tab-title" })), index.h("div", { key: '0e4d421741cc7537878a01c86f5323bc324d19c3' }, index.h("slot", { key: 'fd59dca06839646ee83d468811cb97f5b1bc96e4' }))));
+        return (index.h("div", { key: '11b569eb074151f849159aa15af92129c8992929' }, index.h("div", { key: '3c6d9178dd37fd5fd5b91ec44e287241ee256e1c', class: "tab-header" }, index.h("slot", { key: 'e9289d5d3fa6e2da92b81de71e55276b3455f37c', name: "tab-title" })), index.h("div", { key: 'ed2038f48697251f5dfd3856d26711313376af10' }, index.h("slot", { key: '2b6d109cef169e2f50fb876387efc334464dc9da' }))));
     }
 };
 UdpTabs.style = udpTabsCss;