udp-stencil-component-library 26.4.0-beta.0 → 26.4.0-beta.1

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: '05d8aaf7d21c2b972953a519339f7bff7f4a83de', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: 'f6f26ba2383899281bfbd6e547d2b530c30b138d', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        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) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), index.h("udp-selector", { key: 'e0435558da8c0989c0736809cb27c2f1cb63fb86', 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: '1f971c91f647bae950a811938284b725994d0d21', 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: '029ddc662fb4654f0cbb0e3233f5cac621d3c09d', class: "formButton" }, index.h("custom-button", { key: '20dd7068dff4645b60b04c6d4388ee94f8ef5dc8', 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: '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)) ||
                 this.selectedType === null }))));
     }
     static get watchers() { return {
@@ -268,22 +268,22 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '436174b7796b63893e8715703fcb09f5e58994a1', class: "toolbarContainer" }, index.h("div", { key: 'd3e112d6ea63dad4d951df6c19282a6f135246e1', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'ad303dfd2ff078f879197d594c82b5c4bbab4a9e', variant: "h4" }, this.mapTitle)), index.h("div", { key: '58feccaf7c97f6ad835cb8c2da6f04efdc08a2a1', class: "buttons" }, index.h("div", { key: '7931cb6e604ece09a989cb96bbad957a752a73b2', class: "buttonContainer" }, index.h("div", { key: 'd43f0dfb9e402739f834808c60b857050ea0dd9d', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '37b8a3f1ddf697a9079de417897c40f18bde0bb3', id: "filterOption" }, index.h("div", { key: 'ec83cef71a7d325340643a0451b3c70fb826c664', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '79ce29a69a8e666b8648fd6bf617666fa5afc30d', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '7ce207cb13538adeaae0c3d85a71fe8993ae8f83', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: 'd1999dfc5c51a1df10528cd6dc88bb02227346c1', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'e0f231f0327d0e0c5005d4838a6f48731d75272a', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: 'e893e3cbad5c97a52cb5298441091914463962db', id: "layerOption" }, index.h("div", { key: '1e3d596e67875d6851573f21ffee15aca8746bc2', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '4e734bb6f1cb6d6792f31e612fbc5fbd19aa8d3d', 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: '153c7e41ca231574948c41a28d544ee9602051bb', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '5e753cb4ebfbf1c23af6cc870a6ee9b7bd32bf25', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: 'd69d8444b5a20e0c32285e2ee4280aac8579e4a2', 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: '4da28f86d74f367b2fe5dde37bcd2d24be022010', id: "bulkSelectOption" }, index.h("div", { key: '534906772239fa1db5ebcfb46753976fc4de242b', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '1d6fbcbbd92c24cb55503542e30fc501bd32480b', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: 'ec53049d538cc64b2963659957ac9b2e1a23627f', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: '5e028e0fdbc5c34115d303359180efc543e6c7dd', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '1a0cbf66cf437ba3db87aa499108c2289a2c22ac', label: 'Box', handleOnClick: () => {
+        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: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: '38d4b9ca517c4f1e8a7a28117d18dcb97e712a91', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'ed43f903cac2839ba4718ecda8fb03591bea9b0b', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: 'e54c6628d8f6349fa3c7a769ad45effb271010d7', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'e29f09317f36cebf9aa13e4618aa3c8beca145a0', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: 'cba785e46ffb694219035a6c6c9641bdb4ae6b8e', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '451bbb1c478c253cab73155ccdf05f7d3f4226f8', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '574b3578940b43a5792bccaa48d234b290bab3e6', id: "splitOption" }, index.h("div", { key: 'e493ceace2c847929ababf6a44e2781229b71284', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: 'a34b8b609750bde34cd467b6c6c2933795778d27', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '3b19e7c8129f388bd77b81ff0d2c1c20b646aaad', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '756f6540c102e5e508891caa17d8cd35baea4b80', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '6355c6a52614c8ef248bbc01a30c703ed613279a', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '0a9a21e04635d50e5e3c9467d08e19c70a68d163', 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: 'e43a21919fbdb19bfb2ea63264d3b75a8d4b0d40', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'a87d53d54f4f4c3aafb2d33c741d9be86c4eeee1', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !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: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '6ca0cb5485cb9a836e060d8c26a26de2f9e2d57f', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '01db1b08823ad040c24cdb9c14bb0ccdde04ddca', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '93d78b07fef4a4ad9d1ecd07de9705efaf79d6a7', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '7fba32c9fce734cfddadbe533218e2f8566e8c41', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: 'd73e989534e7da15e555ce3dce58dbbb3575033b', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '517cacc1840683f4e1bba1fbae9d1c0952158f72', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'f7a06a49d60580e8e591bd6f1d9fe12c3be896b7', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '8fccd1ff8ae213c8c1edc7ae820cc827faed8367', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '2ce37d14b317def5b517f71726590be8a15196bb', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '059b0365ebe50df80a35efb4ccb1e65cea7cabb9', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '16999ebac2a8f22d8dccf48e991afef927194159', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '97e703abefa711013b447ecf3a714bf7346e6ef1', id: "withSelectedOption" }, index.h("div", { key: '6e14cebde02326c1ae43070b11de31b6bf73dc89', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'f393004ec631cc0c2f58aefe618b495e03682f3b', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '27a6d07f27cfe241f89825f2e29a095a4bf89a5e', variant: "button" }, 'With Selected'))), index.h("div", { key: 'dfa7215727b2a2fe34454d4367109274035b5b7f', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '3dd4db7dd7d3c62b73bd19425ccedc5995c8f3e9', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'fc4dd44bedca9c29733a2b3257f7310b1da5ffbd', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: 'd8242bdf5d80a58589e14169b434a1c709bc60d7', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '6c5724302b46c229005c25930ebfdc5d4a3d3044', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '9db251c3c0f6e5ec04bad8c48d30be429fba3ae1', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '4f604cd0affe0d7f8722845a4877b8b7bec8d67c', id: "addOptionButton" }, index.h("custom-button", { key: '1f8f7c3b82ec91b8e0ee6759a107055446d1a18b', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'da66da17f28d66ab517f6b5f3541fc39f6f69693', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: '780736ca639752842b9ab4b470ccd72dadb5e3e0', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '20402e3aa47c694c9e4bd212748c08748ae3c1af', 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: '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 }))))))));
     }
     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: '1fc350e2bfdba9ffcbaac6c9f03228e390719d8e', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '0b07e03b7a5ca59126b15dddb0846bed617990d6', 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: '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) => {
                 this.handleMapTypeInputChange(e.detail);
-            }, large: false })), index.h("div", { key: '2cf6bea66ac166243efe3fa135847f20977c181b', style: { height: '12px' } }), index.h("div", { key: 'c2b064342844d6ae13b0792aa071a47bea9067fe' }, index.h("text-field", { key: '772f925bc3da22ef037eb4c064ee2d730cb5c0ab', 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: '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 &&
             ((_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: 'bc742123333225f76cc240ed502b3898fdd81e40', class: "popoverContent" }, index.h("udp-selector", { key: 'c429857c88816cc1577ae92885143ec7be0296a3', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: 'e2378e7d045fb09d5b302a904ed7f21f2549ad03', class: "popoverContent" }, index.h("udp-selector", { key: 'e966ee06b60c9068ff42ada23f006fc8309eb81a', 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: 'ca196299f010304a4bf27a7f53eb8d399b3500f8', class: {
+        return (index.h(index.Host, { key: '5dd507cca1032e1087368c4ff64b236a84770b3c', 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: '63ed4c447e1bbe793981a7b14f4180cca6d17d36', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: 'e0eb0e7ccd729e7884155bd83b0036fcabbe5d22', variant: "caption-text" }, index.h("label", { key: 'adec70940e4aa7f1013f8c5c57ab99567f2c383c', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'c777478be2f475ad5fcb80f28ec66d3d0756ab29', class: "search-container" }, index.h("div", { key: '407ee29b27e0d88d31b82643f3a4818b6f630605', 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: '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,
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-            ref: el => (this.searchInputEl = el) }), index.h("div", { key: 'ce232ca9b4e91b8d2ca0131b6e48f3fee4e65840', class: "search-actions" }, index.h("button", { key: '58f76c54e2d081bc11fdf6cb9c561e043369f2d1', 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: '4eddd371f7553962cdd56b2ee22609c09d186412', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '7f7db293a2da057150df76425ece18ae3c144c79', class: "spinner" }))), index.h("udp-pop-over", { key: '727fc52b39bc5d58a52d706d5f551d0582172284', 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: 'e9106512dc3bec93bdc7053534489d663fb373a0', 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: '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)));
     }
     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: '7e82a3c3796c3536cff9b0d35dfae4c03d529ac0', class: {
+        return (index.h(index.Host, { key: 'c3c301873dd457f69e85b82f9b7dacdc87a77651', 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: 'da80412ac778e2c745cba71fdcecef371e176267', class: "bx--form-item" }, index.h("unity-typography", { key: '92a8aca63cc1cd0cb8e28f19214a8ba261588cc2', variant: "caption-text" }, index.h("label", { key: '80712d77358ab7f2cdd5bfc8335a32911f9e40aa', 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: '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,
             //@ts-ignore
-            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: '6581df2a6cfa09a8c61b6ba29d150c5b020c3b4b', class: "error-message" }, index.h("unity-typography", { key: '3990ded2ba3fd6b3fccca48db1910801d6fda7e7', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            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))))));
     }
     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: '9393fdf07409a9e27e310240987245574dce6286', class: {
+        return (index.h(index.Host, { key: 'aab6d4696da2a99720a8463c09587afbc46a9ce2', 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: '11fc8ed1a2a655c15d282401f0bfec7124a4673c', class: "bx--form-item" }, index.h("unity-typography", { key: '399e2d170b1c9455c41cae011fce667dcc30418f', variant: "caption-text" }, index.h("label", { key: '88e894996a988b7c2ebb685790853f1cee9a25eb', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '65ecd42deceb79d53ce9b9f87b30d2ef188eeab4', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, 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: {
                 '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: 'f958501d5ab1bf59b0951458b385ed7ad81547e8', class: "error-message" }, index.h("unity-typography", { key: '383d5dbedb486a0831f02d3d7512a921c9081284', 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: '2e965262e535c9dc1c13f5da222a1d4fe89dcaf0', class: "error-message" }, index.h("unity-typography", { key: 'd936aa7dfa9d62fa98961eafde71272102c1bff8', 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: 'af99c2a264ecd1a7643737064c866802c06d4eb0', class: {
+        return (index.h(index.Host, { key: '6883716afc7fade9788dca5b4f65284ba3665ce0', 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: 'f8eb3a1a840a56ab07c8ee2d65763644568e0533', class: "bx--form-item" }, index.h("unity-typography", { key: '205e33e9be8935dbad539b48e98ae23f72c1b470', variant: "caption-text" }, index.h("label", { key: '60289cb130b7b20bcf86c4baf1dfc191fb30f5cb', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '0aa127f9b4c044b6d22494466c21bcb7c03aa143', 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: '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,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: 'f121898d40d0818b8e6084612cabbc7a7854bbff', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: '2126739ded7b4cf82a4c4e0039e2e2870a7e3924', 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: '71d35f05473bdc03fbdf1ce279848d352fb25ec6', class: {
+        return (index.h(index.Host, { key: 'b4705571273c953cf77999afc006b1d4a035d73a', 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: '2c30beaf5c7dd7760b4f958bdde4f251d4564157', class: "bx--form-item" }, index.h("unity-typography", { key: 'daaf585e854df813ec750eaf7da6309593d74dd3', variant: "caption-text" }, index.h("label", { key: '8b75fd699995b7d3d6a67c7afa26e331b9a7c887', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '29cc0e1d7639c993cbf7929bbd16c0e04dbf6c6a', 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: '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,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: 'c8bd42b9b3adf1db8f46043cd24bb3b03a480dea', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '06385ddb8a0a68c8a3925c3a3d270f10febf0e0d', 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: 'c45a632ad5b7026802bddbea64224a41e33da8f5', class: {
+        return (index.h(index.Host, { key: 'f204250be8cb146f4bc4380318e1734e323c2aeb', 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: 'dc4450fd6e9d702f43a20fbd94ebd633f5af03da', class: "bx--form-item" }, index.h("unity-typography", { key: 'fdaf4283819388f39faec433fbaba92e5c686e85', variant: "caption-text" }, index.h("label", { key: 'a775c50d614eeb887e282d5de053b926f3569c6b', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '2368e5560e7575b5ff3eb8cb8799a728065c3d75', 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: '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,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '2e8e7e2cbd50271d9ef6322801cc37d9109d8c3b', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '09552d53d229720b6f090a6e9c2b221b9eba2a7d', 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

@@ -464,8 +464,8 @@ const EditViewFormDialog = class {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (index.h("fluent-dialog", { key: '61de696a468c8597e54e35306b65bbe9447646fe', 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: 'f35a9ce91dd1236dfa8760a34cc7a57ed3823c0d', class: "edit-form" }, index.h("text-field", { key: 'f99898d1f92aea94a59b22d0b333811186a8582f', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: '718d61366a65eff1e0e8e2ea0163564726530a75', class: "toggle-options" }, index.h("div", { key: 'b910aa2d6d9b3634a0e12c90a687caad693d3be5' }, index.h("stencil-toggle", { key: 'bd54889afddb7fcf0c5ca728e7b20d4969929f03', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '1e93b342061d220a4ed1311340b11e42597c4627' }, index.h("stencil-toggle", { key: 'dc7cd35c496d2356366450013676b9fa4ee9e261', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        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' } }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -616,7 +616,7 @@ const GridPrimaryBar = class {
         this.updateHideBar();
     }
     render() {
-        return (index.h("div", { key: 'ca0c4b09e6e57d0410b964233ec3dc10d81cdbc0', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '642991924e9168a71b47379f318297dc2ba052ff', class: "title-section" }, index.h("div", { key: 'e1374a2ea9c2435dd3f462e33974ad1ec0b9d62b' }, index.h("unity-typography", { key: '79124941e095aed8f53acda7972aa70359b6889c', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '22a3dcaf48c65b0b383984e8266599d2cdde6b87', class: "button-section" }, index.h("div", { key: 'bc96e906f5a82af5c06b321b58fd50e0882eeb1c' }, index.h("slot", { key: '8c3a2298bbd874e977590c16cc0754103d64b382' })), this.defaultActionButtons.map(btn => {
+        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 => {
             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: '654860abbf7ea7f046aed7776c68d5be78781298', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'fb53814ca9477cb7c7177c5c4fa091f15a6e92d8', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), 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 }))))));
     }
     static get watchers() { return {
         "window:resize": [{
@@ -713,11 +713,11 @@ const SaveViewFormDialog = class {
         }
     }
     render() {
-        return (index.h("fluent-dialog", { key: '4a10bb9c2f86cda425e0ace9abfbf1993bdab667', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: '8a7202853c4903a0fdb2d1326e9b60579ec0f242', 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: '56f901a6319fec3a7ca9a88177392238d92cf4f1', class: "save-form" }, index.h("text-field", { key: '8e299de25dd393e5e66412cc095ab3b3c5155c71', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '5f09d4f855d094ccf02df2dd6600559338c262f4', class: "toggle-options" }, index.h("div", { key: '2cd853149a2384a7882a210fb8526d5d48bf0881' }, index.h("stencil-toggle", { key: '0e286717ee707e6fc405350e430cc57a6f44e8c7', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '16e24092ca0c0b72783411800e789023fbdc82ab' }, index.h("stencil-toggle", { key: '27a2206ec6aff3e457be045eef461970bc249231', 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: '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' } }))))));
     }
     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: '45e4a2e3a2eafce7d2fbd77e1c828ffff095c973' }, index.h("div", { key: '8b374b99baac14fdf22282d9e5d037eb09ce895c', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '08a2edb987b5da817c0cfe2b20162043d23bd083', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '67e28b475cb6b49f75ff3e2bd54c0aef4aec813d', class: "title" }, index.h("div", { key: '1018c6a78d2623e3616c31cfbbd9e9dae26b4de0', class: 'close-button' }, index.h("stencil-icon-button", { key: '842cbdfc46a470b6e2579810a1371c82de9b46e0', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '2576127882209def0330d6dab80c068b89f95d17', class: 'title' }, index.h("unity-typography", { key: '43cb6663af8465c9e729a4279c43a8674770f9e5', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '9d8b6eb2f8efdc9debd3c210673a53d286bf5998', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '9fbac485b3fee1629708b7ad45d11a47533dbe78', padding: this.padding }, index.h("slot", { key: 'a83fa39df7813cf55f39caa2c47ff084eab5f009' })))));
+        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' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: 'cdbe8cb25f32d40dcdf746697dcca844f37c970d', class: "wrapper" }, index.h("form", { key: 'f9c934b718b527f886fff09d8eefd1705b13b338', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '0cb44ccd3afbbb979f380a0fe08d2907d628963a', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'fb64f578b8afcebb8132674beddad361af6b6a2f', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'be52c47790675cc26384ed0c0937c5324fe05415', class: "submit-button" }, index.h("custom-button", { key: 'dbe0308c092786b5552635e29d924dcde99caa27', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'd71c4bc500c87fc2a631ed7dd942a1a9b3b157fc', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        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")))));
     }
     get el() { return index.getElement(this); }
 };