udp-stencil-component-library 25.18.2 → 25.18.3-beta.2

package/dist/cjs/{SearchBuilder-DYM_FL5l.js → SearchBuilder-B3eon2Ty.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var makeApiCall = require('./makeApiCall-B9MMU_Ob.js');
-var configService = require('./configService-BmGAegZf.js');
+var configService = require('./configService-CVcBGIE1.js');
 
 exports.LogicalSearchOperator = void 0;
 (function (LogicalSearchOperator) {

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: '86ca0cb6a6e2789efe76c4465662a369158294d1', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '4f55beaec63cd805650853335ebbf439e6377cfb', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (index.h("div", { key: '4edd8862f59813b1ee1bf8686cdbbf1b29ac95a6', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '479014bad80204c7fbe32a775129632d0357fc4d', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), index.h("udp-selector", { key: 'fc32dff93fb00975eb0b417df8bc22c9b05a741f', 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: '84f7adb7845a1461e441a6fb464cdfb9219148e3', 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: '023bac071da645515cc86826a48f08b43c6ebb1f', class: "formButton" }, index.h("custom-button", { key: '284c60557975c76733c0caa17ed907f0cfe2407c', 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: '0a0698007d0e9a0274c7d7f0368f03232395e9dd', class: "formButton" }, index.h("custom-button", { key: 'ae984338425d0b523eccc001bb9b4fbd1367b7d9', 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: 'fefc64190d81c488569ac85994fdaff879ae003d', class: "toolbarContainer" }, index.h("div", { key: '86efd85326a8c6045960dcfc6ea9217cd9a19b90', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '8be28b8c9e179915b5b70ed2a6ccb91ecb00f8b2', variant: "h4" }, this.mapTitle)), index.h("div", { key: '003012553545e724587dd2f8fb4754beb0fcc7bf', class: "buttons" }, index.h("div", { key: 'cd2b9fc15b844405377d247323374903aba4fdbd', class: "buttonContainer" }, index.h("div", { key: '4c43491cfc72fdfdc88d4f338b551c8063fa262b', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'adc9cde5412cba944f5c49788a99f699a0f09fd6', id: "filterOption" }, index.h("div", { key: 'e8142ec153067419ebdd8fd50abd70b9dde059c3', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '1fe1057afbe0ac41e773cf41601f7aeaf14ce6ff', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '9d40755c2fee1c9de8943705a97293b803177db1', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: 'db455dec069b12e54b25a8893c3ae6380b93501f', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: '0ff07f1b6ee16d700a13a5d0fe2ac4aad696d4ca', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '00f923c7bb086bb69ddf395b8c83cf14241c6fc1', id: "layerOption" }, index.h("div", { key: '402d6967bb8ee8f035da468b8f9ad2f1820ddb49', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '3b4101aac7c82e3daf2faf2088ffb3c79047caab', 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: '8b210fafb95ad9e1159055e320ef332070a9b26d', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: 'eaa7a5005b8af14d59596024a73682a9a6b3e435', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '008302b245ad556dbefe0f9bee48aec23b8fa8cd', 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: '7c042631d13bee7e2dab14a147c7c72b8905d957', id: "bulkSelectOption" }, index.h("div", { key: '1a9e97d5e632ef1721426858f7528eb578243e81', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '77bbcaab4727ae8bcdc429030a3ed216fe78037e', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: 'be670e1eceb3ed78f5348fd01a88e0b5cc587dc0', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'cfa71b31d926e2c8d441db6f6d38498be1369e6e', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '2003fcb7bd33c772c6eeb9cb8769d138b50285d2', label: 'Box', handleOnClick: () => {
+        return (index.h("div", { key: '5c317dca37e2a7e89edad3317a1bf18db6e0be98', class: "toolbarContainer" }, index.h("div", { key: 'dfc884afbc8d946c2cb6072b71ceb57f07c85023', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'e732c76ef36969ef4e256fd1f1f91f136b61953b', variant: "h4" }, this.mapTitle)), index.h("div", { key: '14e5792334eba117f2fe9ea990ec681f1096ae63', class: "buttons" }, index.h("div", { key: '0a1b8c47789409c016c215c348a4e0f813e83e8a', class: "buttonContainer" }, index.h("div", { key: 'f59bb8249f6a85919c75c719d4bf313e1aeddab7', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '676226a6924d7ff5ad1a5d92b03abf716d5a3465', id: "filterOption" }, index.h("div", { key: '2ea660ea17e4c83ceba40a4ca073d5b888b075cb', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '3f0fbffa41052da753d90fd4b8a9644d53f8a9af', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '8f6f94459921625c8af34117cf9281c4f37c550a', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '1b71d4f593ccc155b08ee534c5877bf889f95dd8', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'cee55a8a6132d65a6051c18e82d5982508314ac0', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '5f4f868cb9a504a952bbdc500690178cd173743a', id: "layerOption" }, index.h("div", { key: 'b8a3367ff32a79f674ab59e29d7fb57772d60ebf', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '09272d1c0c19ff44cb41c4fc0c65b235289a69f8', 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: '99d6a93f82f3bc313b1808f9e7b3147edbf745e9', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '9c48251fe9d099d6081c04e0d47d2432e51808d2', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: 'ac145b2438680179f8f4b4c7d894d799061e6a6c', 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: 'c94b914e310b60ffbaefb7c03986b6c9842104c9', id: "bulkSelectOption" }, index.h("div", { key: '8bcc2bfc29c1a0a87be3a1aa56770049bc2a394f', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '894722a5fb4572e001428287d4a8902d6858931d', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '2c9ad52dd0e3b882a62cd8012b09944bbc46d82b', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: '4c7f1eb64ef8f4e65cb3a9517cedd07943077237', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '71fa61b91d5395a03bdbc326fb5ecb45a6bced00', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: 'a98d1f96b1923e6b995828e36a7636786423459c', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '7ab7d4a29450e1e4ed9c5908ead7c61f9a71345a', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: '579050689df00c1bd02b45d7ae5cb23ea1ece09a', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '74114edac1eec9d1df7f4b4ed9890467a3def544', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: '432a7b7a06cfb66c950387ed92c15fd1a3ffbbf3', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '28b726e630be8bd9c6ad54744b14996957b85148', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'ee1cae14e2dcef12c14f53cf49dea4cac4e01378', id: "splitOption" }, index.h("div", { key: '8e611a780fc18f55ce3641a9587b8dbd137881e3', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: 'edda638a365905bd28ea3f1d165239ddbbd5fd26', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: 'f8ef32c8155aadf4d27036d5208e4e3f5af902eb', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '98155546d973b86b4c4bdc7c96060f354294f156', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '62ede00bdd63e1f251b30fd03dfba459001892c2', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: 'c3264a415cdc252dd7a91d63f952c1c416651524', 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: '327a5ab7ad7e8043f2809048ec91cb7353286d22', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'f4a36fc74088cbf82b2d696fa96eb15e2b37eed7', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '3b38630840fd2b1d16b38a6495d230dc7e3265ca', id: "splitOption" }, index.h("div", { key: 'd2e8300a3acb2187363f577a1ca97907c1876ec2', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '448ba1e0aa84e508a408085d389336e88119cea8', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: 'e4d0aaccc60eaac7749e30cd84ec03026aa4d9f8', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '9b9188dc91830397a4ebebb1616a7609520127a2', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: 'f7846dbd958d66f6638968e2d4af98fab73b8c5d', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: 'a0bc8cebae2f42d8d03d21216250f7d92ebc1759', 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: 'a1c56024f70b200d8652861d5c0eb4974be20854', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'f4b28436d08c50cc10dd1e3af45ef1b005b9b64f', 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: 'fcc3897b1368c5b0aa241c1796494e4de6d8b325', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '0a4f8553821e6bdc0b4fba9afadf2d7b5f4d5ba5', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'b597d9ce256257017052248f5e5aebb4e4f92866', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '130955876ea775ad4b3b7481639aa8f242bc6486', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '8fd1973ab07382084781c820a6bedc7227d6329a', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '6849fd18866b96c7278c30a1b36580afdf331e40', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'e28f535469b55db57111f0fc38fa90cf4de1b27d', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '119a8007a5192bfab763a2073f55cc946421dd0f', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'c88626634b949f2e8365646a92896a2f949d3089', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'ff4e67b6d17a836b4f2f5451fc054787510b177e', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '7105fac8605a9e46affc8f30b246c959854323cb', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'd443a8a12d3ef25d00b7cb075cc32a9e07a62f67', id: "withSelectedOption" }, index.h("div", { key: '54ccd3e58c0d8abe61648e715b4efc658bd52423', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'b32ce98ed72d5e0c0b4e2a1d4d9c777d9640ed31', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: 'a33ff7822412e5ce01ee6a63485e4ff0e2a36d93', variant: "button" }, 'With Selected'))), index.h("div", { key: 'd984e772a2a0dff1a6560f1f24c65a8d2ba033e0', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '353206a0c71e72b2d2cf9131e058967d52d1a4dc', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'f9ec5efaed936da814dc721133459b7c0e4bab04', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '1a94fa95f49678598334afdc17ffb518bdf74fe4', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '5fc9a5a5099fe738a905851fddc41c8fdfbbeff9', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '2bf769100c94c55d3153f855103f835c31ae317a', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '66de8c0d3798744cf703e6a1e8bd44e280c014a3', id: "addOptionButton" }, index.h("custom-button", { key: '30bba405b0084f1e3f845f4f6ac7efc361305a12', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'b5670b29c6ef042108d1b0800643e5366f728753', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'f6039929585215d5bf5c0089345f22bc32c8f0f1', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '51c8f591dee3dc01a0d57df61801cecdab9ec4b4', 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: '88ba3349e9cbcf0bc4436ef6cfaf46fbca642ca6', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: 'f0dad76e51326bd4361b0a59a8ff8bbd36f69660', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '48e2b3e87a6c02e23d355bb90aadca400f3cc3ee', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'f52edf9827c231339a17294a061d7141a5b0c6d4', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: 'c4947e503f30b79361901f026ecdbf5233cb5082', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'd9ed69a6b0b4493ed8409631db98296f55a7e028', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '67ed01a39393b603de779e3d2416698a682ed68a', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'f10b1415bf50903b05dd15765ea7f46fa26428e3', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'f6674f340570898e94a31667dfe415801a3b051f', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'db09746350b6431e42c0217710a6518e6714dcd9', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '7be5880a085a3b63a0726c29a28c3083b9503227', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '3a8abffeefce1dd171da59f1c8e07ff6c8c5729a', id: "withSelectedOption" }, index.h("div", { key: '4b2c426effeff685ba1e6d5536e228d3d1f200b3', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'c29472c7860586e5193957c4bb83c888383a4771', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '994ff52744dae399dbf2ab6eb15313d47f10ceea', variant: "button" }, 'With Selected'))), index.h("div", { key: '635fc327e659cfbce145d341d45c8369cd07d687', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: 'ae3f33f918042d4c9628c8b2b29eab83d3ee32c4', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'aa1a5a749637034c1a2a318624d55ade3f8ae01d', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '593bc4540dd7facf6a777f54887df273f477a765', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'fae78ca3bce747ee2ca935830736a20e81d1f3ba', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '5ba76f86b6cae67fb825a01fbef771c90711da79', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '2db83ff185e2c9e8e08c90c33702f19e5953fcf9', id: "addOptionButton" }, index.h("custom-button", { key: '500059ae93bc40e98139eee5ec23adb8465a284c', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'f9b356c5412e407fc8a1f59817b7d979268e07fa', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'ea3b6c03ce51177c6ce0286d6bc5d939c625cbff', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '256d586a3d29312384bec4f39c93e9249821cd41', 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: 'a421adfcb15118a0b3b6dc5f4cb1d25d5e219f4a', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: 'a738ad4665195159d09b38815187ef68acb329b6', 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: 'c88e8c1951d6b63d21631c89b0b871c450e8f026', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: 'd45df7a2ca73c411cd304fe502bea8921b2af287', 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: '5ea170104bcda609d6252ff105f3dbde57ce4284', style: { height: '12px' } }), index.h("div", { key: 'ebec7ee3c1c467cae2cbc0d56ed287afa38518a1' }, index.h("text-field", { key: 'be4d66358d6bd16572e4d2e6e68fd82f33b2b7c5', 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: 'a84a27a61c97599fcf35e969634f24093a2dc43e', style: { height: '12px' } }), index.h("div", { key: '57bd7d42f79f39b8ce7059edb6c8f660310f096e' }, index.h("text-field", { key: 'e759687e212db091b088456045fa5ace30b05ccf', 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: 'ce86398b51365a3637968d8a9f30c5eb6b0bf83a', class: "popoverContent" }, index.h("udp-selector", { key: '23b9668c84d57700c103e2ffe83af2b10534ee18', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: 'f6c8af5da1d08d22b3cc8e0971f37f544eb23691', class: "popoverContent" }, index.h("udp-selector", { key: '6245a8b2ee538596f147628d3b472c7631204ff3', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

package/dist/cjs/advanced-search-builder.cjs.entry.js

@@ -346,11 +346,11 @@ const AdvancedSearchBuilder = class {
             // If resizable, this will be the initial height, constrained by the CSS.
             hostStyles['height'] = this.config.height;
         }
-        return (index.h(index.Host, { key: '583fb7950382c83a9cf319973853d0ec857bbea9', style: hostStyles, class: {
+        return (index.h(index.Host, { key: '0237c73269da7184c77b0c82c211eb5f90d16875', style: hostStyles, class: {
                 'is-resizable': isResizable,
                 'host-expanded': this.isExpanded,
                 'host-collapsed': !this.isExpanded,
-            } }, index.h("div", { key: '7df6526ffce9426ff3f55415f99b992ff55c9511', class: containerClasses }, isCollapsible && (index.h("div", { key: 'bdbb944de64189d0c9179756f42a533c7b8da8f7', class: "collapsed-view" }, index.h("input", { key: '28904bfb74a84e8a62a0f6d36bdcca1535e3ac34', type: "text", readonly: true, value: this.filterString, class: "string-display-input" }), index.h("custom-button", { key: 'e7136b4da73db4220fd2cee00771999edf8dad4c', class: "toggle-button", size: "short", variant: "text", handleClick: this.toggleExpanded }, index.h("span", { key: '4c91e047f1dee9875c42d812320ad0f226ee700b' }, this.isExpanded ? 'Collapse' : 'Expand'), index.h("svg", { key: 'b3d46f11d64d46b25ffe2188564ec85ff0c91dbd', class: "toggle-icon", viewBox: "0 0 16 16" }, index.h("path", { key: '7f3fb545f8f65b58221dfc5afe4f69e9f5405ceb', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "2" }))))), index.h("div", { key: '19de05a6813e107e1e725eadf26f067627e21830', class: "anim-container", ref: el => (this.animContainerEl = el) }, index.h("div", { key: '67467dbead6e683cbc6afb03e0c92d874e180a92', class: "content-wrapper" }, (this.isExpanded || !isCollapsible) && rootGroup && (index.h("filter-group", { key: rootGroup.groupId, groupId: rootGroup.groupId, filterData: this.currentFilterData, fields: this.fields, isRoot: true, onAddFilter: e => this.handleAddFilter(e.detail), onAddGroup: e => this.handleAddGroup(e.detail), onRemoveFilter: e => this.handleRemoveFilter(e.detail), onRemoveGroup: e => this.handleRemoveGroup(e.detail), onFilterChange: this.handleFilterChange, onGroupChange: this.handleGroupChange, onDropOnFilter: this.handleDrop, openAddMenuForGroupId: this.openAddMenuForGroupId, onToggleAddMenu: this.handleToggleAddMenu, onDropOnGroup: this.handleDropOnGroup })))), showFooter && (index.h("div", { key: '0a9dfe2d54ea5a8be5af3dbf363092126dd36012', class: "advanced-filter-footer" }, index.h("validation-chip", { key: 'd275a7c66b573968bc9cca8fecdf8a2dd0f2dd0e', isValid: this.isFilterValid, errorMessages: this.errorMessages }), index.h("udp-button", { key: '7376ff4b438e1801394a5d9f99196ab80dc597e4', disabled: !this.isFilterValid, onClick: this.handleSearch, variant: "contained" }, "Search"))))));
+            } }, index.h("div", { key: 'c317bff26b9a125937c9c38321a2410d25558858', class: containerClasses }, isCollapsible && (index.h("div", { key: 'fb2836c793f934ac10ea91a76a3d826db8e888b2', class: "collapsed-view" }, index.h("input", { key: '413f915bc43a5e808ac8a906ccc4adcf44595ead', type: "text", readonly: true, value: this.filterString, class: "string-display-input" }), index.h("custom-button", { key: '3fdfc9555c5047d125c090ae4ed4063ec22a8b2f', class: "toggle-button", size: "short", variant: "text", handleClick: this.toggleExpanded }, index.h("span", { key: 'a171ef456f008b07f84999acd1cff6d92bc48d78' }, this.isExpanded ? 'Collapse' : 'Expand'), index.h("svg", { key: '6f566bb9e2e12baef72f8f314cc0de4024b45feb', class: "toggle-icon", viewBox: "0 0 16 16" }, index.h("path", { key: 'd9e0e83aec040dad4f442c3cd67e3fa1541d8c11', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "2" }))))), index.h("div", { key: '6bf8943802bcd9c1069b25c50c92752c9ad285a1', class: "anim-container", ref: el => (this.animContainerEl = el) }, index.h("div", { key: 'e4b57103aa7026a72fb04f7dd6fc06353cb6419d', class: "content-wrapper" }, (this.isExpanded || !isCollapsible) && rootGroup && (index.h("filter-group", { key: rootGroup.groupId, groupId: rootGroup.groupId, filterData: this.currentFilterData, fields: this.fields, isRoot: true, onAddFilter: e => this.handleAddFilter(e.detail), onAddGroup: e => this.handleAddGroup(e.detail), onRemoveFilter: e => this.handleRemoveFilter(e.detail), onRemoveGroup: e => this.handleRemoveGroup(e.detail), onFilterChange: this.handleFilterChange, onGroupChange: this.handleGroupChange, onDropOnFilter: this.handleDrop, openAddMenuForGroupId: this.openAddMenuForGroupId, onToggleAddMenu: this.handleToggleAddMenu, onDropOnGroup: this.handleDropOnGroup })))), showFooter && (index.h("div", { key: '1936ffb04cf57f4727ca91fa791fe21f98676e0b', class: "advanced-filter-footer" }, index.h("validation-chip", { key: '0195f097b5f2300816f94d8c19d7b877d21cc244', isValid: this.isFilterValid, errorMessages: this.errorMessages }), index.h("udp-button", { key: '1467999128540278f9495d080f238bf8532e830b', disabled: !this.isFilterValid, onClick: this.handleSearch, variant: "contained" }, "Search"))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-SNloIaSR.js');
 var conversionFunctions = require('./conversionFunctions-B_9y17KE.js');
-var catalogStore = require('./catalog-store-DIF1IDLi.js');
+var catalogStore = require('./catalog-store-BE8HBu5i.js');
 var Close24 = require('@carbon/icons/es/close/24');
 var uuid = require('uuid');
 var Save16 = require('@carbon/icons/es/save/16');
@@ -15,11 +15,11 @@ var AdvancedQuery16 = require('@carbon/icons/es/ibm-watson--discovery/16');
 var DataEnrichment16 = require('@carbon/icons/es/idea/16');
 var Renew16 = require('@carbon/icons/es/renew/16');
 require('@stencil/store');
-require('./apiUtils-bDl8etNp.js');
+require('./apiUtils-BF9cltSY.js');
 require('deep-equal');
 require('./makeApiCall-B9MMU_Ob.js');
 require('axios');
-require('./configService-BmGAegZf.js');
+require('./configService-CVcBGIE1.js');
 require('./tenantUtils-BCKSE0vq.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -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: '749ac603c7d5998cab9cdc804eb26ae15ab9502c', class: "container" }, index.h("div", { key: '19b11ac5eed4ebff194a2489bc647abfca3ee6bb', class: "left-column" }, !safeTestData.length && (index.h("div", { key: 'd6b693fca77ee5d6db78540dc218d70cd9558851', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '4d1384371f5de5ee8f5eff618aaaaa4d20ccdf0a', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: 'e9e277276dffb7163b9df189945c25ebfcc7246e' }, safeTestData.map((filter, index$1) => {
+        return (index.h("div", { key: 'd166e7f2b73ab3272375ba36724f34be633e9689', class: "container" }, index.h("div", { key: '4c7e52035db57f83e88dd6225e764740a2845216', class: "left-column" }, !safeTestData.length && (index.h("div", { key: '2084e59f925f84e8c88be3d0ac9416fe6f7f996c', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '39fbb773bd5d3e19004bce344094abe79563f8ee', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '496bfe3b78de0c24ff0755bcb41f123de46ba678' }, 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: '85759f73d86b502052e61f2d8b465e3498967566', class: "right-column" }, index.h("udp-page-header", { key: 'a825cfd6fdfec752270bd24b48512185a49f3ee9', onValueChanged: this.handleValueChanged }), index.h("filter-conditions", { key: '22a0cfe66f0ab58a87e4a51aec2694d34a37fb49' }), safeFilterRenderList.map(filter => filter.filterElements.map((item, index$1) => {
+        }))), index.h("div", { key: '6c5ed5a9fd1f9d3efdb36ed0cb97b2936d3946cf', class: "right-column" }, index.h("udp-page-header", { key: '15ff44ffc5bd57dc3dc76abb112096eaf389791c', onValueChanged: this.handleValueChanged }), index.h("filter-conditions", { key: '2560e5c908c580c21fd1e641911c7b90b0ac6449' }), 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: '1d8d31637f4bff92f39d3fafddbcadc483b05b4a', class: "container" }, index.h("div", { key: '3f35b059f1942e509871b617d7c76b6d11a7ae20', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (index.h("div", { key: '07565a0d936a333ee8d1b6988ad603ef1442118d', class: "recent-searches" }, "Recent Searches", index.h("div", { key: 'd1f55b937654dd403cc01aebcb5e4467b95b26a5', style: { display: 'flex', alignItems: 'center' } }, index.h("udp-selector", { key: '84d76292d5bed0273ea0625e25bd191dbf4a7ce7', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), index.h("udp-function-button", { key: 'ba4158888de93d98f75c9323bbccdc2801df4dd1', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (index.h("div", { key: 'c372142871a8a4ab122ee92b1927003cdeb62887', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '6469fa2ce8230c4542c452eea98ebd948ef0c0ff', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '9a66fd98df829c4896be3ede68252b07825a8277' }, safeTestData.map((filter, index$1) => {
+        return (index.h("div", { key: 'b4990da58b9bf3b9d00f3bdbc580ac4bffa4d3eb', class: "container" }, index.h("div", { key: 'dd24556ec3e05a97cd0fdd1dfdda66f50712e895', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (index.h("div", { key: '691cbfabfadca4792b4a7e79df39d05f466f4f15', class: "recent-searches" }, "Recent Searches", index.h("div", { key: '15c68f83787e2b2c77c9f3737c08087a6d96b59d', style: { display: 'flex', alignItems: 'center' } }, index.h("udp-selector", { key: '178dc6a4d11e14b8b5c28f4624dabae5f35eca59', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), index.h("udp-function-button", { key: 'e4ca0d2b7fc72babcc953e1c9df951c396265126', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (index.h("div", { key: '411221c9bc520f15daf8025d36aa884c6ae6a72e', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '5ce27c4ef68db220dea8337fda0c0ebf45955f53', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '6dabc84a9192fe6d6da5962ab05c6bf0ea149279' }, 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: '0bfe019eb27dfdaa509c2556d114373cfd00c2c5', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (index.h("div", { key: 'bd69af7520cf0e0e300f13eb2256269f8229ed0c', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
+        }))), index.h("div", { key: 'f39415ce11b2f75a8085b6d19ad6d22a63bb21a0', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (index.h("div", { key: '4ff37d6d23150ffd0845a302e802c14245e5ac25', 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: '34090f535edf4f45e28eeacd5ab8da4012319dfd', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (index.h("div", { key: '677ae5f59e17d68ef9e594478b404479ebad9e92', 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: '148710ea0f7bea0484e3f84e862d0b9123bd79ac', 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: '743aa9a972a90176eb5458405f13cdea3ee56942', class: "edit-form" }, index.h("text-field", { key: 'b69c3ea8fa67eeb996ce7f92a9266aebd33cbcc5', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: '7a887a7530065a3c639dfcc66b1d9e5b00b25090', class: "toggle-options" }, index.h("div", { key: '60db77820677f5231298264162821c12f6a07c11' }, index.h("stencil-toggle", { key: '3bda1b0d33a183bbb901aa4dd52dceb377585829', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '855ecc8457827f4188304177961d361747f5df19' }, index.h("stencil-toggle", { key: 'eae91f81bd56d29ba0055da06ab0c73f7be45978', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: '009865976fda99aa12fe5f22204c3d830137a252', 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: '714230adf1758efe96e81b32ee1537acdebce6ef', class: "edit-form" }, index.h("text-field", { key: 'eb7b0c32989e2d03129c3528a0f3694fed6ea460', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: '1cba59f8eab48b395c645120304ca79ab0521069', class: "toggle-options" }, index.h("div", { key: '39b4f2654f06148233a387909d69711ab080ec64' }, index.h("stencil-toggle", { key: '5e829b8b3aece66e4de97c9ed60ff570ed483c71', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '1d736a4a65550b44a85ca554efd00868bf199b0d' }, index.h("stencil-toggle", { key: '3a9b91a482e7a0d1531fcf0df872c25478f9be53', 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: '021c035bf4d957e2644d1d620c47de8ad1a05e21', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '29e21c1ad5dc3b853c389c4927958335c9299a16', class: "title-section" }, index.h("div", { key: 'dd897565107bebd3efff6234f7f01bac7a9afdc6' }, index.h("unity-typography", { key: '51602d8264ed458ba729a0a33b8081babed19d37', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '39d5748807927d63aafb3f99615b57b0f6f856ef', class: "button-section" }, index.h("div", { key: '996c5f28c941dd40531a52abe0c06bcb65ca049e' }, index.h("slot", { key: '06834b580236c4a7ac26b0ed6fc057526dcc4c02' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: '3a9faf1bd4143f5524999a6063a5429e0b9219c3', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'a28c87b4d1de7ecd73e58c1309fc30bf20085a70', class: "title-section" }, index.h("div", { key: '7a3ea06937398e8a3b59ac4447ea47a412520d0e' }, index.h("unity-typography", { key: '06c3fc282e6906a1f7a991dc4701a442a123d314', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '84e50a85f67980285219723fdfa0b07bdf16829f', class: "button-section" }, index.h("div", { key: '8fc6c5997eeebbe9d9cbb09d678637057130b4a9' }, index.h("slot", { key: '1618644beb43915fb61e7fa598c25d5d3f077579' })), 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: '50e0e03c0fc07a095b79c64e9867df14f64b8727', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'cb521eecb5bca910373e5b3d28d692315f115504', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: 'a8eeae6cdd8388b7705759a03abe9edf28fdeb41', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '23b6af2f7cb2b5d45bb138dae7c089872bab6f50', 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: 'd8a6b07c2aa03300bb9a6e382981ba05658b2458', 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: 'b1db7cc064df597e67df8b7b54580c6104316c2d', 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: '11d77e271d9052cb0d2dc01ab68a1711ba69341c', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: 'de5065031b1e5b501841ad9ebaad53e94749600d', 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: 'ef7e0089370810479fffe5009cd0a44d538ab88c', class: "save-form" }, index.h("text-field", { key: '9321cbc06b7d79f0a5f5068e2a7ddca50ebf434f', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: 'af902e7792f5de7b1d4333c274079f4544211531', class: "toggle-options" }, index.h("div", { key: '0c4f78f6bd0716adb686607d78636cc366fb416d' }, index.h("stencil-toggle", { key: '5a385cd828db721c4716d979b5391760c46925c2', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '775b8586ca7ac81668d18b76ee1e14082bada271' }, index.h("stencil-toggle", { key: 'b870f8bc34e04f93398536096cee79b0734ecdf1', 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: '6cec5988a9e4c3147238a91065e3346acac3d591', class: "save-form" }, index.h("text-field", { key: '8f9b25ed520b29a265acfbc096c252dfd4f88cc4', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '9fc3d84036ca67a4e66b7d51cb85b61033722b6c', class: "toggle-options" }, index.h("div", { key: 'e505e1c752dc370f8f4c8eb96ba352c4f9740f7e' }, index.h("stencil-toggle", { key: '3f85550fbefd40e34541d03d98922c55d6f41e35', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: 'e8811bd018a501e4111494807baa0c0966987954' }, index.h("stencil-toggle", { key: '2feefdaaf49de654123ad374099f6b04107b78e0', 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: '493885f8ff6fd42a33d7a91ceeaf2376896e78b9' }, index.h("div", { key: '5f3fc796d16eac33ed3ee5caa591c55074f08b5d', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '5d91c44a3dfdef6e6e60dd8bb9932965c0b3c4d6', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'e585f7cda32111284edd65d43db8034f1fd4a3f1', class: "title" }, index.h("div", { key: '47682a75bc55ea2b3699727e1d8b8005331fa053', class: 'close-button' }, index.h("stencil-icon-button", { key: '127217807a38574d7cc17b46f3b3480b1e780628', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '6e6ef59d9ae06d64b9b24723fa593a15e8713a89', class: 'title' }, index.h("unity-typography", { key: 'e58a2a5b8fad9b6cc78fd1ae266d10a54bd70374', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '709251d45b26fd42dfb08aa3292b9d500184167e', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '5a1321a0b09d030612e4787d1652666351057ffe', padding: this.padding }, index.h("slot", { key: 'eab8b1135a509ac45eccc573a5efe6e78efaf54d' })))));
+        return (index.h("div", { key: '31a8ba197348946cc2d02ecfadb1ffeb7bda26b3' }, index.h("div", { key: '145792e512043ed4a19ca48b54ea4e0f862395b5', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '40e89cbad9d60441eec00be86a872254fd7a8b45', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'edf17af9e83499831a434c4750fc9d15987fdae5', class: "title" }, index.h("div", { key: '18fc25e34e74cbdb74ab0957ae0e8d1471b2313d', class: 'close-button' }, index.h("stencil-icon-button", { key: 'f41c380245f80ea51c367789b1c346ddcd686ccb', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '479c90c71da6d72aa632176a850355fd5b328eea', class: 'title' }, index.h("unity-typography", { key: '7fc56616e5e12b7869cc9e1b040a60e8828b454a', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'edb314d29bfcbb1a0d14a55f4afcc2e27beb0ad3', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'ed851490c2318399d14d72413e1040455264b0a4', padding: this.padding }, index.h("slot", { key: '9189941c8266247e2177ebd4710bd301eb5e6354' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: '25d3ac15ce75e21c38ee581fd6760acd0452cb6b', class: "wrapper" }, index.h("form", { key: '23cb869dcf8111e10d5202ea00f066d64d6e955a', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: 'aeca29c646c86c96306f8baddc77fdf2d2421f25', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'f0d4a73109796d9b8cd71cba4057327ad37abd86', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '0dcf360e9189ca180a425d1f3b7530d54db53c17', class: "submit-button" }, index.h("custom-button", { key: '9f12210ec38cf756a601a418e7c4ca0653370fd8', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'aa24f4f10e50090d46fc0872acf9a350e12a76b2', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: '187c2c02b298b1e1a0bd407ad2fcd299df2e2cbb', class: "wrapper" }, index.h("form", { key: 'a62c64c3bd4f3f7f9e0209b1e510f899090515c9', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '7799eee8eece694654fca7aa564ba1bc2af800c0', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '77109548964e0ac8f23adb077acdcaebca81e1a1', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'dbce78b7a7abff6828985a96b4dfa15bc33b234f', class: "submit-button" }, index.h("custom-button", { key: '68326a269323e6f216c0812310848d09d3d48a3a', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'b367842a38e648500db3dd421ea297b21f2ffb53', 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: 'cd2d073bfca62c063d4f8df897b848710be57c11', class: {
+        return (index.h("div", { key: 'c22e76f9f60176cd862a6ba50e32fccc7e70a66a', 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: '61c91bc421b31982330f91f078a24a1d8f6f3204', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: 'e43710ce4dee2345953a7fb77f252dce8a1672fe', class: "message" }, " ", index.h("unity-typography", { key: '2ebe60d75278ed5157b339b8679c6bedce322926', variant: 'body' }, " ", this.message, " "))));
+            } }, this.userCancel && (index.h("button", { key: 'bc9782df165774ec0105d5c720fbdfb877a8fe1c', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: '49ca28bf2d6bb0f17748278043ec9d7722c9b23d', class: "message" }, " ", index.h("unity-typography", { key: '43ef9ba61b33903d2d585351c699c28c40f386b4', 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: '511fb2756ab0c38c04ee500f31e964bfb52672f1', class: "popover", style: style }, index.h("unity-typography", { key: 'd0db9b3b955f5cf4429b0176df5b7e98a21c66e9', variant: "caption-text" }, index.h("slot", { key: '8adc31948a622995a141e9d4ff74f28a97af6108' }))));
+        return (index.h("div", { key: '23954ff582cdb8312fe9ebdd9c6abf5be6a1171f', class: "popover", style: style }, index.h("unity-typography", { key: '5bac3a1b898d570c66c6ea8b21e51fef3b91146b', variant: "caption-text" }, index.h("slot", { key: 'bc6b21b0a225b60802e8360ab976a9693b884ce7' }))));
     }
     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: 'e100527c51fc69bfdb74ecfba9a3d52d55aad4d6', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: 'ae237651e36d4f1a0f6df444dbd89eead388ab48', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (index.h("div", { key: '0e35fce5eff59f7a2efbe5fa0d7c02b3693ae523', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: '72659b6a744b97873fd4e82c7a1ad6b18b806ef6', variant: "data-display-three" }, "   ", this.message, " ")));
     }
 };
 UpdAlertBanner.style = updAlertBannerCss();

package/dist/cjs/ag-grid-base_6.cjs.entry.js

@@ -3,19 +3,19 @@
 var index = require('./index-SNloIaSR.js');
 var agGridCommunityV33 = require('ag-grid-community-v33');
 var agGridEnterpriseV33 = require('ag-grid-enterprise-v33');
-var apiUtils = require('./apiUtils-bDl8etNp.js');
-var iconUtils = require('./iconUtils-BuDk48Xh.js');
+var apiUtils = require('./apiUtils-BF9cltSY.js');
+var iconUtils = require('./iconUtils-Ut2DA7Cj.js');
 var getCurrentApiCatalogId = require('./getCurrentApiCatalogId-D7xHCEzs.js');
-var configService = require('./configService-BmGAegZf.js');
+var configService = require('./configService-CVcBGIE1.js');
 var tenantUtils = require('./tenantUtils-BCKSE0vq.js');
-var currencyRenderer = require('./currency-renderer-xzaldEo2.js');
+var currencyRenderer = require('./currency-renderer-DrmGIlFh.js');
 var configureUdpColumnMods = require('./configureUdpColumnMods-CQMOB8IW.js');
 var isEqual = require('lodash/isEqual');
 require('deep-equal');
 require('./makeApiCall-B9MMU_Ob.js');
 require('axios');
 require('@stencil/store');
-require('./iconMapping-CkHR1LGY.js');
+require('./iconMapping-BUFYliNK.js');
 require('@carbon/icons/es/add/16');
 require('@carbon/icons/es/add/32');
 require('@carbon/icons/es/add--alt/16');
@@ -49,6 +49,7 @@ require('@carbon/icons/es/flag/16');
 require('@carbon/icons/es/information/16');
 require('@carbon/icons/es/information/32');
 require('@carbon/icons/es/link/16');
+require('@carbon/icons/es/location/16');
 require('@carbon/icons/es/overflow-menu--vertical/16');
 require('@carbon/icons/es/overflow-menu--vertical/32');
 require('@carbon/icons/es/return/16');
@@ -997,11 +998,14 @@ const AgGridBase = class {
             this.updateGridHeight();
             this.resizeObserver = new ResizeObserver(this.scheduleHeightUpdate);
             this.resizeObserver.observe(this.gridContainerEl);
+            window.addEventListener('resize', this.scheduleHeightUpdate);
         }
     }
     disconnectedCallback() {
-        var _a;
+        var _a, _b;
         (_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        window.removeEventListener('resize', this.scheduleHeightUpdate);
     }
     handleUpdateColumnDefs(newVal, prevVal) {
         if (isEqual__default.default(newVal, prevVal)) {
@@ -1022,7 +1026,7 @@ const AgGridBase = class {
     render() {
         var _a;
         const variantClass = `variant-${((_a = this.headerConfig) === null || _a === void 0 ? void 0 : _a.variant) || 'light'}`;
-        return (index.h("div", { key: '24fa82598a8b3c7cd8908d279dd5d55fa56fb059', class: variantClass, ref: el => (this.gridContainerEl = el) }, index.h("ghost-render", { key: '5a135714392f7edb7fee6d2146e231971ed0ca93' }, index.h("div", { key: 'f8a3749c2bff52ca09f110152d2a0c9d61d8458c' }, index.h("udp-dialog", { key: '7c245a75a383f6acc3df2eae99beb1eca1b0ce3b' }), index.h("udp-list-item", { key: '00c826a169725fe7950b5f48e6c6018554885eaf' }), index.h("hint-panel", { key: 'e36c1b28357c275c6d71caa245a5e5dfc0dcf8a8' }), index.h("udp-side-sheet", { key: '26ce13c227185842de854c0dca352a5bae875038' }))), index.h("div", { key: '97ec4f0e8a4e464965fddc7d27807797bf9690b1', class: "grid-base-header" }, index.h("grid-header", { key: '2af72231d327d5ff5c6b6c082ca24c8389b71db6', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), index.h("div", { key: 'b3464f54b3c57d19d2deaa673e7a6b483573fa6c', class: "action-bar", style: { viewTransitionName: `action-bar` } }, this.gridFunctionInstances.map(fn => { var _a; return (_a = fn.render) === null || _a === void 0 ? void 0 : _a.call(fn); }))), index.h("div", { key: '851c7e4d8f06734ad7a0e5e5119ed61eb8556c57', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
+        return (index.h("div", { key: '3ff55540e5d610f6494c1253cb7e1f743d0b34c7', class: variantClass, ref: el => (this.gridContainerEl = el) }, index.h("ghost-render", { key: '146d2ff692af219911b53906a37db0b8afab12ea' }, index.h("div", { key: 'afe501b8d52f6f5e4e60745f81f59049fb387894' }, index.h("udp-dialog", { key: '4f52787569388f5c5a9d0177ea842abe447ca715' }), index.h("udp-list-item", { key: '69b8ec8011ecc1bc7a9741fd8e246f81cab42f67' }), index.h("hint-panel", { key: '6c0df77b0c55920ea0fb63ea1241e13bce1834df' }), index.h("udp-side-sheet", { key: '58c15ae080c3fb95fd2146150909986a2bba1573' }))), index.h("div", { key: '11509fe9f3b965456cf023901c3d5140419c19df', class: "grid-base-header" }, index.h("grid-header", { key: 'fd56e21d5008c2904cb2db163bd94270b3ad252c', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), index.h("div", { key: 'e0faeffeecbb3d759db486a604450c4e0cb399cf', class: "action-bar", style: { viewTransitionName: `action-bar` } }, this.gridFunctionInstances.map(fn => { var _a; return (_a = fn.render) === null || _a === void 0 ? void 0 : _a.call(fn); }))), index.h("div", { key: '162a65f5abcc9712d9c0afcf60063af9486a827f', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
                 viewTransitionName: `my-new-grid`,
             } })));
     }
@@ -1115,7 +1119,7 @@ const GhostRender = class {
         // The <slot /> is necessary to prevent the Stencil compiler from
         // overly optimizing this component's output and aliasing the
         // defineCustomElement export, which breaks downstream wrappers.
-        return (index.h(index.Host, { key: '77d50c2b9c9ccbb58d00b4928fcbed63d13c1010' }, index.h("slot", { key: '30730a259776f1452fca147be792d928ba2ee996' })));
+        return (index.h(index.Host, { key: 'e8a596fd469732352e26c15a4f1c077005204f13' }, index.h("slot", { key: '9a84a120925b4bb7c1f8cd6d11a204c83028f4c8' })));
     }
 };
 GhostRender.style = `:host {
@@ -1179,7 +1183,7 @@ const HintPanel = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'a12706b04206a3155c828c4a3c74ab93f4f9a54b', class: "hint-container" }, this.showHint && (index.h("div", { key: '61c421a9227f8da52e07b5a27c122aae9cbe7bd8', class: "hint-content" }, index.h("div", { key: 'e7e196b3de4cb3eff963e5663acb4b3665caa885' }, index.h("unity-typography", { key: '326bafd6cc82f8020e49f59a5cd35174715bb34e', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (index.h("div", { key: '8ff552c3eadde4f86cd793826bf5d2da1a6253f8', class: "hide-help" }, index.h("udp-button", { key: 'c4b13f7784eab8a0796d212489614cdd58bd6fe2', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
+        return (index.h("div", { key: '60038e2faf0f5a5c1f37f2c0a820b9375cb872fd', class: "hint-container" }, this.showHint && (index.h("div", { key: '12da11e624b8360aa3c76b58506ee80808f26963', class: "hint-content" }, index.h("div", { key: '5015a2f19da278bdf1a51c2235eeca05d67d0626' }, index.h("unity-typography", { key: 'c42a4f4c764c9953a4b5fd4560196f7bf13cfc1b', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (index.h("div", { key: 'd09d66c2e11cd267d3d823cee0f38d453d2446db', class: "hide-help" }, index.h("udp-button", { key: '34b9937c22e27a0d2e7fe90a57bcc2b59eae5d14', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
     }
 };
 HintPanel.style = hintPanelCss();
@@ -1237,7 +1241,7 @@ const UdpDialog = class {
         document.removeEventListener('keydown', this.handleKeyDown);
     }
     render() {
-        return (index.h(index.Host, { key: '5a90e0cfa060c1363fb823be98a2f3f7ff5682ef', onClick: this.handleOverlayClick }, index.h("div", { key: '8ab6dd81074d401ed22b436c9cc21c21ec0210f8', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, index.h("div", { key: '6b4181bceeecbe7d316d13e902897b9dcfd3dff1', class: "dialog-title", id: this.titleId }, index.h("unity-typography", { key: 'cdc44f463dc5cce8fcc583fdb9b140cd0b651df2', variant: "h3" }, this.title)), index.h("div", { key: '1b5147acd9da752ef77ece211e645b020766a90e', class: "dialog-content", id: this.descriptionId }, this.message && index.h("unity-typography", { key: 'e3056d62d5b19dc4ab59491cd35ff5e876d5af69', variant: "body" }, this.message), index.h("slot", { key: '7e3077ebd768e66fb38c96635d9270baa4e26b68' })), index.h("div", { key: '049b0fd822a3a6fd44264bd0c98db78bbe8860dc', class: "dialog-actions" }, !this.buttonTwoHidden && (index.h("udp-button", { key: '4e2451c51e0d7f687e6a20208f7b128c9fa93cc8', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (index.h("udp-button", { key: 'ffce2387c9aa1aed65706eb3901687e2f1843618', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (index.h("udp-button", { key: '66b2adc47093fa6f8ace3460390f59081451d2b9', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
+        return (index.h(index.Host, { key: '4d8d17c214c51bb80cd541e91232e6ecd8767161', onClick: this.handleOverlayClick }, index.h("div", { key: '0dee98dcd4b1b4b8b035e2658a24f01e0d1ac2bd', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, index.h("div", { key: 'c839386f2da0de805fa9a4b4c580ad90c9d92a64', class: "dialog-title", id: this.titleId }, index.h("unity-typography", { key: '741f6cef3139b81286760ff00626e3cc60829a13', variant: "h3" }, this.title)), index.h("div", { key: 'db2fb6e78091c837ba8e58f37ae5670da7d4eda6', class: "dialog-content", id: this.descriptionId }, this.message && index.h("unity-typography", { key: '8870206fc789550de513ea643bfbcd1e4064da81', variant: "body" }, this.message), index.h("slot", { key: '440776abd2a3a02e7848d08efcc8f432728b5979' })), index.h("div", { key: 'b57ece9cdc73cfe0c7518d61a58ab472fe4db882', class: "dialog-actions" }, !this.buttonTwoHidden && (index.h("udp-button", { key: '6b6428b8ab144c39fcd21cd47dd0814c0197cd3a', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (index.h("udp-button", { key: '82ce3ac1f0a29f0378d19ec8084cf68939263012', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (index.h("udp-button", { key: '9915f1a4852053c7347b7f6b0c3b364b0e011113', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {
@@ -1302,11 +1306,11 @@ const UdpListRenderer = class {
     render() {
         const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
         const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (index.h(index.Host, { key: '4e8edba80d5983c2f878b2ad0731b72238ea882e' }, index.h("div", { key: '568adde99ec3bc362ab34d2c31c9e307002acac2', class: {
+        return (index.h(index.Host, { key: '05da567a948815ec844840b06de4eb0cdcf07e1b' }, index.h("div", { key: 'de89222629b2bfbc666c24bd86982067839f9c32', class: {
                 'list-item': true,
                 'clickable': this.clickable,
                 'variant-compact': this.variant === 'compact',
-            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (index.h("div", { key: '61b51b5dede1f2705dcc7b2825348a07c0a80efa', class: "avatar-container" }, index.h("udp-avatar", { key: '108678bcb61b90c1390a54582e6388384d1ebd1e', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), index.h("div", { key: '10eac3586f355e87339e03d94ac41af2d1ef097b', class: "text-container" }, showPrimaryText && (index.h("div", { key: 'c3c0f2e589d2c5ba83840a6b08869f13d8ba2ff1', class: "primary-text" }, index.h("slot", { key: 'b01581a16a642c52e0700f7ccd19037d1b59958f', name: "primary-text" }, index.h("unity-typography", { key: '01fcd927aeeb074067d03f795d123985f3a52bcb', variant: "body" }, this.primaryText)))), showSecondaryText && (index.h("div", { key: 'a5bc8b98b185424a82d06d97a29ba4c2c32bc8c3', class: "secondary-text" }, index.h("slot", { key: 'da8cbda21c28f6ba5873d5eaf0f694ad906bb14f', name: "secondary-text" }, index.h("unity-typography", { key: 'f5d19214b90eb6c2b8a992dc43e529761d394d40', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (index.h("div", { key: '3bcf146d66ec6671beefe002f3f5a84a2dd23944', class: "status-chip-container" }, index.h("slot", { key: '9b5e6d67c50f113a52b3b20054a8d81a744d1f23', name: "status-chip" }))), this.hasActionsSlot && (index.h("div", { key: '20a822232840d162030142618fcfc762d0d95e92', class: "actions-container" }, index.h("slot", { key: '305560605b78e8f02ed30052e9013eb9b01b5a01', name: "actions" }))))));
+            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (index.h("div", { key: 'b24225ed37a5bb956543a9b657204c8563700f98', class: "avatar-container" }, index.h("udp-avatar", { key: 'b078e8f2d5eab4c1867461b182268c7115c3fa1f', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), index.h("div", { key: '2067ad90dc10b84e6cab740722d363c528e78643', class: "text-container" }, showPrimaryText && (index.h("div", { key: '4d9b0706f16ae60601a8e1f1e8b9b274c26960eb', class: "primary-text" }, index.h("slot", { key: '9e23fc70b0928593420001d56d2db0a48992ac61', name: "primary-text" }, index.h("unity-typography", { key: 'd56521c0f2bd2a84c4f6218879dab88c34ef8a4f', variant: "body" }, this.primaryText)))), showSecondaryText && (index.h("div", { key: '8b365cb5737660eda4fd54128a9b6db297c55464', class: "secondary-text" }, index.h("slot", { key: 'e527f578961f2ef31e20d4b839b9d8954f356a7c', name: "secondary-text" }, index.h("unity-typography", { key: '92d97a7c1727003ce1ac39f5e5685956b5a703ce', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (index.h("div", { key: '41ad7433dc8c86b70fd6b6a12b87aa75cd04ba78', class: "status-chip-container" }, index.h("slot", { key: '9bf1c15a3cfd4fc41838f42138493eecf321d45b', name: "status-chip" }))), this.hasActionsSlot && (index.h("div", { key: 'c31f044329f385215532f9af4c75ef64bc4dbc36', class: "actions-container" }, index.h("slot", { key: '5dc2c7c02d17f3ac235641368ab7fd1c259595ea', name: "actions" }))))));
     }
     get hostEl() { return index.getElement(this); }
 };