udp-stencil-component-library 26.8.0-beta.0 → 26.8.0-beta.2

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

@@ -87,11 +87,11 @@ const AddMapFeaturePopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'af06c5787f75d27e6646aa87cf3ae7071f099077' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: 'e23613bf1c29cc1518411678b3bbe0aa9193d9e4', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
+        return (index.h("div", { key: '9443d32e64e7963c672ab4a65d521a67f5893dee' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: 'e7bb4c02f748faee2e038f551f77a9e2eeedb831', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            } })), index.h("udp-fluent-dropdown", { key: '69b550da18100f88c3b8a45dc738205343ff096d', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], value: this.selectedType, valueAs: "value", label: 'Type', onValueChanged: (e) => {
+            } })), index.h("udp-fluent-dropdown", { key: '8d9971fba8f681e4a45a938d822d09f8ffce285f', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], value: this.selectedType, valueAs: "value", label: 'Type', onValueChanged: (e) => {
                 this.handleSetSelectedType(e.detail);
-            } }), index.h("div", { key: '5136eabed3a48cf56a37dbd6468f3c449bb09634', class: "formButton" }, index.h("udp-fluent-button", { key: 'bfc76975deaa674481522dfca7f284c5a7985ce1', appearance: "outline", onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
+            } }), index.h("div", { key: '504b1490014741ce4c087aca05dbcfac7c37cabe', class: "formButton" }, index.h("udp-fluent-button", { key: 'aafa8cc8726541572d06a4244beab4ce2e6d167b', appearance: "outline", onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
                 this.selectedType === null }, "Draw feature"))));
     }
     static get watchers() { return {
@@ -270,14 +270,14 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '4fbdebc8fdd34f22bd86af70584571c30c284b54', class: "toolbarContainer" }, index.h("div", { key: '3eaeb333cca824d962e3852e02ce611b725a7238', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '58b6cbe1ca6fde9e509f0ae4356bebb562f01d48', variant: "h4" }, this.mapTitle)), index.h("div", { key: '57fb1974c4658f299b3b5b7b66dd7f7bedcc683e', class: "buttons" }, index.h("div", { key: '037b37968924d032a937e464dc6f4ee658d0d424', class: "buttonContainer" }, index.h("div", { key: 'e79e9c67df9e581e736835477c28887c978403f0', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '8c4b1d47870e897f478e4e8bc863046978f25be3', id: "filterOption" }, index.h("udp-popover", { key: 'ff8afa8f5fe0af8edb2f76027213c62a67b70681', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: '2bbc265da8155a33ed125ed1337530f7d5835a01', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '863ba6af86b46efcfee504e377a2d99055c6ecbb', content: "Filter" }, index.h("udp-fluent-icon-button", { key: 'c175cb99dd6784533eeb84c04a3ce7ee5085eef1', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: '462e77ba06ef0726717eafd3c20d1ac07694348d', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: '73c206ee0ef48d914af24db5f702341dfa14a520', id: "layerOption" }, index.h("udp-popover", { key: 'ec5f0acb4913c181cd075c7fae1a2cdcc919a41e', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: '90e465340768c5f5fc81c670fd103f5cff9a9f9b', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '7cc1583b6227b43dd96150537b9a73d182eb8889', content: "Layers" }, index.h("span", { key: 'd5111b351e5257315c6054a50c61180b1e46385e', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: 'ccd9048ba02b5ffe1155cd367f7ddba725eb2daf', iconName: "layer", ariaLabel: "Layers", onClick: () => this.handleLayerOnclick() }), ((_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("udp-fluent-badge", { key: '4473c31f6912df1f76d69afcb83335379778cfa1', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: '60b0fddf5fffb897e72920fa675d9d4afbcb878b', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: 'e7a56121f9c45e71c73441d3620c4f5e6ae36b32', 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: 'c6276e179ec886fd83cfe997c1938c93867f2ae1', id: "bulkSelectOption" }, index.h("udp-popover", { key: '60d349529113188ea5a138cc6089bf42438446e8', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: '316c85e6cfb8384194c49e52fd1f03c3bc26a71b', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'b3ae9be661523a5e71420012ec22f6ac8d57ce34', content: "Select" }, index.h("udp-fluent-icon-button", { key: '4fb8e7c571bcd8ea07969abef761ae86b58ccde2', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: '7cfbbb4daf468ce9950dba833e3bf708075acffb', slot: "content" }, index.h("udp-menu-item", { key: '0f2647667388ce233444dbf1cfc18a6a4fd9227f', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: '938b4a7c4ce96573750e0f9b951f6bc331bc8e67', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: 'b8335b38cf52c38acffa804eec04b33ba2ccb9ec', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: 'c3260c078f19ddf58f47bc0c94fdda88cfab9527', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '16c4063f77c78bc9f69e2f34955ddcc23c675710', id: "splitOption" }, index.h("udp-popover", { key: '2f5b798891c071f7ac49770d4998b154de9af2e7', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: 'f3aa42c502ae33260de64633bad41128df9c08f5', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'a5203059695dadf1c72587ae41ddd6cffc7c365d', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: '06c5edc7d4dd5d18cb2ee97e48d7c6ce3488a442', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: '30b1335de8a3b7bbeee19dd520e7916b23415cb6', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: 'a8590b226b43d9b82d43622d2f84c9b184023478', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: 'de092ed338ff9825c4b25c7832d0ef5bc62a57d0', iconName: "arrow-sync", ariaLabel: (_c = this.refreshButtonTooltip) !== null && _c !== void 0 ? _c : 'Refresh', onClick: () => this.refreshEvent() }))), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: '40c00576213f095f2aed2758ef5072b2ee0236c2', class: "labelButtons" }, index.h("udp-fluent-button", { key: '04b7ca989772926464b6cfe9865b77236c0b5ec7', startIconName: this.getButtonIcon(), appearance: "transparent", size: "small", onClick: () => {
+        return (index.h("div", { key: 'ed9976f3257c5f710be36c97a01ab965e9b80c96', class: "toolbarContainer" }, index.h("div", { key: '3bc48bf9d24bfa7e44def4723e3e66684a5d02f7', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '97e9f5c73cee572b54e5605ad09f0d9e1d01e85c', variant: "h4" }, this.mapTitle)), index.h("div", { key: '259ed3563ad6b7d40ad60c9924e37ec7da2acfb5', class: "buttons" }, index.h("div", { key: '4db58b0c60318f44c9a9cfd6299fb50a5a770b1a', class: "buttonContainer" }, index.h("div", { key: '57eb1b61331f080ebed13faf15b1c1a09e67fe0d', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'b27181b4a73faa8b9bf27db7f40cabbf2c92ec1a', id: "filterOption" }, index.h("udp-popover", { key: '37a89762195bdfd44958d84688434d041bc0e113', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: 'd8bb51baec8ec4939bfccdf02dbfe0480d19de87', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'd82256f95133bcf1d67d2869292f4813bd029241', content: "Filter" }, index.h("udp-fluent-icon-button", { key: '690115b48650774befa4fba46e203df362466b82', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: '1b7398424cefff22dcf5c51d34ca3835b4757ce2', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: '00bd7d379ec3703f6de76c84f2803fcded5e4a32', id: "layerOption" }, index.h("udp-popover", { key: '7f4de646586562137f0d40556b663586c4326173', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: 'd33b0cd6b1701d10d62c2511a32ba01fca9d5bae', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '9255f99980624c86c2ff0130af4f357099c1bb6d', content: "Layers" }, index.h("span", { key: 'f191c768718bff83c27deecda6253e52beb855b2', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: '5065430e6da820ddece16699d57a796d21cb9cc9', iconName: "layer", ariaLabel: "Layers", onClick: () => this.handleLayerOnclick() }), ((_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("udp-fluent-badge", { key: 'cffe3586c4199fa0da35667fb2be6288e4924cd5', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: 'e1e87f1e8c8277876c03b56547a75375257cb93d', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: '96bc710160e73a9eda7cb49f550b41b3f9a2a2a7', 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: 'f8f67feff08a23ebd15e681555e3a692502dbe17', id: "bulkSelectOption" }, index.h("udp-popover", { key: 'ead4ec820620bcf6f94b46107f329324f8ba1e5a', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: '6d3fb0e5908d9f62da2432b70b2022394bb59028', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '75ff5ffef9ad3708117afe0df08e70773417f2f5', content: "Select" }, index.h("udp-fluent-icon-button", { key: 'adf06e566488dae4770aa2027f2997345be5b77e', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: '9f52b3932a0a3adf8b127a894945112932bdeb37', slot: "content" }, index.h("udp-menu-item", { key: '13c7eb7d566867f607bcba2784fd3cf63ccb22f3', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: 'daa17bde6246ee28ecb16acede69df04be295246', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: 'd52752a82b5113b68961bbfb1d6163a57b0c2649', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: '7626fa328501db803e086affc008891a230ffeb6', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '5c52732ed791363e2adea02d35537c29080b042d', id: "splitOption" }, index.h("udp-popover", { key: 'bbdaa79398ebd3e72b920f427287e762cdfb7c8b', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: 'ec8a6af9dd429fdc816cc1de58d3adcf8447a9b6', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'd9739deb58752728bc5225d73cafa2dd4b60359b', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: 'aa8369e43e3be12d79636928a34e72986b5e2348', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: 'c1d69240c5d54f1f1e320a3c1f635c49005677ef', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: 'a123fecb461d2e2d232b9de99c6ca583e28161da', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: '8ddbea5ca20b57078f5b1dded20e10d5afb6535c', iconName: "arrow-sync", ariaLabel: (_c = this.refreshButtonTooltip) !== null && _c !== void 0 ? _c : 'Refresh', onClick: () => this.refreshEvent() }))), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: '7000552c948785fe26f5fb1e32d53654173fb795', class: "labelButtons" }, index.h("udp-fluent-button", { key: '04d43a8cb42b31367b7e95152dadfbede0eaeb06', startIconName: this.getButtonIcon(), appearance: "transparent", size: "small", onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            } }, this.getButtonText()))), this.showSplitButton && (index.h("div", { key: '181ed99b0a20749f7818f8aef11dfe7cf9e8def3', class: "labelButtons" }, index.h("udp-fluent-button", { key: '655e62e4338632366d981a4c95a3cea92b0b24f8', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: '27e54171210d5b626e38e7a1723ad2fd1869cfaa', class: "labelButtons" }, index.h("udp-fluent-button", { key: '884786111f667f36cabf73ccb201019895e4d63a', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'fc15ead0db50d88b3808e2e6c60e27fdac1a3df1', class: "labelButtons" }, index.h("udp-fluent-button", { key: '29706fa7cd5b007a7384e0a4c6d4bfe33eac1ab4', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '6767afe10ae35d232e7c2370e4617b300e8db5f3', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '14ce3de85534a544256eff9c6830bfd12ba7c943', id: "withSelectedOption" }, index.h("udp-popover", { key: 'e1c1e062b8d094c83836dda00fda14bc86a505e0', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: 'a124cfafab9d2b895371c531aa695a4102680ef9', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: 'f32560ad1c1523b832ddf8d1fd3b672e78b1f00a', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: '9878afe6ae91ab411bc905f9008f7665ad67230a', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: '29435cc595457b10f2c697018340bd09a3f9e6f3', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: '2021d2704eccd5e90bcc54f1e7e26e22184d65a7', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: '74f0e477fd746e05b17b1508aa41c7fbcf9397e9', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: 'd838a10d7521dcabfc0819d3ae1e6d0524cc7081', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: 'dcefb958b2018df69722c8526c7fee6732887758', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: '04267bf57fd25dd992ba5b64972635db9d087397', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: 'c040784ae475d2481c3745f463a5f2b693f77720', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: 'f6ef0ee233735f09d632621d30886e80c18504ce', slot: "content", handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig })))))))));
+            } }, this.getButtonText()))), this.showSplitButton && (index.h("div", { key: '8ca70fadf30138b56a5c957fd32a2fb1f25b46d5', class: "labelButtons" }, index.h("udp-fluent-button", { key: '4cbcb4c3098a45ef10573ce1ea3e0a8d38a5efe3', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: '2934193defea596e359f718d6633046d27c532e2', class: "labelButtons" }, index.h("udp-fluent-button", { key: 'b2d568772a627d868a6be7c2c8ad2cfd3ecc3815', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'c135af24bf4cea65b6f22977581a9f066bb9fc99', class: "labelButtons" }, index.h("udp-fluent-button", { key: 'dbc9b4dbec0ec21504a9fe56090df3e3004b990c', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '86852d085be283a1540b0d9ed699238000ff3711', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '0670ed8fcdf2b647bdc12243f735cb8bcc2b37fa', id: "withSelectedOption" }, index.h("udp-popover", { key: '591536c05c1fb5c40e54d1736de4d44f04a48f90', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: '583a4774d7274d72a59c51b0b0ec8951482bd6ec', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: 'f45a6154cda3a690c8585bba7a4b0b385b24f2a3', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: 'ab5eeb2125b5c09415943cbd48997e707fae4b8e', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: '7937d4f5f68797a310a09e5564660e4cb26b0043', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: '8b16c3d22049cfca6f280bcb15afa1a9ed48664f', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: '4e834d3ddb5f38f99916b89b6ea7dd1190d81bfe', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: '7c9497467dd25a74dd8f3ca2ad710cdbc8039276', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: '30c5bcfee2b4abc15f25bb05bb4d9e0865f4cc68', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: '778dca9e26cf437de249acb08c8fc75758363cd0', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: '81e454b2760ff9ec8b1704a2b5c978a790d6d2b0', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: '50ede11a5392ccde2dee2f6a4dbdca21b60a2082', slot: "content", handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig })))))))));
     }
     static get watchers() { return {
         "layerOptions": [{
@@ -315,9 +315,9 @@ const SelectLayerPopUp = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h("div", { key: 'aa24f31ab76b91dd1999a24c3b671729db1f6266' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: '4df6f5e61c3b451644f5a7c1399bebb6330cd3db', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], value: (_b = this.selectedTile) === null || _b === void 0 ? void 0 : _b.value, valueAs: "value", label: 'Map Type', onValueChanged: (e) => {
+        return (index.h("div", { key: '16ae053341a4d8686ecd15ceaca8ae128fcc9f25' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: 'f5d87e74bee64b45cd8659a7e742428a3d553ae0', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], value: (_b = this.selectedTile) === null || _b === void 0 ? void 0 : _b.value, valueAs: "value", label: 'Map Type', onValueChanged: (e) => {
                 this.handleMapTypeInputChange(e.detail);
-            } })), index.h("div", { key: 'fe096837a32461af9080a117aa5986e3fb0ca07b' }, index.h("udp-search-input", { key: 'f30cc51e44d2ba3866800c823a983b773742f0c1', label: 'Search Layers', onValueChanged: (e) => this.handleSearchLayers(e.detail) })), ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.length) > 0 &&
+            } })), index.h("div", { key: '0464d2037395a0bb9a7e4df6c9474e483e85375e' }, index.h("udp-search-input", { key: '45202f2551b6959eb1278ad72916449fede25a30', label: 'Search Layers', onValueChanged: (e) => this.handleSearchLayers(e.detail) })), ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.length) > 0 &&
             ((_d = this.filteredOptions) === null || _d === void 0 ? void 0 : _d.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 }))))));
     }
 };
@@ -335,7 +335,7 @@ const SplitLinePopup = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '5d0fba3c7158adc9676434b7f14ff10f8e2e7424' }, index.h("udp-fluent-dropdown", { key: 'b92b60e82775d4726e6824d32f7360c91d8e0326', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: '9e42f0e7562e833ad6810af84d7824ee2c03ca6f' }, index.h("udp-fluent-dropdown", { key: '66407b65e40f09354d8880766f4eb7d28f54e7a1', 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: 'ef1d9c888dd567877fefd7d6ceda30f450aa6ff6', class: {
+        return (index.h(index.Host, { key: 'bb4684e9ab6e0d7bcc219e131279d87ee26d63b9', 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: 'cc475695548f6f07d9fd58d6a025104f0a27646c', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '29adcfb57c5d5b54a96b3330b8c4a1e72fc0f68a', variant: "caption-text" }, index.h("label", { key: '10bd428e5ae4d7d50c9dc8a218f6113a54b6273f', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'ae72823d972de74b9d14510730f68262db1944a6', class: "search-container" }, index.h("div", { key: 'f52eb91db72621818d8381a5415e0956b3889d5b', 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: 'a48e72fdd3ddfeb815ad7e67de8dfac8d5dfc733', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '4b36a0ef0cc976e31884567d8174d5ca8e2496f5', variant: "caption-text" }, index.h("label", { key: 'eba076d9fa4cae476f57c0e50c5e3e7f387f732a', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '19f87a217a45577e5a6e3678973d0ce15be126b8', class: "search-container" }, index.h("div", { key: 'c3e7163a19b2b9876c8bfc9b5b2123b3f15afaab', 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: '1a14c0ae69959182307c520158faf568df4d08ed', class: "search-actions" }, index.h("button", { key: '8955fd68aaec921a7b8ed6c6dbbbd4d2ee96f00b', 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: '5e9f1b9ebc27ff875d39da6358f9f35ed4c7f428', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '990607ef9e581b9ed71ec1bbf55b4c6a574bc4bc', class: "spinner" }))), index.h("udp-pop-over", { key: '0a9b57cbae1532355e11ab1786a47deb06833422', 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: '3b0044c42c32b74a05faca80cbe1c6c19778977e', 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: '2272c85c58bdf0eba1ead0be399b4a2bd990af00', class: "search-actions" }, index.h("button", { key: '76cd4cf115a0dac4ddcd8ad5ac046110100780f8', 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: '0183bbd1c094a3607841a01718cfb47cb57a99a2', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '0e7b83337f30464b213ca58c2913a76aa42d7219', class: "spinner" }))), index.h("udp-pop-over", { key: '6494bb39272028ab76e51889836aecef2d964edb', 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: '2bb65f1e0a63c4f09c785aa02910fa5fd390d04b', 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: '9cec80d3d433896c678eb0dd40c4aa12273bb044', class: {
+        return (index.h(index.Host, { key: '2005e00a3926d99a93c2bc4e59bed267fbffe243', 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: '85815058e25fb08ba612dcae516a5d6c32cb3c29', class: "bx--form-item" }, index.h("unity-typography", { key: '9dd7eb6949b89d3ea7a1039acbe260c235ea2397', variant: "caption-text" }, index.h("label", { key: '95810148e351e5d698204612556171f11348faa7', 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: 'd7e64a9aa415c5d1e524211a4c079f6002fd9c11', class: "bx--form-item" }, index.h("unity-typography", { key: '8d9f679628f4ee610e193528f87f5db722d71692', variant: "caption-text" }, index.h("label", { key: '03675060d3e6bc402111574154747b6108b5b350', 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: 'aac19e92700592149bf25cc0c633896cd9155b03', class: "error-message" }, index.h("unity-typography", { key: 'fa385f745a231e3e8fff0c8da272254cc127f335', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: 'c5d285caf8d889f22caf0da44eeaf0965bbb9156', class: "error-message" }, index.h("unity-typography", { key: '73ca2418e562fade30f2fc86720fc35595164f14', 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: '91d78875e84ccde3cbaeecd01dedb2941b77da2b', class: {
+        return (index.h(index.Host, { key: 'd9231ab23f32e62125cabe8378eab73966bb444c', 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: '763de03c4193cb6cba04cf863139cb69e5c73551', class: "bx--form-item" }, index.h("unity-typography", { key: '7182f52d6590908bd8566bb1b424974bfc1837b6', variant: "caption-text" }, index.h("label", { key: '9e4b34efec1bcf4fa07c1151e7e71ea8d73e8c5e', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'a9162a06a1c99ca017724a132c5ad1115790ac00', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: '3eed3803f189cce241e9fbac11096329d5bbbe12', class: "bx--form-item" }, index.h("unity-typography", { key: '62c1f1defafedfd5a6077ddc53afb139ff928853', variant: "caption-text" }, index.h("label", { key: 'da54b4bbf690a324b4fc3f2e689af03657af61d1', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '340613b7785455b2f6c4f2ab6833f4b28d8f5a73', 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: 'fd16157dc5d718f9c74998a9ac9a4d324a9f7ecf', class: "error-message" }, index.h("unity-typography", { key: '84eb625b5d1364b1193f1be0c6a33a9069d602e3', 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: '9ae52675ca5c4a42aaed2a29c62d2d0849d72d0d', class: "error-message" }, index.h("unity-typography", { key: '1b8df300e94bca59454611d1811641d35c50877f', 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: 'd4901e91e5c792698b89c41397f0dfa6dbd8763e', class: {
+        return (index.h(index.Host, { key: '26c0671deb9317eba4e6a3a7884549b3f9d5116c', 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: '83989f9468579cf03367e42e6e047eb942b00a49', class: "bx--form-item" }, index.h("unity-typography", { key: '6bcc22bfe314af6d40cb4402fca91cec231df015', variant: "caption-text" }, index.h("label", { key: '43bc812e51b28bf5236c7d37bf79bc0fba59c405', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '01beb678d862e475e30b6d9192969a9c4fe69c45', 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: 'f87774e9e7cbef064971fa7629f78ccb999590a8', class: "bx--form-item" }, index.h("unity-typography", { key: '555f8ff48059c6d46d1381ca25333c658a6c8241', variant: "caption-text" }, index.h("label", { key: 'f5b26a807362bd8b4a5f2b8bd97de0e905251f9a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '2cd73e5b8149b8f8413394ebb726cfda0c5f1ceb', 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: 'd461c76ff4aa6a3702a8eec9929862fd0d7d59ca', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: 'c61bd7722430386ec7f8746d8be08485dd6d255d', 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: 'dfa11b12ace1493049b3284feca3395d726b4d5b', class: {
+        return (index.h(index.Host, { key: '09fd2c58a97294ff44d92f04270447351ae5825f', 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: '1e2168086f05ff110fc640fc58c9a2606db46a25', class: "bx--form-item" }, index.h("unity-typography", { key: 'f28dc737fb1a77506be7c58d0f3967bcc085a8c1', variant: "caption-text" }, index.h("label", { key: '7bf22a8c9a7edadc8bfcba563f9c08389a1a1ae0', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'e35685b8ecc1061d6a2333f4c6baf76b327f404d', 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: '41a207d5ec8a54fd731f48b5af05452c7b27342e', class: "bx--form-item" }, index.h("unity-typography", { key: 'a29a177770415e57fb271e353a8d758e50a77009', variant: "caption-text" }, index.h("label", { key: '088ab582ce3d1893884de8b359023be1f5b49fc1', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'b8c3a4956c543c49b3b2853b0cf17504d6dbce23', 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: 'e7d7da7566fbe102454adff11b1924a068cf04e9', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '1c7c2d40c6d6cbc266f6ee7bb6b4619a1e004d77', 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: '7fe84cad5fe2224830f6f8a62293a8d5b19c3d6c', class: {
+        return (index.h(index.Host, { key: '077f1051bc08b7f51265c7f28846f9e6d4df3d30', 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: '2d176f78ba105270f222f8a254595107d1d2faa8', class: "bx--form-item" }, index.h("unity-typography", { key: '3b7df4356df2c822513d45e0e76a53655584672e', variant: "caption-text" }, index.h("label", { key: '8c6110ede1cdc01c8e919a3cbe3e9bd114aa684d', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '592f73d9935258f2b81f857bce30c8a30b5eabd9', 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: '1596a9ea46da71b2eb10c8b8301d1243c4e81e16', class: "bx--form-item" }, index.h("unity-typography", { key: '45d76d82ebbd960884214374bdef6ac267ec2255', variant: "caption-text" }, index.h("label", { key: '044c5ec71987b8242bd46f326e91c1fd203c330f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'b01fb9bb945626852ff2d0af170e879a8012591b', 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: 'ebf0bfe49b84512f6fab2bf2ddf2c8ec6d69c69d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '8db4bf7b6e36ee77e0ed897e7567f7c5ed773d6c', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -464,8 +464,8 @@ const EditViewFormDialog = class {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (index.h("fluent-dialog", { key: '814bc0361904586491f47186bca8d31e72b249d4', 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: '299ded079daf9afe43f9683718ad9e6c0bd9af0d', class: "edit-form" }, index.h("text-field", { key: '2a81966df1e5bf304c7ac94bf34a7ac0bd9231aa', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: '5f35235b56d7d025ff7846714f04f1a971f7e625', class: "toggle-options" }, index.h("div", { key: '5277a889f9fe59fd39229ffc16ff95ce0666dab2' }, index.h("stencil-toggle", { key: 'b67d12d1fcfc26fdff144950628bb3e469b69ea3', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: 'c7f644e76487be9a0695031b8f4075669e048788' }, index.h("stencil-toggle", { key: 'ad21361bb6170d802343f34d2a9507a8228cb6db', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: 'aab54e7092f62f1fced1ca6a2bc2fbfc39b399fc', 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: '8b506463a569737e46ee6268da81129b754f3df6', class: "edit-form" }, index.h("text-field", { key: '3d1ff0d3ba2ff0b18446e558ce27cc5f8695f86d', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: '40f50ae04538910a8dfcb5079dab46acdee0a978', class: "toggle-options" }, index.h("div", { key: '5af31c85e3f6e99ca4929680f5a0176e525b6edf' }, index.h("stencil-toggle", { key: 'b3e90b44648b5a9a31a11b033118575858928678', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '98b3887ac44bf9bbefe382cca98d6c24c70c043a' }, index.h("stencil-toggle", { key: '5ec418470e31d4d970701c9035328b4145200c67', 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: 'a7fbccf884835c256709822f3d2849d65cdeba9f', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'e8991c7bebea419457e5de2b62cc3eb5bc6f91fd', class: "title-section" }, index.h("div", { key: '157c65936316dfeaf6fbcba873ba9bd78d6caae6' }, index.h("unity-typography", { key: '5c7c125a276852fad0e71497f4b186f0329b9b43', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'f5e6aa1d638ae3ee789c7b96999a2b1356bb12b2', class: "button-section" }, index.h("div", { key: '55ee21bc023c1cb668efb220a660c442b1530e9c' }, index.h("slot", { key: 'ef0651cdf2ba7d062c9db6b6364fbe68b2f8a6f2' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: 'e53d7ab3d45d55186fdd998ac50efe12f06e8f07', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '2ee6fc7c9c58456be5bad84a8ca8a2e338a1b991', class: "title-section" }, index.h("div", { key: '7da12ceeead4f2278d102245b1cf4c692dd5b39c' }, index.h("unity-typography", { key: 'd773dc83f23569bc062c44e16df8b98b91c12a24', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'ddf6665699ac6a0f8e895d67c30ed6c0edccb90f', class: "button-section" }, index.h("div", { key: '25849cd5a775596908e837852beedf35d6355869' }, index.h("slot", { key: 'f5e7f139b48567a674a64cdcf106baa34d1e7e5b' })), 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: '4ca402be9c75074acce79922fde1fb26f58d1e16', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '181db9cea3fa153f6d1ab4fd06f6988b3bdffc4c', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '41beea9bf165e56a0c69e767779bff7629b760c9', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'dda0fb09fb0a24798cd656659a2733ee35c46373', 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: '36136b3c111af07ff15e2e930338ccf00e7183f2', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: '0f04228fa7aad8af715906c590583da02c4591f8', 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: 'dda3a8c2493ba124b0c8a5e77d205e11a33a42f0', class: "save-form" }, index.h("text-field", { key: '4cc400d75d088930259423ef946210b906e372f2', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '6060ccd73981ec29df9ecf8b5e19c8852c3d2b2b', class: "toggle-options" }, index.h("div", { key: '66d4969b70ce5e3802bbd836b99fc09039e921b4' }, index.h("stencil-toggle", { key: '259f95fc3adbc9f7f2383fd4a2274e5662470af8', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '4456be2f7df00c470c096b3fa24f837861abd4e1' }, index.h("stencil-toggle", { key: 'a5a7d2abe6cb59bf75e8a37f11a9ae359e629d90', 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: 'e76ec0516d30e0f27d2f9f03808082eb6b1f592e', class: "save-form" }, index.h("text-field", { key: 'ae16dfb23d94036308dfbbf30e519aa15b1b050d', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: 'ceddb65760bc0fe498f35bfb1f3b238470e66ac9', class: "toggle-options" }, index.h("div", { key: '30ce526fb6e6cf06bc85656e0de9702a5c9155f8' }, index.h("stencil-toggle", { key: '03e984591f269eb05c912f8acc65b0cad7ca4274', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: 'e955839ba5b79bde5fc90325ce5b74c6c7e8538d' }, index.h("stencil-toggle", { key: '5165142528d84e4d6559b63f571a1710a82ea48c', 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: 'be4b5facc567c0e56f7f7a2cbc6973812f2bbabd' }, index.h("div", { key: 'a0d077098960c1b494cbc337437c20b85045320c', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'e32ac22790de23d98c7c2e240a3e9984855d638b', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '69ded8475734376706c32e1fd585eed65f85b922', class: "title" }, index.h("div", { key: 'e9a9c54b32c3b6f45fc9c13ac1025764e391493a', class: 'close-button' }, index.h("stencil-icon-button", { key: '08c011f96019a74af88ff81153e0191b3be7d695', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '238b6235daaed01961bf2c142f5d1ba859d499cb', class: 'title' }, index.h("unity-typography", { key: '1668bb227e312190b249a81f309a762266ca8104', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'fb18b96578b63ade8fc02ba02c6e55df14b3451c', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '4b9dc5b751d1983c98875351d2aa15c2a4dff3b9', padding: this.padding }, index.h("slot", { key: 'fd16dc9714dfd47d3e36cc97ec6219c4a48c3c3f' })))));
+        return (index.h("div", { key: 'fee0510807181c473ac6046b45bd071103a09819' }, index.h("div", { key: '68c62e96b2bc4c5316fb60ebd797501d5f2e96ae', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '35370d4d678cc756c38f8ceccbc1c6d40e779152', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'a927a36349b6e54545ca9d7c86f31cc258a4fb41', class: "title" }, index.h("div", { key: '1d2c49d4402868aba1fa63909b6e78b93a8b32ee', class: 'close-button' }, index.h("stencil-icon-button", { key: 'c46aeb18a9074e5b7d40c85c915637ec235eb4b3', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '98b65036cebfe72872b78a96aec33105c6f1db09', class: 'title' }, index.h("unity-typography", { key: 'dd6956ff07fc0336338583cb590cf1fa9747545c', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'fc057983447df6e5eebf16b8e8f511df32783391', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'a2daabb3f3cb16d4cde9516bf37b8402ceeeee51', padding: this.padding }, index.h("slot", { key: 'cec5012b28b6dc7540f2b5081dcb75cc289876d8' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: '9fe0811049072ce1b574cc3f90585339db7db385', class: "wrapper" }, index.h("form", { key: 'abdb0b3cfaa5de3a567e237123b9bef3cca056b5', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '8ce6f494710d258a2c2572a4f7756d9f0a217cb1', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'fa463f77b7cd9a528a163d93c0dad7b42ee4ef0a', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'ccbe5d4ebadd865d55957d3d65620884d153f1ce', class: "submit-button" }, index.h("custom-button", { key: '93f37d90563242fd28632d7cb6d977f6dcd0a8ec', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'ca5b17932e766af545e9222b52d3a046210fc8c6', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: 'be3a88e4306eb855ba5b0cc70e3b4cdc6485904d', class: "wrapper" }, index.h("form", { key: 'e7c27a300bf98b428d0466dd486787352059f867', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '318b6a50f720e378f52b51231918d824085c2156', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'cdbebd348a0cbb9b3248f2513f8c87be170bfc3f', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'c5997fa953d5336ff3140d42521ecbd6be204c5b', class: "submit-button" }, index.h("custom-button", { key: '327c9af26812fe1d6135830969a4a0d987f89cc3', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'a50513b6a576e54b96f5102557a3a14ca099d61e', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };