udp-stencil-component-library 26.7.0-beta.2 → 26.7.0-beta.4

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: '6129f5f8e3accc964c6b390cbd00af1b230bb5c9' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: '8ff18d5fa2efe3bdc2e7117cd58b8f100707e440', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
+        return (index.h("div", { key: '483e23625c8cef5bdbe2fb9ce1c1922b31914d75' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: 'f0562293af380e206d4ed3abf6e2b30cf25b7326', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            } })), index.h("udp-fluent-dropdown", { key: '4a65e80b0fbf48ef06776528a5e04eae3b4df6e3', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], value: this.selectedType, valueAs: "value", label: 'Type', onValueChanged: (e) => {
+            } })), index.h("udp-fluent-dropdown", { key: 'd053756d9ff0dc02119f80907e79979f54ee3c4f', 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: 'c541e28b8a6277d997d22252855e027c49fc01dd', class: "formButton" }, index.h("udp-fluent-button", { key: '2b3312003f1ea87ad1917c12012d122a5980e17b', 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: 'eb0f7e718146600f8cad5a61cb77ad53a1e4f820', class: "formButton" }, index.h("udp-fluent-button", { key: '65a4e52179a34f877dce76242fda4d8206ffeb9f', 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: '79bfcbb9c918adfb97efdb0eed287fd546c96aa5', class: "toolbarContainer" }, index.h("div", { key: '97d22e897f5a5e1770e67b2fea420cd32ee06c5e', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'e6268a37747c8cfbd07fdc99f16b04ca64866970', variant: "h4" }, this.mapTitle)), index.h("div", { key: '9409c41c47215277f1bc452ebf9fe940062e325f', class: "buttons" }, index.h("div", { key: 'e64c2ee5696f408b8500e788b6a861ea9da65db5', class: "buttonContainer" }, index.h("div", { key: 'fbbb3a058bca2ac1d6d9197df3551c279175fb7d', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'e965d39876fc0ff20daa9f95e96967baf9b2e763', id: "filterOption" }, index.h("udp-popover", { key: '82635ff29359e6b385ed38b17e034a08d129eefe', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: '021a35363e63b005ac5ea88c46d580f78981c96b', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '2b9d895b094a5ce607ee929e077e4eafbb891c48', content: "Filter" }, index.h("udp-fluent-icon-button", { key: '235d111a5128dbc749151811b3adf0725d54dcb8', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: 'c4651b65b71045f21f7ffef60a4709f2e4dcaf62', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: '851c839ea8eed618d7c80c3e5e5de7cde57a1afd', id: "layerOption" }, index.h("udp-popover", { key: '344050578d8d19d17ab73f482f32fbe3d50b2d03', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: '296d915a258e6632b99c3564204921523767e571', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'a1c52ce8699e83e5e2149e5a55170b605421307d', content: "Layers" }, index.h("span", { key: 'c5f0e7616b7580ba55f13ce490757c5cb0bed73d', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: 'd9a973cfa738ff7d863ceaa8821b1a0edd042054', 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: '10a7e6beb2d6d2a6a0fdedc9f5c0929955ff2f36', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: '1cd225374c842a104860773169f3ef87c73cd6f0', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: 'f1c232295fbd7e2734406c43ebfa16e11cdaad54', 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: '8b05c48c198ce560defae4e705b4074654af5b48', id: "bulkSelectOption" }, index.h("udp-popover", { key: '5ac144ecef811f2c15176fd6a3720a5c7ad4c9c2', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: 'f0f0d7c106ab78557af4394526ff2bb7c4ebc7fd', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'a2a408273727da7502399a66cd9b4c9f94511f63', content: "Select" }, index.h("udp-fluent-icon-button", { key: '0c794b451de10bf6c33bf7fcc9a08a90518bc9ce', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: 'f358f01d30c9b918b36f4bcac033e1a3c3972626', slot: "content" }, index.h("udp-menu-item", { key: '8f360438960623e0c9bb8da4a47ec4a1e0f39965', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: '94e4d52da73fa3b66ea0270fcf044d30438a5579', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: '490428bfb01589a532280bb60f557f77352a3280', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: 'af7cc51a15febce281c1bc176cb9171de86eb2be', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '3cf1e8cb3ba305f914a2351b5851d5809e959122', id: "splitOption" }, index.h("udp-popover", { key: '57962b27e1ccf0a17c34ec509462db1cf8c49b96', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: '16828f49a1c5755832b82e16e31b1e30ebeb5c82', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'a686c28cd07ad3c0d458ea170e39c32ec954fe02', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: '2c5a0917025d8f5a321125f3d5f8d5d3126c0737', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: '0a9a1d3cba69d4b96f7fce62c7cc40044d3b8b80', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: '74013b78ab52c12292d1c26aaff69baf59d56a71', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: 'dd0aa7d9b9d7d6276e99a1a78e8d226f7dc00cb7', 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: '568741a85a15fb660c44f9e8c18567b2359830e9', class: "labelButtons" }, index.h("udp-fluent-button", { key: '62fb7067b5b6d83439bafd7032f4fdc7905a8643', startIconName: this.getButtonIcon(), appearance: "transparent", size: "small", onClick: () => {
+        return (index.h("div", { key: 'b6de7e01c893adb5d8e0cfec07b587b19923f713', class: "toolbarContainer" }, index.h("div", { key: 'c9ea324d12b84ee461f04c41bc9b276014977803', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '9a5ef4eb17bd3fb73d69cfe8739dfc1a74dd8651', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'eb088df4f390c9fdad9cae1f51d9f6513f37323b', class: "buttons" }, index.h("div", { key: '6072ea452c1f2c7473fda2940fd9e7feb1c7a8a3', class: "buttonContainer" }, index.h("div", { key: '754f2688485f2aa752ac4f48a17bb174ea57a881', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '7509154c2bb441ca9e9f13f931047ef5830fab1e', id: "filterOption" }, index.h("udp-popover", { key: '9645b9f67ce669122e73cbff96c8ccffaeff0d89', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: '2f698a6df616229c654652d4e3a9392135bdd78f', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'c498be6bdf8aeecdae6beaec030659be0001a11d', content: "Filter" }, index.h("udp-fluent-icon-button", { key: 'c7c1f22b47ac0cab3dca918c6b16fa93306864f6', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: 'cbc6c932987bda32598e446e6613b4e1ab41db67', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: '81b39b1beb2c96ba62cbd9fafd965d388df41d9e', id: "layerOption" }, index.h("udp-popover", { key: 'a7f822d128711fce0c3c4088692a8305a9dd0d91', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: 'e4d337cfb300ab29938e48bbf0016caa4276e241', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '0c2cbf613fb6dce309efe0fcf6ba2d9d4997e9c6', content: "Layers" }, index.h("span", { key: '975480eef857d49d00d4ef76557f326c5931f273', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: '9c259f62a54d07ec7a58e5d8a620ff6e0dde05dd', 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: '831399a73ee69eca8cfbc9a2b8ccb3feebe76841', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: 'ba32dfb6d984eb4ae0b40f899575f9311d57cca1', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: '10300adc494b5cc0767584568b746011d24be62d', 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: 'a285b24f0d6a9e113f85b51ce9fa090630007ef8', id: "bulkSelectOption" }, index.h("udp-popover", { key: '62c8fc1306dd3fb40e0f117bd8c770d3a37cd868', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: '4481ff432bfb85e7e2b42a8b4c0ebca43d6ca8b4', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'e4e513efd56c1139f55ab8b046edc60487e834eb', content: "Select" }, index.h("udp-fluent-icon-button", { key: '1134ffd9810aae5bed4850812abe59197fa135b0', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: '057e9b84fe0e25bc48a9640eeb3c9ebb56bbb5d8', slot: "content" }, index.h("udp-menu-item", { key: 'b0a3f70605c8d1b4103713278748f23c27711f45', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: '988b91d98f5c997626429d8e3469411a251ffe9a', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: 'e661e9867cf40411413c79f391ad713365911264', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: 'f6337cc59f51a97d5be720588860d989b41c697a', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '84498868677e984bfe74c188ea6bfbdfb15b79b8', id: "splitOption" }, index.h("udp-popover", { key: 'eebdc5f152d8402a07163c40ee3699ac35f0890a', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: '600bcc2d094ac22d614dd1764fc217f8fcce0811', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '78dc6e91d22668c030956c5a6edc90af701cc3c1', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: '7e51ee1b21cc7e2ab53bedb4d372a6b71f543808', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: 'df9ff8d934efba0cae8a4099dae40779b9c4d9a1', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: '21f3a6db242e019b9b23190e3f030c69e5996417', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: 'eb877a874531d2fed990bc97d80713caaac55fbb', 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: 'f4dd031da3072d763a0eccce91e80e357a4083c1', class: "labelButtons" }, index.h("udp-fluent-button", { key: '31266a655ed1c848b1ba579d3f15f02c831c17cf', 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: 'cc166e116df5d85598c7f7e9f071a62ffe2456dd', class: "labelButtons" }, index.h("udp-fluent-button", { key: '37ece6c392b74d135e7689604b8a68faedf98bb7', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: 'c4fa16313a240917b48cefc27fb1195b3b769e4c', class: "labelButtons" }, index.h("udp-fluent-button", { key: '044747e4a21034eda5649640543a3492ef5af863', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '047e6c01e42261024024c651916273cacb1398a8', class: "labelButtons" }, index.h("udp-fluent-button", { key: 'c083a535b1961cda8a09a3e83adda8c9d88e8df0', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'c6381bc1422e3eb2fee8537f835b49d1df449c39', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '1cff3dc6a24fcbb209d3ea465f95defb1041361e', id: "withSelectedOption" }, index.h("udp-popover", { key: 'ffc2358f702e96a563d1df54b0e334986daadc39', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: '5cbdae24886b0cb60140efdf3c20e10864716242', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: '409634a5af72f842aece9a97370be10df80dd0c2', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: 'f0d7598b5657fb54c34cebbe90fed071cefefa62', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: 'ba130f0d5a5c5303d3bc1afa71d79d22684691b6', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: '6e99b431514855829297639dd11fa07aeeca3a57', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: '6e90db72f02b32d7c7d7df8ff74aa85ef3316cd2', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: '0ecb948d1026182a96e7c199cc1e937c22be3801', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: '5607fc1defeadc3adbe8d624accede3ac25058b6', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: 'a0a9064d3f0b5992784c2fe0def02d7ebe8f04ab', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: '690ee1db03dc5c5f53941b697f8c30bdab482b35', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: '9156273d91553318048eafe3557ac5310511364f', 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: '17c2b3612f7b0a2188c482ab109f6c60506eb103', class: "labelButtons" }, index.h("udp-fluent-button", { key: '94cb8c5e13467d9174067713eb5e29e5878d2c1f', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: 'bd2195cc57c92c47f3cdc0aa3662842b8f385fad', class: "labelButtons" }, index.h("udp-fluent-button", { key: '6d6901acd09eb220eb6d3b14735c3ae251f36b8f', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'd7f10c284a913fe81de7972d7365ff879f945eaf', class: "labelButtons" }, index.h("udp-fluent-button", { key: '81c78276fc67c45e8c5bfbb216d17df955b0bbf6', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'f68e66369ddf5acd2dfeaa38a60b16612453e96b', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '11f43e0afb1ca8dd83311a5765390f331fc94334', id: "withSelectedOption" }, index.h("udp-popover", { key: 'fb8e323289849c395c5690833d1ea986f8e51b6f', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: 'c8df0ffa0122ce31ce67ac369d7225cb7e1f7f34', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: 'c79748197dec167800990e65407c451d9a91a290', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: '6837e9909c01cfe367ba182236de97c1b971a02f', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: '84d21919bb2cca3b2c73293797a20e105f796a8b', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: '467b3a4d16b19efbef5bca0a515913c2d4e22b6f', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: 'ce6943eb750c62767da0c0467c0b08e43c20df32', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: '7eae7a813efe7f071b45a8a58e9220efbda50bbe', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: '4c3d37df751af05896fc21b81d2927a8c0a7ac3e', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: 'f8f7de4d0db0a4f8cf7b2cb905bf66eb532976cc', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: 'd74cceb942536b6c2d2464b2668fb4a620084cba', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: '3b4c0e852fcdc4b0b15039920010696865f51b5c', 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: '7928507bdb5b2f76ca978e092ebb11c1e6dc050c' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: '15d930bcd7cf9e1eb144790827b80dd053e8f545', 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: '7b63ac98cd1bae0e6bf64a7d48db00f201086eb9' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: '3f567a93a12875da2aa54b9785e41e28866322d3', 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: '2dac07578e55fd8af3874ea852763dfa122c84fc' }, index.h("udp-search-input", { key: 'b51a243678c6256596bae622264c659874da3447', 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: 'c78d6f6767bc162fcc1b2a164915464ace34b706' }, index.h("udp-search-input", { key: 'f88122408e343c692647e2be58d2ffd31b642546', 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: 'd4cea9b6273ef34c171b52225ee71fa8a985acbc' }, index.h("udp-fluent-dropdown", { key: '4f38276ce524c7f14549563ab0ea1c4d2ab2e71d', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: '2942cbb6fdba63d83213a3737a37ae0d195e4e7c' }, index.h("udp-fluent-dropdown", { key: '62cdc6492bb49fa5fa7e1cdf72236447c91c7072', 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: '1f3efc2a1cb89c663bf03c27e626d4b2af25699a', class: {
+        return (index.h(index.Host, { key: '157db26cca967604955fc22910420be01df2b5d7', 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: '33e9c6f8cd8b919937a633dbdd306cdfa76b0d8f', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '9e393910e610d6da1f60a8f583d5ce9fe5885c36', variant: "caption-text" }, index.h("label", { key: '709e76780f07e97553ded7f0f7effe12eb5dbfba', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'b1c457c7f1228a0d664479905c2e86108ddb62cd', class: "search-container" }, index.h("div", { key: '4de56d50e5c7f45fd85206ca8db069810c048b08', 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: 'baff4250821b2504a8ba78152a82b0fb20c7e58b', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '64afe25739daa473730f17475ea065a4ee9c6c18', variant: "caption-text" }, index.h("label", { key: '6f40787137cb7f55621df2d13320c577956f531f', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '92852fb672c62804c635a70970d2608bd3177376', class: "search-container" }, index.h("div", { key: '4bde173da7368869f9b3cc62503262e18e451ac6', 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: '8f902947a4d7b850bb5d8bfcc4a6931a34820575', class: "search-actions" }, index.h("button", { key: 'b3438233afe9c9c6e51d7bef1a144178b4a9802d', 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: '41e5add4ed083eced22cfc347298da9af318e349', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '60a71c776bcd6a3e5e0defad0ab749d62241bd91', class: "spinner" }))), index.h("udp-pop-over", { key: '0fcf32bedb9da416f4e1db424b6fbe9d1940b28f', 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: '46ec02c8405b5d78d459ff4e9dabe341e082d3fb', 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: '69393f35c8f267fa9f4a1ae35fc253dbb4053d3e', class: "search-actions" }, index.h("button", { key: '436e7a15ff51b64a5068ef73cd46ac034e6ba912', 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: 'def0a5a9b9728efa96db89627253878af183e907', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: 'd8027e280f75ca6b8d62e3ca94eb04340e8de604', class: "spinner" }))), index.h("udp-pop-over", { key: '5e804254cb3db20c32841604451f7e3a443aa3da', 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: 'daa4ad1fdada00d9df6930068a24ba68331685de', 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: 'd22fd693693c38fa4461baa8761581f3068e2fd3', class: {
+        return (index.h(index.Host, { key: '962b4a6ef3b2bd5e02ade00f03549a41f1de3371', 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: '5983f3bca5346fc994e4be61ed579b4d7b3ffdcd', class: "bx--form-item" }, index.h("unity-typography", { key: '90fa39d439f1867cd18adf4507011c801c5a1731', variant: "caption-text" }, index.h("label", { key: 'cb42a4532b537586c2b92e8f039a2dcfe60c21d5', 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: '964966b04dea34f51409fa2cdfe80ab694157de4', class: "bx--form-item" }, index.h("unity-typography", { key: 'f548aaba1522cd6b291b6d589767f9f5e270e6f0', variant: "caption-text" }, index.h("label", { key: 'cc1b6f12d5940b9835e87928f2ef6d5c9389e699', 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: 'd718a374135dd7a06725e6ed6d7051ce262d5e21', class: "error-message" }, index.h("unity-typography", { key: '0ff7ed90fd4caa86c7ba05a93cd79d587c4ed0f5', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: '0ea6d62f2b29154327a9b3e3d9fda996d173b157', class: "error-message" }, index.h("unity-typography", { key: '0034fcb24be893f90b39e50d78a5d1d43ef84195', 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: 'f69afd3d4e6b4f91ea2d58c53fc0dc51828c8dae', class: {
+        return (index.h(index.Host, { key: 'fc4f402f18ac9f97d968998ee9ddc1f506c37d46', 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: 'c220efd63900346576bb331332a93a845a6de875', class: "bx--form-item" }, index.h("unity-typography", { key: 'c23a7a5f6fc85f67475db3feff6dc7d07dff91c9', variant: "caption-text" }, index.h("label", { key: '94d8e6c4e0ae06905cd4b9fd0c7da1dcfe1f82c3', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '195ebf6a4640ce969bfb7dc789c31fce961117a6', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: '4d4beb91fc411b7ff58049acefec768a0ae2d1e1', class: "bx--form-item" }, index.h("unity-typography", { key: 'c1c5f527d26ab9d5cc13fc206065749c9d864d67', variant: "caption-text" }, index.h("label", { key: '2659a64862db9db6f41ad86c03c38f0ee66ce87f', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '771282409b132467aa9ce9d789094efd8b3e0ab8', 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: 'ba7160a5b4b1b9426f77bf35deb5d7f16c41c0ff', class: "error-message" }, index.h("unity-typography", { key: '9b4a7770d23e2a5ac78b3a3dea6ed9fbb558863c', 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: '7475809ffe887c5c1b5ab7800b11d0eda7732c0f', class: "error-message" }, index.h("unity-typography", { key: 'f553884e25e06ec8809777e4350f127989e7de67', 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: '8c9c6654f4383414c71d9a87725fe89d48ebd673', class: {
+        return (index.h(index.Host, { key: '8057fc8749a8b5128e8f3f9e86fb1bfd4306bc69', 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: 'c33bee5814c55faad78460b781d8b4f9783c1503', class: "bx--form-item" }, index.h("unity-typography", { key: 'c6f092c5c203a171a92120f8a83d185352211649', variant: "caption-text" }, index.h("label", { key: '5278e471ebb779975639d724ef430e35059976ee', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '43540fd8dfa613ddc5e96ed44c38d61eb7967fb5', 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: '7d73d7dbd261f78a41d3a3ec2d796b33ff23adfd', class: "bx--form-item" }, index.h("unity-typography", { key: '8a4736c0ff43dbc41bd7872cc62485c1cec77426', variant: "caption-text" }, index.h("label", { key: '8c87c377b945579d0614b514f454befb520bf162', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'f293c60b20a50374ce533c79f72b5cdd3f07aa0c', 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: '1c7c38071b5520ce159f8d616a8512c43077695e', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: '91e9bc2bf904ea072fbb4e33d71a218087c59a1d', 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: 'bbdef5e0d4c39a8f43d9fc717da9cb899f2ff518', class: {
+        return (index.h(index.Host, { key: '63c8cb2e7f1eee65234067e4002230739ce0403c', 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: '0c1828d58870864791a73990c0cf07956cf35242', class: "bx--form-item" }, index.h("unity-typography", { key: 'd8196802bd0deb7105f2d9430b72fca06b939cd5', variant: "caption-text" }, index.h("label", { key: 'da01f04316170d0910394acda757e3ae6f3a5a36', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'c36ab107709b8e12759dfa6c603af5d10a9dc200', 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: '367f07bc686dc757b46ea625df715478664e684e', class: "bx--form-item" }, index.h("unity-typography", { key: '05c7757f9b023c02c1aa4eb91643329a0c8aac41', variant: "caption-text" }, index.h("label", { key: '2bde23895a26d68478ce8056ecb422384fbe4b31', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '2f182fa8469f4b9e30463cdbab137f22d3a4d852', 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: 'dae577b2aac7fa5611e54cd27dd65797a7f0471e', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: 'a5010c85ad10d5eec31d375f090aea96666636f2', 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: 'd82fee12a7e3add0f8e2df4513f4d357d40ce2b8', class: {
+        return (index.h(index.Host, { key: '8700b7860b7ed466d2851980fb6fd37ee62011e2', 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: '6105fb31dba6533c9450268dde19f9ec07cc3c67', class: "bx--form-item" }, index.h("unity-typography", { key: 'fbe82d57bc5eaa2b2fd7c86e1a8e344677ec1752', variant: "caption-text" }, index.h("label", { key: '7f6e88c3cf00128cfd87d0520559b8e1b9dd9d01', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '1b768ae26bd6ebf2cd96356d8c079680b619eb76', 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: '51fa0ce5e124b0ad6a5e0eb741e5256e46fffa4b', class: "bx--form-item" }, index.h("unity-typography", { key: '2c16030dc8d4074d4037a9601adc5bb574d008eb', variant: "caption-text" }, index.h("label", { key: 'fc764cf8ef1451c2fae369cc5a45c0acad302dec', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '5f8510db27ba42966e584179e0a71a185ef9118a', 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: 'acdfe1f44601f13cd503e00d7e12fdffd4edf72a', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: 'deb782ee211207b5a23a5ad5962aa9893d0c40ea', 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

@@ -155,10 +155,10 @@ const AdvancedSearch = class {
     render() {
         const safeTestData = Array.isArray(this.testData) ? this.testData : [];
         const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (index.h("div", { key: '2cfc825f729a5286f7cbb85e15741c581f529490', class: "container" }, index.h("div", { key: '941e4679f270343f2487e906f062ab192c83f9c1', class: "left-column" }, !safeTestData.length && (index.h("div", { key: '22b13ac419735195696f170aa1201ec9538f6799', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '96f19c33ab780cf1b132d7d57b7667605c752310', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: 'fb331545dbdab79905f063515449a1d4ba6e22da' }, safeTestData.map((filter, index$1) => {
+        return (index.h("div", { key: '198114804e1ef89f869849b7f560f26a535a8d93', class: "container" }, index.h("div", { key: '63927a5b891dea046fa2a70e76620e1e31dde37c', class: "left-column" }, !safeTestData.length && (index.h("div", { key: '317c6620e57944d0308ba1d75a375268cf56c685', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '32b68175e662e68ae7698780b3820bbfdbd77e09', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: 'bb8e1519519a477f4cc23c2d572ff6bd54a7a86e' }, safeTestData.map((filter, index$1) => {
             var _a;
             return (index.h("tree-list-item", { key: `${filter.name}-${index$1}`, level: 0, label: this.getHeaderFieldLabel(filter.name), fieldName: filter.name, reference: filter.reference, parentName: "", parentFilter: filter.extendedProperties.parentFilter, parentPath: 'filter.extendedProperties.parentPath', parent: (_a = filter.extendedProperties) === null || _a === void 0 ? void 0 : _a.parent, nestedItems: filter.referenceNode, "onReference-clicked": (event) => this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath), onItemClick: this.onTreeListItemClick }));
-        }))), index.h("div", { key: '259614c2c998946e45140f9bd26ff3738a4101a8', class: "right-column" }, index.h("udp-page-header", { key: '60a1e383e1c7532d3269602fa774d1a5c60e005a', onValueChanged: this.handleValueChanged }), index.h("filter-conditions", { key: 'ee2be02baec546e73fc507983c465494c482a210' }), safeFilterRenderList.map(filter => filter.filterElements.map((item, index$1) => {
+        }))), index.h("div", { key: '93f7c541126aeaadcf490158ee4dd8df6721484e', class: "right-column" }, index.h("udp-page-header", { key: '4d3c84b114071240f2f5f33a5eb27080ea2c198b', onValueChanged: this.handleValueChanged }), index.h("filter-conditions", { key: '4c1d2544242fedddc5b86de8ce87c3c376b3525d' }), safeFilterRenderList.map(filter => filter.filterElements.map((item, index$1) => {
             var _a;
             return (index.h("search-list-item", { key: `${item.searchField}-${index$1}`, label: (_a = item === null || item === void 0 ? void 0 : item.searchLabel) !== null && _a !== void 0 ? _a : item.searchField, fieldName: item.searchField, handleDelete: () => this.handleDelete({ searchField: item.searchField, searchValue: item.searchValue }), name: item.searchValue }));
         })))));
@@ -387,10 +387,10 @@ const AdvancedSearchGrouped = class {
     render() {
         const safeTestData = Array.isArray(this.testData) ? this.testData : [];
         //const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (index.h("div", { key: '594ce28ab61cafb57b74d0c2c2cf773b41e422f6', class: "container" }, index.h("div", { key: '7db5a729936eb0267d2e0558a0e7bec07332b35e', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (index.h("div", { key: 'a3936f2fee7db43293d94b9e87b0fe11fd8e3496', class: "recent-searches" }, "Recent Searches", index.h("div", { key: '5711c57f59a9ba81bd23e058671e548366c6f9ba', style: { display: 'flex', alignItems: 'center' } }, index.h("udp-selector", { key: 'b0586df3810d337154ee240c0e40e8892c56ec03', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), index.h("udp-function-button", { key: '8cbc0e9ca76dfb923bc00c2d463c1687e6e41391', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (index.h("div", { key: 'f4543bd27070c4a2a42dab58bf1fcbbde03613f3', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: 'bdf035c05478ed76bc8deba41bb820ef2d7a57fb', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: 'd528fd3933a8f8eb88ac5cb3adf7c936cfeb074e' }, safeTestData.map((filter, index$1) => {
+        return (index.h("div", { key: 'a1466911dc3e7191f8c7408b0514dba2b4aeb820', class: "container" }, index.h("div", { key: 'ab45fbcb853c6bd0c0e1034424993689b84030e3', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (index.h("div", { key: 'cbf50d69924caefdc389e9c3c2b54ed9b9fc730d', class: "recent-searches" }, "Recent Searches", index.h("div", { key: 'c138cd4ed1ce2ac1a2423b4f652061635f43bfe5', style: { display: 'flex', alignItems: 'center' } }, index.h("udp-selector", { key: 'a20a0c6e3cc27ab89b910fe9aa1be892a600d7f5', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), index.h("udp-function-button", { key: 'cca71fa429235ac2fb7a4b411778852bdecfd430', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (index.h("div", { key: '5dfe0899e8c502d36ac5101811964b60a85720fd', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '5c9fb3428f78997dab4ff3f899ff767a117f878b', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '0bd02a64dc6a8346b16c16a7a1e11afcf3431c63' }, safeTestData.map((filter, index$1) => {
             var _a;
             return (index.h("tree-list-item", { add: true, showAdd: true, key: `${filter.name}-${index$1}`, level: 0, label: this.getHeaderFieldLabel(filter.name), fieldName: filter.name, reference: filter.reference, parentName: "", parentFilter: filter.extendedProperties.parentFilter, parentPath: 'filter.extendedProperties.parentPath', parent: (_a = filter.extendedProperties) === null || _a === void 0 ? void 0 : _a.parent, nestedItems: filter.referenceNode, "onReference-clicked": (event) => this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath), onItemClick: this.onTreeListItemClick }));
-        }))), index.h("div", { key: '3632fd0aeaf7f8a4cb1b994c1817ac7fc5bea527', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (index.h("div", { key: 'f1d6223115d02c8adb5c7b655e782b87cf18f38a', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
+        }))), index.h("div", { key: 'c73a9a208e87a9868449884a35bf9d81a3fb57eb', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (index.h("div", { key: 'cc712a2ea4d55df398fca964d0609099ea950eee', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -464,8 +464,8 @@ const EditViewFormDialog = class {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (index.h("fluent-dialog", { key: 'f4afe7047522208ecf342e8f0845029d9b12ed8e', 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: '4c0c03d35ab71ac7e0b97e4d3b1bcd4731a0227c', class: "edit-form" }, index.h("text-field", { key: 'e2de485a43d743638687ad894afa4dbcce6ad584', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: 'b2a853da3402166dc949c6433f9474ee015139cd', class: "toggle-options" }, index.h("div", { key: 'd609102f67f24c1d63dc96ca047ec7894d20a110' }, index.h("stencil-toggle", { key: 'f3704efc99bcc56a65f44d0bd72ffe6f73821423', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '88ce8f3d2187b2b9c9115ed53a99085559c7b799' }, index.h("stencil-toggle", { key: '2adb2a2db312de37f0087a838ddd569cacd7cf5c', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: '438d82d678d08ff6a9a0b1e4b0c4592b4d293bc5', 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: 'da191fbcd440a42a2799031ca602e1b617f929e7', class: "edit-form" }, index.h("text-field", { key: '1490eea7f70507477ddc8edd6988138eaabff952', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: '6b2add4bdd99cca7a83263c80061122d1daaec93', class: "toggle-options" }, index.h("div", { key: '9d86c6840dcdb88557597dcdbe906a6e7c66416d' }, index.h("stencil-toggle", { key: 'e4b1743f071f5f4596b573aa2e7017594ba9bd7a', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '25bc2d4f6d054ed5191227623d402f374c329e57' }, index.h("stencil-toggle", { key: 'b9523c5afa1e1e5f7662fbfafdaef7f297e8d86d', 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: '1de09d3c8a73d5c1ebd14b0d180ec4dc835b68fa', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'ce049113c6f3f1a2f10cfa309b340b5cd15e2b0e', class: "title-section" }, index.h("div", { key: '589d4e7e470c2507e6a68ea4ad0c4c6095418054' }, index.h("unity-typography", { key: '97228badf42dc8b7fcac9547ec79205cd6b58203', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '158c9434861ac05c77553628db9f1535594b3c50', class: "button-section" }, index.h("div", { key: '166979922bc3c1fc34be3c51c6f6a044ce445072' }, index.h("slot", { key: '0f878612a2af28e77a6000f970493edcc6a1288e' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: 'fbb24528729a96444374265efdb7c2990ca55941', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'b845d01ac68c4876c1b86b7688151110096fea8c', class: "title-section" }, index.h("div", { key: '3c3983ed5fefd31e601430ec07063f883f25b883' }, index.h("unity-typography", { key: 'a8f4351c032737974623c6b60442db1995825201', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '12bb36a125c3a5155794db881443494e8cde50d6', class: "button-section" }, index.h("div", { key: '95e5fd707f53357d2dd304cab0abb9f1118939e5' }, index.h("slot", { key: '3a2d07bc3f3e80613ed41fe20fde1b2138c598dd' })), 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: 'c3746ba5b586b5a7b005fe906ca9e27e34714572', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '12b8ca3c9b3ff2c2ffcf356ccb47c93c14cda35f', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '03b5aff6231117cc2d4411a78ecac5c46e31ef0b', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'b6fbc318d053d11d4c737b3de8208d5d8b6549ce', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": [{
@@ -652,7 +652,7 @@ const KpiList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '0c44202b21e4b4d36012905d2db65b545d21588b', class: "kpi-container" }, this.kpiValues.map((kpi, index$1) => (index.h("div", { class: "kpi-item" }, index.h("span", { class: "kpi-label", style: {
+        return (index.h("div", { key: 'e599cd08ecdd9bf247c2f2b23b2effe73daadae9', class: "kpi-container" }, this.kpiValues.map((kpi, index$1) => (index.h("div", { class: "kpi-item" }, index.h("span", { class: "kpi-label", style: {
                 fontSize: ' 0.875rem',
                 fontWeight: '300',
                 lineHeight: '0.25',
@@ -713,11 +713,11 @@ const SaveViewFormDialog = class {
         }
     }
     render() {
-        return (index.h("fluent-dialog", { key: '093a546d395b0ca07d4d93c72369f777ef281779', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: 'f98e636fc96f173d851fbde326cc8c3e64d42737', 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: '50aeec1bde3d7d74e053378da43e429216e23b05', class: "save-form" }, index.h("text-field", { key: '7e2bb3996ed5167fb7178721796f9394d7c9e5e4', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '64fd79aa3d1dc6827773d4db8fdb63e1538af2e3', class: "toggle-options" }, index.h("div", { key: '59af253230ae1c4c6c75198f5ed44a0c0e21210a' }, index.h("stencil-toggle", { key: 'b7ee4a15fbc9a39a1346448e4b511ef7c9d9c01e', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '85bdb502385f0d2048991bb5408d11eddeaf94fc' }, index.h("stencil-toggle", { key: '9d80305c33775757ac0748a74a93c40e5a177ba4', 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: 'a740c67dc5b01e7c8cd7ac02a3348e46b6eab3c6', class: "save-form" }, index.h("text-field", { key: '9198b308ffebadb0de541fccb9c381f620a5aa77', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '684f4368c6f784dcb6ad80a9374ed530e8e1dd4e', class: "toggle-options" }, index.h("div", { key: '5826b6cbd4bc0d69e1c8c3ee94b72305ad297c71' }, index.h("stencil-toggle", { key: 'ade09cbda30fe552ed01c686da40900196b855d4', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: 'b469e2d4b39ecff8c211cf1eec05c4fe894978e7' }, index.h("stencil-toggle", { key: '029aa68305520576e6da8f2543623b3b23832e2c', 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: '1e1858cc787d534106fec4b46fecbc67b13edbfa' }, index.h("div", { key: '74c2155177dfcf4d84766d4b731c726fa2cac8e0', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '977e84b88b2a602250438ab96817f591ce780054', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'd4cdd9879bb0159dfa5b37b011b974722ed6a648', class: "title" }, index.h("div", { key: 'a8a33581ef3a08c70383439393b1ac5f304d79bd', class: 'close-button' }, index.h("stencil-icon-button", { key: '6b302569bed2e422360e0e3cc02fea9ca0810fb6', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: 'cc068535ca186e05b170264bfab9c06bfbd90d52', class: 'title' }, index.h("unity-typography", { key: 'cfe3ae767bef9f54aa2a73361dbe9f000ec778f1', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '277512bb6615e01a500067957ed11fa98581c0a7', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '056f4fa76a8056ef1fde9d6a4131173fae113d8f', padding: this.padding }, index.h("slot", { key: 'aa5bc5ae1d831c0d8174720c66c707a2bf5cb136' })))));
+        return (index.h("div", { key: '7abed70d4440297217b7dd6688e90b0aae3c5ed3' }, index.h("div", { key: '87d3ba4880b11aee70dd5972dd00096a2454520f', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '1531a5e0485eb552166354974f6b900384abb796', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'bbdfc9004f6e7222cdae8f415a5bc95de1f391a8', class: "title" }, index.h("div", { key: 'f38308852a26dfc564dd9cde53ca2ad95194dee0', class: 'close-button' }, index.h("stencil-icon-button", { key: '90ff1acce9b4c1b7d1b986ff5541a2fadc3e1169', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '7e78d38d2a571cf4455f7a717c8825a899e9f164', class: 'title' }, index.h("unity-typography", { key: '6f3c3e78bec3b801ab348a06f1a6cdcda93b0720', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '352ecc812915a989824cad943f5731a9a42a257d', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'beee1eec64d8bc9cf300124ef7f7dc6dc4c39b41', padding: this.padding }, index.h("slot", { key: '29bb4fb15e78e675511be6be9722bf9b082ad303' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: '02c00621ba44f1db7f43e1e5f0c50a7095ea775f', class: "wrapper" }, index.h("form", { key: '7bc69edd7e8569fba6c62d76390d04ca3ff81673', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '08f2fb3f0486ba761d7f75752387c39db656f205', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '005f01d6b170a4312dbe530ce9d41309335128af', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '6c3d88515c0e5fab0d3975690eaa1e1da1b2385f', class: "submit-button" }, index.h("custom-button", { key: 'b3707383de55ec9f5be29b2dd0f75f66fcac3891', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '9f741dce3d44018d2b8aac3465a270284ed4c014', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: '05bb3afdff69e0b9be544e52378ffe2ec225d98a', class: "wrapper" }, index.h("form", { key: '635d669b73d66f8b32347684f36b840006bf7811', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: 'b8cafddd2ae334dbafcfd8f3f2d0719d5d748581', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '5d6178f51ba4ce2a69f9218dea376f9083abf0dd', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '030dfdd3c33485417763d012c77383f4d2c18a05', class: "submit-button" }, index.h("custom-button", { key: 'fe11609869028eca93fd64e30a156727eba42b5d', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '993eaf4f88cef81fec60e17cc5043865dad5e9f5', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };
@@ -800,11 +800,11 @@ const UdpNotification = class {
     }
     render() {
         const statusClass = `status-${this.status}`;
-        return (index.h("div", { key: '02718caacf97b1910544371560e540ba4b8a421c', class: {
+        return (index.h("div", { key: 'a6b5cd368c663da07e82acd7abb1383047398de2', class: {
                 'udp-notification': true,
                 'visible': this.active,
                 [statusClass]: true // This will apply the correct class based on the status
-            } }, this.userCancel && (index.h("button", { key: '3a94ee03c1bcd16b75d5a92fb78f67106583d82a', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: 'e8dd60d94f21eba796d47543e43978346427bf25', class: "message" }, " ", index.h("unity-typography", { key: '54bc5c4495e8623249f24ac78d16f7bcfef9b47d', variant: 'body' }, " ", this.message, " "))));
+            } }, this.userCancel && (index.h("button", { key: '994a611b83f342088f719e5e8f50724ece58bfdc', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: '9ce2b14667fb13e8226e48814b4cab94aeb1afd6', class: "message" }, " ", index.h("unity-typography", { key: 'f0b1763e1bf785046f95b4891bef6523e14ac0aa', variant: 'body' }, " ", this.message, " "))));
     }
     static get watchers() { return {
         "active": [{
@@ -853,7 +853,7 @@ const UdpPopOver = class {
             style['top'] = `${rect.bottom}px`;
             style['left'] = `${rect.left}px`;
         }
-        return (index.h("div", { key: '2c5e3fd8ba830888c012a3e3ffb72cfee13ffbe4', class: "popover", style: style }, index.h("unity-typography", { key: 'da3b9e4c5559a6a5168ca4205594d1f52244a1cf', variant: "caption-text" }, index.h("slot", { key: 'dd23ab880cbacc8d48a7717da2479a25f1fd7ce3' }))));
+        return (index.h("div", { key: '245c9e5aa34c196c3abe7e99124fb27142b66157', class: "popover", style: style }, index.h("unity-typography", { key: '6fbf45a71b7c11e88f995ba9b2f0e0e5aab4be90', variant: "caption-text" }, index.h("slot", { key: '2e728b70961623ae99ddf498f7997e954576d44b' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -874,7 +874,7 @@ const UpdAlertBanner = class {
         this.message = '';
     }
     render() {
-        return (index.h("div", { key: 'c8074a5fa7973ae6c4f83573a98c056b72f28829', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: '382a1fc54bb95c55903e26081b5cdcab63b1e536', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (index.h("div", { key: 'e717de5f5111174f4a0bc8790632dee2ae59261e', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: '8cbbaa686bd79c3d815adce98c3c6d8d0ec28bbd', variant: "data-display-three" }, "   ", this.message, " ")));
     }
 };
 UpdAlertBanner.style = updAlertBannerCss();