udp-stencil-component-library 26.5.0-beta.2 → 26.5.0-beta.20

package/dist/cjs/{SearchBuilder-ClIYV_dJ.js → SearchBuilder-CCtWubLX.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var makeApiCall = require('./makeApiCall-CFfg9gI0.js');
-var searchObject = require('./searchObject-DeDFFGcx.js');
+var searchObject = require('./searchObject-mbqgqdRh.js');
 var configService = require('./configService-D-lDX-f_.js');
 
 exports.LogicalSearchOperator = void 0;

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: 'c6382dd7b899c1cc1e36ab58ed4e4c8ea1b5b572', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '04fed24a995afd4fbcf9fd964728bcb0c94f43d6', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (index.h("div", { key: '52c66e78546256bd287b386074db085f03d0ede3', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '77e9a5b19884153c25fde402150afc6bb9d43b24', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), index.h("udp-selector", { key: '4727cb0fb003456ca0ac150ec05e6592c4580a7b', 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: '4d48e83c03bc9e7e14a7f49c82b9824d389e449d', 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: '658fb19a3502f3fff8d3539ab94afd7f816baa78', class: "formButton" }, index.h("custom-button", { key: 'e2ed9f579bd0c1fcfd26b6b481178188e743301f', 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: '0a62ab44f368bb22adad57a610b920550c2b8931', class: "formButton" }, index.h("custom-button", { key: '273a36314d6db3bf9e87d5e7839f984e8ad0de75', 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: '6da21fa469c9ec6f1a84561224df48b284cb0187', class: "toolbarContainer" }, index.h("div", { key: '58bcebdb6ea8e29016d9e67e8ad7c8c07cd5bb0f', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '8cce64fb7218f3b8dffbe1763dd1ad14519af70a', variant: "h4" }, this.mapTitle)), index.h("div", { key: '42fad0c264e55b09a5a6a025446ca9f9286118a1', class: "buttons" }, index.h("div", { key: '82f79c917c1f7c7c3a9a09b60c2b6ca25445be6e', class: "buttonContainer" }, index.h("div", { key: 'e3f629c4698ddca89d37f60a0de4c2e8494dc492', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '56cdeb5eb16608d2b2bcb8ba1ebb2219467db16f', id: "filterOption" }, index.h("div", { key: 'dc52c93ba88dedcf540ce834e0b0864f437fee71', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '7626f5a3b414b895e9ff08041bcc955c9f847aa7', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '02eb9113d453533293d4c24ffd5c6a06b0d6a839', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '14bb0cdc9d8ebd3540c1f102cd7206bbececa74d', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: '8f5b9c3579c332bd06d385c762e17c43c907f184', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: 'babc6d6009aaf96546d463a33089833a6565961e', id: "layerOption" }, index.h("div", { key: '6a30cffa3e6f253cfcab1cd1a3cc5bc670659aac', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: 'e61cc187f1c51e275097b98a89367907628b43b0', 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: 'befe9bb082b9a173f28fb49acf9e63518950109f', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '55c64061ae35d9a9d954a4788cab01627e73adfb', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '3b29be79528364e8d677737ebc8f5f1689b3341d', 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: '69bec64acd268e0440bb2cfed45b9c3dbd0d0454', id: "bulkSelectOption" }, index.h("div", { key: 'a92aa9b05d03919bba8f92e7022fe1ac38b623b1', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '7ba55807c33291fb7d826b128b256033e95fd42b', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '350d0bb16d856631eb8867ea54c7e6576ae7a891', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'f2b9b3e9260091312706909c821c574cedf5cf7e', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: 'd7c5c9d8325bc8c75cbed251e2dcb505cddde63c', label: 'Box', handleOnClick: () => {
+        return (index.h("div", { key: 'e6c14f06623267cf30b490e9f586488178197ca0', class: "toolbarContainer" }, index.h("div", { key: 'c952a30f10c3c5013dc871f0bc1b4f13ffef7e10', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'df083a2a7673a6a4736f5cfdfc14935f872c911c', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'c37f8bece500464d73a128a452146d249475c607', class: "buttons" }, index.h("div", { key: 'aa479c098df40f8f0c6011b403bcc865589e7293', class: "buttonContainer" }, index.h("div", { key: '158e8fcfcb68c7070b803f71f2d36cc4262b76ae', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '754b6f64bbb6766d710318feafd4de9c2f32c926', id: "filterOption" }, index.h("div", { key: '3e7d18019368d3c1dc7d88b4d9ecd1bef29ec152', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '2122edafd453ac48161f11e830dbfef7ac607281', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '2ffb814c1c1345d25000579ea10509feff2c06b4', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '72842c27b8e88b9c6078619e87f98e7de341fd8f', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'a5bc575d2381fdaadc0883e5a6c21706bdcf4c42', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '7ae03738852b7dc35ba859943a687a0b6ef837f8', id: "layerOption" }, index.h("div", { key: '423a0ad35d0d6469c90cf45be62e04de9e76217c', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '33a48c846b26560725b8912d4ac164f7a1d7de6b', 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: '21808eaae482075fdc96ab713bcc3712d4d80b52', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: 'fec6682a9cac50fe92a214f51fdb068993a32333', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '271ab19874f0d53141d7a4a4c9bfc914c2a6c1ce', 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: '9f35245c35d9f6e212fe757ada0f1b560e4ea402', id: "bulkSelectOption" }, index.h("div", { key: 'ba34abbcbfa0b104b7da56bbcb4353a5a67fc4e9', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '2d28996072daf9e04c2a7337daa8147a4631edb4', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: 'fbc638fbc385181b6a41a7083b55e771bb64ebdb', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'ed98ebfa56a5206c224ae4a36deeea5be142679f', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '2d500155c53e1fc1e90639a84a3b46d7740332db', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: '7e037d169ab62706fc03979ecbc2a59b6b773c35', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '51bd43ab011a928e12e8b339f6bdc2e5c0f7ea4e', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: '41ef544556c5e591a3079c1ff426d18d23cf68ce', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '0a5cefc44f962a9018961937587e7d147d859925', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: '8ae065bf89a0665c7a794aed6c58aa69c4f2eeb6', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '963ad70c4d18a44fc1af95a749e369102a253630', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'a26fa08ce07e8812362f8fb5fa1f69f15343ceb9', id: "splitOption" }, index.h("div", { key: '7a932272714a2c156d7ac89c5accf65566b66e80', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '6dc09cbe64ffdbfb647fcf1b9b9fd5e86e4ebbc0', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '9cfcdda4b863cec92ee599dbddc14d3fea22c366', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: 'd8444ba2959771b6e544fc14b1fd2f1ff41eb532', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '84a03bc4fd0e07a38529b77bfbd3913135dcb16b', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '1b5a6af3487085e9200efa2b57cd9ecc79aa6db7', 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: '5169f04bc7b96c20ab6c72bd1584550f4b9d4f75', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'd2594c888ae667b159b78d55a71c8701e7f2e893', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '88330e8e1926c08c0c0f006f585d2940c7a3892d', id: "splitOption" }, index.h("div", { key: '601f2c5bd0565edb1ff9857281fa4ab5234248e2', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: 'fdeb94ea93368470e218ce5a613540798b41248b', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '055b2c35991de795fcd1779fbdd9276434ec0a5b', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '4dad20f6da7326637c2b27c3f8628628f4245f43', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '3f6234b7527b897cf5b2dcbfa8150d8b5c164cb5', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '219153da345b6a39a3828f9b181bdbeb70ff542c', 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: 'bb170f5600c49641cf25942676b80926de2e86f3', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '04c5c5dd66b24de81fac76067ca124c882751c8e', 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: '015dbc555ed3ea0a6053169473012ddf7aa95804', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: 'ff6108fe7b559494e040653268395170f862213f', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '9674839f79c85a789051c6ca39a7e557ffed9bbd', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'ee9195d445df3109a222632d692f94270c4559d0', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '8ac8b08a4773fb53e77f84ee3b2f2b54b881545d', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '43732304a496f365fea41bd62f7433111ec0e57a', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '9e1008efb25ca8c8be56949a4bc1a1bb900de554', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '4b359bf3cee8ac75dd9c41c5b7f08ffc5db83b94', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'c7baf9536c7e9217b127a5fa9347b0a4d68d33ef', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'c2afd5224cfa45b75329d9baa2ddfbdc4acebd55', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'b6d0f3a43880731b33afd33e9675ab5a0eae6a45', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '89cabd1f4f7c9c7d7d82e7c1826eece5fdd956bc', id: "withSelectedOption" }, index.h("div", { key: '55d962d71e17b006902c7b2b5be1b0834be8ad07', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '682b6761db04774625cdeddf27b5b448447d1f84', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '6720c17de5dd7f0e24d9c6d78bdc46fea496966f', variant: "button" }, 'With Selected'))), index.h("div", { key: 'f8bef1f5ca44771ca753ac5319f91239762d94fd', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '9034ce923054fe167c5411efe5e5961d90ba7c9f', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'f0574a982782c1dc244734c43b58fa5101c6158f', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: 'f1f72fb84cbb24eeaec59e6919798407cda083b6', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '313ebea973532b2bc9e0c497bfa63ffd8f78745b', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '77bb80d51d8bb4c82a42f48030dbbd8a4c0488f8', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '6ac8369b9f688dc3f1bea04f2f7b8272ca1f5a9e', id: "addOptionButton" }, index.h("custom-button", { key: '802eed01721da5b361c9b0e8810710f84dc07798', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'eb14de59ffcbe2476f395f51aec35a7f267ecd66', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'ff5426e75cce6169e7a4179b4299a553135caf2d', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: 'c992508c2b64fbc7c2e4d9df113e355715ae2723', 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: 'd1c720c48910ca49e8ccf45d5649c31734444893', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: 'e56371a458a1981cfec1bee849a82c39b4543009', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '2fa622457150c8cff9075e3e60d2af1142c48cc2', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '6bc6b5dcaa8d96a346d5826e5c995a2a12eef7f4', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: 'ab1b6edf4e1e2e9fd6696f21e44dca681d3cb5a8', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '8583a1e757abc4d441cea4782e942367c0019960', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '67ed0bb533ca08de906646832f0a09e283885575', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '6142c8743d0288b295c625162cedcbda7e321d56', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'f4e2f6ed5d7626303f36ba859db9913c21dabe49', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '0a210b36a0c836f5739e9727497824c84256abb5', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'f0ec7b8edd948775d6eb0eb723ae221c024281ee', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '4821ffb5dba70d9c8fd8ddd70859b24516d09c78', id: "withSelectedOption" }, index.h("div", { key: '314e55247e7b77e7c6eb64765340bcf698d86767', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '04da5965a0523339b15b72c8a6130691a5b71f13', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: 'e11dc4310fda3185cf9653acbe02a7ebc5ca8b15', variant: "button" }, 'With Selected'))), index.h("div", { key: 'b2289b1fd63722101067a6d4a01cc41389671e02', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: 'f35f8d6ca2b2eb1ba85fecbde874e009ae9dc941', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '7916dfb4f8eafbc597eef1c35fa271b7d8794589', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '8001b9c1918079e810fa21a0f9fd97f4d387d248', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '122550e431313ebdaefc919b3adf196b2c54106e', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: 'cc36f4c6901f7078b2cfde7ea7298bb5dbf16db6', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: 'e89c64ebc0313bba6adfecaeb48c76e5872d9a8d', id: "addOptionButton" }, index.h("custom-button", { key: 'd57ab77340faef5e0116f0610e7ee11737eb96a8', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: '472d40e06d3de8624bb451211cbf9461361c0059', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: '0b2b5f6cfbdab2f95f115b882ba03f6d895f80b5', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '1097994bea361dc3987ea2b4967fd5e19b20b3d8', 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: 'b6aaae75d716467a8616683a28496c82956c8572', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: 'c521948ba1645b52e8411bca98c315d8ce368906', 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: '2befa4e1a5119f7cc22d5104d41ec3f96c40915e', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '042eb796ecbb471104080688b8d15c9664e449c6', 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: '2acf033964360e41a3b1775d5b25fadda12471e6', style: { height: '12px' } }), index.h("div", { key: 'b8f8520fee79e3b9149bce6f5d6480d2f7d44352' }, index.h("text-field", { key: '2afd59faa39d33e35c63163a8f5185c7237f67d3', 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: '5bb3a2da4cbc1ad9feb94d40cc5863e5571a96ff', style: { height: '12px' } }), index.h("div", { key: '39b6c479a8e4ef5a4f2931b4ab3f5fcb655d8ea2' }, index.h("text-field", { key: '8a016b9709c026f19900e78f7cea0d4b2039ee31', 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: '62d68e528b37a5ba5f7cf75c5ff4f58884edcbfb', class: "popoverContent" }, index.h("udp-selector", { key: 'eec31d3462a9b82f1d6f03ca7422a1e281c731e4', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: '0e8d4c473ce160e64c6eb258398b65712f277db7', class: "popoverContent" }, index.h("udp-selector", { key: 'de7e0cf8c6f0f79ff6ebb63ac09690e050cfd22d', 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: '2d2a5c43b37d05f183f1fa354c2eae8e2b2acb20', class: {
+        return (index.h(index.Host, { key: 'e50d857c801523c658407299cf5e008f46ae82c2', 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: '57add676d310f9d2bc399463570ad2cb6d04820f', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '69027dcc6c792611ec93cf157d1e94bdf2f02da9', variant: "caption-text" }, index.h("label", { key: '259762c0c219c2da11f4beab91c9eaaeb9215d85', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '269b112224681609bdb2afb7a61a9d1df72e53c2', class: "search-container" }, index.h("div", { key: '5ce4264c3720aafd9b1da9961be45ed10acb1b7f', 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: 'efa00951ef784c0692f33f9c5829f6fee20ccea0', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: 'f0f6ab0abb829699b994de66fc8746583196f747', variant: "caption-text" }, index.h("label", { key: '0ac4fe06c12a37aab93bbb9d880d05a362663f34', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '96eaa300e133216935bb0f36a75623bd0a1cd982', class: "search-container" }, index.h("div", { key: '2fbe2cecadc4ca98e3da2767cf3eaefbe03e900a', 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: 'b4033717d640e1e4b9eaef4f4a337074dc0def23', class: "search-actions" }, index.h("button", { key: 'fe79cdbbd99b436a5673b166da6fdacb22f6e7c6', 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: '7e01216dad2411b64fa001530b892aec146aec06', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '578b1e51362cc705fc90f26a85333d0416466c00', class: "spinner" }))), index.h("udp-pop-over", { key: 'a4f82c8f423aa209967843a561e9cc30d9ba1412', 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: '4496dd51a01fa2fefa4e15511b4a811638e677a2', 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: '539a98a27bf99591cddef9f189d02851de67aad5', class: "search-actions" }, index.h("button", { key: 'bd8fe87b945f07fe5f36efedaf7c92fbddb5da9e', 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: 'c66b575903f59adbae94f3698e53f4aa901095f6', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '91bc6fbe3dc504bb81a102e198785bacc825ffea', class: "spinner" }))), index.h("udp-pop-over", { key: '203fb3aef3414fe8cdb69707840f0ea24f12252b', 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: 'f3e5da0b9760a1e8c4314cca458ab30bdc166886', 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: '41883447e1e79762f1362a71ed288e0a21d43837', class: {
+        return (index.h(index.Host, { key: '159e64bff653433f34f23dbf40529ea25a43fed6', 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: 'dfe72661e6cbc1508f801f86e6cde9939a9e97a3', class: "bx--form-item" }, index.h("unity-typography", { key: '43430d68cb032de6111a5b4cf41e3568cdb78465', variant: "caption-text" }, index.h("label", { key: '241c5c1a3f7df55e8f1adc8ed4304638bc125650', 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: 'ddff5987dc0052ed5b8f3c25d4a00284b36e64da', class: "bx--form-item" }, index.h("unity-typography", { key: '56240493ad644970a3e475b121ccee83f9a4dd48', variant: "caption-text" }, index.h("label", { key: '81b8870f85f76275347d374732d051a5dcb508bc', 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: 'a4f6f96366a8adfc88ed08e0012c8bb75c67e6e0', class: "error-message" }, index.h("unity-typography", { key: '24b67f0d6e02605498f86bd47051e6f9f48b6648', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: '80ca77405204d04cd00f0a0aeb99d9abdcc17db3', class: "error-message" }, index.h("unity-typography", { key: 'c60ad77740540eede56efaf62c525376eb2f3f80', 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: 'cbbc0c8eb375d815e9f16a14a161dd733186fd4f', class: {
+        return (index.h(index.Host, { key: '4b4970217807518c32ef805ba34a98bfa1e5feb4', 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: 'e414df1796e55de3feee135efcd02a9c3e9a08c3', class: "bx--form-item" }, index.h("unity-typography", { key: 'c361498b907a7e16c01f50a3081b182be5865ff8', variant: "caption-text" }, index.h("label", { key: '84315c4c4e2a6afb67835e3bf1ae953ee1733429', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'a00598b3a6badaa43be62c88eff4a780f1bcb6d1', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: '4729bc67f42bf170f976cd60a775311e33fef7c2', class: "bx--form-item" }, index.h("unity-typography", { key: 'c5b5751f9d0d3b9419e6717b0018bd7c372ad384', variant: "caption-text" }, index.h("label", { key: '983150c302521472ce6ee4041f76fe20ac6ebb71', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '04d6a1fa8f3b7e61723acc6f677558350cb51640', 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: 'd677d6411f6b0071fd4a2650a1ed9c2009a2aef0', class: "error-message" }, index.h("unity-typography", { key: 'b155a317f225a23e214995d7b847e5d9c204b5be', 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: '2957c1189403c0e63ed48e2cf79cdd7a35a555b4', class: "error-message" }, index.h("unity-typography", { key: '4c334bcb6696d4d97450123850d71e66a06d0006', 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: '99267498d2a79b5dbdce9509d598d3da4931211e', class: {
+        return (index.h(index.Host, { key: 'ed29cc11854d909570dfecb6d700043b6d191eac', 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: '85187c9a5da9b7097b0eecd4b4badb84f240cd00', class: "bx--form-item" }, index.h("unity-typography", { key: '0142f96a60f47c2852d45dab68aa357cca55ce76', variant: "caption-text" }, index.h("label", { key: '49ffcda516918fb7e59873ed72a36eef61e53edc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '1283636fad6c5ad0cb86b7d2843a1b2076594349', 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: '9c5e5af253a1e0c8a0aee2bda7d803eb0dea85cf', class: "bx--form-item" }, index.h("unity-typography", { key: '9efbc3ac8ace5731ccd033b4c759016a27e75c6e', variant: "caption-text" }, index.h("label", { key: 'a19e2ef8ca93f50076b236d9aa6fa6c21b795a5a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'afeadccd9ebd8f71b3620999c16320bb77ff2384', 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: 'aefa2de5fddc0652f2b1ed255b08b3541ffdbb3d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: 'c5c093ce48f4aa5f76776c8161f64e54066738ea', 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: '2a0ba33a4d6923a1b128705b0c3ebfff8aaec225', class: {
+        return (index.h(index.Host, { key: 'c061e0922d9b1e4eaeb20b033bb11536827be859', 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: '11ccfa51ec54ea5f524e605bc88129f1b4c4a187', class: "bx--form-item" }, index.h("unity-typography", { key: 'f357b325bc1e933f393045707567f3da2da084a1', variant: "caption-text" }, index.h("label", { key: '0a35b94ca3d3e3c555263c1cf457ef7067bc160b', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '0aa284fa3bdf7de519d591efd908a79511618419', 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: 'c2fff1f49b491f6932bd821afad8f0cc72cd106d', class: "bx--form-item" }, index.h("unity-typography", { key: 'd75f48400e6f909df9adb43958000cccd9bb8925', variant: "caption-text" }, index.h("label", { key: '41e0aae7ab3fe50a1ed408c95d3b7bbdebf37757', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '709a393e4e43a5bb9cfa2b6e0cde9ec5b19d4f7f', 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: '8c5c2162db2b2cb6c3bb270d769f80c4837e4322', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '9b17c37d9e0a5a4c4aacce6e12696049c1e37f82', 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: '57db8d450156755a8f59d42b97fc6667e7c8a4a9', class: {
+        return (index.h(index.Host, { key: 'becba7d7a2419dce77636779704d539e9d956599', 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: '13eee0b739c6504799225f0f6a73cc7d888a20c2', class: "bx--form-item" }, index.h("unity-typography", { key: '1d61005d35aa2fcfd6df13899b85822f79b18084', variant: "caption-text" }, index.h("label", { key: '49b5b9391d2f619d2cd95d52e4920986cd168881', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '76937b4d6010eb756a319a9e90820190b9e5be1a', 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: 'de3f8ea3e555675041dee4ebb960be6141782c84', class: "bx--form-item" }, index.h("unity-typography", { key: '1de34dcbe87eb0d581cb0a168f48a1f57635a391', variant: "caption-text" }, index.h("label", { key: '824d51343e13daea3af8c5bc18788f6ab9eadb6d', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '7bf6932e0f1e13176cbb4c1dd1f38f9ec51ad211', 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: '6893ca8e93b5ae092b7120c89f31f1fe6332c83f', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '3b4e73c5c52f8306eedf47920547fc8c2a3863b8', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -155,10 +155,10 @@ const AdvancedSearch = class {
     render() {
         const safeTestData = Array.isArray(this.testData) ? this.testData : [];
         const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (index.h("div", { key: '28850bc1b402a81624e0f3e3fc020aae73e9dd55', class: "container" }, index.h("div", { key: '5159396cb719338e3d1b4e2548d24538dac0cb3d', class: "left-column" }, !safeTestData.length && (index.h("div", { key: 'a4dd71ab62dab5aba4597e685fe6f8d47cededa1', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: 'fb59b03ff7434adaa29d19cebbc54dc1b78db800', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '2f07b020ecba54e46c01df10bd58d249f92bd33c' }, safeTestData.map((filter, index$1) => {
+        return (index.h("div", { key: '971e3cdb4d3e3f3ae574e1833945869d8ca98c5f', class: "container" }, index.h("div", { key: '8c545af9008e57060444b8975e808ec27edd2a7f', class: "left-column" }, !safeTestData.length && (index.h("div", { key: '3f58fc233c5b93695594099bb8675431261b6a7b', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '20cab15c089a4310148dd01ede12e49a66d662b8', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '189d376a85dfa7d79d5fe6dcdc9d79635518e130' }, safeTestData.map((filter, index$1) => {
             var _a;
             return (index.h("tree-list-item", { key: `${filter.name}-${index$1}`, level: 0, label: this.getHeaderFieldLabel(filter.name), fieldName: filter.name, reference: filter.reference, parentName: "", parentFilter: filter.extendedProperties.parentFilter, parentPath: 'filter.extendedProperties.parentPath', parent: (_a = filter.extendedProperties) === null || _a === void 0 ? void 0 : _a.parent, nestedItems: filter.referenceNode, "onReference-clicked": (event) => this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath), onItemClick: this.onTreeListItemClick }));
-        }))), index.h("div", { key: '88d6da1212331d10019e2d8938d77d5d18f1a0b2', class: "right-column" }, index.h("udp-page-header", { key: '3359b044ff25402f31d40952a185282f43fde283', onValueChanged: this.handleValueChanged }), index.h("filter-conditions", { key: '2c0f95e7390d30f765a1ae8fc8b3c8664d2fc0b5' }), safeFilterRenderList.map(filter => filter.filterElements.map((item, index$1) => {
+        }))), index.h("div", { key: '10e26c63edae7b3057b8640a74a1799b141a28e9', class: "right-column" }, index.h("udp-page-header", { key: '44be6f4e4316417261f88bebfed55e49bfcf8eb0', onValueChanged: this.handleValueChanged }), index.h("filter-conditions", { key: '55b09aeebf6c2837f774ecfddf6bf17225be581e' }), safeFilterRenderList.map(filter => filter.filterElements.map((item, index$1) => {
             var _a;
             return (index.h("search-list-item", { key: `${item.searchField}-${index$1}`, label: (_a = item === null || item === void 0 ? void 0 : item.searchLabel) !== null && _a !== void 0 ? _a : item.searchField, fieldName: item.searchField, handleDelete: () => this.handleDelete({ searchField: item.searchField, searchValue: item.searchValue }), name: item.searchValue }));
         })))));
@@ -387,10 +387,10 @@ const AdvancedSearchGrouped = class {
     render() {
         const safeTestData = Array.isArray(this.testData) ? this.testData : [];
         //const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (index.h("div", { key: '8ef222fe267ecc6ca617f3de0f3ff295e4753c15', class: "container" }, index.h("div", { key: '3645ca7f6cf989b8035601618bb7da8c199ac825', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (index.h("div", { key: 'b6c65ff5a5ca6ed37d248adc760fef806c7bcef1', class: "recent-searches" }, "Recent Searches", index.h("div", { key: '97df4eb27d20655fcb862c682fb19b9c13d4c1cb', style: { display: 'flex', alignItems: 'center' } }, index.h("udp-selector", { key: 'fb5a6ec537f0654c5a6f070eee8a21a7cd5e29ee', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), index.h("udp-function-button", { key: '06a24dc301956335a52cced8b2e5fdce87de108b', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (index.h("div", { key: '5a7931ff6a57e350533a9f2ed43a1ef6d0a6f623', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '65e51e6e920b80463433be692b91d4aca9381626', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '0997aeff34af056d0cf7ab732eca09441c0f55bc' }, safeTestData.map((filter, index$1) => {
+        return (index.h("div", { key: '5010be78e6cbb232c4a10787efbf797f6afc4c77', class: "container" }, index.h("div", { key: 'c0001f5b2e39865c6c4e829b053d0fcb7a9c1c65', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (index.h("div", { key: '37c4db885ff5dfc922466c9f532b707742480ed3', class: "recent-searches" }, "Recent Searches", index.h("div", { key: 'ac36259e02feee0fdb74122d4cdd2c84a52af206', style: { display: 'flex', alignItems: 'center' } }, index.h("udp-selector", { key: 'c9b2520ab78d687ccb178224c436334707a44544', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), index.h("udp-function-button", { key: '6e5f673e13f38ea3870c184671f63e63850ae7ca', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (index.h("div", { key: '25fabba3f1959924185470d1f2a26592b4b447a1', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '194ea5d8da3a0c2fb8e1fa06b4a5d94081658719', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '6a4bbf37c7357ea4daacfafe3cbfe48da1b36c92' }, safeTestData.map((filter, index$1) => {
             var _a;
             return (index.h("tree-list-item", { add: true, showAdd: true, key: `${filter.name}-${index$1}`, level: 0, label: this.getHeaderFieldLabel(filter.name), fieldName: filter.name, reference: filter.reference, parentName: "", parentFilter: filter.extendedProperties.parentFilter, parentPath: 'filter.extendedProperties.parentPath', parent: (_a = filter.extendedProperties) === null || _a === void 0 ? void 0 : _a.parent, nestedItems: filter.referenceNode, "onReference-clicked": (event) => this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath), onItemClick: this.onTreeListItemClick }));
-        }))), index.h("div", { key: '1ba986cdfe75d8b29397245dd4b4915ca591bc0c', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (index.h("div", { key: '7f4e0d7f9da8b246a385300bc813bbde60b8e532', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
+        }))), index.h("div", { key: '2c03d28ce02e9d8aba44301c5a9ed20f08c8d2ba', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (index.h("div", { key: '764e3dd6360fdfdd9dba381df584bbbdc120a30e', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -410,7 +410,7 @@ const AgTable = class {
         this.height = 'calc(100vh - 200px)';
     }
     render() {
-        return (index.h("div", { key: '8cb836f14cc06070b8d18471f0050dd7e4bdb102', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (index.h("div", { key: '4b1d023e4c1094d726d80a5703cb124848ebb12d', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
     }
     get el() { return index.getElement(this); }
 };
@@ -464,8 +464,8 @@ const EditViewFormDialog = class {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (index.h("fluent-dialog", { key: '4edcda041d4215394103a2322a37961897bf6fac', 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: 'd1a369dd298afc7c5b56df987947b9b3ad081e04', class: "edit-form" }, index.h("text-field", { key: '7295b0285461b964be581a9ef1ee8a413163a73b', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: 'fd49e6846986703be5286299b69bf0fd4a946c6e', class: "toggle-options" }, index.h("div", { key: '702b705762d79f57580db65551eb5917adebb282' }, index.h("stencil-toggle", { key: 'e20e1a14b325a1e2ce9276f0ed740dd60b8cf9e1', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '2b2c56bdccc0afae26e4e3e527296aba1453fd16' }, index.h("stencil-toggle", { key: '470062ed8a7e143c1ba9e72e60760951aff5beaa', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: '67d5e64839851d88a444b94d7536673e1452849a', 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: 'a58c037f0ebbe5420a10f0e3b7fefcb2bab9f926', class: "edit-form" }, index.h("text-field", { key: '3cb2c16a642e5d8fd4492731e9b7dfaea32abcd6', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: 'c7eab4ad250a90eb9f0b533c16b2985aa08b835d', class: "toggle-options" }, index.h("div", { key: '5e3066b71f2101c598f699d99acc2611594491e7' }, index.h("stencil-toggle", { key: '59b69bf6796b928a740efe3d19e912f80849aab7', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: 'c2c65214f57a9de97617a17cc662ad2aa6fd04e1' }, index.h("stencil-toggle", { key: '28fde4f61d73558c35e29cb8973b164c1246abf1', 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: '6feeb5208e1ce988c9c0b20c6e4b5bd96a685168', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '289541b664d97660b56c70f3ce3308d33fdc48b7', class: "title-section" }, index.h("div", { key: '5aa999249c2de350b4b5d9487c1e1c1101549ec9' }, index.h("unity-typography", { key: 'ce56f65c00841a693f127d75f818574e6a89a993', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'd4c7a1abab35f542d07b99b15757ebb160478891', class: "button-section" }, index.h("div", { key: '2704691a3127c75f7d11a43f2af51b014ee60c1b' }, index.h("slot", { key: 'fe36dd725bc9465042323d948719116096dc150c' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: '4feedf41cabd44b85141ab2c718675c937148c9f', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '7061b65e267707091bb07a2d99ef8f32b87d9ed2', class: "title-section" }, index.h("div", { key: 'a8ebaf15f3d944a6a287d4683de08496ea5cfd7b' }, index.h("unity-typography", { key: 'ddf48c4ab0c0a96c75023f6bd4a03eb938c1db20', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '928326db2293a9ffb53d73c1c9271e70e92401d5', class: "button-section" }, index.h("div", { key: '1cb92617e12f2aa249c2c5a238d2d3ce82a8db83' }, index.h("slot", { key: 'eacd023d6f2b9ae6b8bf94838fc5a8415ec97aea' })), 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: '6981164b6e1ef849310435c72200dd627d7baa78', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '0473f999cf55d1c1e718dacb5a8383868d4e43b7', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '3a28af7783c1b844fd6e19df46d1c8a8b442d647', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '22d3c066bf845ab4e10ffa5ddce61fa7ab48abc1', 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: '87bb698af6cd8ca74b64f2840bf7127065f3b887', 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: 'e670676f05023c1d0bd3c7c2fb38821739e512d9', 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: 'ad6c7391ed5b8c8ef0852e8fbe807b81f97185a8', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: '61673c3ab6c82cd76bbe7ad29c5d541090ca8e5a', 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: '1f9ac9511763f57ed4f83b7504a882e2cf721565', class: "save-form" }, index.h("text-field", { key: '7bfba304b007baf78e76cdcd985024ed7c713be1', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: 'fdbf0e19dd0e6bc4cbe35265ef2be7134b1a16f3', class: "toggle-options" }, index.h("div", { key: '890bc71efccd0476b629b3fda9db1b3616888daa' }, index.h("stencil-toggle", { key: '75bc92afdf5c953e5fa8efc3a351ca2a0cde08a6', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '4cc802f4f7e07227deafc7cc265ae82a9a088414' }, index.h("stencil-toggle", { key: '15745fabaa0bcd4598a2357ba39912ec0d30fa14', 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: '805efb49e5d9de281d23f41347dda838bc1a0028', class: "save-form" }, index.h("text-field", { key: '65776ca0ffca22730eee96744df06a9bb18bc17d', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: 'ef3dcda99b3278c358e3384896e1cebde7958a7d', class: "toggle-options" }, index.h("div", { key: '49c9b78b11d810a4b2c6da0a194404aa70af7419' }, index.h("stencil-toggle", { key: 'bf45fb577254ef5d891c8a8d7af84ff804e6e397', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '5a51f2e4e5dbd61cda5e859ab523a77d0f853e7d' }, index.h("stencil-toggle", { key: '09ef410843700d8f1e73803ba6601399f9546384', 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: '2f86214ff3b1da4d585a761d531847544b3ab8e7' }, index.h("div", { key: '0c6f41fbcd1705ec938a9e2d429a8d4408f4cb04', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'd2e0e0317a9c8ac9c7512df985c0ae85cf91e1f7', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '87bf5069f482b9572598dee7a08fa391affeb38c', class: "title" }, index.h("div", { key: '05e8d3c389a9f1dcb237f0a2e91248280cdcb4be', class: 'close-button' }, index.h("stencil-icon-button", { key: 'e4545fbf854596224a754ae64d5550c1be0bfe14', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: 'ea49fe8ad91691edd60fa4c5e452f6f6244e7a6e', class: 'title' }, index.h("unity-typography", { key: 'ce951e9d80f0d5e7aeb789d3754d1cd217c6d482', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'b79fa9ad30de6d903c81347e13a5e05890fe3c5f', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'e21d1f5381b9261ad7f214d88211a176a27ab413', padding: this.padding }, index.h("slot", { key: 'a1f6de91dd68036dd62deeab793f16ddc20a58c7' })))));
+        return (index.h("div", { key: '5dd62da2d45e915515e31020302014e77cc8049d' }, index.h("div", { key: '60b5586371801fa071772c5d7b5bbb9b3c5a4cf2', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'efc64133e5eb1f3c44f761887dc41f46e6a393af', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '76d88577caa9e0c695feadfaaadd607665c0aec8', class: "title" }, index.h("div", { key: '26beb1ad7dc336dd71cf418674d31681126f7cd0', class: 'close-button' }, index.h("stencil-icon-button", { key: 'b438c12054853841bea5e9e5bd8726b344f4ee17', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: 'c55f8790f9925c442667449241a8e7d321263a8d', class: 'title' }, index.h("unity-typography", { key: '220dac771b2702aae0348a47f41f1edde3bb802c', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'd741f03ef43b84a360956ed8b18fad631213f689', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'aa64c930b4ed028429b94f7b6e71a0337328b40a', padding: this.padding }, index.h("slot", { key: '0050e67b4315a595c17d1edcb475723b07dfd47a' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: '6a7cb4fbccbce6be474f6a9ea1c680c07617e1d2', class: "wrapper" }, index.h("form", { key: 'a1a8d17b88884e82c1c9f8e8dd92a8e61409181c', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '997c893d5191171edb25373a9ab24a43de9c3512', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '943c44ff33c8a5d1fd37db42d5390353534ea61b', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '8d5deb6624931473fc1b38aceda23d79b3662b68', class: "submit-button" }, index.h("custom-button", { key: 'f33753fac5d16d2f1775de321d7e3e7bf2e6d63e', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '1398e485208da731a671036daba38b63c61e6fe8', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: '05e5c01773aec25e4693d2ab7b40fc8b83f3d352', class: "wrapper" }, index.h("form", { key: 'e7953ec82a3bac81bec240c809844bb710229feb', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: 'bb0d800eb8d3f8fa8e6bbc73b1e5f8069ac947b4', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '448578d489779bd16d7e8fa091319951551f6e83', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '1fcb8d559ae2ea349ad8bdce6bb9c18ad508baee', class: "submit-button" }, index.h("custom-button", { key: 'aa98c4f3ee5c9fe8407fe39a8f6e260a0fa22189', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '7ebefc88105f240dadab20cd3865cdafb9d76385', 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: '1bc5079c46946546e900ae4cb25fb867381c238f', class: {
+        return (index.h("div", { key: '0be92a8b85ddcecaf2bf21c01c44791e738739ff', 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: '12f5c6c15ad41fe1ddb67bcd5e762e0dea0a3dce', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: '7e58e5c282210c4ae2d0db48bb26d76f30f3b147', class: "message" }, " ", index.h("unity-typography", { key: '96c8b2e12714df74a437e3ecb65c930a50288e92', variant: 'body' }, " ", this.message, " "))));
+            } }, this.userCancel && (index.h("button", { key: '8484a896ceb091ff13c07b4ce9e8a0d353c06a34', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: 'dc88ac5c7b0473cc886b1feaddd4650819e3f464', class: "message" }, " ", index.h("unity-typography", { key: '8b6ccc2d74927ab67ff5c4e5e9da5c26c8b97c99', 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: 'efb9119cb76cebce3c3c9f49d18595cb0ecfe523', class: "popover", style: style }, index.h("unity-typography", { key: 'f0c58c3913fdf67ba2588ec43e6f3620c53b1334', variant: "caption-text" }, index.h("slot", { key: '2b3a4142508d6d4cdc76e9eea49a95f585173aa2' }))));
+        return (index.h("div", { key: '2bdededbb1df95545bf5fe3469e2ef698f369676', class: "popover", style: style }, index.h("unity-typography", { key: '6039571323976d4174872c92720d6b9f6a469639', variant: "caption-text" }, index.h("slot", { key: '6db5ac5035e78b4678875dd0ad6345e28d0c9fe5' }))));
     }
     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: '7bfdcedca0425b0081feba9fa6598b0368d4006d', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: '9b72a0a52b54986a7187f7e81867a748dc149871', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (index.h("div", { key: '61479cd989a439781f457d33db24dc2b444cb7ae', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: 'f614768bae471c31e618b9e85f7a40277f92679a', variant: "data-display-three" }, "   ", this.message, " ")));
     }
 };
 UpdAlertBanner.style = updAlertBannerCss();