udp-stencil-component-library 26.3.0-beta.10 → 26.3.0-beta.12

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

@@ -83,11 +83,11 @@ const AddMapFeaturePopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'f7f4070d2147ad0833fc7c063760f9f4a9b144c0', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '4743ed3df42a5bd06ae2516d5fb08944b715e571', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (index.h("div", { key: '26c416fba07ef80a22f23393689b3ed8fa1f1ef7', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '8f595b593a9fcf130fbc6b59ece1af104c68e5b8', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), index.h("udp-selector", { key: '5223158c07d3ba7011143726d390406e6f469489', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), index.h("udp-selector", { key: '8524cda8c1a4fbd545877f03d6e7324e847861d2', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e.detail);
-            }, large: false }), index.h("div", { key: '96f2c41432dbc69343b9a513bdec95dbcade1c81', class: "formButton" }, index.h("custom-button", { key: '96f2eb29e285d7d713ea8e2ed4d010a5e444cc7b', label: index.h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
+            }, large: false }), index.h("div", { key: '8f0dafe7c1f75d6cc539b231e1b82b205211a153', class: "formButton" }, index.h("custom-button", { key: '4f5f5342bbc1c2964206aa4cb6653065a0ecf8b4', label: index.h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
                 this.selectedType === null }))));
     }
     static get watchers() { return {
@@ -268,22 +268,22 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: 'e13c672f7bfeda3776bd6aa9c4cdccdfdaa58e73', class: "toolbarContainer" }, index.h("div", { key: '648ce1d8245fa6af8458847b70a8fe9c4a18aab3', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '43725f68208564df9ee54645edc3206bd02f703d', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'eec7cbc94891663a028d4e95eb67c4842f93b805', class: "buttons" }, index.h("div", { key: '36bf0891be49eab3c892938ccc0fff26405d34a3', class: "buttonContainer" }, index.h("div", { key: '0150750459e6ea59dcc3e356f64e6e37e18ccfc4', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'e7d4e5b4b750c492cd1ee24483bee9736937101f', id: "filterOption" }, index.h("div", { key: '5377fac58417eff69b06438349ed046b8468728f', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '381b6c4e1587ae1b180d76b98b3007961bcb2e36', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '464d20911f391ee8d8bedfc8049f9ed5254c0965', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '6b6a801b345e1605a9fb14e74bded7b90e321a17', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: '93cf7229c024aaf777cb6db3ae576b4358af2e41', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: 'e1072c5c231d61d864d8bdd2632e00a737dccf9b', id: "layerOption" }, index.h("div", { key: '466db1d01e08757fdb8f4ac414ae1db4273e5039', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '7667f6f9e9fb87f86032f1071c2054174939fa70', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: es.Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), index.h("div", { key: 'f3cc664bb1986ea742be17e4b7e11bc8e768d74f', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '9438a8967478a06001c35ddfafb3cdc47c849f80', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '6c7a834a637676677d14df21f21af905b90d8701', 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: 'f70a0feb1e9861a8d5006fd03e0c918b3f72fe4c', id: "bulkSelectOption" }, index.h("div", { key: '4dac018b71fcddb772e263bbe9570824c3157097', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '6226d537908173cc1e70494323f00246fdf3cd55', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '2811473cbf7d91589ca9c1aa68d2cfc067e1d469', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'd1f5318caf1fc21f421760e43a695571b7d02a25', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '3dc9e287ce298a1458f7b10d07704e560b26236a', label: 'Box', handleOnClick: () => {
+        return (index.h("div", { key: '8adcd7cce11d76646dddf59773cb0dced9e2ca32', class: "toolbarContainer" }, index.h("div", { key: 'be037cf9d65c58c1a40b7aa98eb7f9c6bbbd0e9d', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'b66dda44b1555de751124507d179f0bfd1add8e4', variant: "h4" }, this.mapTitle)), index.h("div", { key: '838ba4ffd712d7f012cf4d51c2ff098938482046', class: "buttons" }, index.h("div", { key: '5d7cb9074dafe0f56ace360d3685ce38bf68c57c', class: "buttonContainer" }, index.h("div", { key: 'e1d39b098fd22f4354b2953f1f5f0b3c0b85d474', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'd20bdbb160b8b03648d00e27a3f94c6379c9bce2', id: "filterOption" }, index.h("div", { key: 'd4d2f346e13c78e4a72f71e1a73c942934207748', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '0ef1f38c86612bd3f010bbcf372c82078ba5d983', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '34edef6e17ffb56cb1a147284708a2444a72f94e', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: 'df37d11a7fd6ead871865339c082a63168170633', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'c86de211621d663a5c81e3ec3ba2884d07cc988a', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '40767198fa6fe8f4d3405fe611916a9e3b9c9254', id: "layerOption" }, index.h("div", { key: '4ce5e52b351a63e746b4d6cab28a618994ef7280', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: 'bd47d55ad485cc455c84d5931a600435c52df16d', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: es.Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), index.h("div", { key: '85c4d0bad4d130740fd4e126ffaea91d28de04b9', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '3db6a7684c6d10ca99ef32544d7e301f49971b14', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: 'fd7bd67679c320dd330e4eb48cd17930df5603c4', 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: '942f4669c944fb3bb2b0c6819c94a0ea933ae6fc', id: "bulkSelectOption" }, index.h("div", { key: '75fccd3f1f25cc3d2abc3797d26068258783d164', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '607ed703cec0bef82c6abbe068b6e4c16b170656', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '4b2bf0c1d487472eed37f78db30694d02fbe36ea', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: '9179d9134a70d5919f61250c222d38f8af2f9da2', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '9fce96983ed3fca5fedd5fc9b5607a520b47597f', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: 'bfd88db63aec9bea37741919ba0aef534dcd6e0b', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'c887c81d7eec4a864b020c0979969894a2822a14', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: 'fb5d692e58c85a9e38db6730f7f72c7efc506849', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '52723181895bcd4ac03a7a5bc1b8eade31729ed5', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: '05351b19cc1baebfea07889e570256a2616f3e36', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: 'ac74250b334d500c2e20ffe9ea3a74a7c977657c', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '1b59afd8ca437e46cdda969c405d1ae866f3782f', id: "splitOption" }, index.h("div", { key: '5f6fe79147dcd99d03c0cee010b39af60cf4b3b8', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '3cdff28de589abdd5ba8c571dadda5763f83f22b', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '3c479434ea73a177aa6089ad8b261ecbe3c7138d', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '2d8e71c9a60c2ca9c8430d53bb8955674f6d5bbc', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '727deb80de0e6896a5cd1e1b86639d16bee10ab9', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '590261cfc2d22faf3e579ce91408d19131701175', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: es.Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: '9d5b73e206687975f284ed2f03090206e623334c', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'dea7441a3f2c346d1bb0614badda19b811429099', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'b8fcb84fd84c62050b41e0623111765580cba591', id: "splitOption" }, index.h("div", { key: 'daa618a00d942133bfd1b5888a64673355628c00', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: 'af6d0d0082b8dd14e6a7bf68e86b44c6c472204f', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: 'ad64801b909ebfc48f2034e57f75313a14968695', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: 'c45124bf9d5233a15f8e952dc5af7b46a83a5fcb', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '1b369775d5db0a6429011116d8f9d60039e8f564', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '7f831bf15a5a29c0a83e91c7accbbf6d1f60e6f7', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: es.Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: '84df1501034e8e1a3dec78a37d6a06d6157db3c2', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'ee62c046da9d25d02f68df487dcb478294658066', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '5deb522dcac5eacdf4ea8c4adb9e5995abd57b94', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: 'f1d39399ca85c0f5dc005cabaf868682b4d4126a', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'ae73b4d44bc7ede0165414b5af10fc0aa4e4afe4', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '0988eca62375648c553408d8ee9c00b61d67dc52', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: 'b6d9079a1b7387e249a219ce0d3f267da46631b2', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'dd4038cb30acdb41673becf7c5f19f248bfd3760', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '966b9b63924af9ea9c0ed041ed3a43751837018e', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '1ed1233260c5c88a70ee1954eafe875e8fdb22b2', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'daac4d26e001697db44b1bf41a747e9b663f6f95', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'b663e5f611ae8aca729ee7a0dc8cd84f7272ea4b', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'a20b67e6ffc26abe81dad6d9d8391930f8d62c85', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '825dfff153b6e7326e735a182b75077013a406b0', id: "withSelectedOption" }, index.h("div", { key: '5b284058934a69dccd97aae188e0dd68a3727ee1', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'bedc17254459190002c979f4a87adc867e811de7', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: 'd2658768245a2bfc1071b87234991779aad0e4e5', variant: "button" }, 'With Selected'))), index.h("div", { key: '12077ca0eacfc19fde836687ba93436cce918a69', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '2f4e9af95ee77133a97233306f495b998245a805', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'e3c45d68f01a9cebda81aed1b4fbdb80cfa988f1', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '44fbe4019d7d8ea3992106f6dfdb5d0a3f1ec5fb', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'a4cce3d6ad9ba09efe325377e8fadb25333311d7', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '4cf49b84df369a9d06225a38d1901531c9b754ff', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '7e732247e339d389e890eed132f2552440464f15', id: "addOptionButton" }, index.h("custom-button", { key: '84555739dc648df88cd586983ee2e72cc9ad6225', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'dccd7bcf4a0901bd0461d333e200975bb2da4319', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: '03281c6bc43b583b69c8b48b8d9ac584dd04b088', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '29b08ecc6f8825dc5408adfc1e5f3d91b3339754', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'a41e283d49fbacc6ec4d6be6c48057c90e768429', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '5f361c5a608404e3a7ed68c755e8ff04c8818a31', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '17f4e4b7a7a60be2c987da0449e9cdd69fda63d1', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'ab080c1b1c4a98efae8f037cb22c2f9d56de5bbb', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '6178d5e5b971ba894f0a4e32a0657ac448a81296', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '4e4e0992904ff573db47888d149a7a5a3031face', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'b007820b37877459bc69086bac1144e4284655ea', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '55de1fbdfb97cb074a0df68eb5178f5c953c34b2', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '65acbd709e7cdce1f05ff756aa142050b64ad21b', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'db206e43c740af426f009ba928e6e9d3994ccc17', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '008b503fd411cd0adbc88b0b43dc7d92126bec48', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '517981751359f38c9f55f0dedc80c56ff0e34048', id: "withSelectedOption" }, index.h("div", { key: '0721dd019c06ec13f1049edcc61530e413605e6a', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'c1d2ffe6354ef4f9c981ff64a45b45fb7f10eb3d', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '6b178a538b1e8a598a2d2e1016590545d425d0c0', variant: "button" }, 'With Selected'))), index.h("div", { key: 'f7bdb47d00334ac6eef08669518647303edf0c4b', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '851c1ed49453d0da130f421c37072faab8e1e5c6', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '365cfd6e4846fda2cfa446b7c01922e08fade667', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '07f1aa06222532d4fcc4420be11f64c381522332', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'caa8f898c6eebb87bbed301963f7fd7f694887ee', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: 'c1ef3bdf16978878a8adf782c35b0a9b6c270a01', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '87086f8b48f68f4f91adc9eb1e20539660204947', id: "addOptionButton" }, index.h("custom-button", { key: '8b05bad8a5d540e0ced809b23fe8e25734947a03', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'b3c07b19d2a605000ab5eeb8deff947a6470273e', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'db61b8e2a3c0862eb3b361b1b2ff6c144d26d568', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '49a5747f42dbb5e61cc6c6bd2d8cd2f8d13627b1', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     get mapToolbarElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -318,9 +318,9 @@ const SelectLayerPopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'a2d87a3f77a1a2dff1b98b1632c14678cb27319c', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: 'e1e21e35ddc78a91bc6ed733be9a4561a9e402d3', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (index.h("div", { key: '5d3dc2916884f12c5421bccdab277090b7460923', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: 'e0e068d4f0960a8fecf288dfb0355e718accc0e5', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
                 this.handleMapTypeInputChange(e.detail);
-            }, large: false })), index.h("div", { key: '3f363a37d8a86f88fff60c69e7881d73240cf7f5', style: { height: '12px' } }), index.h("div", { key: '811463c85bdcab926e264cc7964afd8e9d19ccff' }, index.h("text-field", { key: '38f03caccdb1f21054bd6a3f8e1db013679fc24e', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+            }, large: false })), index.h("div", { key: 'e276d9a398262fc929210eabd78ecbbe4f4bcff7', style: { height: '12px' } }), index.h("div", { key: '85919280da2addaae3b3a412206b6c6211a9fbe0' }, index.h("text-field", { key: '6f977fcc38304a7bbac58b9d2172e24567762023', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
             ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map(item => (index.h("check-box-group", { title: item === null || item === void 0 ? void 0 : item.title, options: item === null || item === void 0 ? void 0 : item.options, values: this.visibleLayers, handleChange: this.updateSelectedLayers }))))));
     }
 };
@@ -336,7 +336,7 @@ const SplitLinePopup = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '818577b4dd3e10a8daab70a0b5c36e6306a4503d', class: "popoverContent" }, index.h("udp-selector", { key: '639853b942cfc37c42f7b691a9c02929605e9933', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: '05ff4213aec4e4d4eed9d27daeac6762aee99df3', class: "popoverContent" }, index.h("udp-selector", { key: '8b1c972bdd7c0444e2d7aa929b0a1cd825fb5a84', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

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

@@ -187,15 +187,15 @@ const AddressSearch = class {
                 borderBottom: '1px solid var(--gray-02, #f0f0f0)',
             }
             : undefined;
-        return (index.h(index.Host, { key: 'c63a1dac86d808516b819dd47cd5b82fd2d42432', class: {
+        return (index.h(index.Host, { key: '54c1b5ced8b1feb8f09a0106cbf5ed44e2b52358', 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: '9eb1e3b4c7595b324de17bf6b10d0c8f87099927', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: 'ca759551f4d1c0dc1afdf05b95a19fe4e9dcdb4a', variant: "caption-text" }, index.h("label", { key: 'b3ee4fd95f6b80a2d0fcf66d3f3c275ac0b222f3', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '7893fa4e248c47dbf30071e3cb86580fddd03c64', class: "search-container" }, index.h("div", { key: 'fe60b7c60720561bfbb9b3215a7ef95b77f16fbf', 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: '71ab567177663be2428a7230a6c77adbc1bc779f', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '62d419bd641583b49601c6e1224e40b852edb56a', variant: "caption-text" }, index.h("label", { key: '0444fe564d25002d536b113a54a29803e596d460', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '3596d562635950ae34ffff929bda657003332b0d', class: "search-container" }, index.h("div", { key: '598d0c22795a35930385d4cd158166830fc605ff', 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: 'e6d7df4bac7b5417e5ea1af1c64bc2d8520b5f90', class: "search-actions" }, index.h("button", { key: 'a47dcbb33e8994271025c23686d462f3c6ec6c40', 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: '363e7a7fdd74cdb76b21a4987cedf2b79ebb862b', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '52f57f7b93d8c0e98a4bc6c361ad21052950ae5e', class: "spinner" }))), index.h("udp-pop-over", { key: 'a8aa66228ef4eab2ebd5bbde68831ded5126514c', 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: 'a8058a33e765d7fb2270eda182a48ecbaeb8ec64', 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: '9c7bbed5e77ef3402ea06cce661a1d0ff04662ca', class: "search-actions" }, index.h("button", { key: 'fe2b9e6c2657f614951b4d36f346e5f7277cf89b', 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: '57f8996c3813a5ff4bf62d373522eacc2f33c469', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: 'c9209dd794c3cb393609cbb44a6f720200e95ce7', class: "spinner" }))), index.h("udp-pop-over", { key: 'db70afb735bbdab669e0591d663e6d18f2a5dbbe', 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: '23262f78c690fc311e94bc10b26a7fdcc6fd73ab', 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: '46bb5550e685e16706ee88996e421f002f22be84', class: {
+        return (index.h(index.Host, { key: '8276d1270f4204e8c9b5b0d5a43474229d03b460', 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: 'a0ccd5dd552f55f28f594b7e5fb973cd8fcc7841', class: "bx--form-item" }, index.h("unity-typography", { key: 'afabe9c7233087b58dc8572dc9a38448fd31bd81', variant: "caption-text" }, index.h("label", { key: '336ccf8aafc8d7a5950a4e1bae932fb869eb17c2', 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: '29c26efafa57603a7e51cb58afc305225aa79f0c', class: "bx--form-item" }, index.h("unity-typography", { key: 'bc792eef75aa91f1c11828e331eb95dd4109d991', variant: "caption-text" }, index.h("label", { key: 'a1d5b833838e9f0fad2d3a24f1e73e6f0729d040', 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: 'b90b0fd46cb5550dce2e55277560acad7176e89e', class: "error-message" }, index.h("unity-typography", { key: '4f06131121e31dd8a30a5545e66d41e050e71ffd', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: '2ddafd6d1b027189f7f811225a6dfa5673e465ef', class: "error-message" }, index.h("unity-typography", { key: '791ad4fb7b984cbe858a2ff75c40d3ef39b5060f', 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: '0b9a4c146b9c16f3e769e3f05cbc8bb58ebab484', class: {
+        return (index.h(index.Host, { key: '1dbebaaced45c6949e8f548de81be785156ff109', 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: 'e91fb631414973762bd4aa5ec4b4703975a21046', class: "bx--form-item" }, index.h("unity-typography", { key: 'd2c599d8d45cea732e1a407803a98febd3f1d4f3', variant: "caption-text" }, index.h("label", { key: 'f0d086de986f17409d2f5a933283d689f2e397c4', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '02e5f723f05eb588cf2ac2c6a0ea912854cf5f74', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: 'd58eda1461575c8197d30ba01cf73a1789825d4c', class: "bx--form-item" }, index.h("unity-typography", { key: '6b999249e5061bb12a0c41ce5ca289ed62e60179', variant: "caption-text" }, index.h("label", { key: '85e3ea56951ea824d4049cfde2576d510ea8eecb', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'd2052dcae765db39662295fbf710e4e3e099f636', 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: 'd2c8a3a746ff13948bc923cced9bbbc9bcdfbfd0', class: "error-message" }, index.h("unity-typography", { key: '5ccbdfa50d7795399d1ca1a9d21583568fb93219', 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: '4bf13bc42bacf006389c5c7b7f14778431fda466', class: "error-message" }, index.h("unity-typography", { key: 'dcfa32c33ef7452e5b3596276c080d509d7bfe68', 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: 'a5386ea7eb40ab9cf61926738f87d6d7acd678aa', class: {
+        return (index.h(index.Host, { key: 'bfb4dfcf8fa577b83f8eeba262c5fda985208fd0', 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: '6cd1a894cc42ae1b294188012d9a7a957291baee', class: "bx--form-item" }, index.h("unity-typography", { key: 'dd47b436627c7dc19f1b9392aa7d2b1c355c72d0', variant: "caption-text" }, index.h("label", { key: 'db58cd50243c9b95fc77e55fa7ff18e537e46f49', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '0f07a19936a4144c11e798085815cc714a293f5a', 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: '39632d67d95a0702c7e44fcf8e0ec74e440646c9', class: "bx--form-item" }, index.h("unity-typography", { key: '02d75d18d3b716cb68051ae6c1e2b8d586df5b19', variant: "caption-text" }, index.h("label", { key: '822a321cdc92dec3b213704711cfe6c800d8859b', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '045d684f224968dbb6ba8a4a609478b8b87560ff', 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: '39cb5929643f5b31877568b7c8e1ddfbad975977', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: 'c8f2ea04a457ec37b580a01d8e917d1e256d86ef', 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: 'ba3548c25e52797403a28d52099a4256d665ab0d', class: {
+        return (index.h(index.Host, { key: '1ca041f275ae391160fd74cdfa2625ce6c744c62', 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: '489c19eced5a48d68e368e839d6872ec55d4316c', class: "bx--form-item" }, index.h("unity-typography", { key: '51e2273e961c50708b4b237266eff9af933aba6f', variant: "caption-text" }, index.h("label", { key: '5935dafaa9e2ca68ecd83b1895818352fda9de27', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '552288657eb3e5dc2092f13e0fc57659dbef34da', 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: '1697537523be77c291bb89e9a4effe50138efdd6', class: "bx--form-item" }, index.h("unity-typography", { key: '48482156208d0628c773a726b235221cb5cd757a', variant: "caption-text" }, index.h("label", { key: '6fd348f798afb027025ec7ea831e342fd1bf55e6', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '8c9d72851849815f6d68deb9c8f36355a53a7846', 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: 'fbbfca899bd5caad7c63d2f38ce8fbea745da811', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '48f41e44b4565b923f8cccd09e1f2842dc3469ed', 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: '39aaa72c7c27814f180e0fb649f3b3e565ff1931', class: {
+        return (index.h(index.Host, { key: 'd902969d076b7ae7471f448fea7a13bb63eaca57', 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: '762e4fd75bef891b8cbdb2fc7bad67b293910b96', class: "bx--form-item" }, index.h("unity-typography", { key: '0bf6c8a76de005b44c5154e3b81f7c27ce4be5df', variant: "caption-text" }, index.h("label", { key: 'afd17c951811c4cd094101061620e13ce15620a5', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'fab1c530c4be02927a3aeb6e36b9f3ccb0a87ab2', 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: 'd27b34454f163d8fe5f738d1496cc467cc055571', class: "bx--form-item" }, index.h("unity-typography", { key: '8108f0f19b8806298125624020faa34b548f1f4a', variant: "caption-text" }, index.h("label", { key: '3ad1034df6fc3849e007012c3abbfede6414769c', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'bb4555c790f0857cc6af7599ec6026e640aa0ed6', 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: '003647c1b207fdc905d5ee93b757de307f57bfd6', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '6266a9fa5c185c51cac5d3acdd1412ed1cfcff42', 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: 'a8c994f2ebd4004dd8e62d8c394c41414826495a', 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: '5de0035d7bf78d2a0e79b624cfd82fa0fd9711cb', class: "edit-form" }, index.h("text-field", { key: 'c34e13f04065314299c8f181c8ee6a84e285a966', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: 'a3e33f0507ba3cdda8c961c40f08f31a399ad7ad', class: "toggle-options" }, index.h("div", { key: '66ab8df03a3f1e9352b214522de82f9c72887bac' }, index.h("stencil-toggle", { key: 'dd21bcd513b7843b609a489cb41b55219771a99e', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '04edcc0842ed75cb757b133d37468378cd8b4fea' }, index.h("stencil-toggle", { key: '95440e82730cfd53115da14af9b075a71134fa18', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: '2fcb4aa52095f093f4078106474919a6c22ee798', 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: '876ca0dc0ea667cf9c9b66cea0870d3f7021d149', class: "edit-form" }, index.h("text-field", { key: '53da2849244c65c58f8bf27999c0f2fd71169d35', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: 'd3c6cedc613ea76941b49bacec3e49bcd3fb20e6', class: "toggle-options" }, index.h("div", { key: '00d0fc001770983188d8e26265482fe46ed677b1' }, index.h("stencil-toggle", { key: 'd7121ebc66be6b78b4738d90cef8654fe63e6b15', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '79d0795eb5059c2c79401a40b5ec190631643190' }, index.h("stencil-toggle", { key: '86e1dd8285b5dad8fd1c896a3d763aa760c583cb', 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: 'c383090d51ea53653e93cb8924daf77bce5740ed', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '6b118450a1f6c9e444852876eff9531cfeea718c', class: "title-section" }, index.h("div", { key: '9a47f05543b77a2fccd83a50538a0bdb07f1c94a' }, index.h("unity-typography", { key: 'c869a05f103587f661b28152474a465ce5b978ae', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '3f363906d9220252703ebfdcc6ba1782c0307f56', class: "button-section" }, index.h("div", { key: '8341454a10f518fa962c63e4e2f8dd3dd7746cbb' }, index.h("slot", { key: 'df23328534bd6e6fbffcac0b2ab12e4e360db5d5' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: '2d0dc882d15ba0837da5370413134b26038b5245', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '3038864e6a161b4bd7cddf33dc1e5e0573a506e8', class: "title-section" }, index.h("div", { key: 'f7045453617d84424c89a6f12302db315728e4ac' }, index.h("unity-typography", { key: '0f79a57195c00514f69426b4e0e42b3c3292340b', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'a724b8505de0f8178440bb4b62041165b84bd573', class: "button-section" }, index.h("div", { key: '35248c4b0784d8ea4a1279973e6eb68695ecf26d' }, index.h("slot", { key: '04c7b1a8651dbe6dc7fb73ea503ef9a22e17338b' })), 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: 'b736f5d0a6177c1fe91f6bbe7fc0f9fef2869966', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '0590c0c6d1dee7dcfcb742d16cf239c15abc59c7', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '69df2cdc07b5e218164905a780feeb2ee7ec2064', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '45122a616eb3c887c7fb82ad7c48ec2bd94395e5', 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: '9171e99debfd099aa6f2c9cb236e8913e96e14a2', 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: '00e2e89caf21f9f28242e99b5c5f74dda0bddaee', 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: 'e5d1febf3ffbdd618ffdaf31b74b8b8a8309711d', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: 'd2ccd84d3fd567afd9a7741c34723172a938b511', 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: '6982c30016febc767c17c86e970f4665e30b7f1a', class: "save-form" }, index.h("text-field", { key: '9a1d9cb24c9bf9013caa677db928f23c164276f5', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '9b4ca88dab43f33775967bf071eed09b32c57b80', class: "toggle-options" }, index.h("div", { key: '4e3f4615bb7c85ba54fcdd983fa3bc2fa0365444' }, index.h("stencil-toggle", { key: '9ce8f664d96a0033b7f39258a7eff48d8c45a399', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: 'b425dda9bfff2792535cc3560526f7817a480d06' }, index.h("stencil-toggle", { key: 'f7ce9cdb54afd8e31b095a2f4c005ce59d60223a', 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: 'fd9b558e261d6f98657a981ec91cf290f4b272bc', class: "save-form" }, index.h("text-field", { key: '144de082027313030b008e3c052235c83632aeb5', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '01e902f90a3cdfaa01d93fc69aac3c5cbcc08c7b', class: "toggle-options" }, index.h("div", { key: 'f598f9c5f0ebcb01c7df8c9eaac51cf64e208fc8' }, index.h("stencil-toggle", { key: '64aad69579ec47be014914973e24d17f60343289', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '67942f2aad4b198239e4aa1d8c4aac39f7b8070b' }, index.h("stencil-toggle", { key: '1baea48db836a6967af4559fd3bc2c2897b5e731', 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: 'f21305cd0bdd54dcb596f9884b88690650294301' }, index.h("div", { key: '76db1d057b534c123b9cb03563fa8dbe94905677', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'f6d5067151e9d676f8838a8a235e39b6385fa684', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'c46a76e1286200d06a536b1a95fc0f71837ecbb2', class: "title" }, index.h("div", { key: '9d4eab9f55bdb3dad1b9b66bb2538acb30e77a74', class: 'close-button' }, index.h("stencil-icon-button", { key: 'f607762db56ef1ba08b11d71dc1d15be54f632a0', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '873858585c82e8b113a8fd6f7a903de19ce29439', class: 'title' }, index.h("unity-typography", { key: 'f32705809498177b4e7b5be191f0376fe0eef07c', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '172ffd9dafd3c902d2f1981bb95d82949e2bd099', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '10659cf27814166429ae2e22053c8c764c5483d1', padding: this.padding }, index.h("slot", { key: 'cdac9dc104886911e92d5bd177b294b1e5a2f943' })))));
+        return (index.h("div", { key: '1bd5c4e65f1803e9ab37bc0ae7f2d6f54d14ab44' }, index.h("div", { key: '903378cf774891f367dc00c827a1abf0ab1a90a2', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '08f11d60b83fe433660f770ffd3a575ed019a512', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '55999b246305f48f35c3098066804dfbca14509b', class: "title" }, index.h("div", { key: 'bde0833dcc230b3e9abf404a3f10db400cec8ffc', class: 'close-button' }, index.h("stencil-icon-button", { key: '2d8cbd970ac6c04a9274bfc513bd0d41a9594a70', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '569e2a54b5ef2133339c3b5f9052bd44b4501d16', class: 'title' }, index.h("unity-typography", { key: '3c182af2f03cf312b9bc8fedf257957c2590a1cb', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '4f84a32e716f271feaf21238a733fa374d329fc4', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '5dd92d01e8fffa9fa427824bd24dda54f79a55cd', padding: this.padding }, index.h("slot", { key: '4fff5ab6b385518245c378628ce5214b560a103b' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: 'bcd997bf0c2606ee689f1c65cda31226d7112074', class: "wrapper" }, index.h("form", { key: 'baa313139f1241825d319c83a9b1e492e9767b77', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '08119b4752b919e03fdf2e06446b6e3ef47785a2', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '042eb04578355ebec6c0c6c6d52dca5780fe0e69', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '82c5172f5c4acb681e7e617062001a1a4570944c', class: "submit-button" }, index.h("custom-button", { key: '79c40a41a05f4b6704c8be6c7832d88fbdb33f14', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'b4887a67afd8f3fef3a334ebbf36f00ab01fcca6', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: 'dbe2ce708da81d22f37c35beeb8fe778859ccac9', class: "wrapper" }, index.h("form", { key: '94c1f7282656d17e4098b9ad7c291cc139015ad8', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '2ada338b3756ba92c03b30f438474ce88f64ed76', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'cdba4ec398403056f286a41f9442f257075078c5', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'f9a9b340e36cfad725bf9b2d7fababc7ef8395d3', class: "submit-button" }, index.h("custom-button", { key: '535ebdbf9499f36b5f00dc65b702d175b944be71', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'ed6cf44c5d74f7ccc23614da1f387b1e642cb385', 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: '670493aa1b278db27d8ddd76c1910146f59c693e', class: {
+        return (index.h("div", { key: '17379efbdace37347b1681c14ce9646352afa8b6', 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: '1072d2fef37f90c41f81fc3408fc050f591e6bf8', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: '8741ffc19f70e171e4b28fd0956183aa7d097952', class: "message" }, " ", index.h("unity-typography", { key: 'e3c0ab7aff59d6e6f548c8bbdbdc32c2393b2d19', variant: 'body' }, " ", this.message, " "))));
+            } }, this.userCancel && (index.h("button", { key: '188287b8107d70e0664bbec94ae93ecfb86829d2', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: '272d2666af08cd4e208b5cc89c7b66a4a820c308', class: "message" }, " ", index.h("unity-typography", { key: '1cf9ba151a1daa19888cf61e198cb3e3cc93a626', 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: '8e551e93e0cd39e0a1945c6bba655986ce3f9ec4', class: "popover", style: style }, index.h("unity-typography", { key: 'f19947195b6539834bf48380c7ea628ec75c1119', variant: "caption-text" }, index.h("slot", { key: 'ff01703a997941175c2f3d94e3765015d604be86' }))));
+        return (index.h("div", { key: '97bbfe3dd2fb851df62b4f7f67c05ac44d87421e', class: "popover", style: style }, index.h("unity-typography", { key: 'd1cc6fc958430ea4e23c39fc5d6cf4f4301cb053', variant: "caption-text" }, index.h("slot", { key: '35935cd9b82821f5e149be50e237005419fad8f5' }))));
     }
     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: '885f774f5366cafecd20075d8bb6a16055fb6c58', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: '789a73324253a838d2a403683cf2c9a35e69d605', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (index.h("div", { key: '991526b9c1b99b21c5d851ab889eeafe01f89e86', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: 'cc785932707bd8a71ee6385a62d1531d195f4a24', variant: "data-display-three" }, "   ", this.message, " ")));
     }
 };
 UpdAlertBanner.style = updAlertBannerCss();