udp-stencil-component-library 26.0.0 → 26.1.0-beta.0

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: 'f611f5c0abeb4b16362ef6146de554ed6a672779', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '324b6efa84bd0d0d03fd2e16e6de88ea3508b297', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (index.h("div", { key: 'a133de966387dd1d61a83213e1101feffe9b1ef7', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: 'dd71c2ec170182397f4ae895feb7394b224959a4', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), index.h("udp-selector", { key: '2984ba51a028cd111767da1618068d7ef4462626', 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: 'ca848a07ac6fdb854dea0dc9bfde58dadfed5b64', 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: '172c24dc149f755144214cccf26a572647f95846', class: "formButton" }, index.h("custom-button", { key: '6ecdb6125675ab6da6d6013b3b744fb63567aed8', 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: '606907f9153beac9ccfa037477b62bdbc5171718', class: "formButton" }, index.h("custom-button", { key: '6ee5102db75b36b277ac23fad5434a4cb2cfc1f6', 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: '015189bd6ab58e430e97057444f78d0789f6da90', class: "toolbarContainer" }, index.h("div", { key: '7deefb37269af0c8edb41318071de7661d72ec7c', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '049854632e8f98d59e53d54ba1eb7e4f233470bf', variant: "h4" }, this.mapTitle)), index.h("div", { key: '4ba36290390efc86c457935d3aa9bef3db679050', class: "buttons" }, index.h("div", { key: '911f83206f065c126576b9f3abedd9afc80977c9', class: "buttonContainer" }, index.h("div", { key: '1c6c83caba82d35e236cc2ddfa976c0e6a5e9dd1', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '3581cb3e180ec1f8a8be4737f3a2e3267a57bfd6', id: "filterOption" }, index.h("div", { key: 'c882d94d397985e22b6bc3e308dbda5be4ae1060', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '43f9dba917dac4535266ba0f30625d1d794a3dc2', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '6d654423a4c5f1d257fb8866cca3a0cbaddc1de0', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '5fb127b8984fac8f3dd16be075d4eccd36069612', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: '068eeece5d775c8ec588a1610f7851218dba310e', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '8120a0ff26d48c4fc5ac796b129826bd5c6a998c', id: "layerOption" }, index.h("div", { key: 'd6b79dc08f8b114b313f231d62e5834af040913c', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: 'f41bc92791c1ec9d4ce18d327ca6e4c388490028', 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: '0b91a8caff0be30adf8fd877eba3f2f711c3d256', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '6219f756068fe7cc6acde910e71091a27ecc5a21', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: 'fcf362372294603fd65f79906df1b40e110ffd5c', 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: '881e1bee9a85ffb88658942bfeac2fac1c80d5d2', id: "bulkSelectOption" }, index.h("div", { key: '06eb68e6d53f03667cd470a1d0c95a911646f784', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '66e6b371ca1571a387973fe08799c797d2afa4aa', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '72a2d036fb54a50c0f99a23102a1d6fa0665fc75', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: '30bb792b8006cf78d054c6f22e3795a2b77cf4c5', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '0189e06c4cf3f4ff937ca3db45b8f6796e579399', label: 'Box', handleOnClick: () => {
+        return (index.h("div", { key: 'bd68ff544feb9937bab4fea18d58d85618819551', class: "toolbarContainer" }, index.h("div", { key: '879c33b0ba7976bba5f811f156f0d421f5eb147d', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'c586638967392178c81469a3857f0c69cf9333d6', variant: "h4" }, this.mapTitle)), index.h("div", { key: '664a2714fd5c76c019399a6e53fa30528b47987d', class: "buttons" }, index.h("div", { key: '522ef9502b6c150fd980019dd491c9ffc14b0644', class: "buttonContainer" }, index.h("div", { key: '63b84a24c2ac82c130c78b8dce2b9581fea924f5', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'd189470926295acb8eae5d588dad899f92376d2d', id: "filterOption" }, index.h("div", { key: 'bee394e122df2ee2452e6def3ae2c7f11e8180ff', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '49a5a2a0d1b6ddbc4ed4cf5369f904d40648791c', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '374468699d0535113fcd1bce7500275a51823a4c', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '483491509110389418376e0d9f004b6a8a675c62', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'c1dc529188c5f7ba09558897536b7287981e8af3', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: 'b47c74728bc629acfb49149f1cf675516926228b', id: "layerOption" }, index.h("div", { key: 'b92436a62b125149f3cee09fe54b1800464aa308', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: 'f9282e92868ab872da696742c07157ea79b1e79d', 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: '49ab773f7e1995d3c15c40b0b9a8dee72e52c942', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: 'a015782a0f8056f1feff5ba05c50142a3bf50dbd', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: 'aa90d07a619d39f1c9f64f726234270b8b833dc3', 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: '36016a46ae90ce9806edadf8a228c0a3e8fcf878', id: "bulkSelectOption" }, index.h("div", { key: '7b95cf61c2ae92f46f6ece028b9b600857787839', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: 'acd028faaccbc5974ebe8c65d796636b37256bb1', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: 'd79fde4414e226c5c91150a4993b3c45142a0daf', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: '9a0edff2766c4707a640d275dfbe1ca64ce3f1f4', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '938b7f3c863abf11b7758c2a05a37a7ff354d31e', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: '0e7a4245181f31cc6a8d89b64975c626bfcb89ca', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '4351ece680c6ca2ecf9b1ca946a994791a7b5a1b', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: 'b3095de97b13df0bff61a65ee57a93652bf12381', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '961d6e687f2c70f8ec601c34386203a2280655a7', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: 'f37c9c2ddd297b8c3692d894b852038a2da29db4', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'de06c3303a7fbcb63dfecd5c65404d836fe0e17e', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '33309b36d98cf2d3b98d2c3d4eb32112e7bf562e', id: "splitOption" }, index.h("div", { key: 'cabc4634a92d2a5f547e71acbbdc3fa777e1975c', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '2cf3f0f49cfbd8aa37c11fe7fe61c95ca507c98a', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: 'caee175dc4e92d5117b4132ebe6167d8968de892', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '53f70a5ccb60f6c69350b0df28d2d709a0224366', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '1010967e268dff6159f0f28c0afc378844600b8c', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '67ca9724ed30773e2e467090b588610d20e5861c', 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: 'd36be3e81796cf5594ca4e5010bb34a712abb52a', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '438de024501d8b30b0943a9bf27bcac40ae57e76', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '62f8008ae55cfa7cf67299e07ef02cf880033dba', id: "splitOption" }, index.h("div", { key: '38b6bc133062013bc181ccc61c058f6c468b07ef', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '032c2bab91c65cc0b6c7ede895f447b3d0661b0b', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: 'd39afdb4818b6db5ce456b00b463958650ac9eac', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '9d9336cff19d1ff21e2b211d736e9ea14fa12376', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: 'c946644969a1affa9d49597c3aa8182b749a03ff', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '7ca05ac402d985bf6224c0371efbeb39f8f893f7', 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: '2126426bdb1e83c4e186dc1d690173c08d6042cf', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '12b76845078fd99addf6b9b4e190872a9e514dfe', 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: 'a4806a0c464cffbcc5782ef5bff6d0ee7f474729', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '8861d3eab37dabaad92aa867fa3ad5f0fe0d05d4', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '2ea7de4ddf0eb736c6f04df7326938202a4424cf', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '4fa4d7e1130d5239335879c5300073f6083e3ab1', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '1cc2bc058327d8a3f337d79f3d7131d0d0e5fb27', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'cde2798b9c4b319e775031dca1103412d716fa04', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '628bfb91fe9d2916f982150ad32034c9e013c9f3', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '75406a59ba27ca5a080fe59733ce7260e3012731', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '87c3632838efc9a073eaaef8b8880f5ced28a0d7', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'f0ca44cf76b2dda6da29fcbe734c90ddfeaa561f', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '245dd1bd1dffb4859fcfab79dad5b015f2adecde', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'd09661ac444fc843970c42e0d7e057a3b99a3599', id: "withSelectedOption" }, index.h("div", { key: 'bf61361fd6d32ce9899f3f4439637e66d61db639', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '0247cb94c4cd7d611028f171c3e631487716b823', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '3522d7d62433029000af7e6c451ea51e7515e719', variant: "button" }, 'With Selected'))), index.h("div", { key: '04f8b62a7140d3e5ac9bf822ca645c730eed5d19', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '56a81462a98feaa10d0ad137d8467fcad072a84d', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '7a83ac3c5ce9334c9e89ea9bc6dd1bedd5571856', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '9ba06f87855ad8ebe9a4d1a9784cdf338375a962', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '1c8f9faf9c3a63f0831d7788f335e5c73dc0dd3e', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '0499b1161ce3797b3fb18168538ae316a59ff48f', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '07ba65620eaf9a81af1ae5f850ac12fe2ea08c63', id: "addOptionButton" }, index.h("custom-button", { key: '1102d3f462aef7c734331a109610ca9c8888f2d7', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'e54c9269cf039f97ea581d613e39b7e133111b65', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'b1303de7773478f592ff20b7c43b2cb57b791706', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '680b6269321d503136a97868d50ba407871e6ae3', 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: '07ad520af988bce3c8dc15b8d6663aed1495646f', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: 'a76355ac4d3fefdf8a9edcfbaeb49302d15f4a18', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '1b4c04af6fc99242f59f03010ec5e8f55f10f0f4', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '032fe72ce19e1f0732d64b596b2fc3ffba230328', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '3e428e9f0626b15604822aaa8153bc0362924ff5', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '508190482a9c3cda571dc7b132ed09c25d58cdab', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'f65bdb9b2dbc2d69ee0fd550a4ecfd9c1941ca11', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '109d3509a547e93d74abf66ae73c970cad4a58c5', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '4af7513cdf5afee699be6c22ff0193cba6a73a1a', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '8ad10a39eabc8e5c6701c872a90ab52e1de3b851', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'fb78dc8c4ef1840c1b074e954868b2e73136da59', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '25ce0064845db2ea5c81b9398268b2c93df69836', id: "withSelectedOption" }, index.h("div", { key: '872e7734a1e4346252a3558c1f7dbceab0286bd0', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '91d1893e7b41fea73dfc9e951ae8d840b0d82b82', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '4ad3caea425af9ee81ad06c7647c35b4c429f0e5', variant: "button" }, 'With Selected'))), index.h("div", { key: '4bc183aa4984d9b2d2ce5cf8eea9114310bd40ac', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: 'ee6cc27eddc9d4304d87a6a813b3c08efb6d4a38', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'd2155c15b1453cae3c0fc8cb415b9e647dda51ad', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '615f7b0ec86c29800787a09879f154a1512b4ed8', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '003a8d54d3ba8fae5bd75f1b7d3d5d5fbb998ca6', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '6a449b3e316901b340c90f1dc7051717dc048969', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '3c94fdc44fcd74974f5dd3c6a4a30860c98b82c7', id: "addOptionButton" }, index.h("custom-button", { key: 'e79244d7c36f9967c43f93ad766995c8e72a9a55', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'd6dfac7363a8baa20af2bfce14209d9b84daa6e0', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: '782442e4a454192ec292c5e0a45a03fcf98151ac', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '25d0b40abe65cd85b9fb71799e077f8936726028', 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: '6a6cb20eadda400a50366acf7f8f99bda87f42ae', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '334ac1c3b7f1f9a7ef03565dad790ced5814e7c5', 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: 'f7a96c1188a867a82781b79d18ed914299bc8739', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '65055af781abff08fe84578699ddd8dd95e19bd2', 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: '739420f3fca070fc198effdc3816652777856be7', style: { height: '12px' } }), index.h("div", { key: '4c98ec0d8832c17bcd02ebdeb0c6d32dc92b615f' }, index.h("text-field", { key: '60f86d2f6a164b1640368db5d2a529bea8f274e1', 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: 'c1c935fc94d18d0c351af4f70cd9e2232f794e95', style: { height: '12px' } }), index.h("div", { key: '4640c0cef201059179c66f75d0744c42366126ad' }, index.h("text-field", { key: 'f9eb5a1938bbdc3d31428f4eb09726da9e9e0ecf', 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: '19fef317e5547635501dceefb5019c196430a8b9', class: "popoverContent" }, index.h("udp-selector", { key: '316844ba789b3fb0955e1366bfdd4c0868e2d3d5', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: 'c69f39dd90170827e053841ae8bac5e51b186a7c', class: "popoverContent" }, index.h("udp-selector", { key: '7f9210671b1d4c83b55464c09dca14d589f341d0', 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: '894f8c6c28f261fc572bd88bb880ee84b1f8c532', class: {
+        return (index.h(index.Host, { key: '763787200e519dbb6f99bacef1e53488166c338d', 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: '70b92bcfd36270e56672d90cf68b467461e625d1', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: 'd1041076b857154e73af50dfdcad8c5d03ddc7b3', variant: "caption-text" }, index.h("label", { key: 'ae6056f533465e7a49b3ab6beefc95f34eeec39e', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '64cbbee2b8a0f9a0485f8463b79c36108c3ac309', class: "search-container" }, index.h("div", { key: '1a9152bf56f1212890007f473cf1febd1dfaf453', 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: 'ef3c919608b812ffa992a677618daa89a8b7d836', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '5536465d170a8a9deaed772e9efe2e9a278c4ccb', variant: "caption-text" }, index.h("label", { key: '553ddba702d230a809f098e8b08df2556137ffbd', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'bb6d7b3fa499b49b15a5923ea92ad3f8edf3bb84', class: "search-container" }, index.h("div", { key: 'bd0968c4e603b17894d9adeab03f41825366c47e', 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: '272a98076b328a7582aa25f6505eb14a117207f2', class: "search-actions" }, index.h("button", { key: '4d0758eb3022b9fbcda0ceedac966a826b988c5d', 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: '935b7fd89a918e28df9728e0a9ca606190784856', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '2c4e7efc22b22bb1403b6db0d8c8a25a31521ee2', class: "spinner" }))), index.h("udp-pop-over", { key: '797be7cd79880905694080177811875a6446261e', 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: 'e5aa757d9767dc0a385faf00716c1bfe6c0dbf80', 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: '42b08309d402f4f777aaab1b6ff110a788c7b8a6', class: "search-actions" }, index.h("button", { key: 'a526464e3524d92657bf1b9921d66175c32a3b1d', 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: '66a6582a43d9bbe38cd61dd4446a2db597b79b55', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: 'c94a577ce273c9675383760f8953a8ea0ab2b357', class: "spinner" }))), index.h("udp-pop-over", { key: 'eb1e79bf41c841d3ffc3052431e83ea4e84659e8', 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: '9e47bef2d84700d9f033cee177d91afc1769a618', 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: '8bd6b39d3afd914826beb160a7b947f7f6c4df9e', class: {
+        return (index.h(index.Host, { key: 'c3d59da4130e5c3712f4ba1222e0746121da652f', 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: '26eaa36bd82d943ad74fc81122d4529f536a0658', class: "bx--form-item" }, index.h("unity-typography", { key: '3776c6160686b629d3a20356bcbf0699b911384a', variant: "caption-text" }, index.h("label", { key: 'b555c8193d8511bcc53dc373fb3eeae75e3495a1', 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: '2fb8d872a0275b3a06ac11e3db7bad1047d39406', class: "bx--form-item" }, index.h("unity-typography", { key: '323347dcef9fedd6e708f4f2477df3d56f406b25', variant: "caption-text" }, index.h("label", { key: 'a2bb9d0f289f35ac0c6146e95776ccfbda949d42', 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: '72fd04c8d84005cc5a93c9336a6af959994d05da', class: "error-message" }, index.h("unity-typography", { key: 'ce3064e6a69a558e3238c3b0d3ec378d977c4bbc', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: 'f5681c4616c9214eb7eb2575854f0d89b6ff6b03', class: "error-message" }, index.h("unity-typography", { key: 'a143a6bc55afe9f2556f868929f1a867166b6bad', 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: '445e296be7ec07535ad432bb38774e29b23a6cfe', class: {
+        return (index.h(index.Host, { key: '56a5c79cd994e1c6f72d0a134c9b8d5254e33af9', 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: '3a6574a9b517e3f82e0a3a2689e67e75cbc7b395', class: "bx--form-item" }, index.h("unity-typography", { key: 'c5f28a859ca97c0d2c02e41db3203a0bf5957152', variant: "caption-text" }, index.h("label", { key: '196b2d6775b0eb94477e5c768ec06ae9259f0c71', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'e30ba95328906ecffe4c5623b652351f35013496', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: '45913b2f509c866c7c96200c1eba70639f434a70', class: "bx--form-item" }, index.h("unity-typography", { key: '99507a9dc131412983d4be0a1e0ad1d9be2b581a', variant: "caption-text" }, index.h("label", { key: '941f053fc96f752b9e0ec13df9fb27ea3e6c50a5', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'b8ae3c579d118aedaf2465b2a353a06cf2ae7f85', 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: '90fb97f4ab41f291dd866610b0a06418c91c408c', class: "error-message" }, index.h("unity-typography", { key: 'aca0dd51c4888b9e96b1517a95721fe48a1ba91b', 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: 'cead2dd9c6950987ab00587021361436b88b8d95', class: "error-message" }, index.h("unity-typography", { key: '716155d7293e59177b76d7ecd124437fc79cbb53', 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: '748e83b7dff661f7397d88556a716ab3c9c779b1', class: {
+        return (index.h(index.Host, { key: '0fc30e6c49d6b90bafacd9d69cf203e6c86f6d98', 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: 'a2a8d81aebc98e38a5158703084dab1577cae9cb', class: "bx--form-item" }, index.h("unity-typography", { key: '6cd66c660cf6529726c761c339311a8b67debcc3', variant: "caption-text" }, index.h("label", { key: '1a4e107933083802729da3ec54dfe9f7fce030ce', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '4a5bbbda73afd436e4d7160efe88a360a39ce1fa', 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: '72a4e0037afb79abc2554bd9e73e7001164f2d84', class: "bx--form-item" }, index.h("unity-typography", { key: '1075c6f0767cb9074572e6eb1b0f3f248ba2bd18', variant: "caption-text" }, index.h("label", { key: '99031eb1ffaa5ffd1c3ba859436f4d26a852311a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '938b0cb8d54fab416d376be5ce4774de5c3f44ad', 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: '273a30d4ef3a4702610a03eebb47a000ea2689a5', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: '2caba70a082607de2d099cc8d32248a8c533f3db', 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: '92e5a43ee8f7033dfd1836d60fda44e9cb1b0d53', class: {
+        return (index.h(index.Host, { key: '6e44a6a933606587c69324b8489b0d206a734213', 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: 'a5ac502a06501dda5d6138b3f6a8c6d76140d924', class: "bx--form-item" }, index.h("unity-typography", { key: 'cbcadc9f98346c7f5322f904e850a79ee3b6c7e8', variant: "caption-text" }, index.h("label", { key: '678426bb303dcaca158f06919d05eebf83c1b0fb', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '383a406296161e59be8d4781d61c43df82bb3b81', 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: '7ea6636139cd291a28822d188ffe8c1c21001f43', class: "bx--form-item" }, index.h("unity-typography", { key: '2c31be48e0e246c774834ec89705bf221809f8da', variant: "caption-text" }, index.h("label", { key: '3558d88cf6298f7bd8b45610819549e53f157566', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '3f3edc61b4e157a4a73c040f09f0c0338dc682cf', 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: '3c8260425e5b73bae2840c8b04db39da36ceb91e', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '84ba6b11aaa015892243e65e4b8c18e716360f82', 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: '0da06351726ba38954c54c21ef81160372de9e76', class: {
+        return (index.h(index.Host, { key: 'be2d3d7a015744358ce826d964aeb4b3fa4a177a', 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: 'a258c5f727cc9352579bc28e568d3da096aaf4b0', class: "bx--form-item" }, index.h("unity-typography", { key: '4006845aaa3b2bfece86c70135079c9fd99f229d', variant: "caption-text" }, index.h("label", { key: '0cd6d73dfb4599dcbeb352d63d3d87ce1f7034d3', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'b564e4ec09ca32723a49d4eadaee0da062c095f3', 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: '932090359804c877b9cb330eda18bfbbe817a22a', class: "bx--form-item" }, index.h("unity-typography", { key: '9354902ce24fd4e44bc846a54e3f0fd3faff7240', variant: "caption-text" }, index.h("label", { key: 'a4dc14080a771ce1b4272aa44bd9f7fccbcfc1c8', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '4c8a710b09c33ccd5cc4ac35af9a7ae8a150dcfe', 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: '9ac07f68e56ed8baf0d101a8ddc94c8def109ecb', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '6eca182028991349037c053d4a5d535b223b8601', 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

@@ -410,7 +410,7 @@ const AgTable = class {
         this.height = 'calc(100vh - 200px)';
     }
     render() {
-        return (index.h("div", { key: '79bc54b0f59681210e994b2d744dfd3e28551554', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (index.h("div", { key: '3111e75c8ea86f790d0299bb945e994160a20ea9', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
     }
     get el() { return index.getElement(this); }
 };
@@ -616,7 +616,7 @@ const GridPrimaryBar = class {
         this.updateHideBar();
     }
     render() {
-        return (index.h("div", { key: '69804aeacc7d3be000e26cb1fbbb7a36b9889bac', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '43d41b886f51007c1d8ad40eaf7759d88697ad82', class: "title-section" }, index.h("div", { key: 'f94a4f9d4ecb22e827fefe66efde39d64b0d7efc' }, index.h("unity-typography", { key: '9f4b6f7a061d41f1057f20e356d6d5ab8799440e', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'fe20b0cd41164b16a2b3307e7c8eec8efa5808b4', class: "button-section" }, index.h("div", { key: '1efd2ab3b4cdac9a270eb7da50aadb9d80a4066b' }, index.h("slot", { key: '9db22e66a738087e37195a4c5ba99b902f86bdb6' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: '75aa04fe46a7665cc3d72fc8fd122fdca2639d17', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '6b205e1e23ff44aa0887a6454e33473376164b0b', class: "title-section" }, index.h("div", { key: 'adb0d6c82d0d86cf0fc112989a60b3bb9bfc8d89' }, index.h("unity-typography", { key: '451343cacd0fd8f20bd92aee6c5265d5e6af1286', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'e5d4696273da7bdba885fc3fbc0c2d6db9e89bd2', class: "button-section" }, index.h("div", { key: 'd5d9c8ee7d31cf3ab22cb76e04298aafe081ef1a' }, index.h("slot", { key: '6726a798c3adc8066ef2d7b7f430656eae1fb8f6' })), 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: '85aaa58cba03516b26568dfa9c500090cc8c2796', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '027212017ef5edc23f46437bbe6603ebf05b3c96', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: 'b81c0223dde3de70b52645ba53fb12d3d8135e41', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '4a6a030fe3e779eaafdbbaecc53e1cd24b610b2e', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": [{
@@ -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: '968854ff08224a4eba4d218944802df9ba69fa6c' }, index.h("div", { key: '5948797307b43c393d072d53a1de1deef7b6a40f', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '2c89cf4d7f984a29f23bc5464da9f781c4fc3a9e', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '92a307b0be0dae3ab52bbf5984ebb7dc2ca1d88f', class: "title" }, index.h("div", { key: '30f0129f028706712b788f71d83ab85fe5f80117', class: 'close-button' }, index.h("stencil-icon-button", { key: 'b247b580962c2eda213a0567cebe36063db118ea', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '311ef2b71fe74c502500c9c428b97411c413cd43', class: 'title' }, index.h("unity-typography", { key: '96788c773a5b9ce8fabec160bc3a786210f70aaa', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '097b6db0e552dd87deb8ad6aa96c178525e37bad', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '76a48045f161548dad6afe72800619e4164b2726', padding: this.padding }, index.h("slot", { key: '710590b57be24481261815cac388c11c9473f6cf' })))));
+        return (index.h("div", { key: '6a63676e28a8676c0bbde3741b284c8800ca9e7f' }, index.h("div", { key: '5cbec3a38993ab5fdcb005d26c5c6dbe91634585', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '3c8cd2890f54bd7eaf3050c06a2f4f4669105965', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '87c35a50f209032963261ad260c46a7bd6a7044e', class: "title" }, index.h("div", { key: '33217d626a14889d7d6d9257db3430aa5a0e4b08', class: 'close-button' }, index.h("stencil-icon-button", { key: '2543abfbbbd4577e548242a80e12e74d478500e5', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: 'b225bc8535b68e2e6eaeb808efd92c10d7342e6f', class: 'title' }, index.h("unity-typography", { key: '01c7d78ee1d4ac08419913fece833db1780c43dd', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '3d57bee2bd17fd9fe9f847d8f7a9dfd1ffed895a', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '9413a9ce5b6531232d28f25f0f82ea0db1530d36', padding: this.padding }, index.h("slot", { key: '85771803943a838bfd6a8b3f3f4af4485a119a98' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: '84b3e232990504d43477fd460d786517c353e439', class: "wrapper" }, index.h("form", { key: 'bc067ef96fd854b25ce1db8ac897d61311fd726b', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '1332a06e159d14dafd78848b19834199a5559aef', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'b994c9949d32d6068b690a4b61c352714439fb3e', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '3026e864d3aa06077beffa5591a2a9aa3aaf6322', class: "submit-button" }, index.h("custom-button", { key: 'f2042e21eb44d943249bc0375a95d083529d23f9', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '6c134bb00fa87c5b889cd53fa9197691a173dcac', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: '57e252ae2022d0f9c7500b32b6b1d15dacf3e587', class: "wrapper" }, index.h("form", { key: '7521a6dc1d400faef2c815751a1133c6848027a8', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: 'a0ae83759544a6a317f6bc6479da436b2d20c1b9', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'd28b1aec2ca4e7d9b918c4704ccdbb822d63a711', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '7bb27d00b9868c61b338f794ff9ae3e0c9300cd2', class: "submit-button" }, index.h("custom-button", { key: '4904cb27a6d8df96f3ae030b4f53f3dd5c84c9cb', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '18a4ca32f43a050c8a1f47716a673bea1cdf37f5', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };