udp-stencil-component-library 26.1.1-beta.2 → 26.2.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: 'a375039b88fbe8c53069261ec92d6e57958a14a6', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: 'd1ca7ce791b6bae16d7806f21ddc5a35cbbf0bb6', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (index.h("div", { key: 'bc9f1ba003072d1f16ffc5257fb07b88fd15f804', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '5c7bfc4477a795b8a086f00118a009d3d281de2f', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), index.h("udp-selector", { key: '602aa141364c54dfa7cac222779a6e6470b5a3de', 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: 'c3d95a0d21b87847bcb0c48b8517e696754ffad9', 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: '85af75f48eed2668751fa6c665823963b7b8078b', class: "formButton" }, index.h("custom-button", { key: 'f64c47003181de637db409f4913b55123caa69fd', 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: '10e2d845deccb013c45ab9e2336d3fdebe864424', class: "formButton" }, index.h("custom-button", { key: 'ca655036e0cc84a7b3626ba5b13af2796a2ff4c5', 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: '7b719ee923dd4ac47208d9426ab5edb7a91ac8b8', class: "toolbarContainer" }, index.h("div", { key: '8262b430337db407f92484a4241be5f7b6e27aa7', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '4e9dd00b80f0cdcb64feb39643fa926d8d3d8463', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'ebaccd43b74a35f5ab7923a0a24b51c6ddd4c755', class: "buttons" }, index.h("div", { key: 'bdf9c3cf87bde2f251017b83fd4a3592c337065d', class: "buttonContainer" }, index.h("div", { key: 'ac9dfaac3306abae959b3e293ec42e5f30c08f79', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '22e47a7052771fcaea1ba4b40be1c2c67e08fc44', id: "filterOption" }, index.h("div", { key: 'aa1be91dac6e858f75f1f642f23524da2a35961c', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: 'a8cd206ee450c6595f70b60fedf82c00155be286', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: 'd95591ccf8e6eb1f587b3a64c8d3cffe94fd3026', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: 'e668c50043d8d17a0ae335f88d72633cc9b3f1d7', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'ce51050edf2c78e97b02e5431dc9ab0b8dea84c3', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '66ced292c130596d89dc9d07e7205887b5dd8dfa', id: "layerOption" }, index.h("div", { key: 'e757d176b33585ba05c14180565fda48da5547e4', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '44562c583f44dfef9f8322d2a79f3739244c5500', 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: '6d6de17e689a236f7c5ce4734e627a4bfc319614', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: 'c025cbb64d4234ea80dc1353071f6c86077a8fe2', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: 'd2c7ace7e0ee3124825e3c109a1b158e3c0b6067', 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: '01a4f28e2a7803371035c9193346c95360906b3b', id: "bulkSelectOption" }, index.h("div", { key: '1ee6ea3b2a74d793c0afd4a8f3cbb72519f76eb8', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: 'd3aac6f70714d29f645cad7c6aa01d88f37fd96f', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '8b34a1dc9a183a89b399196c41b4fa552eb0301c', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'd1587d23b7f6b8116e25d0617ca3d2d5a2f936bc', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: 'b28f02f813f83d9f0c1a6af508befd0b5687afba', label: 'Box', handleOnClick: () => {
+        return (index.h("div", { key: '3f3529770dd1f8c0142342f95ae128a1a3c5e713', class: "toolbarContainer" }, index.h("div", { key: 'fb591c59d96f64b1f62d4d65bde2301ba5ae8e07', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '904028aa82e53a16ea053f3337fa19a33d79616a', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'b31c5ba36b3ab75b9ac7b9475149ff4a56828808', class: "buttons" }, index.h("div", { key: 'f7996fd77fc50fac212378d3f59e51fa4d9dee1a', class: "buttonContainer" }, index.h("div", { key: '371fa00be132f7b45661da50f5e6e2d1731d5fa4', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'a76208b1bf961a0e6be8ffc1425b3935bb40b23f', id: "filterOption" }, index.h("div", { key: 'acd3c47849653ce81f0581fba0a96a0993f5f513', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: 'd4108298d1a903c7db0045e28a01412958534f5f', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '3c315a79d271299a04def172ef4837455eec44c8', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '8dde6b38634ec372c79191e9aca951f0b5713edd', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'b554a7e2990f4e94115e16dcb687497953c79dba', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '69c2322ce88f549a94bdf1a6cf4a3da72a7d2fc9', id: "layerOption" }, index.h("div", { key: '14d760cca4024ccccbf09850405d5580acc1ca65', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '78f49011de103182c6957c5e73056b43d3816f04', 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: 'c67441730a615a3781c0b3028fc875b2639e3f19', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '13e9be28c42890b05c48245f1bb4cf61afab8b62', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '1ef25e9a93b3ae4c547923bfdded9fc8744d663b', 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: '8a0a23c828d90bda52bffea91cda3d3a2ebae915', id: "bulkSelectOption" }, index.h("div", { key: '9170194539a7472596f094b0fcb367dc4a3ea390', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: 'ae677b5ad81a4489599a3b3d0687050250130bec', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '19da0e9da45b1fcb352ed1a55d14aed6e7da9c5e', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'c8b7dfc47685ec63d3b6b02fd8985add47736410', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '16349b4225e6e652c8011fe39f07b2337d179273', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: '849c65849c4567a16c78b3b8addd7bc1815627dc', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '51dfd9a60248b3e6d5ca86af736c32619b15f02a', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: '347eab7b4a30c75c24bde922d272616ce81a5862', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '8c088b03b3bd86e7874bdd9016d94495b62a4e01', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: '00e216f9de30e1a6a9f8b7f0bfdcdbe1590562eb', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '93f08311a5b984472a684eea4c2061d970b5460e', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '2664ebf7ce990674004b60f29d8e7709c410fdbd', id: "splitOption" }, index.h("div", { key: '3aad497b5e568ce05e8f55d44e1bf8c037f9a288', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: 'c27a8ab5e1ce1bc82104f0877a2355cf086e9790', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '2b421a683bd7e53214d4eaeb4da9fc239b105e9a', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: 'bd6025536c9b1fb4d49e54ee880d79bd16dcb2e4', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: 'f3bf40e31ff9dc0845366e72e48e421cdefba4a6', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: 'b8b1ce634825e7f524423092f68bf57a58d3b7c6', 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: '224fa221d13ed99000cea75e4d24661ae2d06ea4', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'c7ac2b0b1afac28b4f4a32693e229729c7625c20', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'a8850b6fa61fa658b3084bd57abf47ad5897d3ef', id: "splitOption" }, index.h("div", { key: '6b620958b2be71a23c9aafed10f9373941bd0bfe', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '22ed3d7de5cfa484f1d25fc73a0e71ff1e65e4f2', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '045d71246c49fe0111ce34d341ba9d426f4ccfc8', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '7b89c4c439b26b7b6297551f6a840748da998663', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '085d3c77d005b0c819bbe3cd83c3d423cc0d350e', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: 'd4a8cda6bc070a53a4a42de00e5fecc121c1e28c', 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: 'a00301ec69591d0254e2dae7eeff5debdfe8fe9a', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '518bd5f6e768048da40a000a10263b6cf9decf04', 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: '9bd4d98f7dd2c2dde23ddf84f7bfd40438afb935', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '22fc518f8e67809b92265cac96f22a1137c3c2b8', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'dbfe0e06b43ada5cb438f7d895287064a53dee62', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '5884be56a89c44b1e5b3ec5707eda9558d5acec8', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '803fdce88b0d66be23e66ef9a7881bfe82f53dc5', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '5e33b121d10e514bc3e5d2b5e31ccb482438f6b0', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '96a057c09c9995af70f1694bdce50f3c5fd549d9', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '0ea0878c165cf5e9833869df9072527caf18ab0b', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '9909db94a495e509c0f324c6cb9a9a5c5a86b81d', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'd350791b00ec3bafc5c8dffcde2d264b07daf548', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '5f2a5e17fb7677e562fa8bd575db14a4b5285e32', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '5adf7f584ff1a1ddb4307ed52e47279622ab77da', id: "withSelectedOption" }, index.h("div", { key: '172605e75b516cd1ca4f363785c50a5d5fc64799', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '364df0309ddd0438f8c1e1b53e4e4fa64e4ec2a9', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: 'f6c60c7dbf4dd05c4e89152868a772e3806b6a97', variant: "button" }, 'With Selected'))), index.h("div", { key: '1bf3d872ade3065c56213c92675f43ed447e9c1f', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '846c01e7488c76f4de13493d918961597eed3259', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '2eb59b8322d12d5a2c0867c99b2a707abaab4560', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: 'e9fcfbe90c39869c657957dfdd36901009758622', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '373ab51d99382b19f50c383ca577199743cb0c7b', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '72fefe36379a109899c1eaa0675d8cab986a4cc2', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '9f7a59e7f8bd730abe9ab455547bae1a9d89ed08', id: "addOptionButton" }, index.h("custom-button", { key: 'd74e8fa9513a768d3e443f75a98bef4aac0560b0', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: '06e025c15d6e64f9d93ddd8a68f104760b5084b9', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: '4ff8224d79d8d5e2978356b423216d422e6dd327', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '300b206bb4c7e975025d4d00804175f6b9a0ca0d', 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: '9e280df0a4dd135793ef432851bf77cf7247b8f6', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '3fed3bfeb388533125caa255124ce2fa66dd018a', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'e215e14244f28b458b821cad21e92c672178c054', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'd5f7c216937e99aec37d7edc4a8b64d95ec66ab5', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: 'e621c124767f266a83a83b8baa7d4fbc0d764ac8', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '112cf041c32bc6ef1e2401536d59a1b9a8f61504', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'fe29e6fc905c0c86a3dd0179937bac36ef248c32', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '46d45b559c0d101ca90069642d5c91693491774c', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '2329d43385d5f5cca508c2b3b6dc90b41f9e1fec', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '286b001358790cc79d33a46bb940c038a1cc9da9', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '313cf7021f18b9226517a35948879b4f6ed5c8e1', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '3a4d9b331c5293217fe232074fd7f170b56c1de6', id: "withSelectedOption" }, index.h("div", { key: '364c530debf68e8b244e88ed2c6f37cb4ce29ce4', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'bbaf3c3c5e290d69e521b616d018d2c09a3ca7ab', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '8bcb87edf4156ac4b20ff2e299ef0b26b964ff0a', variant: "button" }, 'With Selected'))), index.h("div", { key: 'f4e432db4058fce8b64b3004eace7541ef4f3347', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: 'f3c29a29b4d46377b2cc18fcea9d133e3263b611', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'f9ac13c8cd5ca79db115736b78202c37e4d0399a', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '51ce8939de972a57fb4255ce95181a598ef7fa5c', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '172bc5e55875bb2a75e7dc87fce8ba71cb51167b', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: 'bb6d9508159f0d8d814f5fa6c3413d1dab9a1528', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: 'ae77e80fda5224f3f4a046628f1d80928dd278fb', id: "addOptionButton" }, index.h("custom-button", { key: '722fd03a1c24a8b48abf282a5b9f48e6a02781da', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'e42f4e88b24feeb40e6d4f13c09108ee447070c5', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'f46fa1ac31dacde99957907539cd8bd70b593421', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '09d1bc7a823a5d07040053e1593712c89a6aac3d', 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: '70ae87038ef628db25c520ff13dd8249c73a4f49', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '6d73cb32af105b55e06954353f01a49333fa125e', 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: 'b1d8116652a79cded0f2a9eac2a9b9eb5177121c', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '57f1992dff940564df58ab357183afd11c58e85c', 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: '220c21f1b6b1c2f524a6b2dcb3e4713a23f9f3e1', style: { height: '12px' } }), index.h("div", { key: '3916c9370f7f919dfd625a69fa676eb58f03d42c' }, index.h("text-field", { key: 'e22a45b44f80f743e0837199eddb2acfe5de7f96', 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: '3c58a0b41911cf1d001c868eb8df9d2a61168653', style: { height: '12px' } }), index.h("div", { key: '02f238f47024ecb3cdb478aaf1991ad613a1f1db' }, index.h("text-field", { key: 'd7aa8f1a0c15c9fa882a816cc15db27fccee3d21', 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: 'abc49d287722844fff1c3a4e9330f176d0043c16', class: "popoverContent" }, index.h("udp-selector", { key: 'f1c59362e6c21024d27db306d192e3cb5e2e5bde', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: '12b5c4d403a754bfda8d842c09d54543edab45ca', class: "popoverContent" }, index.h("udp-selector", { key: '5d0e7e4bd02c51b1607ba9b4b656a2c70120fc69', 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: '2d4e3aca4f3f67d8a9e35e3777296c421bee0e4a', class: {
+        return (index.h(index.Host, { key: '1571600d3d494d313f93582b4498ef887ec7a99b', 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: '3b91c399eccf6398700c97bc7846b43e48373816', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: 'c659b0532c0d9151fd95af037f80bb8ad5056618', variant: "caption-text" }, index.h("label", { key: '1e3c75b92ec33a35435d63583bf8202ef4ae2b36', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '863ec1107348ade2e2b764dc91221bd28a3801bb', class: "search-container" }, index.h("div", { key: '64eadf410f331d7c2af5d7f8f23ded620a687005', 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: 'b70fcc7b2e81cd61c0d90b8e47ccd816a2a68657', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: 'b0364f1191437caa0841d6b77da9cd01ee674ce9', variant: "caption-text" }, index.h("label", { key: '282b8eee40e96b1f19390770b9ef829cb62438da', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'c78d5e03afe8695ce3aa48134ea461857354b5fd', class: "search-container" }, index.h("div", { key: '857cbac7e7f2e2945d4ea0726345767b25ff18db', 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: 'aeadc7d7a74e6ef4b82eb405fad0ed0d13d35cc4', class: "search-actions" }, index.h("button", { key: 'f000cc7285c9878c6c648852037aef3bd906b33c', 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: '63d9b8606d8cad46a6c58afa8422167e2bdd37b6', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '2afb2823195581ba80643f73ad3375c69419539b', class: "spinner" }))), index.h("udp-pop-over", { key: '702fa32d8d612794604f138300e39d50620b69fc', 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: '628db39a877d8eb18db90624be96dae227feb139', 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: '3761ae348cc1cdd1640ac5e980ff91bfe39e4e53', class: "search-actions" }, index.h("button", { key: '76f224bf745d29e999a8f40207132cbf052527c7', 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: 'bbd142a58bad4bc190c1fff1d36fc318bd587980', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '37ea79440c9acff7086d7dbbd824dabb960abe66', class: "spinner" }))), index.h("udp-pop-over", { key: 'ac0ef8d4a234e91cebdc6806a4996d3f83477ed1', 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: '0228f5977d73bcdaa3b4104c453c946839fc27a7', 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: '7944b8ea22974984122f863642b7dcc68e613af6', class: {
+        return (index.h(index.Host, { key: 'e111a0da1bb0e54f834032d9e0ad1e791189b9b4', 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: 'fa8c152c7f02dfa33a2dc61742e909270ebf96df', class: "bx--form-item" }, index.h("unity-typography", { key: 'ad7ee303e0f2319fda343c16503619876ec345be', variant: "caption-text" }, index.h("label", { key: 'af05c92e5439d9638074250aa7d87ae818829772', 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: 'bcb6a988d57b50c03722c4063919743bae0d204c', class: "bx--form-item" }, index.h("unity-typography", { key: '26ef4764ad4e5b33c2bc868d89cde76d22f79bad', variant: "caption-text" }, index.h("label", { key: '0fbac7370479fd6c4fcbe713b797a584e12067e6', 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: '93f04f5e44e6d84122735fb157c468aadd47f558', class: "error-message" }, index.h("unity-typography", { key: '6f3929c196c812df975300a80150a1ee647dd045', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: 'd60c94fe2d2026f4e4d3239684cf94b805e217f3', class: "error-message" }, index.h("unity-typography", { key: '24a1cb442cce2d964ba93ab77cffb4a2db814123', 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: '0b3923e40df32ab8c5dd3987c868a3725ca973cc', class: {
+        return (index.h(index.Host, { key: '284310282643812508b7f68e3d009df63990c076', 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: 'c4b6ece29dc2f4d0135004eec65c72dc57ed8ae4', class: "bx--form-item" }, index.h("unity-typography", { key: 'c965c14c65a6c3b07ae2db365714bcae597dddec', variant: "caption-text" }, index.h("label", { key: '05555920b821b7d559df8f2cb5f461728ce5d6a2', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '8db1f48a6503a0f9429a39c9220ffb1eafabf0a6', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: 'e89205d4d0d790a682fcc5884bdd0e92783806f9', class: "bx--form-item" }, index.h("unity-typography", { key: '72d5088b9a1e2cac7d99de68e82bf78ee50028a8', variant: "caption-text" }, index.h("label", { key: '683622ed8d05745aca452f27f01982edb73327db', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '0327812cee81fec5515b16b6b0decf988f666561', 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: '2d4acc4e2ac0386b5f36b008d61885783757b00e', class: "error-message" }, index.h("unity-typography", { key: '647fd37cfe55ab35e50ab869e085db6f7db12671', 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: '06036b834a00f6d2146c329d273a0fcb50894022', class: "error-message" }, index.h("unity-typography", { key: 'b42d6d7138a06f07af8d06ef75abd56aa4e98331', 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: '112de55c4cbe474bef6e846dbb2c7e5d37cc3e87', class: {
+        return (index.h(index.Host, { key: '7893c700f86e5806cd7899759af4fec29224ab77', 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: '772693aaa1ade1bf2a6d7738919bc3b427246d62', class: "bx--form-item" }, index.h("unity-typography", { key: '1a5f6ae60a5723d276ee27fbbb7f4d48a8ca2317', variant: "caption-text" }, index.h("label", { key: 'ce4cfad8ac7d9aadba35b678bc54d1e985596cd0', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '21e44b1fcd5d3a10243e5fb8b5ca4ab74e8ae8dc', 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: '96a601d06a84ac28cae4122fa32e4566ddf68708', class: "bx--form-item" }, index.h("unity-typography", { key: '93e546890e3df61410df30878b9cce9eec5f07f7', variant: "caption-text" }, index.h("label", { key: 'ef1df1bd39fd42da9c48f1a3f5885e05cf7c299d', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'c803b21d7f0df3f4d76f88fbe22a51996c8b0882', 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: '810018074acceeabd802a029f0d0da470e854eb9', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: 'f89439965c32d3623d6b015f705d2d322dea19c2', 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: '64f5a78954c00f513940a6783e7fa23c795bb73d', class: {
+        return (index.h(index.Host, { key: '1984e183da0e602b16ec5453744452ceb659d294', 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: '8bf36f39f499a4541920c924659bbc1ac870f393', class: "bx--form-item" }, index.h("unity-typography", { key: '67672fea011eca3088da15b08da8917437146357', variant: "caption-text" }, index.h("label", { key: '19a25b54ae39baab04a21db4d2cf64910575330b', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '70c4a2ea09550e04fe9a8677b3e743d20a0e904b', 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: '607251acff47964e651888c2a30212ce369058d0', class: "bx--form-item" }, index.h("unity-typography", { key: 'c6b0683f946657009203fd8e8b958ba270f5a01d', variant: "caption-text" }, index.h("label", { key: '3ab73991b0e8ce96a2c1add100baa1513cd2c808', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '6ce9c27de7e19dc4f30d98431ba8d4c2aa29c4a9', 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: '74eb2ba5cbb5b7a69e3dfeff76142f0a9e400eb6', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '7ead339e05b7d8e25bfcb3dc96fb226fd53370db', 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: '1ae48cb7f429255845252007b67e4f49d181c65c', class: {
+        return (index.h(index.Host, { key: '4f56110550cec958ad3269d09264af4ea86624f4', 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: '1e020ec08efa15738720736d634d125b459b9f7a', class: "bx--form-item" }, index.h("unity-typography", { key: '6a1b2bbac318961716ee0eafff20031ce1bbda9b', variant: "caption-text" }, index.h("label", { key: 'cf0f341e3fdc0188f5c51b6ae63c60643dcb7915', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '5472f456c4bd13aca9fc3cd98b98e92038513a7f', 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: 'dcbb1681537a8c0221c156c30972a5efd66edfee', class: "bx--form-item" }, index.h("unity-typography", { key: 'f235c23a0df8cc2cdcf8a5e5372d674a22118565', variant: "caption-text" }, index.h("label", { key: '78580a704857a03ecef39dfe90622f87dafb09d1', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '76a215225a1d2612150de571b2fd8a87edc1d47a', 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: '1f12c761da378b3b6c4d37250282543fb86c5a80', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '7b0fbc5f7aabd61e192004f1f8608d7409efb411', 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: '365c7853e39dcbb66d6ab3050712248b9525742b', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (index.h("div", { key: '4dfc87ee591f3855359f790a443a56a111029577', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
     }
     get el() { return index.getElement(this); }
 };
@@ -464,8 +464,8 @@ const EditViewFormDialog = class {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (index.h("fluent-dialog", { key: '3f521ae8b323fca0ec6da11992b1ff9556616c6d', 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: '415a578653c4306223af990f44dafe759b5d5aec', class: "edit-form" }, index.h("text-field", { key: 'c216c1d41516741b3e38164093a1af4fea1fa31c', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: '1af99a48f747c4474d9eb3ff3f252e0df283fe45', class: "toggle-options" }, index.h("div", { key: 'ae509e51a509a6f20278cdc349df87c4cafcb049' }, index.h("stencil-toggle", { key: 'b3184077d599682247b8a02739a70f3d00932855', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: 'dab6414c41d9164eea6570c8b63c938ce430cf97' }, index.h("stencil-toggle", { key: '4cafd527c83715ce84b19b4b5f4161b5f6ebf446', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: '14b370ce5ab70f514bbc0ebf7f1d4192f01ee6ce', 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: '83d69a5ac150e339ad1b7a674d9cc4e4f247508e', class: "edit-form" }, index.h("text-field", { key: '546f78afc89741adbd5aa876892b9e033971b975', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: '64c6139a60f4739ef9231665b2f8d16a8724108c', class: "toggle-options" }, index.h("div", { key: 'b814cb5d0d544b06607db90d3b42c41c1ae7c903' }, index.h("stencil-toggle", { key: '7bdf306c36676ab125548fd5173045213c29456b', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: 'b2fba4e4b791aba20997b88a54efdbe3119b6898' }, index.h("stencil-toggle", { key: 'cbf657e6a6cfa78a34db3ace1f56c117fe933a36', 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: '15b50e78f39566e3d71e3b547cfd610b2a17ac43', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '8cfdbf7e406fb9fc82b57d62af4ff9a707281821', class: "title-section" }, index.h("div", { key: '735e7a7bac68ed9b48637afa65ffa36e07102d39' }, index.h("unity-typography", { key: '1bab02f2dc1c58673890993759b8f296eea5bae8', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '67c79bb44f7e8f6dc8c6b8b4db2300f23f0f598c', class: "button-section" }, index.h("div", { key: '0d530fd455e63fa6a070c7e6c85d12fa28d22a63' }, index.h("slot", { key: '277d42228245fc196546f3bc550810bbf7c216c5' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: 'd0e92ad63b338c132a1328306f62c105196682bd', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '4a8d62ce8c659134a777604e976e9f83ac255bc4', class: "title-section" }, index.h("div", { key: '3522a2e5535d57513442f6320f446c91f08ae3bc' }, index.h("unity-typography", { key: '7aed20b78117ba3cb61f2478af65a45463cde1fb', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '160f0619983bc9a1a2c4a9c41a08d04ea2cddc67', class: "button-section" }, index.h("div", { key: '578f1e0147da9d47a50228312ddaf6a7ff85476f' }, index.h("slot", { key: 'aa320f50288b55c33192677f6bd898f31f3a1772' })), 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: 'c2a716e7243614fe0976acc0e1d5fd6a6bb2c716', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'd65a70fd52cc95f2a2e53399f275635a24c4b201', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: 'dd1ac64462d79e734eac8de43b63e7f441e8ce5b', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '1fe29e222cb83dfece0f459667a10e3ee25c4cf5', 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: '51243a2682c488023ac6eba177df0d7c6a098515', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: 'fcd8bdbb45403f1975bc39de417d5c83ba4abb1d', 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: 'cd5462d76c6e370c6738f77ed2a59b56660c1904', class: "save-form" }, index.h("text-field", { key: 'd88e61f4a354cddabf6253b407d11cbfb142cbc2', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '3ba44f70a90ea51c9979d5028828d120675acd36', class: "toggle-options" }, index.h("div", { key: '00bbbf1bcabb850c50d42220ef000928777134aa' }, index.h("stencil-toggle", { key: '631669686f5b160475de2146606dbd3838286619', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '5d4cac035123132dddae404456851dad8c3c3e08' }, index.h("stencil-toggle", { key: '30e83be02dd74e1cba89603d49804460f45420ed', 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: '2937ff84daca5e08352de2332a8fcbd0a0f7e2da', class: "save-form" }, index.h("text-field", { key: 'e1da04b418cac6e7ba6475aba147c72fa92b86e8', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '0c6491610660c4cfb28c920dcec47f29207de133', class: "toggle-options" }, index.h("div", { key: 'cb1f30bd1229303e4793d7db99f9e4da82619612' }, index.h("stencil-toggle", { key: 'c8b5fa3c1b1d2b6d9005af165136971e56f930b2', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '23eae588c80ec713825ca0f1ce5316bc1d5cb586' }, index.h("stencil-toggle", { key: '078b512141f82dfe4ead29be0dda0395c6081fd5', 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: 'da5c01d8bd23c0b6cba507a17d7c69531afb4377' }, index.h("div", { key: 'd9fb1d1d85f199351f0fb88c6ccebe501738311a', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'e3dff04c120f1815ae628fac20b9600599910f9a', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '267e5d821ca3294407c912ca94df89bfe1b6ea2e', class: "title" }, index.h("div", { key: '1b3b90e4d2a4269d412fef99af9e47016f1c4a9e', class: 'close-button' }, index.h("stencil-icon-button", { key: '7e7374c1e202dd11c7f9357a5a465c1b03c1664b', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '581a60f25b10e2ee9a5179f7686f87dee3b6f595', class: 'title' }, index.h("unity-typography", { key: '63693418e83938c38dbd762d87e65ea6ac7a6f4b', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'e0aab48591f1ef1bb8255547ba12859367a9e771', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '86013a55afd6fbaaa151c47691c3e29d2ce126ed', padding: this.padding }, index.h("slot", { key: 'e1a912d3a0436b3260b44761a9b1b1d206d136d7' })))));
+        return (index.h("div", { key: 'b13cfa6681c6b42af5b2995dd78aef8487b0d6cb' }, index.h("div", { key: '91131216a2648317a9a54da753cfd47799d90ad1', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '0dead72aba605cfbdeacc27482fbedb1546b8301', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '33cbcbf754bb04cede54766c3828df554522aec9', class: "title" }, index.h("div", { key: 'cc9237b36d9641f8192493a1dc374d816735abf9', class: 'close-button' }, index.h("stencil-icon-button", { key: '77d81a62ac42c6920005d3e8c387a816467da831', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '4871c4ea7db59336b50b4b1463d125cd5392820a', class: 'title' }, index.h("unity-typography", { key: '4ba8f30144651e7bdf1bb50ae4ab2d41bf827769', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '812917af309cf9235ec9ffc7f9776842c8f601c5', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '9e02ddad5f427c42282311683bd5b19bae0c7704', padding: this.padding }, index.h("slot", { key: '04c5e62a981e903b23d0f907a550d70c62faca9c' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: 'e57ff925e0c1ce567506b45e8bc78e40d6d6e981', class: "wrapper" }, index.h("form", { key: '4d7835ec494afaac61288214351d2bbf749d1366', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '1b05b607b6f35519c13961c732e193977416f88b', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'bfe774c4af388270de3e1b22f1aebe126c0067ba', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'abe79da66c297d89d49a79a7839587adb5d78501', class: "submit-button" }, index.h("custom-button", { key: '6c0b0f8714f459ff9769c9c877269dfecd15b0e8', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'bf519ab9c4e0b88becb93e882ac8487a15b5efa5', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: '6ea4287c721de2ac229c6e2ffae1a89bd795f7ef', class: "wrapper" }, index.h("form", { key: 'a255871bcdf0f5a16dd617a7817cb606f2c71cc5', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: 'fe345f3096b6f59e634f69b294969ed004e2b60d', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '54e70c440626d5d8b214d2fcea00921980da5a83', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'bbe4cedbe049e779fb049505234cf33dc182b7d6', class: "submit-button" }, index.h("custom-button", { key: '9c19b71bfaf46f27443c26ddc191715d8662c8ef', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'd040b0d48592fa144d95611548d30f0ba7c764d4', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };