udp-stencil-component-library 1.0.2 → 1.0.3

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

@@ -80,11 +80,11 @@ const AddMapFeaturePopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f6ff5ce82fce4039fd5630e746ef6db5159c0402', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("div", { key: '962b6e43a72819ee6e2cbeeccf17560293bf265a' }, h("udp-selector", { key: '8e775bc6ab34637d359ea40cb9341ae88157b594', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: '6247456eafdc8d2cdd21bf2b34baf79f165fc86f', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("div", { key: '2c9d0d727aa0f2bb102eeea92d893e7abab6c29e' }, h("udp-selector", { key: 'fbae3f45068e8ae3c6165689611d121b9241ed7d', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e);
-            }, large: false }), h("div", { key: 'fc4e34a9477481234936f254402d52658bde3cc5', style: { height: '12px' } }))), h("udp-selector", { key: '6909962ce277d4fef31b8fa9b2f1c6020a81ffb5', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false }), h("div", { key: '8b2a1215ab7ec2f9329a8ecc36fb56bf4e1ed690', style: { height: '12px' } }))), h("udp-selector", { key: '1e1cc8fb219f876b9ae82ada5d718d47f29f5b38', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e);
-            }, large: false }), h("div", { key: 'bd09d80bab70b71ca714e797fcabfba42abd4f95', style: { height: '12px' } }), h("div", { key: 'd2c4699510d461ff723d1a8f3ebb4e80997cccad', class: "formButton" }, h("custom-button", { key: '4f03a4aebd4815da636e586d81ecdd8d469b13d1', 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 }))));
+            }, large: false }), h("div", { key: '3fd93a87dec6f186d02713aeb7a24a6184628496', style: { height: '12px' } }), h("div", { key: 'bfd2027f37a43ea8463ab384737ed60b42c3e16f', class: "formButton" }, h("custom-button", { key: 'eaef537b4baa885c0bc8ca021eea31587803f7b1', 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 {
         "panelConfig": ["watchPanelConfig"],
@@ -258,22 +258,22 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'cb3661c34c4093779f7d006cbeaf018062a54994', class: "toolbarContainer" }, h("div", { key: 'fab01f7d699a215c479ebb5b74dc717ec08b3018', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: 'd6bf4bc26a52e6f59ae7e8b03c368d986da94aad', variant: "h4" }, this.mapTitle)), h("div", { key: '92287f354c4c0d882915e6f2ff13cbe065d34f3c', class: "buttons" }, h("div", { key: '2c62c1e72cd38171eccf33d78c8facc9469ad3c0', class: "buttonContainer" }, h("div", { key: '47657600cb83585b41a9e37e1bafc406887e71b0', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: 'c9b333edf9cc1ac1f0c2d76b1218061bbd91347c', id: "filterOption" }, h("div", { key: '991d24d97b03008f177a1b3c1f91de2dd19fda1d', id: "filterOptionButton" }, h("stencil-icon-button", { key: 'c4d9078b3c50f93f9dc66732d0e3e99604d1c6f3', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '4fd493891a6c8fef2a7c892cc155ad0ccb975c8b', id: "filterOptionDiv" }, h("udp-pop-over", { key: 'f15b35d592a94fe7ee0c14ab7ea3b3bd581329c7', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '94339d0d672e37ddccb24d074bc87910940177f9', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '6be1b312bcf144fe1e1a5e96985a783387719a86', id: "layerOption" }, h("div", { key: '9a6c86828ffe3e32c5fe22259749aee8f255d27a', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'a8c4668a1be9c429085d09e9c126e5b75fd87d63', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: '0d44c00de66dcb120f170fab4544c61afcd4f959', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: '6a232aefb8edd7a0856e086b2bb59d724f80c133', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '552b4bf53412003dcd4714b7fa75abbd5b42dd4d', 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 && (h("div", { key: 'cde340d42d79df5398687a3f5685ab5edac88a72', id: "bulkSelectOption" }, h("div", { key: 'dcded45a9dbe71c53b629998da835914331b25ea', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '03f64862f9b8466066a516406974e647c11cdd6c', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '362574ee975526b17d01a1b66987e9fd25cd1f64', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'f921f211cec7f6ca3120f68ae7d6f91d6c06457b', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start' }, h("udp-menu-item", { key: '6c6d563c9286c758030df30a817cef0a85b4947f', label: 'Box', handleOnClick: () => {
+        return (h("div", { key: '63e5d1cb7f18737a5b47aaa69fa790a82ec252bd', class: "toolbarContainer" }, h("div", { key: 'a8a41fc82fa879f4bb2fd0d3f8946821c3877233', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '611511d191f7925d689dbaa35f15755445e4c481', variant: "h4" }, this.mapTitle)), h("div", { key: 'cd480ea48aaf938152aacc9b93ecb724a2c69c70', class: "buttons" }, h("div", { key: 'a70762390bb1651a70c450d2177b8856ec304eab', class: "buttonContainer" }, h("div", { key: '288d03c64d94edfc6344f9e0121003282d402f39', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: 'baab19506fb5eb82418710ced23dd4fa4a71a5e7', id: "filterOption" }, h("div", { key: 'b01155330204b492ec96cce4dd36b0e2bf6e9fa7', id: "filterOptionButton" }, h("stencil-icon-button", { key: '512087d384860edde5fc01dc367c312ce8577929', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: 'dc75dd9d4553280a89340ea09a92d6b13ce9c7b0', id: "filterOptionDiv" }, h("udp-pop-over", { key: 'd9dd6bb0da4ca0327e217c5c822b33a1d3c51391', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: 'f1ca5a008e5bd96d875e36558075df6683af6b8c', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '24bcf338172287d1355b0c6677309227a8ab518f', id: "layerOption" }, h("div", { key: 'fa54c07b301197fdf53e4a6c6bd6ace8ad5ed2c8', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'baa3d5a2303818f31dbbc26e3f0c5c5c7baeec58', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: '7893d2e0550f2976ff5d4f93577718a0eccae566', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: '711aa8fa7437eb01256a85967ab43093dc99fe35', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '8fe4713951aed48303e7c85467043aaacd85dda2', 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 && (h("div", { key: '9610ea8f6d493509fd73a9b417d42072ef01ae3b', id: "bulkSelectOption" }, h("div", { key: '1c4b709732dbbc153c1b49557e14a522ac145c80', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: 'f7ae982998e872d6ee62e0c85e40c679c7c0f7ed', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '78f12fa656f968d5b11440756f2dddc3fcb58c9f', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'd186d719cda6987588ffaf6a8f37b53d93fc0978', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start' }, h("udp-menu-item", { key: 'a4a5034892f0f314fb63012f54ba7f19867942bc', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), h("udp-menu-item", { key: 'e91656c278be77923c1e0e597c77d140112ed601', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: 'cc338aaeb64cdd92b2af2b83bf5cc02f7e07977b', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: '7f7c8963113199e4654d6a905ff98deae79ec28b', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '415dad2a699ecad5bc15d47c65c1188f0c144a00', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: 'ac185e7185bb8bdea6571f82e0d46aafcd083d8d', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: 'b0f78211b6660188a6eda3a277500556b144408f', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: 'e88658354379a42d43d4637fbe519fcd56a33414', id: "splitOption" }, h("div", { key: '9431327ef5309cdab8850af74e01f2298e708bdd', id: "splitOptionButton" }, h("stencil-icon-button", { key: '112d434686b2b2883893fd6d602fe63b22f2bc51', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: 'e4f9ca664278d951690f47501dfe74bca3394e0d', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '3e8db8b7ca9dca2e38d1e16b0a208ba2f948cfc3', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '76a2f7875c4c1b71c79835f16f90fcb14acb05ee', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '8c7da78de98bf11c902ad1a6f1c4a60ad50d61ae', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: 'c7b44fc819f2b22fa34bebdfd69f961c1b97f8dd', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'b0a3b11645aded91a81635a80cf3dfaffd7c8854', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '1fa922732a30bcc6a6a6619f3d269cac5014d25a', id: "splitOption" }, h("div", { key: 'abafc16be4b95112f3e49c2f4b3271fbe879a00c', id: "splitOptionButton" }, h("stencil-icon-button", { key: '206a3fe6944998884e2454e55ee93776c1c086ac', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '11b6b95d1d986ea403e649d1894b6dfaf88adda7', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '82afddb19c39dc93c2e17b6b1541b977d671cd35', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '0fecbd18cb81e44036b67f24986a4932c0e5adc3', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '471393a16b8da86e548acc94213c72c317c59988', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: '1d7fda0edc28f80ce91e91f83345d44c084ebeae', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '999834f4bfd813d3ceb929c35b922a69f8f9fbf3', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '495319ff1fcb280b9e999038807d156a50933be5', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: 'bd028ded9900d3e34e2a6c3c3304738a0164f1b5', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'eefa8dffb5adab4acc72dbc08e77f040b2b8ca12', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '7f7b49336b19ed7cb9688befd7acc402e58dee6a', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '54a555464fc6c2e02053265a0f572517673293a5', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '65f8ebdfd71c6ee308a85515087d67ef74010f1e', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '49cd8756f1a82e780e4b2d8365b5c28904f28bab', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '598b90fe3980b39ec59d4f4ae2682c69aa8de5f4', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '378b1e6aa3b90c868f57a594307e3f7cc39af4d2', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '1ebd3e8b7b6b04153c3121e46f754140b876adb4', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '578d36fd52e2eea57b9b40e59d430a7b0eb2576f', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: '8f89151b1134f52ae6cafde5df21e2f9edb53afc', id: "withSelectedOption" }, h("div", { key: 'fa3044d790982dda882bb13c56ed0e73f18c94a8', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '23784f3c2ef39e70322f2531923a90daa6602488', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '71f7a1689f12f64081cbcbc992106dcd1f156c38', variant: "button" }, 'With Selected'))), h("div", { key: 'b12201cd228daf3be94c8d8331c53f7b2bf55491', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: '86597960d2f1e0e319f54d3dd77d8a554e5ad0e9', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '3d81922352aa12a31d8d9745b7fa6e701b9966ca', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '1ac985bec8d9f578eb4d32ee0e72fbeb153604e0', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '84936479305026c5d531595c33d2fbe12759d75b', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'b6fbe722db0414b4a47312e7d17c79be3cda4050', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: '928d8e3f5e8797024a7b076fa5c644f854e57cdd', id: "addOptionButton" }, h("custom-button", { key: '2d9637dabc12d0dfe889619fe7d83e19364c2eed', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: 'e8ae84b46c63e772797420adfd5752e94d1567cc', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: 'b2e67de5518908e087bb5ec915ea724631d0a529', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: 'e3e143076342e106afcd29a0508a3c9caaa599be', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '0e41d8c14c9d4eece4b1fbcc407b8c0bd72e556b', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '1b1b7d98edab068c0215c0ebd549057688707b22', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '57f3fa7b17dd6ec52b32d1fb3295cbaa0cc6b4bb', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '9b71c8dfb01f443f9ab9182b1d1720f3c1995a59', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '43d8df6ab062b20746e93be9a1610cb3f28b0706', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '609fc625e58ddaf44dc8b928f379c9bf6daae23d', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '032929fea4ea88aa7f762dd5fe18a70359eec863', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '87c0f6bc13fee9473dac179cd7c644bbaf014638', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '48f85630b74d41d884d3e5b30acc26445f705aca', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'cb5952934a327268b2aa8de4416ba3543b178adb', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: 'cd7e248942c6e8d1780ed9f3a271f2be1b9e7210', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'b67ac423d87d55b3dab25b12d403e2e510f04af8', id: "withSelectedOption" }, h("div", { key: '00c1c477eedc5aaea81eed7d500500454c5f23ef', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '5820a749fb6e543c7910e0cd3656fed0678a9bc1', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: 'f327e07bfb489f48f143dbfae0ffebb5f9576e40', variant: "button" }, 'With Selected'))), h("div", { key: '36a130bcca1caee7c485127b9f74355146a825c1', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: '28d20134ff2a727f9752034560850140688ee9a1', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '19d6849f8ab4460b5345ae65b469aca1db069189', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: 'af786f6b09dc773997f4b6a09939f1cef1504d2e', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '629be3619fcb395a839770e37532d38d2412e381', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'b25d503b96afe55c1aa84d0cc4e389cd10db71fb', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: '335db1c9464c6c22d9454551ead0f9783525c3db', id: "addOptionButton" }, h("custom-button", { key: '4b27cb8c1bdd4e62f340de48dece96648f176319', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '130c534ff13a81d3e4994718ff8e18eb19d59713', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: 'c5d0d63c8a8d5e14683864d5851ca21b8a71fff3', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '168d45721040af9ec759aeda30839bd50bd76247', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     get mapToolbarElement() { return getElement(this); }
     static get watchers() { return {
@@ -298,7 +298,7 @@ const SelectLayerPopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f44d282caad5c666e94a296848d476f68f350b06', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '398acb46d56efefaf7e90bf57cf4679e00c24e30', id: "mapType", options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: "Map Type", onChange: (e) => { this.handleMapTypeInputChange(e); }, large: false })), h("div", { key: '575148ace44a9aba270a3cd8ae4c442c47446d08', style: { height: '12px' } }), h("div", { key: '14bc3046978e8906bb22db412ef7e5c6fad94ab9' }, h("text-field", { key: '32756ad2ecde9d4c95395417fd87aee1fcc205e7', label: "Search Layers", id: "searchFilter", value: "", onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+        return (h("div", { key: '8d85412f6b99188b7bd3634f51447ca81c96e364', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '49bc9f01de9425b3b94897a6a947ec41eb49454f', id: "mapType", options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: "Map Type", onChange: (e) => { this.handleMapTypeInputChange(e); }, large: false })), h("div", { key: '544e49072b516adc6cf357b016f9efa157377164', style: { height: '12px' } }), h("div", { key: '19f29c0ce2a4af9339d5aeb0a7557cb0713ac583' }, h("text-field", { key: '3ba68e86abc0e49289d6039a1d05ed0122606fa3', 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) => (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 }))))));
     }
 };
@@ -314,7 +314,7 @@ const SplitLinePopup = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '2f02b75d0bdfeae2840362952345b5948f6ad5e2', class: "popoverContent" }, h("udp-selector", { key: '9b41da41768b4f38287f2700e1f4a42891a650c5', id: "layer", options: (_a = this.vectorLayerOptions.map((layer) => {
+        return (h("div", { key: 'b81c0a9d5583868fc78ca3377ffd0c3958e7d549', class: "popoverContent" }, h("udp-selector", { key: '43f2b19438893e5fd1b881d19e98cc88ac27340f', id: "layer", options: (_a = this.vectorLayerOptions.map((layer) => {
                 return {
                     label: layer,
                     value: layer

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

@@ -597,7 +597,7 @@ const AgTable = class {
         this.height = 'calc(100vh - 200px)';
     }
     render() {
-        return (h("div", { key: '34090f535edf4f45e28eeacd5ab8da4012319dfd', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (h("div", { key: '9c6d345d9b7763fcebfbb60893b868ba48ca6940', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
     }
     get el() { return getElement(this); }
 };
@@ -609,7 +609,7 @@ const AmbientDemoContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '1ae64499422d23a16bf1119a8d9f06f3502adc7e', class: "container" }, h("div", { key: '1d0feef16ae20855b25c8ac7120c444f5c0d8988', class: "title-container" }, " ", h("unity-typography", { key: '6539e873263b38ffa32caf26fb7eb25e4f8d5f93', variant: "button" }, " ", this.title, " "), " "), h("slot", { key: '7b367238cde374b88c6637908788f23ea4fc8f40' })));
+        return (h("div", { key: '35d81b468e19b8871ec965188504b71ae4922054', class: "container" }, h("div", { key: 'ac57303ecd758ef8b94aa303831ef31cdc7b204f', class: "title-container" }, " ", h("unity-typography", { key: 'c5e7bde5ea06c4f71d2130a9732ff9adf93305c9', variant: "button" }, " ", this.title, " "), " "), h("slot", { key: '9c69947927da837896e20a35a401af20fd14ae4c' })));
     }
 };
 AmbientDemoContainer.style = ambientDemoContainerCss;
@@ -4567,29 +4567,29 @@ const AmbientTemplateGrid = class {
             this.gridHeight = 'calc(100vh - 200px)';
         }
         const actionMenuItems = this.getOverflowActionList(this.overflowActionMenuItems, this.selectedRowParams);
-        return (h("div", { key: '06a855a84f5b62e40635b492062c6811c5d34c30' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: 'ce6fdc6fb52c93ea62559454f2dd3feab68405bc', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
+        return (h("div", { key: 'c1f1d28ada736e48a944aecbf535cdeac30add14' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: 'ee0b6239d0790c529de902dee212cefa807e9293', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
                 this.handleOnCloseActionPopover(event);
-            } }, h("div", { key: 'e351f5e13f04b73ab3ec969edf5f46597f33cb6c', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: '8873f256b66297b1ea64840cc535472fd7ecf2d4' }, this.showNotification && (h("udp-notification", { key: 'e08059b36da511612ef8cf42414978b835129142', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '380bf5c04e0ce96db8bded35278909817c39fc4c' }, `:host ::slotted(.ag-side-bar) {
+            } }, h("div", { key: '60116f61b34748c829924e984f167e67b04202ea', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: '1f6c23dca663e2d09dae59f7532ab8b58ca58192' }, this.showNotification && (h("udp-notification", { key: '3df17aacede2e2d0a003ab9f97a4b908db7f5362', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '6a4893a379d797b1a0d4db2d97e482cf55312bfc' }, `:host ::slotted(.ag-side-bar) {
             width: ${filterPanelWidth} !important;
-          }`), h("grid-primary-bar", { key: '11ab6c725d2826c1ab192f28a25f0e1b7d281162', 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 => {
+          }`), h("grid-primary-bar", { key: '180f49fb436f09f40dcc5f4b7aff7e2a81b21b16', 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: ['saveView', 'filter'], 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 }), h("udp-pop-over-grid-action-header", { key: '8a72ace14ed9aa9966f9534873379a640181d905', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: '93efc465809322bc2824bd0913fc6bb22345712a', 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 }), h("udp-pop-over-grid-action-header", { key: 'b713a78a60d4991d70f0a52c9a96da0b204cf596', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: '26645f9a0bd08e44fce6482cdae7613e6460af2a', onClick: () => {
                 this.togglePanel('columns');
                 this.showGridOptions();
-            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: '5e47330228d286d05f26030df8a1516ba0008c08', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: '48e185d8d4861b0a912d51b9a58f4797a3cbe5a9', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: '4cc7ec98a09090edb2b4f34382cb3abe79c648b3', onClick: () => {
+            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: '714ae6cc2b7293bcfc581e20053e384617cdcd0c', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: '036987e8067423797f33de8d1a61cc87dec03668', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: '00b3365a97344798f65b2f0331aee7a8a7df0d04', onClick: () => {
                 this.fitColumns();
                 this.showGridOptions();
-            }, tooltip: "Fit to Column" }, h("unity-typography", { key: '0ac6aa352b42d88af6de6f5d5f5661bc8fe21bdf', variant: "button" }, "Fit to Column")), h("udp-divider", { key: 'fa1910981b94dd084719409edaa3c2493d6dc4f6', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: '0ba25d682341300c177a5825e568be0c975f2883', onClick: () => {
+            }, tooltip: "Fit to Column" }, h("unity-typography", { key: '1174930d3976615536d3490264691e954d67ee58', variant: "button" }, "Fit to Column")), h("udp-divider", { key: 'afd183bdd79f568e3a0c289081083865be3f28b1', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: '07e255099290abd7e8f31ef1f187ad324aeb076b', onClick: () => {
                 this.expandColumns();
                 this.showGridOptions();
-            }, tooltip: "Expand Grid" }, h("unity-typography", { key: 'e35e794dc9ee6a4e628bc3c521f93a63fdcabe2d', variant: "button" }, "Expand Grid")), h("udp-divider", { key: '4d421730754fb4bcafd1bf1397bf1a807a2cc308', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: '1ce164bca29df4674ef99009278b5262a2c71069', onClick: () => {
+            }, tooltip: "Expand Grid" }, h("unity-typography", { key: '647bd1f7744b97974c9211fd3148cd35c3c093ec', variant: "button" }, "Expand Grid")), h("udp-divider", { key: 'ff974c719494f21dbb696b4a7031cf9c41ae83cb', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: '41b3c2a3f9c74be1d4fa2b19973d149a790d444f', onClick: () => {
                 this.handleSearchModeToggle();
                 this.showGridOptions();
-            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: 'b6fefed4e3fb134ee6780ea4d6139ed702f0dd4c', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: 'dc4c5a5cae4cb1e08ce55f029511514438d47650', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: 'ef0ead478c987579e3ba30609b3fbdcf5941b0a4', class: "bulk-select" }, h("udp-badge", { key: 'dbb1e4d7bee9c742c4cd9b5a8dc7cecefea27823', content: this.selectedRowCount }, h("udp-selector", { key: 'b59043cd872fd7c3614ca67995855a5618708a1c', 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: '87aff157218a5fb69c4f47a7cd62b53fd4399806', class: "chip-wrapper" }, h("stencil-chip", { key: '919fa71e3691bd9ff157e50b4ad3f350d63e242a', text: this.loadedViewTitle,
+            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: 'c0b04206e01c74d49daf55898077074f9a7a252c', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: '67331c032b9988a87b63beb7deb71dd0bbfd8a9d', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: '3cfe21c770b1d61a77a48ee576fb2a9d7fd7dc2e', class: "bulk-select" }, h("udp-badge", { key: '5c8f762a50c9361dc3fcdcc310c868a471f39b7d', content: this.selectedRowCount }, h("udp-selector", { key: '7506e4099f19a9415e0446e0e9b13fc9333e2655', 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: '0ff4bb587e3692c50f33135071b9dd59b2803501', class: "chip-wrapper" }, h("stencil-chip", { key: 'cc211532a7c979fcf244be8e814cbf186cb1f320', text: this.loadedViewTitle,
             // onOnDelete={this.handleDelete as any}
-            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16 }), h("udp-divider", { key: 'cb0f77891a8ad75af1bd9e6a6e388ce6091b90d0', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: 'bc1d599392b3afc9f52aba60e77f34ee75894809', class: "chip-wrapper" }, h("stencil-chip", { key: 'cb7eb7d3c6ccd62f58d07aa24abd2c45758b1bb6', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: 'a9beb225edbe8835a2d2efa8931329e501526e0e', variant: "vertical", size: "30px" }))), h("div", { key: '0f7c729f397cd91ff7543bb7f36162a5f8775f03', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: 'b02d24580c12d0b9eac2c0357fe13bd2e12c85c9', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: '825aa8784e62c0785c010b3ef7ca058c3b6de1a9', class: "kpi" }, h("kpi-list", { key: '49f0957b53ffcb4a8a5f8d230f68466b85977e17', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: '61d8d54a5c7bc27322422b4c34d3b851339d07f4' }, h("upd-alert-banner", { key: 'e2877507d68c8999c3de2c88e2c1e3c749efafa0', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: '9cab5664ec99ccaa12fe2ef2599168cb950d3d07', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)' } }, this.linearLoading && h("udp-linear-loader", { key: '91bdcaa936df886725a35b69c84872078dfcabe2' })), this.noResults && (h("div", { key: 'f129b2c66e696b3e659a6edf0ea660105d2df252' }, h("upd-alert-banner", { key: 'a76ba5d21ad7b1b6f628d09b69624ee077cad07e', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: '41fe449ee83c599c556e4725f0f884a782858712' }, ' ', h("ag-table", { key: '9b6de856fea0fc7a80c98e7efe21d6ff6ee41ca7', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight }), ' '), h("side-sheet", { key: '504b3da4b1cfc2e2ed5065ee577194ec34dd5e24', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: 'dfb3abc3b292856a3893c10bb9d44ae3b8007436', style: { width: '1200px' } }, h("advanced-search", { key: 'e09380cc0ce655c784cf3df6f7f861201cab2781', 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() }))), h("side-sheet", { key: '245d697c8e5dcbda0db361b93c71fa5fd94fd20d', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: '740f3519dca03486240528225528975916a627aa' }, h("div", { key: '8e7ca5414736fd6ebc788c65ef99de82180d1bb5', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: 'ef5157abd12d891dc1b3bb4990e5453355eda7c9', 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: '9048acde97aa905db703081c22645bb0a0fd7e96', style: { width: '446px' } }, this.viewListRowData &&
+            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16 }), h("udp-divider", { key: '2882fc78cd612144f62a9a7ff2e9c11a57d185f0', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: 'bf9bbb54551a66ecf02eebaf48b6f64205540603', class: "chip-wrapper" }, h("stencil-chip", { key: 'b32805902a8a06e21106c7e12259d84f6e9c9e33', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: '0be2edae8cf7195754d0496a247f65ed3fdd2c7f', variant: "vertical", size: "30px" }))), h("div", { key: '7b040a75c201a0d07b931d20d3bc9467d85bfd9a', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: 'dba5a62ed4cb8886ce704d7122c08b8392b6c5a5', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: '979a26e3c97feb7b8333d435cb9c5a89de748a6f', class: "kpi" }, h("kpi-list", { key: '90454b2279f0c23c098b21f186635816c6e7e087', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: 'a71c357b0c1fd8a59212946e5b45f0c13e82a994' }, h("upd-alert-banner", { key: 'c88341bdf4609a53a55016944379fa8e857b590a', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: '39bb7eda2abc7006d664c22650b0bdc528ee0874', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)' } }, this.linearLoading && h("udp-linear-loader", { key: '9bf04cb0286dc38cc234733b3a58d4f2589a6b3d' })), this.noResults && (h("div", { key: '243149881a8ef814cb30130d9f5e0bef3745777d' }, h("upd-alert-banner", { key: '9caa49e9d5cb0fb9221f46c3d9e28e14a36bb124', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: '2dc75ea370eaf2641af4f362b91507f60b836824' }, ' ', h("ag-table", { key: 'e7abcf0e34f8bbb6d6719fc86b57ca560b3852b4', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight }), ' '), h("side-sheet", { key: '3a4f4c84906d655095a64de078a543c6b5ce88e9', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: '183d281e7b1fb2d0250f1bb7b00a96adf7698e8b', style: { width: '1200px' } }, h("advanced-search", { key: '251c523402784bbe2309c0a320240ca31d6e24bb', 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() }))), h("side-sheet", { key: '7b2bf5b36880e13bbc777c9cfb590558715d2bed', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: '3916b382f95721a194e039b843feefe2ef2d2ce7' }, h("div", { key: '61cadaee22b965a5c4dd1f2a881dd2ec4aaa71f6', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: '9474568e27f53d2851341b36bdb4b36d941a9201', 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: '12d5e815032a52b476d2175d851591727e3b7cdf', style: { width: '446px' } }, this.viewListRowData &&
             this.viewListRowData.map(item => {
                 if (item.gridViewVisibilityTypeId === 2 || item.userId.toLowerCase() === this.userId.toLocaleLowerCase()) {
                     return (h("tree-list-item", {
@@ -4600,9 +4600,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
                     }));
                 }
-            })))), h("side-sheet", { key: '8e5549672ab113051103364c3082104a4c5c4c1b', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: '776b3857f000dea63b87ecbeffc58f02024dc042', 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: '6fd118b6c01b02747439239399b076cff3b565e1', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: 'b3a5f91dcccb0da253a0e4a793a303c0f374341d', 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 })), h("side-sheet", { key: '8106b11211c57149f5ec9778a893c713bd656e72', 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: '3b938abde815566d0edfbe654d944bc3350a9bb3' }, this.showHotlistForm && h("udp-hotlist-form", { key: '02e8f51e6b2ed3b48ccf98ffa8bdbbd27797ea15', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), h("div", { key: 'bab16714d7d51be37be4280addae5d75818bb739', 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 })), h("side-sheet", { key: '41b3733227e52ce6283e2a1ffc46d9c783dd7991', 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: '74c107a2e1d311f2aa9ddd0745938c21173e5b6b' }, this.showHotlistForm && h("udp-hotlist-form", { key: 'c8d89de79ea2db6f0188942f233a757b0c49f0db', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), h("div", { key: 'b3fed4a531c20975c1951673997754b5389b69f0', style: { width: '446px' } }, this.allHotlists &&
             this.allHotlists.map(item => {
                 if (item.domain === this.entityName) {
                     return (h("tree-list-item", { label: 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: {
@@ -4610,7 +4610,7 @@ const AmbientTemplateGrid = class {
                             false: 'neutral',
                         }, statusLabel: item.isPrivate ? 'Private' : 'Shared' }));
                 }
-            })))), h("save-view-form-dialog", { key: '670e997103078ab3d971c540a778fb7fcb6e2144', open: this.saveDialogOpen, title: "Save 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: 'caad79bcfc337759dba1ef724e871e23d0d89929', open: this.saveDialogOpen, title: "Save 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) => {
@@ -4623,11 +4623,11 @@ const AmbientTemplateGrid = class {
                         this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState);
                     }
                 }
-            } }), h("edit-view-form-dialog", { key: '975cae30a319b77aa3ece661f235a3927def3135', 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: '56de0cf801f3f036a3a9dfd53aecde17ec6be07d', 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: 'e8104a28fcee2fcfca29924e8ecbbb484d17e379' }), h("fluent-dialog", { key: 'b8397b84d7bd79afaccf47d6313fb91b2f3e8c24', 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: '0239cd69a10a7d934dd8d87bea87a5e332e3cadf' }, "This will not delete any of the data but only the records ", h("br", { key: 'bd33be1fc8f0418bb9c15f8846217e496b87ff67' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: '8a07cc4999b630665eef5b4be6093f239ac7271d', 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: 'fd974a917918147c207fc586e71f3342366260fa' }, "This will not delete any of the data but only the settings ", h("br", { key: '7713eedffd809b03f684cdb7871cb67431ff098c' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: 'd3d8303c9c37dbe4acb511f3b0fd5e349b7e912e', 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: '92ff35ff5a53cf7ef750de42a6e0471ea45a9deb' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), h("fluent-dialog", { key: '9d43600ec09eb26b4900aa3e414b01fb995b84f5', title: 'Toggle Search Mode to ' + (this.enableAdvancedSearch ? 'Standard' : 'Advanced') + ' Search', message: this.enableAdvancedSearch
+            } }), h("div", { key: '9185a03cee10cdf4fb62a41d0ff4dec839d8bec9' }), h("fluent-dialog", { key: '09f299b179a82fc92ace9ad90fad5eba65cf42e1', 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: '190e06b4c428e4f374ce4c3e0460a5a794bb5789' }, "This will not delete any of the data but only the records ", h("br", { key: '893b99f3d1a61642be7eaa7812e9f11a1771449d' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: '568d45dd8b8cda2c1bd03ed785ccb4516aa4e306', 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: '7916ae2086611e030f6d803e4846f40e5d21664f' }, "This will not delete any of the data but only the settings ", h("br", { key: 'fe68d270901cdd87e3f41246a73d5e45b2a59949' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: 'ea05f6c8f087212364ab6ccafcc0cbff08ea26c2', 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: 'e1def5182aba7d1d342d5f7961a69e4f9056c692' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), h("fluent-dialog", { key: '443390c92a57197d0957d1059ddce4e867ccdfb2', 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: '8796ea5282024fa555d104da683a7aa52970a96b' }, 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: 'e6f58ce94f7ae756a4d1e7f6658a03189d731dec' }, 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.'))));
     }
@@ -4681,7 +4681,7 @@ const AppBar = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'c936d0da1f6e76d6321ba9ba3e61ed25c8de1552', class: "header" }, h("stencil-icon-button", { key: '0eb7eaff8ad5f35457ab049a00ea310dae832880', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: 'f92d2e34ff44f677752106989f268a468c6709b7', variant: 'data-display-one' }, " ", h("slot", { key: '3a5c557fcaabe1ce628ca19954f4e008bb7c4e02' }), "   "), h("a", { key: 'eb5f1c78b627737771d5f16cfb7e8827a3b504cc', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: 'c55bd7a5c6b6ef1ae90297854e2836ce64f33f22', class: "header__logo" }), h("div", { key: 'd9653d283d61c28aafb9b0c05938ef195d7a5076', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: 'a7dbe3c6da06f7bb5c33a78c3ea32c87fe8dd4f9', class: "header__global" }, h("udp-avatar", { key: '713e5e3409499ea36a63cbcd46c8216fde02fd73', username: this.username }))));
+        return (h("div", { key: '06b611d0de2e893f8d4b94f5e4d35745f91706ba', class: "header" }, h("stencil-icon-button", { key: '03e88f45a271f9ca4fa15926ad05473709fdd7e0', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: '8fae1d322d36bb3f7403417403728c7d1eb4a913', variant: 'data-display-one' }, " ", h("slot", { key: '54b51022a279a246e012a10e5e430470f6e9614c' }), "   "), h("a", { key: '0979dd3f68ce147259f6309de6a3497787901753', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: '7819e767b7bdbb8e6bd413181d084c2a14547168', class: "header__logo" }), h("div", { key: '05b32da0b1f8fcbd763e438b7b0170b47d33863b', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: 'e6da41c78ee183bcfb3fb471d6b13497991b9081', class: "header__global" }, h("udp-avatar", { key: '5eb201c0e152cef03891747f141b28f226cc9a59', username: this.username }))));
     }
 };
 AppBar.style = appBarCss;
@@ -4953,7 +4953,7 @@ const GridPrimaryBar = class {
         this.defaultActionButtons = this.initializeActionButtons();
     }
     render() {
-        return (h("div", { key: '356bfe545b354f6b9d689c23217727c3461c60ab', class: "header-bar" }, h("div", { key: 'f197a22c2acb2ff6a8de2df9b367b1904190b36a', class: "title-section" }, h("div", { key: '301d74f709afb690d6f6d02d4d2f7d4a776dcec5' }, h("unity-typography", { key: '78e2f59a9f5f375afeac4666a8cc8b47d11770ed', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '15dc19c4c93587937ca291112371fa172314e143', class: "button-section" }, h("div", { key: '501e973e0aa47b2e6bb24aa99a10b9654d1a313b' }, h("slot", { key: 'd04a997b0bf46e56194e01c9a8444094c035ba88' })), this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '2ad8f4d12090acb4021c546f4bc9c57ba5c44967', class: "header-bar" }, h("div", { key: '747497e1c5256f373e4e3b7b684c041eaad77218', class: "title-section" }, h("div", { key: '543ea337e8adce08bcf322da58344fa538dac5b2' }, h("unity-typography", { key: '4a98d271352f40274b60a8ec2faebb6637f8308e', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '07250d3c352ba3c9fdb795b140d029a15874c556', class: "button-section" }, h("div", { key: '3d6375a1048e5911c1c14f418c70eeb855befcdf' }, h("slot", { key: '47531ac8ea37d798cd3f4736fa4e4195abc7139b' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -4966,7 +4966,7 @@ const GridPrimaryBar = class {
                 return (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 && h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? h("span", null, btn.label) : null));
             }
             return null;
-        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '3d1c6432d3cb1afc41d1b5c4521eb48557e292d2', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: 'd0442542aca3dcbf057818e72ed53adb20c458f4', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '6bd71e4db929effa85c531b98644347fa865100f', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: 'df1c3549c67c0897a3231110fed289207590fba0', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": ["onResize"],
@@ -6845,6 +6845,11 @@ const StencilIconButton$1 = class StencilIconButton {
         this.disabled = false;
         this.count = null;
     }
+    componentWillLoad() {
+        console.warn('⚠️ stencil-icon-button is deprecated and will be removed in a future version. ' +
+            'Please migrate to udp-icon-button for better consistency and theming support. ' +
+            'See component documentation for migration guide.');
+    }
     render() {
         let buttonClass = this.secondary ? 'icon-button-secondary' : 'icon-button'; // conditional class
         let buttonStyle = this.showLabel ? {} : { paddingLeft: '10px', paddingRight: '10px' }; // conditional style
@@ -7031,16 +7036,16 @@ const StencilToggle = class {
         const buttonId = `${baseId}-button`;
         const labelId = `${baseId}-label`;
         const isError = !!this.errorMessage;
-        const labelElement = this.label && (h("label", { key: '341526d9314f607359ebd7b5e90f73b1988c23b1', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: '8734cfda781a94caa91f886091f793a971013955', variant: "caption-text" }, this.label)));
-        const toggleElement = (h("div", { key: 'd2c189b591fcb4a52992aa7a78a744addb607b62', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: '960e42e77c12a68a580c7e896eab05362e17f419', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: 'd7719fdfe0b563c8a75cc1d5ad8338aae4c41cba', class: "toggle-knob" }))));
-        return (h(Host, { key: '3c82fe1006cb50b2b558b4ff7b5dfa857bddcd28', class: {
+        const labelElement = this.label && (h("label", { key: '5bab829756552a4ca27ad67089dbcb764bda2de1', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: '1f1f400380c31913441255264eb6d0af35e1c421', variant: "caption-text" }, this.label)));
+        const toggleElement = (h("div", { key: '6c54df6caf5b3f294cae26d2ca3615c7e1bb05cd', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: 'e060117671835f2e6a47597a926a2f9512d4f8d7', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: 'fcab0a5fd5bcf15e02a13fc160ceca872034eb69', class: "toggle-knob" }))));
+        return (h(Host, { key: '3f90cb01c6032b87310837aead982a41b0078bad', 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' }, h("div", { key: '9ef1da957d0aa0530ab9c22425ef76174570dcec', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: '0b8d86a08cd1b4aae45a61ad10c209c69ffdc953', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false' }, h("div", { key: '14fbbb34b5dee8da92375cabd8ddb050772318a3', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: 'bdee0f654adb087590d9bcf45daf35d0ffe12bb6', class: "error-message" }, this.errorMessage))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7059,6 +7064,7 @@ const TextField = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.change = createEvent(this, "change");
+        this.errorEvent = createEvent(this, "error");
         /**
          * Error message to display below the input field. Shows validation errors or other issues.
          */
@@ -7096,6 +7102,15 @@ const TextField = class {
             if (this.value !== undefined) {
                 this.value = newValue;
             }
+            // Re-evaluate validation on input if there's currently an error
+            // This provides immediate feedback when user corrects the error
+            if (this.errorMessage) {
+                const validationError = this.validateCharacterLength(newValue);
+                if (validationError !== this.errorMessage) {
+                    // Error state has changed, update it
+                    this.setAndDispatchError(validationError);
+                }
+            }
         };
         /**
          * Handles change events (committed changes on blur/enter). Emits change event.
@@ -7107,6 +7122,16 @@ const TextField = class {
                 return;
             }
             const newValue = event.target.value;
+            // Validate the new value for character length constraints
+            const validationError = this.validateCharacterLength(newValue);
+            if (validationError) {
+                // Character length validation failed
+                this.setAndDispatchError(validationError);
+            }
+            else {
+                // Character length validation passed, clear any existing error
+                this.setAndDispatchError('');
+            }
             // Emit change event when user finishes editing (blur, enter, etc.)
             this.change.emit(newValue);
         };
@@ -7140,6 +7165,41 @@ const TextField = class {
             this.internalValue = this.value;
         }
     }
+    /**
+     * Validates the text value against min/max character constraints
+     * @param value - The text value to validate
+     * @returns Error message if invalid, empty string if valid
+     */
+    validateCharacterLength(value) {
+        if (!value)
+            return '';
+        const length = value.length;
+        if (this.minCharacter && length < this.minCharacter) {
+            return `Must be at least ${this.minCharacter} characters`;
+        }
+        if (this.maxCharacter && length > this.maxCharacter) {
+            return `Must be no more than ${this.maxCharacter} characters`;
+        }
+        return '';
+    }
+    /**
+     * Sets error state and dispatches error event that bubbles to stencil-field
+     * @param errorMessage - The error message to set and dispatch
+     */
+    setAndDispatchError(errorMessage) {
+        console.log('Setting text field error:', errorMessage);
+        // Update internal error state
+        this.errorMessage = errorMessage;
+        // Emit Stencil error event
+        this.errorEvent.emit(errorMessage);
+        // Dispatch custom error event that bubbles up to stencil-field
+        const errorEvent = new CustomEvent('error', {
+            detail: errorMessage,
+            bubbles: true,
+            composed: true
+        });
+        this.el.dispatchEvent(errorEvent);
+    }
     /**
      * Component lifecycle method. Initializes error message and internal value.
      * @internal
@@ -7151,6 +7211,13 @@ const TextField = class {
         }
         // Initialize value: use value prop if provided (controlled), otherwise use initialValue (uncontrolled)
         this.internalValue = this.value !== undefined ? this.value : (this.initialValue || '');
+        // Validate the initial value
+        if (this.internalValue) {
+            const validationError = this.validateCharacterLength(this.internalValue);
+            if (validationError) {
+                this.setAndDispatchError(validationError);
+            }
+        }
     }
     render() {
         const isError = !!this.errorMessage;
@@ -7160,7 +7227,7 @@ const TextField = class {
             'bx--text-input:user-invalid': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: 'babf775e0c8ff358b407e7082a8370c8eac191c4', class: {
+        return (h(Host, { key: '4c97f1b312bfacd447bc14bf3c28542a64829d57', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -7168,10 +7235,11 @@ 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' }, h("div", { key: '4e5f24c12b24d95cd2497abb342001ab62f3509d', class: "bx--form-item" }, h("unity-typography", { key: 'b93a025bdec3267012a91b2bb7b4de9b5d01bbbf', variant: "caption-text" }, h("label", { key: '3d11efcfd0eb3ca142533860c05b6e2448405195', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (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' }, h("div", { key: '71ce2d0d6564b5bb0689839616bd7197361ffeb6', class: "bx--form-item" }, h("unity-typography", { key: '7f1a7a034239aa9c69cd970d959f35e74f7111e8', variant: "caption-text" }, h("label", { key: 'c62a431b8e86c6803cc574f196c785a67ee853af', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (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 && (h("div", { key: '772531a96a4c78500d9c424c01738fa4db6c4c9a', class: "error-message" }, h("unity-typography", { key: '58fa85c006231ec3f5563c4a228dad5fec33723b', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: '7f5c9cac452884047569840e6620044c4d544c65', class: "error-message" }, h("unity-typography", { key: '61c3877f867c8a6751483c402f45132a289b84c2', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
+    get el() { return getElement(this); }
     static get watchers() { return {
         "error": ["updateError"],
         "initialValue": ["updateInitialValue"],
@@ -7630,7 +7698,7 @@ const DynamicContainerWithMenu = class {
         this.udpChipClicked.emit(chipText);
     }
     render() {
-        return (h("div", { key: '716b186bf773d0f1d53330d6b8db1cf896ef5857', class: "container" }, h("div", { key: '73300ab56f622d8368fc2485d3faf5c0ca1b083f', 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: '75272f2c03e85073266504e1910fc303eb3cb9f8', class: "overflow" }, h("udp-pop-over", { key: '4a14ca56c6e2c6e78ff1b545d8fb24c1ca5af5c9', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: 'a1f6c93c9e025f09e6bfc9df0eebfc6e5e366759', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
+        return (h("div", { key: '71558adeae7a5346bb4e7a790ac33b9457ec146b', class: "container" }, h("div", { key: '91800e874a4fafacfbb0d1d5ba1a4449dff1b060', 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: '5a2c2038fefae74528e5e5fbe8f3fcdabfd61943', class: "overflow" }, h("udp-pop-over", { key: '3b3a65b65eeec241117bfc65fedd5d7a425c8338', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: '1bb563def60809fbccd41e12d57376e6544883c2', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7708,10 +7776,10 @@ const UdpGridLoader = class {
     }
     render() {
         // Header bar (fatter, divided into columns)
-        const headerBar = (h("div", { key: 'cb6f8e0c3b9a3c612d28dc4a932a8b57b3e57ff9', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (h("div", { key: 'b68a6832d416fb2d28dedffebbd360cbdd03976d', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
         // Row bars (each divided into columns)
         const rowBars = Array.from({ length: this.numRows }).map(() => (h("div", { class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "30px" }))))));
-        return (h("div", { key: '996659dd5030f5b88e65de36d3d1a9a020189d32', style: { width: this.width } }, headerBar, rowBars));
+        return (h("div", { key: '8143b998cf4703b674e1d913f9e2ea503b5f7d38', style: { width: this.width } }, headerBar, rowBars));
     }
 };
 UdpGridLoader.style = udpGridLoaderCss;
@@ -7747,7 +7815,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (h("div", { key: '25d3ac15ce75e21c38ee581fd6760acd0452cb6b', class: "wrapper" }, h("form", { key: '23cb869dcf8111e10d5202ea00f066d64d6e955a', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: 'aeca29c646c86c96306f8baddc77fdf2d2421f25', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: 'f0d4a73109796d9b8cd71cba4057327ad37abd86', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: '0dcf360e9189ca180a425d1f3b7530d54db53c17', class: "submit-button" }, h("custom-button", { key: '9f12210ec38cf756a601a418e7c4ca0653370fd8', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: 'aa24f4f10e50090d46fc0872acf9a350e12a76b2', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (h("div", { key: '37794c03999b3aa270826c0853d88c93aae35a1e', class: "wrapper" }, h("form", { key: '8d9b0159dff15a7d7acc1bddf1c630bb54b7b1e1', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: 'a817c11fc9c553c391b499301cfdfea4189a0ded', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: '3dbd0b8dc6d92bca928d466d9ebed3ec7307e096', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: 'd48cc9bded5c9f23e5b365e10fd2236093253ba4', class: "submit-button" }, h("custom-button", { key: '245e5ca6ed9e63938e395f4c6e91a7cd819d6c18', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: 'a47f9a20272b5dcedf54b71ab155967967dbc92e', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return getElement(this); }
 };
@@ -7816,7 +7884,7 @@ const UdpLinearLoader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'efde1ca8ae1260d2ed4952180e96d6f2d79888c7' }, h("div", { key: 'f0102481306d16411a845301b58aaa3bbe05510a', class: "loader" }, h("div", { key: '9587d61b151493fb5f531c6edd2103706604e34b', class: "indeterminate" }))));
+        return (h(Host, { key: '13379274e0bae0b9b2cada21fe3d4fd77d40014b' }, h("div", { key: '5fe178d0c052d9ca24c05fd38a12f93f99b6f159', class: "loader" }, h("div", { key: '7ca16b2a3be22007005b13bb7e53d5ebb0701d20', class: "indeterminate" }))));
     }
 };
 UdpLinearLoader.style = udpLinearLoaderCss;
@@ -7836,9 +7904,9 @@ const UdpMenuItem = class {
         };
     }
     render() {
-        return (h("div", { key: '16f5cc7cc0915c44d288d064473038d7b455dd89', class: "menu-item-root", onClick: this.handleItemClick, id: "udpRecord-udp-menu-item-ItemClick",
+        return (h("div", { key: 'e4e362bbece58706baa737db969854b0ecf6c634', class: "menu-item-root", onClick: this.handleItemClick, id: "udpRecord-udp-menu-item-ItemClick",
             //@ts-ignore
-            udprecordid: "udpRecord-udp-menu-item-ItemClick", disabled: this.disabled }, this.iconName && h("udp-icon", { key: '8dd19b4ee85acc2bbcde4bb0bccc1c62732b14c6', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '22908bf1f676b1bc999f3c5c32fff11d4c054373', class: "menu-item-label" }, h("unity-typography", { key: '28d973ab4623be734bd518c07b453071648aa86f', variant: 'button' }, " ", this.label, " "))));
+            udprecordid: "udpRecord-udp-menu-item-ItemClick", disabled: this.disabled }, this.iconName && h("udp-icon", { key: 'bc5b2fa841a94238f9c27b6996d5b3892e956169', iconName: this.iconName, class: "menu-icon" }), h("span", { key: 'f205e78d348169ce5cbf805d80602082170b9c3d', class: "menu-item-label" }, h("unity-typography", { key: 'ae426e2abe8c1c3a29da1bcc54d69bfdee2f4924', variant: 'button' }, " ", this.label, " "))));
     }
 };
 UdpMenuItem.style = udpMenuItemCss;
@@ -8356,7 +8424,7 @@ const UdpSelector = class {
             'focused': this.isOpen,
         };
         const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;
-        return (h(Host, { key: '0fbb750f93acb6ea10b4cd3766b0e5ee3acd3408', class: {
+        return (h(Host, { key: '29251dd9cf9059a19c3ee9cc2c2b03f57ad3e431', class: {
                 'udp-input': true,
                 'udp-selector': true,
                 'udp-input--error': isError,
@@ -8366,9 +8434,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' }, h("div", { key: '5f622e00a540d4df483f2ce426a44b18d6d2c334', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '0514116a7ba6d702ea0301f632b2cc55fe674f85', variant: "caption-text" }, h("label", { key: 'ef0db6474f8e5c9491fcba4d6cbec75fd18971d7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '3b7f7745c020c610c95bdb2954b1291144829318', class: "udp-selector__container" }, h("div", { key: '6d4fc9dc4464a9e8c8b59b1d182d9840e703fc8d', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), onBlur: this.handleBlur, 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' }, h("div", { key: '308273e697814be1edf27d05022fbda9bb9287e7', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '646f781c41b4ebb60eb8d6b08da033b70ce2e48c', variant: "caption-text" }, h("label", { key: 'a0bd9c00fda4e8048a7fe41cc510a5cf6a8ae8ff', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '81ea44d8eed860aa6efa95e544e9a5ba6d929c14', class: "udp-selector__container" }, h("div", { key: 'b896d5d9c6235d95de68f743da2e923b70e619ce', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), onBlur: this.handleBlur, 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 }, h("div", { key: '04a3f44b087b808ac464bb24478ab979682a59d3', class: {
+            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: '8818ec5d3b96b12f5eee6081b04c5664a4944274', class: {
                 'selected-option-label': true,
                 'placeholder': !hasSelection,
             } }, this.multiSelect
@@ -8377,7 +8445,7 @@ const UdpSelector = class {
                 : 'Select option(s)'
             : this.selectedOption
                 ? this.selectedOption.label
-                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '23a7fc7dee95948ad900d7a4ec995e801861c7cf', class: "checkmark" }), h("div", { key: 'fce7b6dc97e089d6c2f0a67dbfabfe7eec879a52', class: "arrow" })), this.isOpen && (h("ul", { key: 'cca6bedcae8ca6cf32859a812e7c39527ef8a16c', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: 'abca543491f7d3a13bc450b0a63a18858ee3c7ec', class: "error-message" }, h("unity-typography", { key: '27608789cb30c98afd2cc70b9a7bf4cdec7069a6', variant: "caption-text", color: "error" }, this.errorMessage))))));
+                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: 'aebc9ac1f638b9f5222d051c2e29e2c2c78175d3', class: "checkmark" }), h("div", { key: '241aeeeb1cbf93e82ba882b94acbac0cdc6cb738', class: "arrow" })), this.isOpen && (h("ul", { key: 'b9152b16546b6533c389ba648bf6a3bceaf4daad', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: '735fd74f02b851563948987b1b73fbe0b4ef7d00', class: "error-message" }, h("unity-typography", { key: 'cfb1289b857dc0acbcab2ade46f383c93995da5e', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     /**
      * Checks if a given option is currently selected.
@@ -8415,7 +8483,7 @@ const UdpSkeletonLoading = class {
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: '8527fcf0f7de753f16ded8d183e4bc8e7b74d81b', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: '4b9d1b3e81b933e8cde43a9f40e23c205f124e84', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
 };
 UdpSkeletonLoading.style = udpSkeletonLoadingCss;
@@ -8430,7 +8498,7 @@ const UdpTab = class {
         // Handle the active state change, if needed
     }
     render() {
-        return (h("div", { key: 'b2528a035e612130ed3526253b7269b00e837823', class: { 'tab-panel': true, 'active': this.active } }, h("slot", { key: '75c4ecadd2efa434a7a46d66c0902146b02b0d82' })));
+        return (h("div", { key: '9b8745c48da082b332355c9293b127dd43a817ae', class: { 'tab-panel': true, 'active': this.active } }, h("slot", { key: '251067ae03ca3a2e039f52bc04acd8e8a878ea9f' })));
     }
     static get watchers() { return {
         "active": ["activeChanged"]
@@ -8449,7 +8517,7 @@ const UdpTabs = class {
         this.activeTab = tabIndex;
     }
     render() {
-        return (h("div", { key: 'b5a6bd4965dc70d64c4b2db4e98149a2f4ace501' }, h("div", { key: 'e3d2b07ad062986ac890f2df135cca4dfb30d55f', class: "tab-header" }, h("slot", { key: '3d6593027783984fd51c9b275f73e82a851aaa68', name: "tab-title" })), h("div", { key: 'fd154beeb418bdf7bec23d1cae675ad5d6c5811f' }, h("slot", { key: 'a5aa4515486a49cc401435c641b8a4b129db73a3' }))));
+        return (h("div", { key: '86770acfc5e8153b8172abf884fe4a8981459cdc' }, h("div", { key: '6f691f9e6a836b43be4b0e2294601bcb15554d50', class: "tab-header" }, h("slot", { key: '12995daf381e2925f63dc2ab84b1c28786d39506', name: "tab-title" })), h("div", { key: 'fabc8bf56c1ae90f3bf0bc0fb6e5b0aa4939e6e9' }, h("slot", { key: '20b513fc025fd0fcdf62e9377c4c8055953f20fa' }))));
     }
 };
 UdpTabs.style = udpTabsCss;