npm - udp-stencil-component-library - Versions diffs - 25.18.3-beta.21 → 25.18.3-beta.22 - Mend

udp-stencil-component-library 25.18.3-beta.21 → 25.18.3-beta.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (247) hide show

package/dist/cjs/add-map-feature-popup_4.cjs.entry.js CHANGED Viewed

@@ -83,11 +83,11 @@ const AddMapFeaturePopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'ab1ed5ca2677a791993f9df404e673a6bdf07dc9', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: 'ec7eef596e56f9d36c9205182e104a576c9992eb', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (index.h("div", { key: '8e1c72aa2bdd0d51010537799130b2a769723a3f', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '86cff56d15786ba82eaa1359ec444fb0e161efc6', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), index.h("udp-selector", { key: 'b2e22a471f4f035dbcc682142161d13190eacf5b', 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: '29269b50bc9e812e995b724f210b72eb17f97d59', 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: '86efde8392f0c1314eb0434d12b276d79c81f91f', class: "formButton" }, index.h("custom-button", { key: '29b8e931f303111001ea75d635ce3621af892435', 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: '349e8b182ff0991e6137304ade8125952d8eeb50', class: "formButton" }, index.h("custom-button", { key: '34a68ef5e66e6a1a53bf3124c2217d52163affa3', 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: '3c4c309093df747e440be4b996c4d57a27032264', class: "toolbarContainer" }, index.h("div", { key: 'beeda8a2ea701767adc1b047b1a98e51a2abd307', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '9468444901c03705bc1b9d0940f70da6b9d82088', variant: "h4" }, this.mapTitle)), index.h("div", { key: '8067b6cf416b3fe957bf814c8da46ed2f7335ce3', class: "buttons" }, index.h("div", { key: '0908d98b6b746b5c927f5b2f0b8197afede768c5', class: "buttonContainer" }, index.h("div", { key: '6bb2a56a4bc534e8cd5f8f04f30f7592380131fa', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '3bb972adf04e8dadb02222fcdb391205ec2c0a78', id: "filterOption" }, index.h("div", { key: '7870bbe45baebfb073b5de041c63ca2d3460a500', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '1c32866b4290d58bba19757af8c27dc5740ae891', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '6f8a5d7e2d3ab477ab89757d64b79951b236461f', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '6e26be24509376f873c31c7e7969a7222e1478e0', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: '8ac34cbfa1b3d6a1923717d9d03342ffd51946ce', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '1edd0c39daf39dab486af7278b2aa7d48e0bd5e1', id: "layerOption" }, index.h("div", { key: '5956317f0633c4c260e42e5f62193332b6b30cba', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '2eff37e53e388f3214b07387fd13ff94bf13f7d0', 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: '30afac3b3e66cd6eff2f872440eb3a363796728e', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: 'b18632e51a5235195540a17d4543348028e38252', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '1b3f73050e86b6f0c458a5142ab7f78d8c3549ca', 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: '80cd59979c22f922e12fcc2a39267c2bbfd3ef52', id: "bulkSelectOption" }, index.h("div", { key: 'ed1af0e88b3337e5515ab2b3cc125c2ce82bcab8', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '454138c92088662cd48559230b4203260a9ba677', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '0dc9a883775c0b44ec7fc194cbb555a781468a5f', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: '529635eff46460f972dd6dc2a81e391b1d53674a', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '94ba308a45535dbd2e727716187cdd112095b0ea', label: 'Box', handleOnClick: () => {
+        return (index.h("div", { key: 'e86c7880f6c7066fddbc368d1ceb502f74ed5e05', class: "toolbarContainer" }, index.h("div", { key: '90c48214d8788dc803afe6c1d5cc2fd6469cb5ce', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '7e2f76b70abdf6200dc3fa2de2929f4eb25fdd71', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'df735e68e829f662d18ed65c1b07896a6812d0ba', class: "buttons" }, index.h("div", { key: '4639439e5658a7e14ad3afb543da434f4153ee2a', class: "buttonContainer" }, index.h("div", { key: 'a8176861542afef172ad6901af7b0bf5e2904d21', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'f32a7125ecb85a56e90e45cb990fd9dd2a7ed7bb', id: "filterOption" }, index.h("div", { key: 'be74e747b3279e32416841ec503e02381804fb0d', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '3447e4a056fe9ea2983f498784879f60ac5f5d02', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: 'b2cce039abddd12fe602edf18dc7a80f261715b1', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '8bb02b82d0139ca2ddee95fb0f5bfcae44f95e9e', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'b78ddcecebbb1f14551932b858ee40e9269dfa97', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '877fbf5f6d21b5918611931a4d17593fb9d06e87', id: "layerOption" }, index.h("div", { key: '0b0f76bf2e72a8dc2b287c3692df8d7c98fdc74f', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '9114a0efd5a094fd60362f28e12580a7570693fb', 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: 'd1d7705fdb8090c1e33cec377e96c06e89160ead', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '6581fa6f96aad7764cd4c32278d680ed36c26e79', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '3a90bab24b2be9f7c7a77a6bce6947e0485d1716', 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: '641d70708e3dcfd927c2d2d8116a6143355a0c68', id: "bulkSelectOption" }, index.h("div", { key: '0446430bff4e7753b8ebe03da4c255c403cd0a98', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: 'e1b7a1a0af52cbbeba2d7ec753043b5b315f47b5', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '0be5c08becc4263b3651ad5f7ba3cd0f23f11f1f', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: '78f91418877eb94cd3644a4d856800ce9672c3e8', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '10f733a7f880913713ff056c78966606eadc1760', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: 'c64a751b1f5e647d5d9f89e7f8c4c97765ad4211', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '604585ebba0a5e875f608ef1bff49a5a2d7fcdea', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: '4c196455425e92088f9be89071add0a30ea0d93e', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'b4230dfcc8463059e5fa5f4bee2b0f7cb07f2f66', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: '431e394d2bb8857e31238454233ed8a02021e4b8', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'bf24783d7207a16eea7bd733c14e3ec3b1339410', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'c20e7b43405c436379b904b739e459d3033d9abb', id: "splitOption" }, index.h("div", { key: '5e0af9684b6f146d683bd9ba1a6ee5054234b664', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '989e247c094e538f9cbf0cba3943c6560a6e20f2', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '285de3bb28aa89ab124dd853cea42395944549fd', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '6ed56bbaa562ce23d74520985afa3c99aa268080', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: 'ce569c74f9df0c2c925e408b5e9456aeef603d77', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '8f0179d4a0b01af8a7b81d70ab27c9be54ae9ccd', 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: '70bf3c44dfb9384dd0d5fefc737b2431bb692dc6', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '7304ba4e6864dbd809ade67b90920651f464adec', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'edd4c22ef637bf5ab61d08f87d3f00c5cca10940', id: "splitOption" }, index.h("div", { key: 'ca261282e86aaeed35cc89911e2bf93ad1dec09f', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '81c0234e5ffa43faef89eeaf55b5d71ee05be7e0', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '1d44b3e61ffc9278a24e9f09692593d175a80e9a', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: 'aa7d8dbd0499d7225a5a929439a0128c12d15cd4', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '731ece0e276e6bbe871f61771a398face408e6be', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '3104e084d4dd15018be1a18f9cf9a185b2d80ac1', 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: 'aa219b11e173ca55543bac5d94d8f7878be645be', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '780d8721a78b7f4bfb6b8cd0b4f0dfd978ad3d8e', 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: 'dcd3a7f78ba3bcece667501274e99914a57cd246', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '368faa997fbde6a18b2461f5abaf114eeaffeffa', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'f47c297f68db7657b3f1a2b778d253cebf59c9b3', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'aa8aaace4e8eee6275bc016de6d42a6d5194b985', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '8f54bca2da8819f084c5ddc89977c2b758288e9d', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '6be3df85aed77a276ad8a3b529e3e5def9d2a71a', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '12e3918ea284a00986a2cbd0835d1652ff0551b8', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '2e9d206eb9322c04ae2e302f6a509b9e67be8756', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '3b9a77272381b935e68d36d058f216d3a7fa61eb', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '758884b48b6cf187d97d4846ed1a000a0009daf0', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'e8ce2f5f2ce46df6b080c32a66679698a1fd8f17', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '90d4826d1c4dafc43843eb07364ca902ea04e7f1', id: "withSelectedOption" }, index.h("div", { key: '12ad6a8cab1e1e9bc4d72b8c5c4b79bee09c77eb', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'ca28eeaa06e55f4daac4839b25722791f77cd039', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '35e6aadbd2c8bc9cb869a6a9b93315c559a028f7', variant: "button" }, 'With Selected'))), index.h("div", { key: 'de899c8aa23499fb7fb8e77daf22791cbd68d6f6', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '59e9ba98416c61b4a1ae300e623b6dade536cd46', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '85f10155c39ec8e26767843fa4a46a306b92c337', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '7339728af7da2cc6937a9563e1437cd13c638a8a', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'aa780950e6cb1a8b208c75ff83ae9f6fa75bd899', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '0e68570c00aa3d8fa7894d09ce05e10939b3acf3', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: 'd223552ccc94f11552f0b25e35b55bd7fe146513', id: "addOptionButton" }, index.h("custom-button", { key: '54d35b8b11dfa5288702d8c81341e8db7424ac64', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: '8d7cd2327d7afaa1e73c33414f39737e8f029f80', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'daafd8ec4daac68065de20086ed6492ec042f840', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: 'dac84355cb20520964271976627cc749e946d927', 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: '358af79583ee3cb923bb5d3a55bdf025d1b60795', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '9beca4c9688cef6668220ca3b5fa21cbe9c34a59', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '3eccce040bbe1e969261249155aaa56ee1384445', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'd3eac0ecf7bc6437fa42221b86620d2d88bd623b', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '5b20c0c5085d8319e18dc86e6ab62e95a3769ab0', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'b3ce5fb8e52eb96b8ddccb0b7171a7c2b1a8244c', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '0e676d129570f99c40a5cf7a974a67d23fb7a4ba', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'cda3def0b2abd76ef249e9c59c3489901b47c153', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'a946f3d12e3d006c56b3990a1e1da35aa7bc4c1e', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '14c5e36df055ae5432b42e34b2bde7fdeb4e5321', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'd628b5bf6d80473694546605dd3c82762ebef09f', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '4220f99515775558593d0d685bbb748d0e0db015', id: "withSelectedOption" }, index.h("div", { key: '141a38a2c670af922d36e7149d49ca730bb0f95f', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'b4b78f2915387534f19fb00d75f498558340cde1', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '1826294d727cfbd6f1a0aade745789c88a437f7b', variant: "button" }, 'With Selected'))), index.h("div", { key: 'fa406e6d83d4ba4eb7ce9446c618cf1e44124445', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '345af570a837a640ce8e86dda25aea8315ea8d79', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'aaf553524358e3ae16ba4d80a56686df30c24e87', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: 'cd57d0aaf617b65bc8fb5c7f94de26f194b8e13e', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '64c13342bb3e5c6be5bf9b1c53c83835cb01b6b2', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '596fe5a772111ba204af179b6a2f3153f3f417bf', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: 'b29e31f52d36b967ee8bcf6c8ee49ebc24f0dc47', id: "addOptionButton" }, index.h("custom-button", { key: '1f1849d3683a8cd97a34f92d07d4e48035613305', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: '0195b92b025d7fad1e03f86288821f0a59a814ce', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'e4fd10d53ad0554ea1f2dd0840fdb987ca77a682', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '7632eb0a6c767d81783f402e26e803f0cf0c018a', 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: '01bc83fe9a6681cd3b758304f0b3ab86905a20ea', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: 'be9750623f3db5b2c931b2aa9011539c2c06bb29', 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: '024773871c20f3e7294332482adb6e934fca58ea', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '50515fd8d8f76dbbd480001b7c0a93bd6c130e94', 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: '8bb809b63d3bf62dc68e3ccb4b6ca6955a8e9afa', style: { height: '12px' } }), index.h("div", { key: 'c8a7dd649903502701add0022d5e7109885b185e' }, index.h("text-field", { key: '65b5259916f7d2f5b9b90717298bf578088808d0', 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: 'dae43aef194f0ff3e77b30cd29fbb547ed3532f7', style: { height: '12px' } }), index.h("div", { key: '4db585b5d3bfa9013c3026c23fb361908d93b1f4' }, index.h("text-field", { key: '1d32e316c8fa5e0cfbdaf3f096e64a37b7528357', 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: '78620d790ed04c291b3dc17236222d314398053f', class: "popoverContent" }, index.h("udp-selector", { key: 'd5e9ebe438adafeea12fe81557529c97ab49d427', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: '1eef3291af890c3421818274d48ac6089b2579d3', class: "popoverContent" }, index.h("udp-selector", { key: '1162c6ff38a06f2efd20e80d3851bc7ab5e5db2b', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

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

@@ -187,15 +187,15 @@ const AddressSearch = class {
                 borderBottom: '1px solid var(--gray-02, #f0f0f0)',
             }
             : undefined;
-        return (index.h(index.Host, { key: '40bf90fd8bcae05e21ceea7673cb61620eef279a', class: {
+        return (index.h(index.Host, { key: '83eeb45cd55850c6fb513b6434116d44d5a8ace0', 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: 'a222fa177c4aac313edb57e37a45338c0735e7bc', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '85b61290a921b23d69f53f70e5b9887f1801c61d', variant: "caption-text" }, index.h("label", { key: '8f55eb34329c8e5d1dad863ec26edc6732e4d1db', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'f395d74370398ce9bca5335d4396c167e6758f4e', class: "search-container" }, index.h("div", { key: 'a2682ed4c947c661303fb1606101757f5011762c', 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: 'caead6647c2c974b1895ddad0bbc2677321e0225', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '8166aed88abe20e446b941f3f65055018569210c', variant: "caption-text" }, index.h("label", { key: '4ee46607f6185a9e0ae08c9f93ec34b8e9eadd09', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '05a9ae61b3f8ca7d1c268b20dae0acaa1f462e91', class: "search-container" }, index.h("div", { key: 'bda5c988a32ed489698f9b33a5abb7b2b98be091', 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: 'f77b0b9aeba8a420a3c5a4535a838e7f83d6a29e', class: "search-actions" }, index.h("button", { key: 'd936caf4f4e943203cceb1cf5f700de5fd6cfa25', 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: '44c50427f42758773851ed9c757198a77cc64d91', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '82896459c702b7aef7801f0966dda870479a8daa', class: "spinner" }))), index.h("udp-pop-over", { key: 'c3b65d2b8cc15c303317507aa2323176be45d456', 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: 'a6578c78c98390f72e686a4a95e6b52b789ab99f', 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: '52b5d998ea36ce3304413919dfa8256ecbb167c3', class: "search-actions" }, index.h("button", { key: 'e2d995f20e540e52c347cf338fdd84b79ca2a698', 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: 'ba7a864a0346cb0e3c353bed8c254c72f7fa2a93', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: 'fb170a65c77c66f2e8a65c70329e67f08f5621c2', class: "spinner" }))), index.h("udp-pop-over", { key: '20aa3e850fb8b31ade01a70570f70ea256b54bf1', 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: '77b10e1dbd000e547a87085cd84ae83b212abf89', 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: '78309dc01cb5c2335902e457ae090313a40af67d', class: {
+        return (index.h(index.Host, { key: '53d045ffda4c21d8cd1c02ac23fb173f37f68b94', 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: 'ac9244eba17dd699e3cb191908ac7ad815670864', class: "bx--form-item" }, index.h("unity-typography", { key: '98412da8b49d0ec5baf4ae117d870bbf756dd2b6', variant: "caption-text" }, index.h("label", { key: '37351aab5381f105f878aba63776503c9c8e65fb', 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: '39c13790472a71fe94436440fc33c963712ab3f0', class: "bx--form-item" }, index.h("unity-typography", { key: '2bfe56a9808308ffc8f762ddd3dc6708c95e881c', variant: "caption-text" }, index.h("label", { key: 'f11059d9dfbc1ea6df9726aa5eb0c4789d135118', 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: '6cc94916a6f2e015d63e5cf5101a045512b7870c', class: "error-message" }, index.h("unity-typography", { key: 'e4bf0f0aec894623273d01b58540d0c4911eae66', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: 'e7a8b60721176a0edc941fe0ee421ea87afc04b3', class: "error-message" }, index.h("unity-typography", { key: 'a959c90afa0c07548f18287200d4564afbc927ca', 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: 'd10f80b18db6ce8771cebe8ba02de876eed8f0e9', class: {
+        return (index.h(index.Host, { key: '054f989525a8d20f7849d3fd17035fd99e3a8ffc', 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: '7817d8d511b395253af110040fe04165fc4bd887', class: "bx--form-item" }, index.h("unity-typography", { key: 'b138236d45cb536d42a9c1a2c358cc8f5923f13f', variant: "caption-text" }, index.h("label", { key: '9f1749c137fdf85f1d1a2e7f1021b00a15bcee18', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'c637b52bea8a507c45c50b21dbdc3a45f55ddbd4', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: '4d67e7cf3c80c57d0ea6f98009622ffad71968ac', class: "bx--form-item" }, index.h("unity-typography", { key: '230d82ad39d75ca9f47dc572fd715834adb768a7', variant: "caption-text" }, index.h("label", { key: '87012fa970e2fe35f4b8f9c074b7e09f318068bb', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '55d668529e7590b85388fa937374411878734274', 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: '8a8ee79da028ffb8c911c0fc8fdbc5b15beb5ec4', class: "error-message" }, index.h("unity-typography", { key: 'a32bd5040a48a0283030afdb67a913a7191221ea', 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: '7aca5f1439a6cb0d51323f218809c4ac625be4a2', class: "error-message" }, index.h("unity-typography", { key: '85f9525071e3abff5ee9ace437ad622386e8f678', 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: '37b38f31bd8d78ef9468851373a90523f8be5381', class: {
+        return (index.h(index.Host, { key: '09fa8b698228f9df93f72bae6d2de9aa057d9c10', 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: 'b9305a4101cd31479834d89c6cdf60fd88342e54', class: "bx--form-item" }, index.h("unity-typography", { key: '61845345370286a2c4469f40c840ef35db16cf06', variant: "caption-text" }, index.h("label", { key: 'eb688c885f68e9953a1a4036d5c64c69aa0e6943', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'c87186e5122996a552a7e78b27b43f4391bc1f83', 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: '76cc19eac87c16008f3a9bd48676e48a40943fbd', class: "bx--form-item" }, index.h("unity-typography", { key: '69e11559f000fba94b2722cce9d0cbac698dee43', variant: "caption-text" }, index.h("label", { key: '1ca600eb7ba6ed7512efbc22ea871e2826b2cf0a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '74acd6f900d11601e2491ba5b37ff23533c4113d', 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: '8bc181af2f206032e648a1643950dacadb2de5ee', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: '38325dbaeaa0df6f6606d58f8cc3b34368fec406', 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: '7de23b42fd564e3d2e7bbe129cc4efe9e00b4500', class: {
+        return (index.h(index.Host, { key: '6e7eb3b539e25fa561fb6174926b3eb9d9915788', 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: '37ad1ed3d2e96197c3d8b711ef7da53c69ff2436', class: "bx--form-item" }, index.h("unity-typography", { key: '0d6fc775ba30c64844ad309206ff8ac339a3bf6a', variant: "caption-text" }, index.h("label", { key: '8e473d6e84ef1f625d020b4a4d00a4541b2bf532', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '79bbc06a0ce6094ffcd4f7c81babda8b55b12fae', 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: '707468a6b5162594f5a680c9aa88499708a51f53', class: "bx--form-item" }, index.h("unity-typography", { key: 'acba0bbca916cd9f2ba3b05974ca6e6f56ab4f28', variant: "caption-text" }, index.h("label", { key: 'cc7fdee83a71dbd27f011822d0c045c6b4ffd721', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '85f1e53fedfb662cdaa082fb1cc3d2c9ab85ab27', 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: '71f84d65fea78681ab7b72a047212123ada1621f', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '8826a57c3ec0a886ebdfab151c89d5cf28ee9ee4', 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: 'e9b50ce118e38cb7c18e0b2668e6d4d04c5e980a', class: {
+        return (index.h(index.Host, { key: '81c94cdd8730d8d6a2eabf2b4ce8255b9102f6cb', 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: '804c9fc322b5ec7ecc13068c8819591ae46b6f4e', class: "bx--form-item" }, index.h("unity-typography", { key: '238bbaa5eb757b4a5b2a96940ca2597a1b2dd0fe', variant: "caption-text" }, index.h("label", { key: '565e38b389511f879b79f23998594e058203de73', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '226e0fc4a5441651054ed30c57299394fde66a95', 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: '7ad157ec302e8325b0e3b2cd84c4ab7fa01b6a6f', class: "bx--form-item" }, index.h("unity-typography", { key: '5685145d6bef291ccb9fd19afb3ba1f08ff9f0ca', variant: "caption-text" }, index.h("label", { key: 'c34f3e572d58ac774400797f2d71a9f1f8312319', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '15a7c7571c146fe9a4bbb5c7e31ace4f31a9e6e1', 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: '80ad03805b041fa30bb56d34c4e1817ebd466df9', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '63ceb8822c65574c788a881627ad9f9f3112bd49', 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 CHANGED Viewed

@@ -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: 'd51da707ad632a5076f49534dcd1b390b3381c90' }, index.h("div", { key: '0355e6ff5fe4ff242bb3f666878dc2a04877298f', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'af8c542c4afceebb0b26b5b673701b4cf3f88281', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '60c1d2c64e609e8e10301c359c2fcd580674c059', class: "title" }, index.h("div", { key: '55bc62badc0c6e1a444519344db10a208185c609', class: 'close-button' }, index.h("stencil-icon-button", { key: 'be9771f05f4dde14b60082fdd02730a93fcb9df7', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '24c8693eef1d2bbbacc27447b4abfb1affef85d7', class: 'title' }, index.h("unity-typography", { key: 'eebe9f430549fc83fdde158278c2c34c94cd6366', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'a8df5be380ebc644dbecc8dfac856a39040d4906', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'd7c0ec6fcd9b44e949a794ef3011bc5e2b5530e5', padding: this.padding }, index.h("slot", { key: 'f691c609bc5f927e0e9cb36bca608e29e504c2c5' })))));
+        return (index.h("div", { key: '1626cdacd233667975dabd3fc2f3fd20ebc63850' }, index.h("div", { key: '234582265baacaedd9f8550222dd412d7dea6d33', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'b4aa71e3354a09c9c2b87d085250dd925454aae1', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'fdca8640018e9ca9f0d54d54bc25d062e236bfc1', class: "title" }, index.h("div", { key: '330d05e3fc3461b41baac6ae1023cc0730caa67d', class: 'close-button' }, index.h("stencil-icon-button", { key: 'bf333d596125c9d219934f37cab35ee19f7eeb9e', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '4fc344cfd0e0e44b0b8b3d27e97736b252f0f3cd', class: 'title' }, index.h("unity-typography", { key: '866685a1d5b305d45f0fb296ab821e924ba6889a', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '2260f456bf0ec627fb1a76ebcc29e353798a680c', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'e28a97eea4a41ae59fb0277b282e9dde3d056fb0', padding: this.padding }, index.h("slot", { key: 'bac75870dcd9e40426f65f24c54d7c6a477d60f7' })))));
     }
 };
 SideSheet.style = sideSheetCss();