udp-stencil-component-library 26.4.0-beta.2 → 26.4.0-beta.20

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: 'bfc9363da0eab4dc44be73b6bf82bf86f25f7fda', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '6b473a873b9e3f16d99160623b38a4981b555003', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (index.h("div", { key: 'c6382dd7b899c1cc1e36ab58ed4e4c8ea1b5b572', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '04fed24a995afd4fbcf9fd964728bcb0c94f43d6', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), index.h("udp-selector", { key: '1f971c91f647bae950a811938284b725994d0d21', 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: '4727cb0fb003456ca0ac150ec05e6592c4580a7b', 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: '08c1c87ee8f0f203d487cd773d8d0464697e7f38', class: "formButton" }, index.h("custom-button", { key: '55a48aabebf6db52d178264cd77b03e49c03c88d', 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: '658fb19a3502f3fff8d3539ab94afd7f816baa78', class: "formButton" }, index.h("custom-button", { key: 'e2ed9f579bd0c1fcfd26b6b481178188e743301f', 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 {
@@ -268,22 +268,22 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: 'bd2a67e7e97536572d6f5ded5958c205ea3a719a', class: "toolbarContainer" }, index.h("div", { key: 'bc4255b131692d62c371610ed4949c3440befcc3', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '0dcc3c8fe87a8ef67b97de1f60f35b728874f583', variant: "h4" }, this.mapTitle)), index.h("div", { key: '8ed2a1ebedc00e6d282144caf7d3b32dd817a43a', class: "buttons" }, index.h("div", { key: '36ffc69bbc901c13d3a309081b0bf650937c3db5', class: "buttonContainer" }, index.h("div", { key: 'e81fa812d3b4eb742848413731175d84bfceda9c', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'd03f673e1a7a5b4f0b7ad491325eded99d8b31fb', id: "filterOption" }, index.h("div", { key: '6e223042d27303e0330fb41efa3a02fd4c314b38', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '22045057179e8d9546d23a2337abd244af8bcd5c', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '4a17734c5528d4e91a04a730ba08a7df1e9e9e40', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '89c484dd34eff0281e96fea7858d86a4e786cbc9', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'a11288375d9740a3d8502a1e958d787da7cef935', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: 'bcb7b69152027b0db113a6bb3de4a97881fdb129', id: "layerOption" }, index.h("div", { key: 'e85e69253a2584da5add52a33a1f54f333717d52', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '7e99f277285c2c76f72283b4d66897938231c982', 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: '4c66b592862c2937b5bc896c7453ea68195ad631', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '86845f08424e46e31065563bfbcddc1fd9bb61f8', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: 'c639d200a6a848ed16f3bd942ec4b7c1c993530e', 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: '957e70366ac465fa0d172efc207467affa2298f9', id: "bulkSelectOption" }, index.h("div", { key: 'ae57a13af440e1dda638c5e125fe3405ce068635', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '9ca84ae9c62910045aa9e53fd268be3ffa187275', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '32f33f419b351f736cbbe3b23dced7a3a8a7b81f', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'c36b27a34e8e0f9098d95be2095b57ecb74a5127', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '7f2d1390aeaf6277162ad3d83bd18e6dc2d1c3be', label: 'Box', handleOnClick: () => {
+        return (index.h("div", { key: '6da21fa469c9ec6f1a84561224df48b284cb0187', class: "toolbarContainer" }, index.h("div", { key: '58bcebdb6ea8e29016d9e67e8ad7c8c07cd5bb0f', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '8cce64fb7218f3b8dffbe1763dd1ad14519af70a', variant: "h4" }, this.mapTitle)), index.h("div", { key: '42fad0c264e55b09a5a6a025446ca9f9286118a1', class: "buttons" }, index.h("div", { key: '82f79c917c1f7c7c3a9a09b60c2b6ca25445be6e', class: "buttonContainer" }, index.h("div", { key: 'e3f629c4698ddca89d37f60a0de4c2e8494dc492', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '56cdeb5eb16608d2b2bcb8ba1ebb2219467db16f', id: "filterOption" }, index.h("div", { key: 'dc52c93ba88dedcf540ce834e0b0864f437fee71', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '7626f5a3b414b895e9ff08041bcc955c9f847aa7', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '02eb9113d453533293d4c24ffd5c6a06b0d6a839', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '14bb0cdc9d8ebd3540c1f102cd7206bbececa74d', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: '8f5b9c3579c332bd06d385c762e17c43c907f184', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: 'babc6d6009aaf96546d463a33089833a6565961e', id: "layerOption" }, index.h("div", { key: '6a30cffa3e6f253cfcab1cd1a3cc5bc670659aac', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: 'e61cc187f1c51e275097b98a89367907628b43b0', 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: 'befe9bb082b9a173f28fb49acf9e63518950109f', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '55c64061ae35d9a9d954a4788cab01627e73adfb', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '3b29be79528364e8d677737ebc8f5f1689b3341d', 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: '69bec64acd268e0440bb2cfed45b9c3dbd0d0454', id: "bulkSelectOption" }, index.h("div", { key: 'a92aa9b05d03919bba8f92e7022fe1ac38b623b1', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '7ba55807c33291fb7d826b128b256033e95fd42b', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '350d0bb16d856631eb8867ea54c7e6576ae7a891', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'f2b9b3e9260091312706909c821c574cedf5cf7e', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: 'd7c5c9d8325bc8c75cbed251e2dcb505cddde63c', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: 'ed43f903cac2839ba4718ecda8fb03591bea9b0b', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '7e037d169ab62706fc03979ecbc2a59b6b773c35', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: 'e29f09317f36cebf9aa13e4618aa3c8beca145a0', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '41ef544556c5e591a3079c1ff426d18d23cf68ce', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: '451bbb1c478c253cab73155ccdf05f7d3f4226f8', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '8ae065bf89a0665c7a794aed6c58aa69c4f2eeb6', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'e735dc7e27d551be33af55b8c4b34a58ca49684c', id: "splitOption" }, index.h("div", { key: '0ef66ce59de2396097603d95fc0f89243c437faf', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '265097c895068b53cbe27420c40192fed0f1a63b', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '78fe1dade13687d164b1bf7ddcc4ef26fa5a5661', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '300c9263d19bd7337a8ba6f834f75303aa56b7eb', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '939f421fc0409bd7b70dee968282a3000cb4efce', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: 'b349dd25b09abff6e0aaf1ccf5f2a671b741de62', 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: 'd96168e895e14c595be1b7295ee23676f5979fa1', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '9b0ad86734bd9c0da5128295e127c90d7f24f958', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'a26fa08ce07e8812362f8fb5fa1f69f15343ceb9', id: "splitOption" }, index.h("div", { key: '7a932272714a2c156d7ac89c5accf65566b66e80', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '6dc09cbe64ffdbfb647fcf1b9b9fd5e86e4ebbc0', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '9cfcdda4b863cec92ee599dbddc14d3fea22c366', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: 'd8444ba2959771b6e544fc14b1fd2f1ff41eb532', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '84a03bc4fd0e07a38529b77bfbd3913135dcb16b', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '1b5a6af3487085e9200efa2b57cd9ecc79aa6db7', 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: '5169f04bc7b96c20ab6c72bd1584550f4b9d4f75', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'd2594c888ae667b159b78d55a71c8701e7f2e893', 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: '6e4855bf620b2cb63bef3d3e3088c45b7832ea4e', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: 'f64669f24dc26d4fc3c29d123a558ec45d21cc36', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '433b136293e70680fdb871786c9760da618cf0d9', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '1ded309c98333eda09a07d056b1687a7b2163ca4', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: 'b350109083d15c9c24251d1b7294535d77415952', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '94ac385facb5667e237e9f5570aad762e4b46d65', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'aed25a154c3b555dd7df043e84d7e3812d815320', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'c9327bc72b4c5d65fff2168d274cf04cc2f56d83', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '973423f05cd29af44da2bf4938873b897492d21d', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '57c36cd87a2487cfbadcc3f73386451f124f5e66', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '13f43d68bab37db4894bbe7514fcc3e1208bbc6b', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'd9c417bafa35e23b7ecdb41b28390b35ff7c20c3', id: "withSelectedOption" }, index.h("div", { key: '348517b42f8456b7cd4f74efceaf7acef6b186e3', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '60b939c23e0d908ac2af6732cfe3a3b3c4ed65bd', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: 'b761485453931f51faf31ebc9032c00a76e7c249', variant: "button" }, 'With Selected'))), index.h("div", { key: 'd296bf95fcd170edcc012e775ff537313b20450c', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: 'afa5ee8cd987de66f976b6a866b8de33b27d28b5', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '0d5e4a5fc4fb41f1a06b190f6c3be3ec69338858', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '9f4da44d9b615cca37de0f0fe1284c6ea39ec88b', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'f035aa29bf3ee22bfe08ed15fdbd4b47286cac51', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: 'd49afded12d076aff1a799557cd3a1a73dbd5eb9', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: 'f7773eee51297401d37812a33ec59d8b9239a425', id: "addOptionButton" }, index.h("custom-button", { key: 'db5d8d45104d2c8cb8e2620dfde062307b2086d5', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'ddfa1a0760890d48f84f90825129836a9203e648', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'f2b6fe98bf6fa42ac130d8b18f8baf3391169126', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '61381c543ed6cfbb3704ee7684a94f3925499bbe', 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: '015dbc555ed3ea0a6053169473012ddf7aa95804', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: 'ff6108fe7b559494e040653268395170f862213f', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '9674839f79c85a789051c6ca39a7e557ffed9bbd', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'ee9195d445df3109a222632d692f94270c4559d0', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '8ac8b08a4773fb53e77f84ee3b2f2b54b881545d', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '43732304a496f365fea41bd62f7433111ec0e57a', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '9e1008efb25ca8c8be56949a4bc1a1bb900de554', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '4b359bf3cee8ac75dd9c41c5b7f08ffc5db83b94', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'c7baf9536c7e9217b127a5fa9347b0a4d68d33ef', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'c2afd5224cfa45b75329d9baa2ddfbdc4acebd55', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'b6d0f3a43880731b33afd33e9675ab5a0eae6a45', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '89cabd1f4f7c9c7d7d82e7c1826eece5fdd956bc', id: "withSelectedOption" }, index.h("div", { key: '55d962d71e17b006902c7b2b5be1b0834be8ad07', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '682b6761db04774625cdeddf27b5b448447d1f84', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '6720c17de5dd7f0e24d9c6d78bdc46fea496966f', variant: "button" }, 'With Selected'))), index.h("div", { key: 'f8bef1f5ca44771ca753ac5319f91239762d94fd', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '9034ce923054fe167c5411efe5e5961d90ba7c9f', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'f0574a982782c1dc244734c43b58fa5101c6158f', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: 'f1f72fb84cbb24eeaec59e6919798407cda083b6', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '313ebea973532b2bc9e0c497bfa63ffd8f78745b', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '77bb80d51d8bb4c82a42f48030dbbd8a4c0488f8', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '6ac8369b9f688dc3f1bea04f2f7b8272ca1f5a9e', id: "addOptionButton" }, index.h("custom-button", { key: '802eed01721da5b361c9b0e8810710f84dc07798', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'eb14de59ffcbe2476f395f51aec35a7f267ecd66', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'ff5426e75cce6169e7a4179b4299a553135caf2d', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: 'c992508c2b64fbc7c2e4d9df113e355715ae2723', 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 {
@@ -318,9 +318,9 @@ const SelectLayerPopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'b0db44f8fd3c4112c4e2ac23de8299f387c390b9', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '2dd052e3924bc0e531dba3faeb53c3b7887ab29f', 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: 'b6aaae75d716467a8616683a28496c82956c8572', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: 'c521948ba1645b52e8411bca98c315d8ce368906', 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: '0f44ab9bc5c4331cc74b757953a753aed6389a78', style: { height: '12px' } }), index.h("div", { key: '2663cd865688b1386157d17603b937fad9d6f4a5' }, index.h("text-field", { key: '1f30d760d694e7cfb9042eaf9fbf0a729ccb5d68', 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: '2acf033964360e41a3b1775d5b25fadda12471e6', style: { height: '12px' } }), index.h("div", { key: 'b8f8520fee79e3b9149bce6f5d6480d2f7d44352' }, index.h("text-field", { key: '2afd59faa39d33e35c63163a8f5185c7237f67d3', 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 }))))));
     }
 };
@@ -336,7 +336,7 @@ const SplitLinePopup = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'e2378e7d045fb09d5b302a904ed7f21f2549ad03', class: "popoverContent" }, index.h("udp-selector", { key: 'e966ee06b60c9068ff42ada23f006fc8309eb81a', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: '62d68e528b37a5ba5f7cf75c5ff4f58884edcbfb', class: "popoverContent" }, index.h("udp-selector", { key: 'eec31d3462a9b82f1d6f03ca7422a1e281c731e4', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

package/dist/cjs/address-search_6.cjs.entry.js

@@ -187,15 +187,15 @@ const AddressSearch = class {
                 borderBottom: '1px solid var(--gray-02, #f0f0f0)',
             }
             : undefined;
-        return (index.h(index.Host, { key: '5dd507cca1032e1087368c4ff64b236a84770b3c', class: {
+        return (index.h(index.Host, { key: '2d2a5c43b37d05f183f1fa354c2eae8e2b2acb20', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--readonly': this.readonly,
                 'address-search--suggestions-open': isSuggestionsOpen,
-            } }, index.h("div", { key: 'b30705a3b038b32e85f7b0c924e112ecab4654bd', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '346a3cc7c3f20dc17c5f2f3ec4fcca5f4825382e', variant: "caption-text" }, index.h("label", { key: '8039e692c1ec0e10fdd6e192ac5276747bea01be', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'd9bd2deab88206ce3ce46736e737206e738bcf6d', class: "search-container" }, index.h("div", { key: '286e09d55898b0f155d63221d48dd25d879409d8', class: "search-wrapper" }, index.h("input", { key: "map-search-input", type: "text", id: this.inputId + '-search', class: "search-input bx--text-input", placeholder: this.placeholder, value: this.searchQuery, onInput: this.handleSearchInput, onFocus: this.handleFocus, disabled: this.disabled, readOnly: this.readonly,
+            } }, index.h("div", { key: '57add676d310f9d2bc399463570ad2cb6d04820f', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '69027dcc6c792611ec93cf157d1e94bdf2f02da9', variant: "caption-text" }, index.h("label", { key: '259762c0c219c2da11f4beab91c9eaaeb9215d85', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '269b112224681609bdb2afb7a61a9d1df72e53c2', class: "search-container" }, index.h("div", { key: '5ce4264c3720aafd9b1da9961be45ed10acb1b7f', class: "search-wrapper" }, index.h("input", { key: "map-search-input", type: "text", id: this.inputId + '-search', class: "search-input bx--text-input", placeholder: this.placeholder, value: this.searchQuery, onInput: this.handleSearchInput, onFocus: this.handleFocus, disabled: this.disabled, readOnly: this.readonly,
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-            ref: el => (this.searchInputEl = el) }), index.h("div", { key: 'f78ecce7b6d94bf6090b13859af8439143e8a683', class: "search-actions" }, index.h("button", { key: '73e56ed80a06f05bf440771c68ce8a58bbb9514c', type: "button", class: { 'clear-button': true, 'hidden': !this.searchQuery }, onClick: this.clearSearch, "aria-label": "Clear search", disabled: this.disabled || this.readonly }, "\u2715"), index.h("div", { key: 'df68e0054b8c36562b23520cc9aa7148a2401c68', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: 'aece5ada2740cffda541dcb7956ab56a9494a467', class: "spinner" }))), index.h("udp-pop-over", { key: '057a56228374545d712b9926f7494d132dd60c98', anchorElement: this.searchInputEl, isOpen: isSuggestionsOpen, appendToBody: this.appendSuggestionsToBody, popoverPlacement: "bottom-start", popoverWidth: popoverWidth, popoverMaxHeight: "var(--address-search-suggestions-max-height)", overflow: "auto", handleOnClose: () => (this.showSuggestions = false) }, index.h("ul", { key: '9a9707c15a64b5162230666cd11c3131fd2dc2ca', class: "suggestions-list", style: suggestionsListStyle }, this.suggestions.map(suggestion => (index.h("li", { key: suggestion.id, class: "suggestion-item", style: suggestionItemStyle, onClick: () => this.selectAddress(suggestion) }, index.h("unity-typography", { variant: "body" }, index.h("div", { class: "suggestion-content" }, index.h("span", { class: "suggestion-address" }, suggestion.address.freeformAddress)))))))))), errorMessage ? (index.h("div", { class: "error-message" }, index.h("unity-typography", { variant: "caption-text", color: "error" }, errorMessage))) : null)));
+            ref: el => (this.searchInputEl = el) }), index.h("div", { key: 'b4033717d640e1e4b9eaef4f4a337074dc0def23', class: "search-actions" }, index.h("button", { key: 'fe79cdbbd99b436a5673b166da6fdacb22f6e7c6', type: "button", class: { 'clear-button': true, 'hidden': !this.searchQuery }, onClick: this.clearSearch, "aria-label": "Clear search", disabled: this.disabled || this.readonly }, "\u2715"), index.h("div", { key: '7e01216dad2411b64fa001530b892aec146aec06', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '578b1e51362cc705fc90f26a85333d0416466c00', class: "spinner" }))), index.h("udp-pop-over", { key: 'a4f82c8f423aa209967843a561e9cc30d9ba1412', anchorElement: this.searchInputEl, isOpen: isSuggestionsOpen, appendToBody: this.appendSuggestionsToBody, popoverPlacement: "bottom-start", popoverWidth: popoverWidth, popoverMaxHeight: "var(--address-search-suggestions-max-height)", overflow: "auto", handleOnClose: () => (this.showSuggestions = false) }, index.h("ul", { key: '4496dd51a01fa2fefa4e15511b4a811638e677a2', class: "suggestions-list", style: suggestionsListStyle }, this.suggestions.map(suggestion => (index.h("li", { key: suggestion.id, class: "suggestion-item", style: suggestionItemStyle, onClick: () => this.selectAddress(suggestion) }, index.h("unity-typography", { variant: "body" }, index.h("div", { class: "suggestion-content" }, index.h("span", { class: "suggestion-address" }, suggestion.address.freeformAddress)))))))))), errorMessage ? (index.h("div", { class: "error-message" }, index.h("unity-typography", { variant: "caption-text", color: "error" }, errorMessage))) : null)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -328,7 +328,7 @@ const NumericField = class {
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (index.h(index.Host, { key: 'c3c301873dd457f69e85b82f9b7dacdc87a77651', class: {
+        return (index.h(index.Host, { key: '41883447e1e79762f1362a71ed288e0a21d43837', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -337,9 +337,9 @@ const NumericField = class {
                 'udp-input--readonly': this.readonly,
                 [`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: 'bdefe72117cc0780359fa28eee0ea1b0c1cd96eb', class: "bx--form-item" }, index.h("unity-typography", { key: 'd4643945f3a58a143af1e0ae2060de194a4d97f2', variant: "caption-text" }, index.h("label", { key: '783596a4cc3844221392b4ee0553d62c54c3bd78', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (index.h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (index.h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: 'dfe72661e6cbc1508f801f86e6cde9939a9e97a3', class: "bx--form-item" }, index.h("unity-typography", { key: '43430d68cb032de6111a5b4cf41e3568cdb78465', variant: "caption-text" }, index.h("label", { key: '241c5c1a3f7df55e8f1adc8ed4304638bc125650', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (index.h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (index.h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
             //@ts-ignore
-            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: '59280df1c1b7a7d5603f63fe1d64a3d6cf8be975', class: "error-message" }, index.h("unity-typography", { key: '842edff849f3025a144a67b50ee87a3e785d2c72', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: 'a4f6f96366a8adfc88ed08e0012c8bb75c67e6e0', class: "error-message" }, index.h("unity-typography", { key: '24b67f0d6e02605498f86bd47051e6f9f48b6648', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get watchers() { return {
         "error": [{
@@ -564,7 +564,7 @@ const TextArea = class {
     }
     render() {
         const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;
-        return (index.h(index.Host, { key: 'aab6d4696da2a99720a8463c09587afbc46a9ce2', class: {
+        return (index.h(index.Host, { key: 'cbbc0c8eb375d815e9f16a14a161dd733186fd4f', class: {
                 'udp-input': true,
                 'udp-input--error': !!errorMessage,
                 'udp-input--disabled': disabled,
@@ -573,11 +573,11 @@ const TextArea = class {
                 'udp-input--required': required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, index.h("div", { key: '2b9cc62d7909b082a27e72ec9160b9c094510cee', class: "bx--form-item" }, index.h("unity-typography", { key: 'ab762239aa3a927df3013cf2d185e5c6f1ee1993', variant: "caption-text" }, index.h("label", { key: '0cfc7c216fb64c5523d03dc92978d3e4075d38b2', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '84ef03fc5a7d11a4889caebdb76e5c77d909fde0', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: 'e414df1796e55de3feee135efcd02a9c3e9a08c3', class: "bx--form-item" }, index.h("unity-typography", { key: 'c361498b907a7e16c01f50a3081b182be5865ff8', variant: "caption-text" }, index.h("label", { key: '84315c4c4e2a6afb67835e3bf1ae953ee1733429', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'a00598b3a6badaa43be62c88eff4a780f1bcb6d1', ref: el => (this.textareaEl = el), id: id, class: {
                 'bx--text-input': true,
                 'bx--text-input--error': !!errorMessage,
                 'text-area--disabled': disabled,
-            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (index.h("div", { key: '2e965262e535c9dc1c13f5da222a1d4fe89dcaf0', class: "error-message" }, index.h("unity-typography", { key: 'd936aa7dfa9d62fa98961eafde71272102c1bff8', variant: "caption-text", color: "error" }, errorMessage))))));
+            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (index.h("div", { key: 'd677d6411f6b0071fd4a2650a1ed9c2009a2aef0', class: "error-message" }, index.h("unity-typography", { key: 'b155a317f225a23e214995d7b847e5d9c204b5be', variant: "caption-text", color: "error" }, errorMessage))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -718,7 +718,7 @@ const UdpDateSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (index.h(index.Host, { key: '6883716afc7fade9788dca5b4f65284ba3665ce0', class: {
+        return (index.h(index.Host, { key: '99267498d2a79b5dbdce9509d598d3da4931211e', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -727,9 +727,9 @@ const UdpDateSelector = 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: '58fe5c4a8ff0210b45cd67208c46a8db51f5ba6d', class: "bx--form-item" }, index.h("unity-typography", { key: 'a536675f0c29fabbea6ff4c0a57bae17a37cea60', variant: "caption-text" }, index.h("label", { key: '277680c5fc3380902c8981d78c5b4c3bdaabe8b0', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'd0cd90e54a492b2b7116d3f926d9660fbf76381d', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '85187c9a5da9b7097b0eecd4b4badb84f240cd00', class: "bx--form-item" }, index.h("unity-typography", { key: '0142f96a60f47c2852d45dab68aa357cca55ce76', variant: "caption-text" }, index.h("label", { key: '49ffcda516918fb7e59873ed72a36eef61e53edc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '1283636fad6c5ad0cb86b7d2843a1b2076594349', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: '2126739ded7b4cf82a4c4e0039e2e2870a7e3924', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: 'aefa2de5fddc0652f2b1ed255b08b3541ffdbb3d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": [{
@@ -898,7 +898,7 @@ const UdpDateTimeSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (index.h(index.Host, { key: 'b4705571273c953cf77999afc006b1d4a035d73a', class: {
+        return (index.h(index.Host, { key: '2a0ba33a4d6923a1b128705b0c3ebfff8aaec225', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -907,9 +907,9 @@ const UdpDateTimeSelector = 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: '8c91df057e89cffb006b107010cbe2b164f4d05c', class: "bx--form-item" }, index.h("unity-typography", { key: '3e2e63f1dfa41175c77bb7de477b303fc39729fa', variant: "caption-text" }, index.h("label", { key: '59ef52c6ebca818e3e8e94c18064fca101e7f81d', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '9eb30221bf395bd09bdac18b223058dc8c0f6443', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '11ccfa51ec54ea5f524e605bc88129f1b4c4a187', class: "bx--form-item" }, index.h("unity-typography", { key: 'f357b325bc1e933f393045707567f3da2da084a1', variant: "caption-text" }, index.h("label", { key: '0a35b94ca3d3e3c555263c1cf457ef7067bc160b', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '0aa284fa3bdf7de519d591efd908a79511618419', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '06385ddb8a0a68c8a3925c3a3d270f10febf0e0d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '8c5c2162db2b2cb6c3bb270d769f80c4837e4322', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": [{
@@ -1149,7 +1149,7 @@ const UdpTimeSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (index.h(index.Host, { key: 'f204250be8cb146f4bc4380318e1734e323c2aeb', class: {
+        return (index.h(index.Host, { key: '57db8d450156755a8f59d42b97fc6667e7c8a4a9', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -1158,9 +1158,9 @@ const UdpTimeSelector = 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: '3517223f2f6bad5b6991a0e4863121f0153594c2', class: "bx--form-item" }, index.h("unity-typography", { key: '6635037fb32dae549bbe1e94520c383f02010fc5', variant: "caption-text" }, index.h("label", { key: '303492ce0cafb911da95747e234f07d35e7f2f73', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '5d96ae4846764c0262bfed022d985cf35d1b79a4', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '13eee0b739c6504799225f0f6a73cc7d888a20c2', class: "bx--form-item" }, index.h("unity-typography", { key: '1d61005d35aa2fcfd6df13899b85822f79b18084', variant: "caption-text" }, index.h("label", { key: '49b5b9391d2f619d2cd95d52e4920986cd168881', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '76937b4d6010eb756a319a9e90820190b9e5be1a', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '09552d53d229720b6f090a6e9c2b221b9eba2a7d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '6893ca8e93b5ae092b7120c89f31f1fe6332c83f', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-G1ccGqOs.js');
 var conversionFunctions = require('./conversionFunctions-B_9y17KE.js');
-var catalogStore = require('./catalog-store-CyaEzZFg.js');
+var catalogStore = require('./catalog-store-BkQYhI-J.js');
 var Close24 = require('@carbon/icons/es/close/24');
 var uuid = require('uuid');
 var Save16 = require('@carbon/icons/es/save/16');
@@ -15,7 +15,7 @@ var AdvancedQuery16 = require('@carbon/icons/es/ibm-watson--discovery/16');
 var DataEnrichment16 = require('@carbon/icons/es/idea/16');
 var Renew16 = require('@carbon/icons/es/renew/16');
 require('@stencil/store');
-require('./apiUtils-CizHWZU8.js');
+require('./apiUtils-DDwoTPP9.js');
 require('deep-equal');
 require('./makeApiCall-CFfg9gI0.js');
 require('axios');
@@ -155,10 +155,10 @@ const AdvancedSearch = class {
     render() {
         const safeTestData = Array.isArray(this.testData) ? this.testData : [];
         const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (index.h("div", { key: 'ca196c2c5f108c28f6e07415f9bf711d24449d83', class: "container" }, index.h("div", { key: '4f3cc9013694404b96c31b428d75a4eb83ff59ce', class: "left-column" }, !safeTestData.length && (index.h("div", { key: 'bbe0a5006d7ecfed26a169f3869dac44a98b105f', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: 'a5eae61245755bb65cc548c274eccc6d619a8414', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '244cc62d6df40ac4b3897c02a8e0fd3e07e4c42c' }, safeTestData.map((filter, index$1) => {
+        return (index.h("div", { key: '28850bc1b402a81624e0f3e3fc020aae73e9dd55', class: "container" }, index.h("div", { key: '5159396cb719338e3d1b4e2548d24538dac0cb3d', class: "left-column" }, !safeTestData.length && (index.h("div", { key: 'a4dd71ab62dab5aba4597e685fe6f8d47cededa1', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: 'fb59b03ff7434adaa29d19cebbc54dc1b78db800', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '2f07b020ecba54e46c01df10bd58d249f92bd33c' }, safeTestData.map((filter, index$1) => {
             var _a;
             return (index.h("tree-list-item", { key: `${filter.name}-${index$1}`, level: 0, label: this.getHeaderFieldLabel(filter.name), fieldName: filter.name, reference: filter.reference, parentName: "", parentFilter: filter.extendedProperties.parentFilter, parentPath: 'filter.extendedProperties.parentPath', parent: (_a = filter.extendedProperties) === null || _a === void 0 ? void 0 : _a.parent, nestedItems: filter.referenceNode, "onReference-clicked": (event) => this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath), onItemClick: this.onTreeListItemClick }));
-        }))), index.h("div", { key: '59b1bd76e39e6018f26305b2562771b3bbca8c9e', class: "right-column" }, index.h("udp-page-header", { key: 'ef69867356d2494e02b32474e2b8ffbef21148a6', onValueChanged: this.handleValueChanged }), index.h("filter-conditions", { key: 'a44ed0073b1699f727548c73557b554759ec0ebb' }), safeFilterRenderList.map(filter => filter.filterElements.map((item, index$1) => {
+        }))), index.h("div", { key: '88d6da1212331d10019e2d8938d77d5d18f1a0b2', class: "right-column" }, index.h("udp-page-header", { key: '3359b044ff25402f31d40952a185282f43fde283', onValueChanged: this.handleValueChanged }), index.h("filter-conditions", { key: '2c0f95e7390d30f765a1ae8fc8b3c8664d2fc0b5' }), safeFilterRenderList.map(filter => filter.filterElements.map((item, index$1) => {
             var _a;
             return (index.h("search-list-item", { key: `${item.searchField}-${index$1}`, label: (_a = item === null || item === void 0 ? void 0 : item.searchLabel) !== null && _a !== void 0 ? _a : item.searchField, fieldName: item.searchField, handleDelete: () => this.handleDelete({ searchField: item.searchField, searchValue: item.searchValue }), name: item.searchValue }));
         })))));
@@ -387,10 +387,10 @@ const AdvancedSearchGrouped = class {
     render() {
         const safeTestData = Array.isArray(this.testData) ? this.testData : [];
         //const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (index.h("div", { key: 'e98588e2493d91dc2cb5746ad8e463aa174afde5', class: "container" }, index.h("div", { key: '73cb35ab4ec1f077167a84ffce56584abf0bdce1', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (index.h("div", { key: '9b58e19f332a9a2baa8946944e650795d9ce3361', class: "recent-searches" }, "Recent Searches", index.h("div", { key: 'f951c99fb06913fc1b97106a755bfe2ce92b8328', style: { display: 'flex', alignItems: 'center' } }, index.h("udp-selector", { key: '2566a3178b9423230fa17a734ba9034257be5172', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), index.h("udp-function-button", { key: 'abfae22401a90ed9e98a7fc2efb36bcf5972291a', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (index.h("div", { key: '92eb6a9dd72e00b68e8a63082e6e50739986f5bb', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '19aff4342ae82ff7931e3367edd543bf61d6a237', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '8709ab0d919c8608ee97f439c3c8d1ec0d1cc2bb' }, safeTestData.map((filter, index$1) => {
+        return (index.h("div", { key: '8ef222fe267ecc6ca617f3de0f3ff295e4753c15', class: "container" }, index.h("div", { key: '3645ca7f6cf989b8035601618bb7da8c199ac825', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (index.h("div", { key: 'b6c65ff5a5ca6ed37d248adc760fef806c7bcef1', class: "recent-searches" }, "Recent Searches", index.h("div", { key: '97df4eb27d20655fcb862c682fb19b9c13d4c1cb', style: { display: 'flex', alignItems: 'center' } }, index.h("udp-selector", { key: 'fb5a6ec537f0654c5a6f070eee8a21a7cd5e29ee', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), index.h("udp-function-button", { key: '06a24dc301956335a52cced8b2e5fdce87de108b', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (index.h("div", { key: '5a7931ff6a57e350533a9f2ed43a1ef6d0a6f623', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '65e51e6e920b80463433be692b91d4aca9381626', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '0997aeff34af056d0cf7ab732eca09441c0f55bc' }, safeTestData.map((filter, index$1) => {
             var _a;
             return (index.h("tree-list-item", { add: true, showAdd: true, key: `${filter.name}-${index$1}`, level: 0, label: this.getHeaderFieldLabel(filter.name), fieldName: filter.name, reference: filter.reference, parentName: "", parentFilter: filter.extendedProperties.parentFilter, parentPath: 'filter.extendedProperties.parentPath', parent: (_a = filter.extendedProperties) === null || _a === void 0 ? void 0 : _a.parent, nestedItems: filter.referenceNode, "onReference-clicked": (event) => this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath), onItemClick: this.onTreeListItemClick }));
-        }))), index.h("div", { key: 'ff31baa44aae00617fe4855335efe14ec19d8964', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (index.h("div", { key: '8de9dcfb7f72950f2ae24fda1e1f81ba2f6fc352', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
+        }))), index.h("div", { key: '1ba986cdfe75d8b29397245dd4b4915ca591bc0c', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (index.h("div", { key: '7f4e0d7f9da8b246a385300bc813bbde60b8e532', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -464,8 +464,8 @@ const EditViewFormDialog = class {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (index.h("fluent-dialog", { key: 'd399dc06f4e8b7930bd3bcd25ee3c0765aeab555', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, index.h("form", { key: '5ae0a34a81ec342cf8d6ed71d4fdd6c31524820e', class: "edit-form" }, index.h("text-field", { key: '90f53f37e954199b54ff88fe550124f61d4722bc', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: '809d5e7454d4fffc52b4c29f774f24a729024557', class: "toggle-options" }, index.h("div", { key: '73b1c2dd3f0ec2c552f07735afc9ddf198be54c3' }, index.h("stencil-toggle", { key: '993daec792a96d43ce1a56fe4f29d43faee0879b', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '8a28ca4291d8bf6c2d4e01f7bd9e28ed21e7cfd2' }, index.h("stencil-toggle", { key: '9d1e6f1f552d1c07bec2465d13fb86864e70506c', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: '4edcda041d4215394103a2322a37961897bf6fac', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, index.h("form", { key: 'd1a369dd298afc7c5b56df987947b9b3ad081e04', class: "edit-form" }, index.h("text-field", { key: '7295b0285461b964be581a9ef1ee8a413163a73b', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: 'fd49e6846986703be5286299b69bf0fd4a946c6e', class: "toggle-options" }, index.h("div", { key: '702b705762d79f57580db65551eb5917adebb282' }, index.h("stencil-toggle", { key: 'e20e1a14b325a1e2ce9276f0ed740dd60b8cf9e1', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '2b2c56bdccc0afae26e4e3e527296aba1453fd16' }, index.h("stencil-toggle", { key: '470062ed8a7e143c1ba9e72e60760951aff5beaa', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -616,7 +616,7 @@ const GridPrimaryBar = class {
         this.updateHideBar();
     }
     render() {
-        return (index.h("div", { key: '2c577c21b3ae4162503297cb76a237218eff8a49', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'dda5b03accad39bb3bf9b81dc77f3b6b2c730581', class: "title-section" }, index.h("div", { key: '93b1e54865fa93e0c90d49bc12915a9f44ffdd45' }, index.h("unity-typography", { key: 'f130f3f0017ce5600787a2a4de95aa2c80e0535e', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '01b919559b9e0a27731dd8ef767c3f4ade706e7f', class: "button-section" }, index.h("div", { key: 'ee24ba8e5af061538f0bc6143579ec0099182bd6' }, index.h("slot", { key: '49d56d68953ba1ec25c1f35337e53e105df2b84f' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: '6feeb5208e1ce988c9c0b20c6e4b5bd96a685168', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '289541b664d97660b56c70f3ce3308d33fdc48b7', class: "title-section" }, index.h("div", { key: '5aa999249c2de350b4b5d9487c1e1c1101549ec9' }, index.h("unity-typography", { key: 'ce56f65c00841a693f127d75f818574e6a89a993', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'd4c7a1abab35f542d07b99b15757ebb160478891', class: "button-section" }, index.h("div", { key: '2704691a3127c75f7d11a43f2af51b014ee60c1b' }, index.h("slot", { key: 'fe36dd725bc9465042323d948719116096dc150c' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -629,7 +629,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: '9bf3706b15b3fb245ff23d58080fce00535948d2', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'a7d7b390ca5fdc8464e228137452afd0127ca1cd', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '6981164b6e1ef849310435c72200dd627d7baa78', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '0473f999cf55d1c1e718dacb5a8383868d4e43b7', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": [{
@@ -652,7 +652,7 @@ const KpiList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '00e2e89caf21f9f28242e99b5c5f74dda0bddaee', class: "kpi-container" }, this.kpiValues.map((kpi, index$1) => (index.h("div", { class: "kpi-item" }, index.h("span", { class: "kpi-label", style: {
+        return (index.h("div", { key: '87bb698af6cd8ca74b64f2840bf7127065f3b887', class: "kpi-container" }, this.kpiValues.map((kpi, index$1) => (index.h("div", { class: "kpi-item" }, index.h("span", { class: "kpi-label", style: {
                 fontSize: ' 0.875rem',
                 fontWeight: '300',
                 lineHeight: '0.25',
@@ -713,11 +713,11 @@ const SaveViewFormDialog = class {
         }
     }
     render() {
-        return (index.h("fluent-dialog", { key: '8a7202853c4903a0fdb2d1326e9b60579ec0f242', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: 'ad6c7391ed5b8c8ef0852e8fbe807b81f97185a8', open: this.open, actionOne: () => {
                 this.handleSubmit();
             }, actionTwo: this.closeDialog, actionThree: () => {
                 this.handleViewUpdate();
-            }, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, index.h("form", { key: 'f6f58450b950dc09ab525eb2e9965c9bfbdbf9ae', class: "save-form" }, index.h("text-field", { key: '54dc0b904d54ff18e94eb30b524bc9f6fbc04093', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '3c728db50690d952c49c66be86491c7f8aaae6f6', class: "toggle-options" }, index.h("div", { key: 'fb8c5587eda065806a859216d045f4cca4a88f0d' }, index.h("stencil-toggle", { key: '7a96e9f4639c3d10b9391853f624c9d2fa1a0949', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '721db1e9ee81187adfaa79b89b3aad13e61afd7c' }, index.h("stencil-toggle", { key: '8e576872e5bbd5cfd8a357afb5b6f1db37f32b66', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+            }, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, index.h("form", { key: '1f9ac9511763f57ed4f83b7504a882e2cf721565', class: "save-form" }, index.h("text-field", { key: '7bfba304b007baf78e76cdcd985024ed7c713be1', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: 'fdbf0e19dd0e6bc4cbe35265ef2be7134b1a16f3', class: "toggle-options" }, index.h("div", { key: '890bc71efccd0476b629b3fda9db1b3616888daa' }, index.h("stencil-toggle", { key: '75bc92afdf5c953e5fa8efc3a351ca2a0cde08a6', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '4cc802f4f7e07227deafc7cc265ae82a9a088414' }, index.h("stencil-toggle", { key: '15745fabaa0bcd4598a2357ba39912ec0d30fa14', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -742,7 +742,7 @@ const SideSheet = class {
     render() {
         const widthClass = typeof this.widthOption === 'number' ? 'custom-width' : this.widthOption;
         const sideSheetStyle = typeof this.widthOption === 'number' ? { width: `${this.widthOption}px` } : {};
-        return (index.h("div", { key: 'd720bb5b702da4957b65b2e46141f45281d3efdb' }, index.h("div", { key: 'c23587b6f07b6bedda2f06f09ec9aaa7a2ade547', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'cd57afe368db1b239f3c0f19a88e638954478b62', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '94cf3e907e1b43c937ff4fba749beeabf6f91bb8', class: "title" }, index.h("div", { key: '620d0e63be4d0c1bb6f0994c81b97cece0e4a3bc', class: 'close-button' }, index.h("stencil-icon-button", { key: '0cbde259926f6b29c5f6ac44a4ee37290878a282', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '4563c4cf4d2c988d7f6bcd22c00796d593818583', class: 'title' }, index.h("unity-typography", { key: '176296da065bb47b511fe045dbfa16ba4ff4e298', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '9cac00278da7b54950909d9ad4800a3e56257532', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '74d828272750785e42ac510e165e56b567129d0b', padding: this.padding }, index.h("slot", { key: 'f216b04116da143891d020349c6a3ef0ac3c4a1b' })))));
+        return (index.h("div", { key: '2f86214ff3b1da4d585a761d531847544b3ab8e7' }, index.h("div", { key: '0c6f41fbcd1705ec938a9e2d429a8d4408f4cb04', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'd2e0e0317a9c8ac9c7512df985c0ae85cf91e1f7', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '87bf5069f482b9572598dee7a08fa391affeb38c', class: "title" }, index.h("div", { key: '05e8d3c389a9f1dcb237f0a2e91248280cdcb4be', class: 'close-button' }, index.h("stencil-icon-button", { key: 'e4545fbf854596224a754ae64d5550c1be0bfe14', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: 'ea49fe8ad91691edd60fa4c5e452f6f6244e7a6e', class: 'title' }, index.h("unity-typography", { key: 'ce951e9d80f0d5e7aeb789d3754d1cd217c6d482', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'b79fa9ad30de6d903c81347e13a5e05890fe3c5f', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'e21d1f5381b9261ad7f214d88211a176a27ab413', padding: this.padding }, index.h("slot", { key: 'a1f6de91dd68036dd62deeab793f16ddc20a58c7' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: '94a5918263a8d43d8aba43083e646227b682dde8', class: "wrapper" }, index.h("form", { key: '9e3439b7f1ed5f236e3e6b8b6cfe0e2c613cc7b8', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: 'fbd1ea824d3d97418a3f00fbf33c359565b5c320', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '595f4885072455283f6b08e88e7ea86734060aa3', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'b38efb6dfadadd48ad583bb75ffe547886c30429', class: "submit-button" }, index.h("custom-button", { key: 'e5fd7e95d767ed304c6b444b014a01fde0aa5966', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '53fc826498e9559d930607f41c1bd28c7dea8ade', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: '6a7cb4fbccbce6be474f6a9ea1c680c07617e1d2', class: "wrapper" }, index.h("form", { key: 'a1a8d17b88884e82c1c9f8e8dd92a8e61409181c', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '997c893d5191171edb25373a9ab24a43de9c3512', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '943c44ff33c8a5d1fd37db42d5390353534ea61b', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '8d5deb6624931473fc1b38aceda23d79b3662b68', class: "submit-button" }, index.h("custom-button", { key: 'f33753fac5d16d2f1775de321d7e3e7bf2e6d63e', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '1398e485208da731a671036daba38b63c61e6fe8', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };
@@ -800,11 +800,11 @@ const UdpNotification = class {
     }
     render() {
         const statusClass = `status-${this.status}`;
-        return (index.h("div", { key: '17379efbdace37347b1681c14ce9646352afa8b6', class: {
+        return (index.h("div", { key: '1bc5079c46946546e900ae4cb25fb867381c238f', class: {
                 'udp-notification': true,
                 'visible': this.active,
                 [statusClass]: true // This will apply the correct class based on the status
-            } }, this.userCancel && (index.h("button", { key: '188287b8107d70e0664bbec94ae93ecfb86829d2', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: '272d2666af08cd4e208b5cc89c7b66a4a820c308', class: "message" }, " ", index.h("unity-typography", { key: '1cf9ba151a1daa19888cf61e198cb3e3cc93a626', variant: 'body' }, " ", this.message, " "))));
+            } }, this.userCancel && (index.h("button", { key: '12f5c6c15ad41fe1ddb67bcd5e762e0dea0a3dce', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: '7e58e5c282210c4ae2d0db48bb26d76f30f3b147', class: "message" }, " ", index.h("unity-typography", { key: '96c8b2e12714df74a437e3ecb65c930a50288e92', variant: 'body' }, " ", this.message, " "))));
     }
     static get watchers() { return {
         "active": [{
@@ -853,7 +853,7 @@ const UdpPopOver = class {
             style['top'] = `${rect.bottom}px`;
             style['left'] = `${rect.left}px`;
         }
-        return (index.h("div", { key: '97bbfe3dd2fb851df62b4f7f67c05ac44d87421e', class: "popover", style: style }, index.h("unity-typography", { key: 'd1cc6fc958430ea4e23c39fc5d6cf4f4301cb053', variant: "caption-text" }, index.h("slot", { key: '35935cd9b82821f5e149be50e237005419fad8f5' }))));
+        return (index.h("div", { key: 'efb9119cb76cebce3c3c9f49d18595cb0ecfe523', class: "popover", style: style }, index.h("unity-typography", { key: 'f0c58c3913fdf67ba2588ec43e6f3620c53b1334', variant: "caption-text" }, index.h("slot", { key: '2b3a4142508d6d4cdc76e9eea49a95f585173aa2' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -874,7 +874,7 @@ const UpdAlertBanner = class {
         this.message = '';
     }
     render() {
-        return (index.h("div", { key: '991526b9c1b99b21c5d851ab889eeafe01f89e86', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: 'cc785932707bd8a71ee6385a62d1531d195f4a24', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (index.h("div", { key: '7bfdcedca0425b0081feba9fa6598b0368d4006d', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: '9b72a0a52b54986a7187f7e81867a748dc149871', variant: "data-display-three" }, "   ", this.message, " ")));
     }
 };
 UpdAlertBanner.style = updAlertBannerCss();