npm - udp-stencil-component-library - Versions diffs - 26.3.0-beta.2 → 26.3.0-beta.21 - Mend

udp-stencil-component-library 26.3.0-beta.2 → 26.3.0-beta.21

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

Files changed (701) hide show

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

@@ -81,11 +81,11 @@ const AddMapFeaturePopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'bc9f1ba003072d1f16ffc5257fb07b88fd15f804', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: '5c7bfc4477a795b8a086f00118a009d3d281de2f', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: 'efb4a8828c1e91eab72304568bc8c0c59856b39e', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: '60cbfcab9935f8b921c74e3f3155f3a62eeede2d', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), h("udp-selector", { key: 'c3d95a0d21b87847bcb0c48b8517e696754ffad9', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), h("udp-selector", { key: 'f14269862675d3e2b479624ab500a1a43c234417', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e.detail);
-            }, large: false }), h("div", { key: '10e2d845deccb013c45ab9e2336d3fdebe864424', class: "formButton" }, h("custom-button", { key: 'ca655036e0cc84a7b3626ba5b13af2796a2ff4c5', label: 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 }), h("div", { key: 'afe51c7dbb7b54de453ea6542af2b9ea5e643873', class: "formButton" }, h("custom-button", { key: '814323cf711eef475819edbbec6f3a40e5eec628', label: 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 {
@@ -266,22 +266,22 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '3f3529770dd1f8c0142342f95ae128a1a3c5e713', class: "toolbarContainer" }, h("div", { key: 'fb591c59d96f64b1f62d4d65bde2301ba5ae8e07', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '904028aa82e53a16ea053f3337fa19a33d79616a', variant: "h4" }, this.mapTitle)), h("div", { key: 'b31c5ba36b3ab75b9ac7b9475149ff4a56828808', class: "buttons" }, h("div", { key: 'f7996fd77fc50fac212378d3f59e51fa4d9dee1a', class: "buttonContainer" }, h("div", { key: '371fa00be132f7b45661da50f5e6e2d1731d5fa4', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: 'a76208b1bf961a0e6be8ffc1425b3935bb40b23f', id: "filterOption" }, h("div", { key: 'acd3c47849653ce81f0581fba0a96a0993f5f513', id: "filterOptionButton" }, h("stencil-icon-button", { key: 'd4108298d1a903c7db0045e28a01412958534f5f', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '3c315a79d271299a04def172ef4837455eec44c8', id: "filterOptionDiv" }, h("udp-pop-over", { key: '8dde6b38634ec372c79191e9aca951f0b5713edd', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'b554a7e2990f4e94115e16dcb687497953c79dba', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '69c2322ce88f549a94bdf1a6cf4a3da72a7d2fc9', id: "layerOption" }, h("div", { key: '14d760cca4024ccccbf09850405d5580acc1ca65', id: "layerOptionButton" }, h("stencil-icon-button", { key: '78f49011de103182c6957c5e73056b43d3816f04', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: 'c67441730a615a3781c0b3028fc875b2639e3f19', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: '13e9be28c42890b05c48245f1bb4cf61afab8b62', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '1ef25e9a93b3ae4c547923bfdded9fc8744d663b', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (h("div", { key: '8a0a23c828d90bda52bffea91cda3d3a2ebae915', id: "bulkSelectOption" }, h("div", { key: '9170194539a7472596f094b0fcb367dc4a3ea390', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: 'ae677b5ad81a4489599a3b3d0687050250130bec', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '19da0e9da45b1fcb352ed1a55d14aed6e7da9c5e', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'c8b7dfc47685ec63d3b6b02fd8985add47736410', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: '16349b4225e6e652c8011fe39f07b2337d179273', label: 'Box', handleOnClick: () => {
+        return (h("div", { key: 'cc94e88b15359372d2dade58f7a39cfdda619cc9', class: "toolbarContainer" }, h("div", { key: '81a70cc550fe3b5e1cf43f2fd72297ea7dfae6de', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '43478091aced069363de43bef9d1c207eea43f8f', variant: "h4" }, this.mapTitle)), h("div", { key: '5fe4d52050743571ec291cfed6e4bb0093168565', class: "buttons" }, h("div", { key: 'b765b142ba0512c7944c5ec3c852d1a2dc9bfebd', class: "buttonContainer" }, h("div", { key: 'bd24ff65f0cfb4ad9228b41cca5a69175297cceb', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '07f4682433ce73e04870eb96004740b1711b541b', id: "filterOption" }, h("div", { key: '6b67f33f8393fa0a009f86466194e81416f18a47', id: "filterOptionButton" }, h("stencil-icon-button", { key: 'f4f598a3f876e5334375e751c0aee7058b9d9dfd', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '4b832a46754648efe4fd4ef236fa7c262e108e79', id: "filterOptionDiv" }, h("udp-pop-over", { key: '8ecbddb7ea84bf7c4c7ae6003dda0008f37772d5', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'be3b918ad0a02b03dd001fdd2fcd1151fec02e99', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '981c9d69269252f16fb173f14218ac9a06ceaf46', id: "layerOption" }, h("div", { key: 'c783f9b1b9c9e6a9511d14fc5c1f6d01f1a80bd5', id: "layerOptionButton" }, h("stencil-icon-button", { key: '891acb2aab39303e0b9dcfbbddd4e4215bfc0eaa', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: '5af5f684cdea3ac266f0fe97c5451b5d9e11899a', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'ac25b455ba38f481732e157d691ff6cdb1a69a26', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '1928898a72e89ac248da1a702c80afa6a0055a7a', 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 && (h("div", { key: '0a6e03a58d510229113fab08d31230eeb876614a', id: "bulkSelectOption" }, h("div", { key: '6a7ec0fc0a37c5faf22cc1bcc1f0a2e5a34b656a', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: 'ff5a3eeebd1ebb7d0265ea66b1dcd820f0f9281b', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: 'd44690da7da476811bf15dd734df833fcdf0e8df', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'a797f612aa4a41dfe304acae6513bdfc33b6a9d9', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'cbbcdde20cee437c9a64e9202f1b86ec94e0b8de', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), h("udp-menu-item", { key: '51dfd9a60248b3e6d5ca86af736c32619b15f02a', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: 'b1c7794ccad8c1b55f77a505c88f660b642db774', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: '8c088b03b3bd86e7874bdd9016d94495b62a4e01', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '84af4dfb0abaab93a7852f80121b5022569a799d', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: '93f08311a5b984472a684eea4c2061d970b5460e', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '4e9a030685178a67fa4c42fa32e182710b5000bb', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: 'a8850b6fa61fa658b3084bd57abf47ad5897d3ef', id: "splitOption" }, h("div", { key: '6b620958b2be71a23c9aafed10f9373941bd0bfe', id: "splitOptionButton" }, h("stencil-icon-button", { key: '22ed3d7de5cfa484f1d25fc73a0e71ff1e65e4f2', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '045d71246c49fe0111ce34d341ba9d426f4ccfc8', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '7b89c4c439b26b7b6297551f6a840748da998663', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '085d3c77d005b0c819bbe3cd83c3d423cc0d350e', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: 'd4a8cda6bc070a53a4a42de00e5fecc121c1e28c', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: 'a00301ec69591d0254e2dae7eeff5debdfe8fe9a', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '518bd5f6e768048da40a000a10263b6cf9decf04', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: 'fe3a5e71100e8042155c23152b9aeeafdcb08c6c', id: "splitOption" }, h("div", { key: 'eee63b8b5753b9e85f8538f729f01341f3e43146', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'c842db504e337ad055826136eb6f9ed1abaaddb0', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '29384bf9afff4224280c4f4cbf360503ffa562bc', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '7ed6dc7dc95609d2ca666c6c16a4050dbc1f1491', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '96b73e78d4736cf62234d7b5562ef173b0a63e5f', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: 'ab88c9074a2637d129457bb8a252653c452b600b', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: 'a9866ce9115ed233377d539aabdc14eea4bdc0ad', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '5f7e3e4f8b04911d596faf1aaa08c3337ea7ed18', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '9e280df0a4dd135793ef432851bf77cf7247b8f6', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '3fed3bfeb388533125caa255124ce2fa66dd018a', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'e215e14244f28b458b821cad21e92c672178c054', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'd5f7c216937e99aec37d7edc4a8b64d95ec66ab5', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: 'e621c124767f266a83a83b8baa7d4fbc0d764ac8', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '112cf041c32bc6ef1e2401536d59a1b9a8f61504', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'fe29e6fc905c0c86a3dd0179937bac36ef248c32', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '46d45b559c0d101ca90069642d5c91693491774c', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '2329d43385d5f5cca508c2b3b6dc90b41f9e1fec', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '286b001358790cc79d33a46bb940c038a1cc9da9', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '313cf7021f18b9226517a35948879b4f6ed5c8e1', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: '3a4d9b331c5293217fe232074fd7f170b56c1de6', id: "withSelectedOption" }, h("div", { key: '364c530debf68e8b244e88ed2c6f37cb4ce29ce4', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: 'bbaf3c3c5e290d69e521b616d018d2c09a3ca7ab', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '8bcb87edf4156ac4b20ff2e299ef0b26b964ff0a', variant: "button" }, 'With Selected'))), h("div", { key: 'f4e432db4058fce8b64b3004eace7541ef4f3347', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'f3c29a29b4d46377b2cc18fcea9d133e3263b611', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: 'f9ac13c8cd5ca79db115736b78202c37e4d0399a', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '51ce8939de972a57fb4255ce95181a598ef7fa5c', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '172bc5e55875bb2a75e7dc87fce8ba71cb51167b', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'bb6d9508159f0d8d814f5fa6c3413d1dab9a1528', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'ae77e80fda5224f3f4a046628f1d80928dd278fb', id: "addOptionButton" }, h("custom-button", { key: '722fd03a1c24a8b48abf282a5b9f48e6a02781da', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: 'e42f4e88b24feeb40e6d4f13c09108ee447070c5', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: 'f46fa1ac31dacde99957907539cd8bd70b593421', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '09d1bc7a823a5d07040053e1593712c89a6aac3d', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'dda2529b66e0278b6e22eb248710af0e91811f29', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '455f4a1377ca5198f7391dd8fe301606ab5834ad', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '36779457b37d4714297c86c7d356732b05ac2f6b', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'ae57f636f17a1aa1523485064783c411e1f538b3', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '190c38091a68f6007d972c6fe99d2f7d5ace44dd', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '7d92f77f15a49142c00056555f2195673669b591', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '5c21e532dd7231ddeba9e7017e7505ceef3cc651', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '62a0bc1516ca70144944913ba10f2697c17b5653', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '6a31341d4225796bb6e9e6245e059cc2abd75ccf', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'c20e9ff92b46dc7588789448f85cd7306c852f4a', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: 'c5a42683f539d27efcc2706ee7c8bf487ffa6bce', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: '3436549c76cd4e9cd4d5c79c4313dc8f118e71fa', id: "withSelectedOption" }, h("div", { key: '6fabc0281467a409a450776419f84ea7a6259b6a', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: 'a404e3e5d676fec7b33f3a1180f5becd9b3a82ec', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '8b24c10493c0cf6fd4efc3331308e92279695445', variant: "button" }, 'With Selected'))), h("div", { key: '45ea7b52a2ec332b121fbd03eb631a87148d5df9', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'bb87d1e78654dc19abdf68f198f4600e52adfa00', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: 'da840facd7e476da5aabec5a7ee3100ad302b890', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '26349a7613ce13880f42e45ee673b8dd9274be36', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'a9e4599fec38d4213edba9160505123cc24fec77', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'ea456e2b744822044634f9152c571ac8b80b4cfc', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'e9c241fd5e57bd71d256a7829a7e3bb025e3051a', id: "addOptionButton" }, h("custom-button", { key: '0651b909d426e4ea2302b8621086c55b54cc563e', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: 'eb1b8e720043dc0fd4fe83a625867438f9c2616e', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '6283526331453f7d61f577f11e291779d1b6fb62', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '1f3b80b14fc7da3f33986ac93cfbafaf2cc3a3ef', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     get mapToolbarElement() { return getElement(this); }
     static get watchers() { return {
@@ -316,9 +316,9 @@ const SelectLayerPopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'b1d8116652a79cded0f2a9eac2a9b9eb5177121c', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '57f1992dff940564df58ab357183afd11c58e85c', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (h("div", { key: '85322cd4a34f712730f5c5a127c53ecc152442ee', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: 'a8b17ec6c73018e23af6cb736865e3685ebd0fc6', 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 })), h("div", { key: '3c58a0b41911cf1d001c868eb8df9d2a61168653', style: { height: '12px' } }), h("div", { key: '02f238f47024ecb3cdb478aaf1991ad613a1f1db' }, h("text-field", { key: 'd7aa8f1a0c15c9fa882a816cc15db27fccee3d21', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+            }, large: false })), h("div", { key: '98c551aa4b42f09e5281319428d5c658405853ed', style: { height: '12px' } }), h("div", { key: 'e1f3b3c965f2ce464a5c14e4e99827d6e11c96da' }, h("text-field", { key: '0ec49ecfa6b018dc100e9b936606c38aa84fc542', 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 => (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 }))))));
     }
 };
@@ -334,7 +334,7 @@ const SplitLinePopup = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '12b5c4d403a754bfda8d842c09d54543edab45ca', class: "popoverContent" }, h("udp-selector", { key: '5d0e7e4bd02c51b1607ba9b4b656a2c70120fc69', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (h("div", { key: 'cadb79724a5f72ced4022d9ec8fd05ef9f8e5e8d', class: "popoverContent" }, h("udp-selector", { key: '52786fc1e406e14a85277dec14e37d03e5839a35', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

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

@@ -185,15 +185,15 @@ const AddressSearch = class {
                 borderBottom: '1px solid var(--gray-02, #f0f0f0)',
             }
             : undefined;
-        return (h(Host, { key: '1571600d3d494d313f93582b4498ef887ec7a99b', class: {
+        return (h(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,
-            } }, h("div", { key: 'b70fcc7b2e81cd61c0d90b8e47ccd816a2a68657', class: "bx--form-item map-input-search-field" }, h("unity-typography", { key: 'b0364f1191437caa0841d6b77da9cd01ee674ce9', variant: "caption-text" }, h("label", { key: '282b8eee40e96b1f19390770b9ef829cb62438da', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), h("div", { key: 'c78d5e03afe8695ce3aa48134ea461857354b5fd', class: "search-container" }, h("div", { key: '857cbac7e7f2e2945d4ea0726345767b25ff18db', class: "search-wrapper" }, 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,
+            } }, h("div", { key: '71ab567177663be2428a7230a6c77adbc1bc779f', class: "bx--form-item map-input-search-field" }, h("unity-typography", { key: '62d419bd641583b49601c6e1224e40b852edb56a', variant: "caption-text" }, h("label", { key: '0444fe564d25002d536b113a54a29803e596d460', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), h("div", { key: '3596d562635950ae34ffff929bda657003332b0d', class: "search-container" }, h("div", { key: '598d0c22795a35930385d4cd158166830fc605ff', class: "search-wrapper" }, 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) }), h("div", { key: '3761ae348cc1cdd1640ac5e980ff91bfe39e4e53', class: "search-actions" }, h("button", { key: '76f224bf745d29e999a8f40207132cbf052527c7', type: "button", class: { 'clear-button': true, 'hidden': !this.searchQuery }, onClick: this.clearSearch, "aria-label": "Clear search", disabled: this.disabled || this.readonly }, "\u2715"), h("div", { key: 'bbd142a58bad4bc190c1fff1d36fc318bd587980', class: { 'loading-indicator': true, 'hidden': !isBusy } }, h("div", { key: '37ea79440c9acff7086d7dbbd824dabb960abe66', class: "spinner" }))), h("udp-pop-over", { key: 'ac0ef8d4a234e91cebdc6806a4996d3f83477ed1', anchorElement: this.searchInputEl, isOpen: isSuggestionsOpen, appendToBody: this.appendSuggestionsToBody, popoverPlacement: "bottom-start", popoverWidth: popoverWidth, popoverMaxHeight: "var(--address-search-suggestions-max-height)", overflow: "auto", handleOnClose: () => (this.showSuggestions = false) }, h("ul", { key: '0228f5977d73bcdaa3b4104c453c946839fc27a7', class: "suggestions-list", style: suggestionsListStyle }, this.suggestions.map(suggestion => (h("li", { key: suggestion.id, class: "suggestion-item", style: suggestionItemStyle, onClick: () => this.selectAddress(suggestion) }, h("unity-typography", { variant: "body" }, h("div", { class: "suggestion-content" }, h("span", { class: "suggestion-address" }, suggestion.address.freeformAddress)))))))))), errorMessage ? (h("div", { class: "error-message" }, h("unity-typography", { variant: "caption-text", color: "error" }, errorMessage))) : null)));
+            ref: el => (this.searchInputEl = el) }), h("div", { key: '9c7bbed5e77ef3402ea06cce661a1d0ff04662ca', class: "search-actions" }, 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"), h("div", { key: '57f8996c3813a5ff4bf62d373522eacc2f33c469', class: { 'loading-indicator': true, 'hidden': !isBusy } }, h("div", { key: 'c9209dd794c3cb393609cbb44a6f720200e95ce7', class: "spinner" }))), 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) }, h("ul", { key: '23262f78c690fc311e94bc10b26a7fdcc6fd73ab', class: "suggestions-list", style: suggestionsListStyle }, this.suggestions.map(suggestion => (h("li", { key: suggestion.id, class: "suggestion-item", style: suggestionItemStyle, onClick: () => this.selectAddress(suggestion) }, h("unity-typography", { variant: "body" }, h("div", { class: "suggestion-content" }, h("span", { class: "suggestion-address" }, suggestion.address.freeformAddress)))))))))), errorMessage ? (h("div", { class: "error-message" }, h("unity-typography", { variant: "caption-text", color: "error" }, errorMessage))) : null)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -326,7 +326,7 @@ const NumericField = class {
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: 'e111a0da1bb0e54f834032d9e0ad1e791189b9b4', class: {
+        return (h(Host, { key: '8276d1270f4204e8c9b5b0d5a43474229d03b460', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -335,9 +335,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' }, h("div", { key: 'bcb6a988d57b50c03722c4063919743bae0d204c', class: "bx--form-item" }, h("unity-typography", { key: '26ef4764ad4e5b33c2bc868d89cde76d22f79bad', variant: "caption-text" }, h("label", { key: '0fbac7370479fd6c4fcbe713b797a584e12067e6', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (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' }, h("div", { key: '29c26efafa57603a7e51cb58afc305225aa79f0c', class: "bx--form-item" }, h("unity-typography", { key: 'bc792eef75aa91f1c11828e331eb95dd4109d991', variant: "caption-text" }, h("label", { key: 'a1d5b833838e9f0fad2d3a24f1e73e6f0729d040', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (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 && (h("div", { key: 'd60c94fe2d2026f4e4d3239684cf94b805e217f3', class: "error-message" }, h("unity-typography", { key: '24a1cb442cce2d964ba93ab77cffb4a2db814123', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '2ddafd6d1b027189f7f811225a6dfa5673e465ef', class: "error-message" }, h("unity-typography", { key: '791ad4fb7b984cbe858a2ff75c40d3ef39b5060f', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get watchers() { return {
         "error": [{
@@ -562,7 +562,7 @@ const TextArea = class {
     }
     render() {
         const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;
-        return (h(Host, { key: '284310282643812508b7f68e3d009df63990c076', class: {
+        return (h(Host, { key: '1dbebaaced45c6949e8f548de81be785156ff109', class: {
                 'udp-input': true,
                 'udp-input--error': !!errorMessage,
                 'udp-input--disabled': disabled,
@@ -571,11 +571,11 @@ const TextArea = class {
                 'udp-input--required': required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: 'e89205d4d0d790a682fcc5884bdd0e92783806f9', class: "bx--form-item" }, h("unity-typography", { key: '72d5088b9a1e2cac7d99de68e82bf78ee50028a8', variant: "caption-text" }, h("label", { key: '683622ed8d05745aca452f27f01982edb73327db', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: '0327812cee81fec5515b16b6b0decf988f666561', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, h("div", { key: 'd58eda1461575c8197d30ba01cf73a1789825d4c', class: "bx--form-item" }, h("unity-typography", { key: '6b999249e5061bb12a0c41ce5ca289ed62e60179', variant: "caption-text" }, h("label", { key: '85e3ea56951ea824d4049cfde2576d510ea8eecb', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), 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 && (h("div", { key: '06036b834a00f6d2146c329d273a0fcb50894022', class: "error-message" }, h("unity-typography", { key: 'b42d6d7138a06f07af8d06ef75abd56aa4e98331', 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 && (h("div", { key: '4bf13bc42bacf006389c5c7b7f14778431fda466', class: "error-message" }, h("unity-typography", { key: 'dcfa32c33ef7452e5b3596276c080d509d7bfe68', variant: "caption-text", color: "error" }, errorMessage))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -716,7 +716,7 @@ const UdpDateSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '7893c700f86e5806cd7899759af4fec29224ab77', class: {
+        return (h(Host, { key: 'bfb4dfcf8fa577b83f8eeba262c5fda985208fd0', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -725,9 +725,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' }, h("div", { key: '96a601d06a84ac28cae4122fa32e4566ddf68708', class: "bx--form-item" }, h("unity-typography", { key: '93e546890e3df61410df30878b9cce9eec5f07f7', variant: "caption-text" }, h("label", { key: 'ef1df1bd39fd42da9c48f1a3f5885e05cf7c299d', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'c803b21d7f0df3f4d76f88fbe22a51996c8b0882', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '39632d67d95a0702c7e44fcf8e0ec74e440646c9', class: "bx--form-item" }, h("unity-typography", { key: '02d75d18d3b716cb68051ae6c1e2b8d586df5b19', variant: "caption-text" }, h("label", { key: '822a321cdc92dec3b213704711cfe6c800d8859b', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), 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 }), h("unity-typography", { key: 'f89439965c32d3623d6b015f705d2d322dea19c2', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: 'c8f2ea04a457ec37b580a01d8e917d1e256d86ef', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": [{
@@ -896,7 +896,7 @@ const UdpDateTimeSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '1984e183da0e602b16ec5453744452ceb659d294', class: {
+        return (h(Host, { key: '1ca041f275ae391160fd74cdfa2625ce6c744c62', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -905,9 +905,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' }, h("div", { key: '607251acff47964e651888c2a30212ce369058d0', class: "bx--form-item" }, h("unity-typography", { key: 'c6b0683f946657009203fd8e8b958ba270f5a01d', variant: "caption-text" }, h("label", { key: '3ab73991b0e8ce96a2c1add100baa1513cd2c808', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '6ce9c27de7e19dc4f30d98431ba8d4c2aa29c4a9', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '1697537523be77c291bb89e9a4effe50138efdd6', class: "bx--form-item" }, h("unity-typography", { key: '48482156208d0628c773a726b235221cb5cd757a', variant: "caption-text" }, h("label", { key: '6fd348f798afb027025ec7ea831e342fd1bf55e6', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), 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 }), h("unity-typography", { key: '7ead339e05b7d8e25bfcb3dc96fb226fd53370db', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '48f41e44b4565b923f8cccd09e1f2842dc3469ed', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": [{
@@ -1147,7 +1147,7 @@ const UdpTimeSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '4f56110550cec958ad3269d09264af4ea86624f4', class: {
+        return (h(Host, { key: 'd902969d076b7ae7471f448fea7a13bb63eaca57', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -1156,9 +1156,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' }, h("div", { key: 'dcbb1681537a8c0221c156c30972a5efd66edfee', class: "bx--form-item" }, h("unity-typography", { key: 'f235c23a0df8cc2cdcf8a5e5372d674a22118565', variant: "caption-text" }, h("label", { key: '78580a704857a03ecef39dfe90622f87dafb09d1', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '76a215225a1d2612150de571b2fd8a87edc1d47a', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'd27b34454f163d8fe5f738d1496cc467cc055571', class: "bx--form-item" }, h("unity-typography", { key: '8108f0f19b8806298125624020faa34b548f1f4a', variant: "caption-text" }, h("label", { key: '3ad1034df6fc3849e007012c3abbfede6414769c', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), 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 }), h("unity-typography", { key: '7b0fbc5f7aabd61e192004f1f8608d7409efb411', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '6266a9fa5c185c51cac5d3acdd1412ed1cfcff42', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/advanced-search_12.entry.js CHANGED Viewed

@@ -449,8 +449,8 @@ const EditViewFormDialog = class {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (h("fluent-dialog", { key: 'abaa16812518817c6d10317692fafd20ba9d5bbb', 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 }, h("form", { key: '6310648623469abcbc10c50ccb315d9c75af6fc9', class: "edit-form" }, h("text-field", { key: '172d88e862c69db5dc38fa1b881cc942341a9cf4', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            h("div", { key: 'ddef7cab46f3ed1f6c8f1df286c0ce9e13d0aa68', class: "toggle-options" }, h("div", { key: 'c28ab97a64172b6a8b0b76adf67a750871031e57' }, h("stencil-toggle", { key: 'bd188395e8a85148d904e548ad9085e88f66f05e', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), h("div", { key: 'b4a9920cdac11b34cf4a17ff20d9787e57e070ff' }, h("stencil-toggle", { key: 'a22473a10be77d0ae078e08280e34b07bbf9d6f4', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (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 }, h("form", { key: '876ca0dc0ea667cf9c9b66cea0870d3f7021d149', class: "edit-form" }, h("text-field", { key: '53da2849244c65c58f8bf27999c0f2fd71169d35', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            h("div", { key: 'd3c6cedc613ea76941b49bacec3e49bcd3fb20e6', class: "toggle-options" }, h("div", { key: '00d0fc001770983188d8e26265482fe46ed677b1' }, h("stencil-toggle", { key: 'd7121ebc66be6b78b4738d90cef8654fe63e6b15', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), h("div", { key: '79d0795eb5059c2c79401a40b5ec190631643190' }, h("stencil-toggle", { key: '86e1dd8285b5dad8fd1c896a3d763aa760c583cb', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return getElement(this); }
 };
@@ -601,7 +601,7 @@ const GridPrimaryBar = class {
         this.updateHideBar();
     }
     render() {
-        return (h("div", { key: 'd0e92ad63b338c132a1328306f62c105196682bd', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: '4a8d62ce8c659134a777604e976e9f83ac255bc4', class: "title-section" }, h("div", { key: '3522a2e5535d57513442f6320f446c91f08ae3bc' }, h("unity-typography", { key: '7aed20b78117ba3cb61f2478af65a45463cde1fb', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '160f0619983bc9a1a2c4a9c41a08d04ea2cddc67', class: "button-section" }, h("div", { key: '578f1e0147da9d47a50228312ddaf6a7ff85476f' }, h("slot", { key: 'aa320f50288b55c33192677f6bd898f31f3a1772' })), this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '2d0dc882d15ba0837da5370413134b26038b5245', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: '3038864e6a161b4bd7cddf33dc1e5e0573a506e8', class: "title-section" }, h("div", { key: 'f7045453617d84424c89a6f12302db315728e4ac' }, h("unity-typography", { key: '0f79a57195c00514f69426b4e0e42b3c3292340b', variant: "h4" }, this.title, " "), ' ')), h("div", { key: 'a724b8505de0f8178440bb4b62041165b84bd573', class: "button-section" }, h("div", { key: '35248c4b0784d8ea4a1279973e6eb68695ecf26d' }, h("slot", { key: '04c7b1a8651dbe6dc7fb73ea503ef9a22e17338b' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -614,7 +614,7 @@ const GridPrimaryBar = class {
                 return (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 && h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? h("span", null, btn.label) : null));
             }
             return null;
-        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: 'dd1ac64462d79e734eac8de43b63e7f441e8ce5b', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '1fe29e222cb83dfece0f459667a10e3ee25c4cf5', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '69df2cdc07b5e218164905a780feeb2ee7ec2064', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '45122a616eb3c887c7fb82ad7c48ec2bd94395e5', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": [{
@@ -637,7 +637,7 @@ const KpiList = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '9171e99debfd099aa6f2c9cb236e8913e96e14a2', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
+        return (h("div", { key: '00e2e89caf21f9f28242e99b5c5f74dda0bddaee', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
                 fontSize: ' 0.875rem',
                 fontWeight: '300',
                 lineHeight: '0.25',
@@ -698,11 +698,11 @@ const SaveViewFormDialog = class {
         }
     }
     render() {
-        return (h("fluent-dialog", { key: 'dee072d383c9470d3a4481ccc2939d227365c9dc', open: this.open, actionOne: () => {
+        return (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 }, h("form", { key: '6c194929ee58aeeadd0cc525e44e1ec180527320', class: "save-form" }, h("text-field", { key: 'eae3a020fc8df4be9098a5ad9120399168ae5ed0', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), h("div", { key: 'e7c345719c291029428c73290e13b4c85e15696e', class: "toggle-options" }, h("div", { key: '1797c39230ff667f26acf5e24c8d808a38114945' }, h("stencil-toggle", { key: '108a9ede29aa823033352831eb38b0170d6ef4e1', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), h("div", { key: 'f56e36069caef71d779cb1536a3c9e3992cd7f67' }, h("stencil-toggle", { key: '8a23fe5b895b0ca0f3632e2b52a3e7bf519a060b', 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 }, h("form", { key: 'fd9b558e261d6f98657a981ec91cf290f4b272bc', class: "save-form" }, h("text-field", { key: '144de082027313030b008e3c052235c83632aeb5', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), h("div", { key: '01e902f90a3cdfaa01d93fc69aac3c5cbcc08c7b', class: "toggle-options" }, h("div", { key: 'f598f9c5f0ebcb01c7df8c9eaac51cf64e208fc8' }, h("stencil-toggle", { key: '64aad69579ec47be014914973e24d17f60343289', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), h("div", { key: '67942f2aad4b198239e4aa1d8c4aac39f7b8070b' }, h("stencil-toggle", { key: '1baea48db836a6967af4559fd3bc2c2897b5e731', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -727,7 +727,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 (h("div", { key: 'b13cfa6681c6b42af5b2995dd78aef8487b0d6cb' }, h("div", { key: '91131216a2648317a9a54da753cfd47799d90ad1', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), h("div", { key: '0dead72aba605cfbdeacc27482fbedb1546b8301', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: '33cbcbf754bb04cede54766c3828df554522aec9', class: "title" }, h("div", { key: 'cc9237b36d9641f8192493a1dc374d816735abf9', class: 'close-button' }, h("stencil-icon-button", { key: '77d81a62ac42c6920005d3e8c387a816467da831', icon: Close24, onClick: this.toggleDrawer })), h("div", { key: '4871c4ea7db59336b50b4b1463d125cd5392820a', class: 'title' }, h("unity-typography", { key: '4ba8f30144651e7bdf1bb50ae4ab2d41bf827769', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && h("custom-button", { key: '812917af309cf9235ec9ffc7f9776842c8f601c5', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), h("side-sheet-container", { key: '9e02ddad5f427c42282311683bd5b19bae0c7704', padding: this.padding }, h("slot", { key: '04c5e62a981e903b23d0f907a550d70c62faca9c' })))));
+        return (h("div", { key: '646cc424321b1d68fbe6a2f7ce8f8173480aa327' }, h("div", { key: 'cdf8f21c73bf0958399811980e1990d45bd865f4', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), h("div", { key: 'bdf7060b5dbbad6b4dd60dd66d0b66070f041273', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: 'd945866e0f4a0e21874c847b911a604b005e83d6', class: "title" }, h("div", { key: '6e570430d9142d08a1d7e45dbdb7452d5c497470', class: 'close-button' }, h("stencil-icon-button", { key: '9cdcb173805d5bd017d40c1bccc093c8991e7e8d', icon: Close24, onClick: this.toggleDrawer })), h("div", { key: '8a10792c8579567f8cdb84f94a1397aae1cfd593', class: 'title' }, h("unity-typography", { key: '581519cc576e97d9ec39d0053059413e94aec664', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && h("custom-button", { key: '027c96b0066b18e3a84cc10b1b81b5073547b4fd', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), h("side-sheet-container", { key: '728e798d19f72af9bb2ea772906912613ace9675', padding: this.padding }, h("slot", { key: '5151a016be627713513f1b5361512c1f9f14149f' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -763,7 +763,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (h("div", { key: '6ea4287c721de2ac229c6e2ffae1a89bd795f7ef', class: "wrapper" }, h("form", { key: 'a255871bcdf0f5a16dd617a7817cb606f2c71cc5', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: 'fe345f3096b6f59e634f69b294969ed004e2b60d', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: '54e70c440626d5d8b214d2fcea00921980da5a83', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: 'bbe4cedbe049e779fb049505234cf33dc182b7d6', class: "submit-button" }, h("custom-button", { key: '9c19b71bfaf46f27443c26ddc191715d8662c8ef', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: 'd040b0d48592fa144d95611548d30f0ba7c764d4', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (h("div", { key: 'dbe2ce708da81d22f37c35beeb8fe778859ccac9', class: "wrapper" }, h("form", { key: '94c1f7282656d17e4098b9ad7c291cc139015ad8', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: '2ada338b3756ba92c03b30f438474ce88f64ed76', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: 'cdba4ec398403056f286a41f9442f257075078c5', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: 'f9a9b340e36cfad725bf9b2d7fababc7ef8395d3', class: "submit-button" }, h("custom-button", { key: '535ebdbf9499f36b5f00dc65b702d175b944be71', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: 'ed6cf44c5d74f7ccc23614da1f387b1e642cb385', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return getElement(this); }
 };
@@ -785,11 +785,11 @@ const UdpNotification = class {
     }
     render() {
         const statusClass = `status-${this.status}`;
-        return (h("div", { key: '670493aa1b278db27d8ddd76c1910146f59c693e', class: {
+        return (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 && (h("button", { key: '1072d2fef37f90c41f81fc3408fc050f591e6bf8', class: "close-button", onClick: () => this.active = false }, "\u00D7")), h("span", { key: '8741ffc19f70e171e4b28fd0956183aa7d097952', class: "message" }, " ", h("unity-typography", { key: 'e3c0ab7aff59d6e6f548c8bbdbdc32c2393b2d19', variant: 'body' }, " ", this.message, " "))));
+            } }, this.userCancel && (h("button", { key: '188287b8107d70e0664bbec94ae93ecfb86829d2', class: "close-button", onClick: () => this.active = false }, "\u00D7")), h("span", { key: '272d2666af08cd4e208b5cc89c7b66a4a820c308', class: "message" }, " ", h("unity-typography", { key: '1cf9ba151a1daa19888cf61e198cb3e3cc93a626', variant: 'body' }, " ", this.message, " "))));
     }
     static get watchers() { return {
         "active": [{
@@ -838,7 +838,7 @@ const UdpPopOver = class {
             style['top'] = `${rect.bottom}px`;
             style['left'] = `${rect.left}px`;
         }
-        return (h("div", { key: '8e551e93e0cd39e0a1945c6bba655986ce3f9ec4', class: "popover", style: style }, h("unity-typography", { key: 'f19947195b6539834bf48380c7ea628ec75c1119', variant: "caption-text" }, h("slot", { key: 'ff01703a997941175c2f3d94e3765015d604be86' }))));
+        return (h("div", { key: '97bbfe3dd2fb851df62b4f7f67c05ac44d87421e', class: "popover", style: style }, h("unity-typography", { key: 'd1cc6fc958430ea4e23c39fc5d6cf4f4301cb053', variant: "caption-text" }, h("slot", { key: '35935cd9b82821f5e149be50e237005419fad8f5' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -859,7 +859,7 @@ const UpdAlertBanner = class {
         this.message = '';
     }
     render() {
-        return (h("div", { key: '885f774f5366cafecd20075d8bb6a16055fb6c58', class: `alert-banner ${this.type}` }, h("unity-typography", { key: '789a73324253a838d2a403683cf2c9a35e69d605', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (h("div", { key: '991526b9c1b99b21c5d851ab889eeafe01f89e86', class: `alert-banner ${this.type}` }, h("unity-typography", { key: 'cc785932707bd8a71ee6385a62d1531d195f4a24', variant: "data-display-three" }, "   ", this.message, " ")));
     }
 };
 UpdAlertBanner.style = updAlertBannerCss();