udp-stencil-component-library 25.18.2-beta.9 → 25.18.3-beta.1

package/dist/esm/{SearchBuilder-CvKqGlUH.js → SearchBuilder-BjVdKjci.js}

@@ -1,4 +1,4 @@
-import { m as makeApiCall } from './makeApiCall-B-daVutk.js';
+import { m as makeApiCall } from './makeApiCall-2umiVB6u.js';
 import { C as ConfigService } from './configService-BqLfkVKh.js';
 
 var LogicalSearchOperator;
@@ -361,6 +361,3 @@ class SearchUtilities {
 }
 
 export { LogicalSearchOperator as L, SearchBuilder as S, SearchUtilities as a, SearchGroupingType as b, SearchOperators as c };
-//# sourceMappingURL=SearchBuilder-CvKqGlUH.js.map
-
-//# sourceMappingURL=SearchBuilder-CvKqGlUH.js.map

package/dist/esm/action-column-util-DUK_9dnF.js

@@ -37,6 +37,3 @@ const splitActionList = (actionList, maximumVisibleActions) => {
 };
 
 export { splitActionList as a, getActionColumnWidth as g, sortActionItemOrder as s };
-//# sourceMappingURL=action-column-util-DUK_9dnF.js.map
-
-//# sourceMappingURL=action-column-util-DUK_9dnF.js.map

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, a as getElement } from './index-DFnjA9NX.js';
 import { Close16, Checkmark16, Filter16, Layers16, Select_0116, Scalpel16, Renew16, OverflowMenuHorizontal16 } from '@carbon/icons/es';
 import { f as searchForLayerOptions } from './udp-map-utils-DNAUNI5U.js';
 import { S as SelectFeatureInteractionId } from './common-CwN0FuAf.js';
@@ -6,7 +6,7 @@ import 'lodash';
 import 'ol/proj';
 import 'ol/format/GeoJSON';
 
-const mapPopupCss$2 = ".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";
+const mapPopupCss$2 = () => `.popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}`;
 
 const AddMapFeaturePopUp = class {
     constructor(hostRef) {
@@ -89,14 +89,20 @@ const AddMapFeaturePopUp = class {
                 this.selectedType === null }))));
     }
     static get watchers() { return {
-        "panelConfig": ["watchPanelConfig"],
-        "selectedLayer": ["updateDrawingTypeOptions"],
-        "typeOptions": ["updateDrawingTypeOptions"]
+        "panelConfig": [{
+                "watchPanelConfig": 0
+            }],
+        "selectedLayer": [{
+                "updateDrawingTypeOptions": 0
+            }],
+        "typeOptions": [{
+                "updateDrawingTypeOptions": 0
+            }]
     }; }
 };
-AddMapFeaturePopUp.style = mapPopupCss$2;
+AddMapFeaturePopUp.style = mapPopupCss$2();
 
-const mapToolbarCss = ".toolbarContainer{display:flex;justify-content:space-between;align-items:center;background:var(--accent-color);padding-left:var(--spacing-05)}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.secondaryButtons{display:flex;justify-content:flex-end;column-gap:var(--spacing-04);margin-top:var(--spacing-04);margin-bottom:var(--spacing-04)}.selectedFeaturesButtons{display:flex;column-gap:var(--spacing-04)}#addOption{margin-left:var(--spacing-04)}.title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.labelButtons{white-space:nowrap}@media (min-width: 300px){.labelButtons{white-space:nowrap}}.buttons{display:flex;flex-direction:column}.popOversListContainer{display:flex;justify-content:space-evenly;padding:0}#addOptionButton{width:fit-content}";
+const mapToolbarCss = () => `.toolbarContainer{display:flex;justify-content:space-between;align-items:center;background:var(--accent-color);padding-left:var(--spacing-05)}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.secondaryButtons{display:flex;justify-content:flex-end;column-gap:var(--spacing-04);margin-top:var(--spacing-04);margin-bottom:var(--spacing-04)}.selectedFeaturesButtons{display:flex;column-gap:var(--spacing-04)}#addOption{margin-left:var(--spacing-04)}.title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.labelButtons{white-space:nowrap}@media (min-width: 300px){.labelButtons{white-space:nowrap}}.buttons{display:flex;flex-direction:column}.popOversListContainer{display:flex;justify-content:space-evenly;padding:0}#addOptionButton{width:fit-content}`;
 
 const MapToolbar = class {
     constructor(hostRef) {
@@ -279,16 +285,26 @@ const MapToolbar = class {
     }
     get mapToolbarElement() { return getElement(this); }
     static get watchers() { return {
-        "layerOptions": ["setLayerOptions"],
-        "selectedFeatureByBoxSelection": ["setIsSelected"],
-        "visibleLayers": ["updateLayerOptionsForPopup"],
-        "readOnlyLayers": ["updateLayerOptionsForPopup"],
-        "enableAddNewFeature": ["activateSelectInteraction"]
+        "layerOptions": [{
+                "setLayerOptions": 0
+            }],
+        "selectedFeatureByBoxSelection": [{
+                "setIsSelected": 0
+            }],
+        "visibleLayers": [{
+                "updateLayerOptionsForPopup": 0
+            }],
+        "readOnlyLayers": [{
+                "updateLayerOptionsForPopup": 0
+            }],
+        "enableAddNewFeature": [{
+                "activateSelectInteraction": 0
+            }]
     }; }
 };
-MapToolbar.style = mapToolbarCss;
+MapToolbar.style = mapToolbarCss();
 
-const mapPopupCss$1 = ".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";
+const mapPopupCss$1 = () => `.popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}`;
 
 const SelectLayerPopUp = class {
     constructor(hostRef) {
@@ -306,9 +322,9 @@ const SelectLayerPopUp = class {
             ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map(item => (h("check-box-group", { title: item === null || item === void 0 ? void 0 : item.title, options: item === null || item === void 0 ? void 0 : item.options, values: this.visibleLayers, handleChange: this.updateSelectedLayers }))))));
     }
 };
-SelectLayerPopUp.style = mapPopupCss$1;
+SelectLayerPopUp.style = mapPopupCss$1();
 
-const mapPopupCss = ".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";
+const mapPopupCss = () => `.popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}`;
 
 const SplitLinePopup = class {
     constructor(hostRef) {
@@ -328,7 +344,6 @@ const SplitLinePopup = class {
             }, large: false })));
     }
 };
-SplitLinePopup.style = mapPopupCss;
+SplitLinePopup.style = mapPopupCss();
 
 export { AddMapFeaturePopUp as add_map_feature_popup, MapToolbar as map_toolbar, SelectLayerPopUp as select_layer_popup, SplitLinePopup as split_line_popup };
-//# sourceMappingURL=add-map-feature-popup.map-toolbar.select-layer-popup.split-line-popup.entry.js.map

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DFnjA9NX.js';
 import { g as getAllowedSearchOperators } from './udpOperatorHelper-BsvDrT81.js';
 
 const generateFilterString = (data) => {
@@ -37,7 +37,7 @@ const generateFilterString = (data) => {
     return rootGroup ? buildStringForGroup(rootGroup.groupId) : '';
 };
 
-const advancedSearchBuilderCss = ":host{display:flex;flex-direction:column;font-family:sans-serif;box-sizing:border-box;overflow:visible}:host(.host-collapsed){resize:none;height:auto}:host(.host-expanded){overflow-y:auto}:host(.is-resizable.host-expanded){resize:vertical;min-height:180px;max-height:80vh;overflow:auto}.advanced-filter-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.collapsed-view{display:flex;align-items:center;gap:0.5rem;padding:10px;border-bottom:1px solid #eee}.anim-container{flex-grow:1;overflow-y:auto;overflow-x:auto;display:flex}.content-wrapper{padding-bottom:15px;flex-grow:1}.advanced-filter-footer{display:flex;justify-content:flex-end;border-top:1px solid #eee;padding:10px;flex-shrink:0;gap:10px;align-items:center}.string-display-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#f5f5f5;box-sizing:border-box;cursor:default;user-select:none}.string-display-input:focus{outline:none}.search-button{opacity:0;transform:scale(0.95);pointer-events:none;margin-right:10px}.advanced-filter-container.is-expanded .anim-container{overflow-y:auto;min-height:130px}.advanced-filter-container.is-expanded .collapsed-view{display:none}.advanced-filter-container.is-expanded .search-button{opacity:1;transform:scale(1);pointer-events:auto}.advanced-filter-container:not(.is-expanded) .anim-container{max-height:0;min-height:0;overflow:hidden}.advanced-filter-container:not(.is-expanded) .advanced-filter-footer{opacity:0;height:0;padding:0;border:none;pointer-events:none;overflow:hidden}";
+const advancedSearchBuilderCss = () => `:host{display:flex;flex-direction:column;font-family:sans-serif;box-sizing:border-box;overflow:visible}:host(.host-collapsed){resize:none;height:auto}:host(.host-expanded){overflow-y:auto}:host(.is-resizable.host-expanded){resize:vertical;min-height:180px;max-height:80vh;overflow:auto}.advanced-filter-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.collapsed-view{display:flex;align-items:center;gap:0.5rem;padding:10px;border-bottom:1px solid #eee}.anim-container{flex-grow:1;overflow-y:auto;overflow-x:auto;display:flex}.content-wrapper{padding-bottom:15px;flex-grow:1}.advanced-filter-footer{display:flex;justify-content:flex-end;border-top:1px solid #eee;padding:10px;flex-shrink:0;gap:10px;align-items:center}.string-display-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#f5f5f5;box-sizing:border-box;cursor:default;user-select:none}.string-display-input:focus{outline:none}.search-button{opacity:0;transform:scale(0.95);pointer-events:none;margin-right:10px}.advanced-filter-container.is-expanded .anim-container{overflow-y:auto;min-height:130px}.advanced-filter-container.is-expanded .collapsed-view{display:none}.advanced-filter-container.is-expanded .search-button{opacity:1;transform:scale(1);pointer-events:auto}.advanced-filter-container:not(.is-expanded) .anim-container{max-height:0;min-height:0;overflow:hidden}.advanced-filter-container:not(.is-expanded) .advanced-filter-footer{opacity:0;height:0;padding:0;border:none;pointer-events:none;overflow:hidden}`;
 
 const AdvancedSearchBuilder = class {
     constructor(hostRef) {
@@ -352,7 +352,6 @@ const AdvancedSearchBuilder = class {
     }
     get el() { return getElement(this); }
 };
-AdvancedSearchBuilder.style = advancedSearchBuilderCss;
+AdvancedSearchBuilder.style = advancedSearchBuilderCss();
 
 export { AdvancedSearchBuilder as advanced_search_builder };
-//# sourceMappingURL=advanced-search-builder.entry.js.map

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement } from './index-DFnjA9NX.js';
 import { u as useTreeDatasource } from './conversionFunctions-CNWYTvRs.js';
-import { s as state } from './catalog-store-BhgNAUY6.js';
+import { s as state } from './catalog-store-CbwcwIKF.js';
 import Close24 from '@carbon/icons/es/close/24';
 import { v4 } from 'uuid';
 import Save16 from '@carbon/icons/es/save/16';
@@ -13,14 +13,14 @@ import AdvancedQuery16 from '@carbon/icons/es/ibm-watson--discovery/16';
 import DataEnrichment16 from '@carbon/icons/es/idea/16';
 import Renew16 from '@carbon/icons/es/renew/16';
 import '@stencil/store';
-import './apiUtils-cUHs50y0.js';
+import './apiUtils-11-yfzUs.js';
 import 'deep-equal';
-import './makeApiCall-B-daVutk.js';
+import './makeApiCall-2umiVB6u.js';
 import 'axios';
 import './configService-BqLfkVKh.js';
 import './tenantUtils-Basdb1b1.js';
 
-const advancedSearchCss$1 = ":host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level=\"0\"]{padding-left:0}.filter-group[data-level=\"1\"]{padding-left:20px}.filter-group[data-level=\"2\"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}";
+const advancedSearchCss$1 = () => `:host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}`;
 
 const AdvancedSearch = class {
     constructor(hostRef) {
@@ -149,12 +149,14 @@ const AdvancedSearch = class {
         })))));
     }
     static get watchers() { return {
-        "filterList": ["filterListWatcher"]
+        "filterList": [{
+                "filterListWatcher": 0
+            }]
     }; }
 };
-AdvancedSearch.style = advancedSearchCss$1;
+AdvancedSearch.style = advancedSearchCss$1();
 
-const advancedSearchCss = ":host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level=\"0\"]{padding-left:0}.filter-group[data-level=\"1\"]{padding-left:20px}.filter-group[data-level=\"2\"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}";
+const advancedSearchCss = () => `:host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}`;
 
 const AdvancedSearchGrouped = class {
     constructor(hostRef) {
@@ -370,18 +372,22 @@ const AdvancedSearchGrouped = class {
     render() {
         const safeTestData = Array.isArray(this.testData) ? this.testData : [];
         //const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (h("div", { key: '51d961d38d71f0b63e0564a8fda506f19176f780', class: "container" }, h("div", { key: 'a05089a3958f0a19499b04569a16319f047ee534', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (h("div", { key: '788ebbb22f165841387b1ded7ab595b9b845d8d3', class: "recent-searches" }, "Recent Searches", h("div", { key: '597644a1133d0b514f1de852ae590ac34bb867e6', style: { display: 'flex', alignItems: 'center' } }, h("udp-selector", { key: '1fd8907b2c44d6ea3f6cc21fa46bc673d1d705a5', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), h("udp-function-button", { key: 'f2919a9467010174c7a5960149d1cca04134a6fd', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (h("div", { key: '4eccc7fc0d1f02f0c9e00007d37b62c26b890c97', style: { marginRight: '8px' } }, h("udp-grid-loader", { key: '7156b75f685d2df18071e0f996a78748dfce179e', width: "362px", "num-columns": "1", "num-rows": "20" }))), h("div", { key: '786b6755156cf0971ab56f6e19b6f00c78a2fb53' }, safeTestData.map((filter, index) => {
+        return (h("div", { key: '1d8d31637f4bff92f39d3fafddbcadc483b05b4a', class: "container" }, h("div", { key: '3f35b059f1942e509871b617d7c76b6d11a7ae20', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (h("div", { key: '07565a0d936a333ee8d1b6988ad603ef1442118d', class: "recent-searches" }, "Recent Searches", h("div", { key: 'd1f55b937654dd403cc01aebcb5e4467b95b26a5', style: { display: 'flex', alignItems: 'center' } }, h("udp-selector", { key: '84d76292d5bed0273ea0625e25bd191dbf4a7ce7', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), h("udp-function-button", { key: 'ba4158888de93d98f75c9323bbccdc2801df4dd1', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (h("div", { key: 'c372142871a8a4ab122ee92b1927003cdeb62887', style: { marginRight: '8px' } }, h("udp-grid-loader", { key: '6469fa2ce8230c4542c452eea98ebd948ef0c0ff', width: "362px", "num-columns": "1", "num-rows": "20" }))), h("div", { key: '9a66fd98df829c4896be3ede68252b07825a8277' }, safeTestData.map((filter, index) => {
             var _a;
             return (h("tree-list-item", { add: true, showAdd: true, key: `${filter.name}-${index}`, 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 }));
-        }))), h("div", { key: '1ec459b83773f97a10f86ae3e42bee824a07b835', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (h("div", { key: '8373727d18866a912140acb0a4efacdaa9d3b4e0', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
+        }))), h("div", { key: '0bfe019eb27dfdaa509c2556d114373cfd00c2c5', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (h("div", { key: 'bd69af7520cf0e0e300f13eb2256269f8229ed0c', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "filterList": ["filterListWatcher"],
-        "filterObjectsWithGroups": ["filterObjectsWithGroupsChanged"]
+        "filterList": [{
+                "filterListWatcher": 0
+            }],
+        "filterObjectsWithGroups": [{
+                "filterObjectsWithGroupsChanged": 0
+            }]
     }; }
 };
-AdvancedSearchGrouped.style = advancedSearchCss;
+AdvancedSearchGrouped.style = advancedSearchCss();
 
 const AgTable = class {
     constructor(hostRef) {
@@ -394,7 +400,7 @@ const AgTable = class {
     get el() { return getElement(this); }
 };
 
-const editViewFormDialogCss = ".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}";
+const editViewFormDialogCss = () => `.info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}`;
 
 const EditViewFormDialog = class {
     constructor(hostRef) {
@@ -448,9 +454,9 @@ const EditViewFormDialog = class {
     }
     get el() { return getElement(this); }
 };
-EditViewFormDialog.style = editViewFormDialogCss;
+EditViewFormDialog.style = editViewFormDialogCss();
 
-const gridPrimaryBarCss = ".header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--accent-color)}.title-section{flex:1;margin-left:16px;display:flex;gap:16px;align-items:center}.button-section{display:flex;gap:8px;align-items:center;padding-right:16px;padding-top:8px;padding-bottom:8px}";
+const gridPrimaryBarCss = () => `.header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--accent-color)}.title-section{flex:1;margin-left:16px;display:flex;gap:16px;align-items:center}.button-section{display:flex;gap:8px;align-items:center;padding-right:16px;padding-top:8px;padding-bottom:8px}`;
 
 const GridPrimaryBar = class {
     constructor(hostRef) {
@@ -611,14 +617,20 @@ const GridPrimaryBar = class {
         }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '50e0e03c0fc07a095b79c64e9867df14f64b8727', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: 'cb521eecb5bca910373e5b3d28d692315f115504', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
-        "window:resize": ["onResize"],
-        "enableAdvancedSearch": ["handleAdvancedSearchToggle"],
-        "hiddenActionButtons": ["onHiddenActionButtonsChange"]
+        "window:resize": [{
+                "onResize": 0
+            }],
+        "enableAdvancedSearch": [{
+                "handleAdvancedSearchToggle": 0
+            }],
+        "hiddenActionButtons": [{
+                "onHiddenActionButtonsChange": 0
+            }]
     }; }
 };
-GridPrimaryBar.style = gridPrimaryBarCss;
+GridPrimaryBar.style = gridPrimaryBarCss();
 
-const kpiListCss = ".kpi-container{display:flex;align-items:center;padding-top:8px;padding-bottom:8px;justify-content:flex-end;padding-right:16px;background-color:rgb(247, 245, 243)}.kpi-item{display:flex;align-items:center}.kpi-label{margin-right:5px;font-weight:700}.kpi-value{margin-left:5px}.divider{border-left:1px solid black;height:20px;margin:0 10px}";
+const kpiListCss = () => `.kpi-container{display:flex;align-items:center;padding-top:8px;padding-bottom:8px;justify-content:flex-end;padding-right:16px;background-color:rgb(247, 245, 243)}.kpi-item{display:flex;align-items:center}.kpi-label{margin-right:5px;font-weight:700}.kpi-value{margin-left:5px}.divider{border-left:1px solid black;height:20px;margin:0 10px}`;
 
 const KpiList = class {
     constructor(hostRef) {
@@ -638,9 +650,9 @@ const KpiList = class {
             } }, "  ", h("unity-typography", null, " ", kpi.value.toLocaleString(), " "), " "), index < this.kpiValues.length - 1 && h("div", { class: "divider" }))))));
     }
 };
-KpiList.style = kpiListCss;
+KpiList.style = kpiListCss();
 
-const saveViewFormDialogCss = ".info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}";
+const saveViewFormDialogCss = () => `.info-columns{display:flex}.column{width:100px}.toggle-options{display:flex;gap:16px;align-items:center;margin-bottom:16px}`;
 
 const SaveViewFormDialog = class {
     constructor(hostRef) {
@@ -694,12 +706,14 @@ const SaveViewFormDialog = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "open": ["handleModalOpen"]
+        "open": [{
+                "handleModalOpen": 0
+            }]
     }; }
 };
-SaveViewFormDialog.style = saveViewFormDialogCss;
+SaveViewFormDialog.style = saveViewFormDialogCss();
 
-const sideSheetCss = ".side-sheet {\n  /* --- OLD BEHAVIOR REMOVED --- */\n  /* width: 0; */\n  /* transition: width 0.5s ease; */\n\n  /* --- NEW BEHAVIOR ADDED --- */\n  /* 1. The sheet now has a fixed width from the start. */\n  height: 100%;\n  position: fixed;\n  z-index: 9999;\n  top: 0;\n  bottom: 0;\n  overflow-x: hidden;\n  overflow-y: hidden;\n  background-color: #ffffff;\n\n  /* 2. The animation is now on the transform property. */\n  transition: transform 0.3s ease;\n\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  ::-webkit-scrollbar {\n    display: none;\n  }\n\n  /* Hide scrollbar for Firefox */\n  scrollbar-width: none;\n\n  /* Hide scrollbar for IE and Edge */\n  -ms-overflow-style: none;\n}\n\n\n/* --- NEW: Define the starting position (off-screen) --- */\n.side-sheet.left {\n  left: 0;\n  transform: translateX(-100%); /* Start hidden to the left */\n}\n\n.side-sheet.right {\n  right: 0;\n  transform: translateX(100%); /* Start hidden to the right */\n}\n\n/* --- NEW: Apply width directly to the class, not just when open --- */\n.side-sheet.long {\n  width: 1300px;\n}\n\n.side-sheet.short {\n  width: 480px;\n}\n\n/* --- NEW: The .open class now only changes the transform --- */\n.side-sheet.open {\n  transform: translateX(0); /* Slide into view */\n}\n\n\n/* --- BACKDROP REMAINS THE SAME --- */\n.backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 9;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.5s ease;\n}\n\n.backdrop.open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* --- OTHER STYLES REMAIN THE SAME --- */\n.title {\n display: flex;\n flex: 1;\n align-items: center;\n}\n\n.close-button {\n  display: flex;\n  align-items: center;\n}\n\n.ag-root.ag-layout-normal {\n  font-family: sans-serif !important;\n  font-size: 13px;\n}\n\n/* The inline style for custom width in your component will still work perfectly. */\n";
+const sideSheetCss = () => `.side-sheet{height:100%;position:fixed;z-index:9999;top:0;bottom:0;overflow-x:hidden;overflow-y:hidden;background-color:#ffffff;transition:transform 0.3s ease;scrollbar-width:none;-ms-overflow-style:none;::-webkit-scrollbar{display:none}}.side-sheet.left{left:0;transform:translateX(-100%);}.side-sheet.right{right:0;transform:translateX(100%);}.side-sheet.long{width:1300px}.side-sheet.short{width:480px}.side-sheet.open{transform:translateX(0);}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:9;opacity:0;pointer-events:none;transition:opacity 0.5s ease}.backdrop.open{opacity:1;pointer-events:auto}.title{display:flex;flex:1;align-items:center}.close-button{display:flex;align-items:center}.ag-root.ag-layout-normal{font-family:sans-serif !important;font-size:13px}`;
 
 const SideSheet = class {
     constructor(hostRef) {
@@ -716,9 +730,9 @@ const SideSheet = class {
         return (h("div", { key: '493885f8ff6fd42a33d7a91ceeaf2376896e78b9' }, h("div", { key: '5f3fc796d16eac33ed3ee5caa591c55074f08b5d', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), h("div", { key: '5d91c44a3dfdef6e6e60dd8bb9932965c0b3c4d6', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: 'e585f7cda32111284edd65d43db8034f1fd4a3f1', class: "title" }, h("div", { key: '47682a75bc55ea2b3699727e1d8b8005331fa053', class: 'close-button' }, h("stencil-icon-button", { key: '127217807a38574d7cc17b46f3b3480b1e780628', icon: Close24, onClick: this.toggleDrawer })), h("div", { key: '6e6ef59d9ae06d64b9b24723fa593a15e8713a89', class: 'title' }, h("unity-typography", { key: 'e58a2a5b8fad9b6cc78fd1ae266d10a54bd70374', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && h("custom-button", { key: '709251d45b26fd42dfb08aa3292b9d500184167e', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), h("side-sheet-container", { key: '5a1321a0b09d030612e4787d1652666351057ffe', padding: this.padding }, h("slot", { key: 'eab8b1135a509ac45eccc573a5efe6e78efaf54d' })))));
     }
 };
-SideSheet.style = sideSheetCss;
+SideSheet.style = sideSheetCss();
 
-const udpHotlistFormCss = ".submit-button{margin-top:18px;display:flex;justify-content:flex-end;margin-right:24px;gap:8px}.wrapper{border-bottom:1px solid #d9d9d9;padding-bottom:16px;margin-bottom:10px;width:480px}";
+const udpHotlistFormCss = () => `.submit-button{margin-top:18px;display:flex;justify-content:flex-end;margin-right:24px;gap:8px}.wrapper{border-bottom:1px solid #d9d9d9;padding-bottom:16px;margin-bottom:10px;width:480px}`;
 
 const UdpHotlistForm = class {
     constructor(hostRef) {
@@ -753,9 +767,9 @@ const UdpHotlistForm = class {
     }
     get el() { return getElement(this); }
 };
-UdpHotlistForm.style = udpHotlistFormCss;
+UdpHotlistForm.style = udpHotlistFormCss();
 
-const udpNotificationCss = ":host{position:fixed;top:1rem;right:1rem;z-index:1000;display:block;}.udp-notification{min-width:250px;margin:0.5rem;padding:0.5rem 1rem;border-radius:4px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:space-between;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transform:translateY(-100%);opacity:0;visibility:hidden;background-color:#f4f4f4;}.visible{transform:translateY(0);opacity:1;visibility:visible}.status-success{border-left:4px solid #5aa700;}.status-error{border-left:4px solid #e0182d;}.status-warning{border-left:4px solid #ff832b;}.message{flex:1;padding:0 1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}";
+const udpNotificationCss = () => `:host{position:fixed;top:1rem;right:1rem;z-index:1000;display:block;}.udp-notification{min-width:250px;margin:0.5rem;padding:0.5rem 1rem;border-radius:4px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:space-between;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transform:translateY(-100%);opacity:0;visibility:hidden;background-color:#f4f4f4;}.visible{transform:translateY(0);opacity:1;visibility:visible}.status-success{border-left:4px solid #5aa700;}.status-error{border-left:4px solid #e0182d;}.status-warning{border-left:4px solid #ff832b;}.message{flex:1;padding:0 1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}`;
 
 const UdpNotification = class {
     constructor(hostRef) {
@@ -778,12 +792,14 @@ const UdpNotification = class {
             } }, this.userCancel && (h("button", { key: '61c91bc421b31982330f91f078a24a1d8f6f3204', class: "close-button", onClick: () => this.active = false }, "\u00D7")), h("span", { key: 'e43710ce4dee2345953a7fb77f252dce8a1672fe', class: "message" }, " ", h("unity-typography", { key: '2ebe60d75278ed5157b339b8679c6bedce322926', variant: 'body' }, " ", this.message, " "))));
     }
     static get watchers() { return {
-        "active": ["activeChanged"]
+        "active": [{
+                "activeChanged": 0
+            }]
     }; }
 };
-UdpNotification.style = udpNotificationCss;
+UdpNotification.style = udpNotificationCss();
 
-const udpPopOverGridActionHeaderCss = ".popover{background-color:white;border:1px solid #ccc;padding:10px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);z-index:1000;position:relative}";
+const udpPopOverGridActionHeaderCss = () => `.popover{background-color:white;border:1px solid #ccc;padding:10px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);z-index:1000;position:relative}`;
 
 const UdpPopOver = class {
     constructor(hostRef) {
@@ -826,12 +842,14 @@ const UdpPopOver = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "isOpen": ["watchHandler"]
+        "isOpen": [{
+                "watchHandler": 0
+            }]
     }; }
 };
-UdpPopOver.style = udpPopOverGridActionHeaderCss;
+UdpPopOver.style = udpPopOverGridActionHeaderCss();
 
-const updAlertBannerCss = ":host{display:block;width:100%;box-sizing:border-box}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:5px;padding-left:24px;padding-right:8px;box-sizing:border-box;background-color:var(--success-color-light);color:#000}.banner-group{display:flex;width:500px;}.info{background-color:var(--success-color-light);color:#000}.warning{background-color:var(--warning-color-main);color:#000}.error{background-color:var(--error-color-light);color:#000}.success{background-color:var(--success-color-light);color:#000}.stencil-icon-button{margin-left:auto;}";
+const updAlertBannerCss = () => `:host{display:block;width:100%;box-sizing:border-box}.alert-banner{display:flex;align-items:center;justify-content:space-between;padding:5px;padding-left:24px;padding-right:8px;box-sizing:border-box;background-color:var(--success-color-light);color:#000}.banner-group{display:flex;width:500px;}.info{background-color:var(--success-color-light);color:#000}.warning{background-color:var(--warning-color-main);color:#000}.error{background-color:var(--error-color-light);color:#000}.success{background-color:var(--success-color-light);color:#000}.stencil-icon-button{margin-left:auto;}`;
 
 const UpdAlertBanner = class {
     constructor(hostRef) {
@@ -844,7 +862,6 @@ const UpdAlertBanner = class {
         return (h("div", { key: 'e100527c51fc69bfdb74ecfba9a3d52d55aad4d6', class: `alert-banner ${this.type}` }, h("unity-typography", { key: 'ae237651e36d4f1a0f6df444dbd89eead388ab48', variant: "data-display-three" }, "   ", this.message, " ")));
     }
 };
-UpdAlertBanner.style = updAlertBannerCss;
+UpdAlertBanner.style = updAlertBannerCss();
 
 export { AdvancedSearch as advanced_search, AdvancedSearchGrouped as advanced_search_grouped, AgTable as ag_table, EditViewFormDialog as edit_view_form_dialog, GridPrimaryBar as grid_primary_bar, KpiList as kpi_list, SaveViewFormDialog as save_view_form_dialog, SideSheet as side_sheet, UdpHotlistForm as udp_hotlist_form, UdpNotification as udp_notification, UdpPopOver as udp_pop_over_grid_action_header, UpdAlertBanner as upd_alert_banner };
-//# sourceMappingURL=advanced-search.advanced-search-grouped.ag-table.edit-view-form-dialog.grid-primary-bar.kpi-list.save-view-form-dialog.side-sheet.udp-hotlist-form.udp-notification.udp-pop-over-grid-action-header.upd-alert-banner.entry.js.map

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

@@ -1,7 +1,7 @@
-import { h, r as registerInstance, c as createEvent, a as getElement, H as Host } from './index-CaZq3YdB.js';
+import { h, r as registerInstance, c as createEvent, a as getElement, H as Host } from './index-DFnjA9NX.js';
 import { ModuleRegistry, themeQuartz, createGrid } from 'ag-grid-community-v33';
 import { AllEnterpriseModule, LicenseManager } from 'ag-grid-enterprise-v33';
-import { x as getGridViewsWithConfigurations, i as deleteSelectedView, s as saveView, u as updateView, p as getAvailableGridActions, y as getGridConfigurationsByGridId, w as getPromotedMethodEntities, o as executeQueryAdHoc } from './apiUtils-cUHs50y0.js';
+import { x as getGridViewsWithConfigurations, i as deleteSelectedView, s as saveView, u as updateView, p as getAvailableGridActions, y as getGridConfigurationsByGridId, w as getPromotedMethodEntities, o as executeQueryAdHoc } from './apiUtils-11-yfzUs.js';
 import { g as getIconFromName } from './iconUtils-DcPvHO4A.js';
 import { g as getCurrentApiCatalogId } from './getCurrentApiCatalogId-DeurXd9l.js';
 import { C as ConfigService } from './configService-BqLfkVKh.js';
@@ -10,7 +10,7 @@ import { S as StatusRenderer, I as IconRenderer, D as DateTimeCellRenderer, C as
 import { c as configureUdpColumnMods } from './configureUdpColumnMods-CoCTzhve.js';
 import isEqual from 'lodash/isEqual';
 import 'deep-equal';
-import './makeApiCall-B-daVutk.js';
+import './makeApiCall-2umiVB6u.js';
 import 'axios';
 import '@stencil/store';
 import './iconMapping-CPerGeNF.js';
@@ -871,7 +871,7 @@ const dateTimeValueFormatter = params => {
     return `${dateObject.getFullYear()}-${String(dateObject.getMonth() + 1).padStart(2, '0')}-${String(dateObject.getDate()).padStart(2, '0')} ${String(dateObject.getHours()).padStart(2, '0')}:${String(dateObject.getMinutes()).padStart(2, '0')}`;
 };
 
-const agGridBaseCss = ":root{--udp-grid-base-header-bg:#EBECEF;--udp-grid-base-header-text:#000;--udp-grid-action-divider-color:rgba(0, 0, 0, 0.3);--udp-grid-action-bar-border-color:rgb(202, 197, 197)}.variant-dark{--udp-grid-base-header-bg:var(--primary-color-dark);--udp-grid-action-bar-bg:#F8F9FA;--udp-grid-column-header-bg:#F8F9FA;--udp-grid-column-header-bg-hover:#dce6f2;--udp-grid-column-header-text:var(--primary-color-dark);--udp-grid-action-bar-text-color:var(--primary-color-dark);--udp-grid-action-bar-border-color:rgba(0, 0, 0, 0.1)}.variant-light{--udp-grid-base-header-bg:#d8dfe6;--udp-grid-action-bar-bg:#f4f6f8;--udp-grid-column-header-bg:#f2f4f5;--udp-grid-column-header-bg-hover:#eef3f9;--udp-grid-column-header-text:var(--primary-color-dark);--udp-grid-action-bar-text-color:var(--primary-color-dark);--udp-grid-action-bar-border-color:rgba(0, 0, 0, 0.1)}::view-transition-group(*){animation-duration:0.2s}.grid-base-header{background-color:var(--udp-grid-base-header-bg);color:var(--udp-grid-base-header-text)}.action-bar{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;background-color:var(--udp-grid-action-bar-bg);color:var(--udp-grid-action-bar-text-color);padding:0px 8px 0px 12px;border-bottom:1px solid var(--udp-grid-action-bar-border-color)}.grid-wrapper{display:flex;flex-direction:column;height:100%}#myNewGrid{flex:1}";
+const agGridBaseCss = () => `:root{--udp-grid-base-header-bg:#EBECEF;--udp-grid-base-header-text:#000;--udp-grid-action-divider-color:rgba(0, 0, 0, 0.3);--udp-grid-action-bar-border-color:rgb(202, 197, 197)}.variant-dark{--udp-grid-base-header-bg:var(--primary-color-dark);--udp-grid-action-bar-bg:#F8F9FA;--udp-grid-column-header-bg:#F8F9FA;--udp-grid-column-header-bg-hover:#dce6f2;--udp-grid-column-header-text:var(--primary-color-dark);--udp-grid-action-bar-text-color:var(--primary-color-dark);--udp-grid-action-bar-border-color:rgba(0, 0, 0, 0.1)}.variant-light{--udp-grid-base-header-bg:#d8dfe6;--udp-grid-action-bar-bg:#f4f6f8;--udp-grid-column-header-bg:#f2f4f5;--udp-grid-column-header-bg-hover:#eef3f9;--udp-grid-column-header-text:var(--primary-color-dark);--udp-grid-action-bar-text-color:var(--primary-color-dark);--udp-grid-action-bar-border-color:rgba(0, 0, 0, 0.1)}::view-transition-group(*){animation-duration:0.2s}.grid-base-header{background-color:var(--udp-grid-base-header-bg);color:var(--udp-grid-base-header-text)}.action-bar{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;background-color:var(--udp-grid-action-bar-bg);color:var(--udp-grid-action-bar-text-color);padding:0px 8px 0px 12px;border-bottom:1px solid var(--udp-grid-action-bar-border-color)}.grid-wrapper{display:flex;flex-direction:column;height:100%}#myNewGrid{flex:1}`;
 
 const myTheme = themeQuartz.withParams({
     wrapperBorderRadius: 0,
@@ -991,11 +991,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(newVal, prevVal)) {
@@ -1016,18 +1019,24 @@ const AgGridBase = class {
     render() {
         var _a;
         const variantClass = `variant-${((_a = this.headerConfig) === null || _a === void 0 ? void 0 : _a.variant) || 'light'}`;
-        return (h("div", { key: '24fa82598a8b3c7cd8908d279dd5d55fa56fb059', class: variantClass, ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: '5a135714392f7edb7fee6d2146e231971ed0ca93' }, h("div", { key: 'f8a3749c2bff52ca09f110152d2a0c9d61d8458c' }, h("udp-dialog", { key: '7c245a75a383f6acc3df2eae99beb1eca1b0ce3b' }), h("udp-list-item", { key: '00c826a169725fe7950b5f48e6c6018554885eaf' }), h("hint-panel", { key: 'e36c1b28357c275c6d71caa245a5e5dfc0dcf8a8' }), h("udp-side-sheet", { key: '26ce13c227185842de854c0dca352a5bae875038' }))), h("div", { key: '97ec4f0e8a4e464965fddc7d27807797bf9690b1', class: "grid-base-header" }, h("grid-header", { key: '2af72231d327d5ff5c6b6c082ca24c8389b71db6', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), 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); }))), h("div", { key: '851c7e4d8f06734ad7a0e5e5119ed61eb8556c57', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
+        return (h("div", { key: 'bcbd0fe1693a169eac2d3eaa43ec8021d781071d', class: variantClass, ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: 'a9eb1234b76fa9937e34cd468a0335cea2b36444' }, h("div", { key: 'a7dfd166a485a1093828b9fa1b327081223b9ff7' }, h("udp-dialog", { key: '5e4ee01cf0d8ff4bab63107b5eaed5fe826bd6a9' }), h("udp-list-item", { key: '6b1a02b2f37e9f4805768d37fa0b8a00b4689d30' }), h("hint-panel", { key: '4624370fe64ca7eb304c09aec59e8c80d335a2c0' }), h("udp-side-sheet", { key: 'dd7a83b3a87d17b397a4198a5f0160e1bb07ac20' }))), h("div", { key: '72fd3f9ccbb67b47418af4ed3d419406f4be6928', class: "grid-base-header" }, h("grid-header", { key: '91476b641388c546da6addc4463906ce4652013b', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), h("div", { key: 'af9718f0931f15691a35bd99b4232c2fc70d1da5', 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); }))), h("div", { key: 'b1eee4354e580529fff3af958ba7c1f3fd8926fb', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
                 viewTransitionName: `my-new-grid`,
             } })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "columnDefs": ["handleUpdateColumnDefs"],
-        "entityName": ["handleEntityNameChange"],
-        "gridId": ["handleEntityNameChange"]
+        "columnDefs": [{
+                "handleUpdateColumnDefs": 0
+            }],
+        "entityName": [{
+                "handleEntityNameChange": 0
+            }],
+        "gridId": [{
+                "handleEntityNameChange": 0
+            }]
     }; }
 };
-AgGridBase.style = agGridBaseCss;
+AgGridBase.style = agGridBaseCss();
 
 const GhostRender = class {
     constructor(hostRef) {
@@ -1106,9 +1115,11 @@ const GhostRender = class {
         return (h(Host, { key: '77d50c2b9c9ccbb58d00b4928fcbed63d13c1010' }, h("slot", { key: '30730a259776f1452fca147be792d928ba2ee996' })));
     }
 };
-GhostRender.style = ":host {\n      display: none;\n    }";
+GhostRender.style = `:host {
+      display: none;
+    }`;
 
-const gridHeaderCss = ".header-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-03) var(--spacing-03) var(--spacing-03) var(--spacing-05);font-family:'Segoe UI', Tahoma, sans-serif;color:var(--grid-header-text);min-height:42px}.header-bar.variant-dark{--grid-header-text:#FFFFFF;--grid-header-icon-hover-bg:rgba(255, 255, 255, 0.12);}.header-bar.variant-light{--grid-header-text:black;--grid-header-icon-hover-bg:rgba(0, 0, 0, 0.08)}.header-bar .header-title{color:inherit;margin:0;white-space:nowrap}.header-bar .actions{display:flex;gap:0.4rem;flex-wrap:nowrap;align-items:center}.header-bar .secondary-actions{display:flex;gap:0.4rem}.menu-trigger-wrapper{position:relative;display:inline-flex}.settings-button{transition:transform 0.2s ease-in-out}.settings-button.is-open{transform:rotate(45deg)}";
+const gridHeaderCss = () => `.header-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-03) var(--spacing-03) var(--spacing-03) var(--spacing-05);font-family:'Segoe UI', Tahoma, sans-serif;color:var(--grid-header-text);min-height:42px}.header-bar.variant-dark{--grid-header-text:#FFFFFF;--grid-header-icon-hover-bg:rgba(255, 255, 255, 0.12);}.header-bar.variant-light{--grid-header-text:black;--grid-header-icon-hover-bg:rgba(0, 0, 0, 0.08)}.header-bar .header-title{color:inherit;margin:0;white-space:nowrap}.header-bar .actions{display:flex;gap:0.4rem;flex-wrap:nowrap;align-items:center}.header-bar .secondary-actions{display:flex;gap:0.4rem}.menu-trigger-wrapper{position:relative;display:inline-flex}.settings-button{transition:transform 0.2s ease-in-out}.settings-button.is-open{transform:rotate(45deg)}`;
 
 const GridHeader = class {
     constructor(hostRef) {
@@ -1152,9 +1163,9 @@ const GridHeader = class {
             }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" })), h("udp-menu", { open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, enabledFunctionNames.has('agGridSizeColumnsToFit') && (h("udp-menu-item", { label: "Size Columns To Fit", iconName: "fitToWidth", onItemClick: () => this.action('agGridSizeColumnsToFit') })), enabledFunctionNames.has('agGridAutoSizeColumns') && (h("udp-menu-item", { label: "Auto Size Columns", iconName: "column", onItemClick: () => this.action('agGridAutoSizeColumns') })), enabledFunctionNames.has('agGridHideShowColumns') && (h("udp-menu-item", { label: "Hide/Show Columns", iconName: "hideColumn", onItemClick: () => this.action('agGridHideShowColumns') })), enabledFunctionNames.has('agGridResetColumns') && (h("udp-menu-item", { label: "Reset Columns", iconName: "reset", onItemClick: () => this.action('agGridResetColumns') })), enabledFunctionNames.has('agGridExport') && (h("udp-menu-item", { label: "CSV Export", iconName: "export", onItemClick: () => this.action('agGridExport') }))), enabledFunctionNames.has('openSavedViews') && (h("udp-chip", { color: "monochrome", variant: "outlined", startIcon: "dataTable", label: 'Views', clickable: true, onChipClick: () => this.action('openSavedViews'), size: "medium" })), enabledFunctionNames.has('udpExport') && (h("udp-chip", { color: "monochrome", variant: "outlined", startIcon: "export", label: 'Export', clickable: true, onChipClick: () => this.action('udpExport'), size: "medium" })), enabledFunctionNames.has('advancedSearch') && (h("udp-chip", { color: "monochrome", variant: "outlined", startIcon: "search", label: 'Search', clickable: true, onChipClick: () => this.action('advancedSearch'), size: "medium" })), h("div", { class: "secondary-actions" }, (_k = (_j = this.headerConfig) === null || _j === void 0 ? void 0 : _j.secondaryActionButtons) === null || _k === void 0 ? void 0 : _k.map(action => (h("udp-chip", { color: "monochrome", variant: "outlined", startIcon: action === null || action === void 0 ? void 0 : action.iconName, label: action === null || action === void 0 ? void 0 : action.label, clickable: !(action === null || action === void 0 ? void 0 : action.disabled), onChipClick: action.onClick, size: "medium" })))), h("div", { class: "primary-action" }, ((_m = (_l = this.headerConfig) === null || _l === void 0 ? void 0 : _l.primaryActionButton) === null || _m === void 0 ? void 0 : _m.label) && (h("udp-button", { variant: "contained", onButtonClick: (_p = (_o = this.headerConfig) === null || _o === void 0 ? void 0 : _o.primaryActionButton) === null || _p === void 0 ? void 0 : _p.onClick, color: "secondary", disabled: (_r = (_q = this.headerConfig) === null || _q === void 0 ? void 0 : _q.primaryActionButton) === null || _r === void 0 ? void 0 : _r.disabled, loading: (_t = (_s = this.headerConfig) === null || _s === void 0 ? void 0 : _s.primaryActionButton) === null || _t === void 0 ? void 0 : _t.loading, endIcon: ((_v = (_u = this.headerConfig) === null || _u === void 0 ? void 0 : _u.primaryActionButton) === null || _v === void 0 ? void 0 : _v.iconName) && (h("udp-icon", { iconName: (_x = (_w = this.headerConfig) === null || _w === void 0 ? void 0 : _w.primaryActionButton) === null || _x === void 0 ? void 0 : _x.iconName, color: "inherit" })) }, (_z = (_y = this.headerConfig) === null || _y === void 0 ? void 0 : _y.primaryActionButton) === null || _z === void 0 ? void 0 : _z.label))))));
     }
 };
-GridHeader.style = gridHeaderCss;
+GridHeader.style = gridHeaderCss();
 
-const hintPanelCss = ".hint-container{border-left:3px solid var(--info-color-main)}.hint-content{background-color:color-mix(in srgb, var(--info-color-hint) 70%, transparent);padding:8px}.hide-help{display:flex;justify-content:flex-end;margin-top:0.5rem}";
+const hintPanelCss = () => `.hint-container{border-left:3px solid var(--info-color-main)}.hint-content{background-color:color-mix(in srgb, var(--info-color-hint) 70%, transparent);padding:8px}.hide-help{display:flex;justify-content:flex-end;margin-top:0.5rem}`;
 
 const HintPanel = class {
     constructor(hostRef) {
@@ -1168,9 +1179,9 @@ const HintPanel = class {
         return (h("div", { key: 'a12706b04206a3155c828c4a3c74ab93f4f9a54b', class: "hint-container" }, this.showHint && (h("div", { key: '61c421a9227f8da52e07b5a27c122aae9cbe7bd8', class: "hint-content" }, h("div", { key: 'e7e196b3de4cb3eff963e5663acb4b3665caa885' }, h("unity-typography", { key: '326bafd6cc82f8020e49f59a5cd35174715bb34e', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (h("div", { key: '8ff552c3eadde4f86cd793826bf5d2da1a6253f8', class: "hide-help" }, h("udp-button", { key: 'c4b13f7784eab8a0796d212489614cdd58bd6fe2', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
     }
 };
-HintPanel.style = hintPanelCss;
+HintPanel.style = hintPanelCss();
 
-const udpDialogCss = ":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:100000;display:flex;align-items:center;justify-content:center;visibility:hidden;background-color:rgba(0, 0, 0, 0);transition:background-color 0.2s ease-out, visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;}:host(.is-visible){visibility:visible;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;overflow:visible;transition-delay:0s}.dialog-container{background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90vw;width:500px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.2s ease-out}:host(.is-visible) .dialog-container{opacity:1}.dialog-title{padding:16px;flex-shrink:0}.dialog-content{padding:0 16px;overflow-y:auto}.dialog-actions{padding:16px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}";
+const udpDialogCss = () => `:host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:100000;display:flex;align-items:center;justify-content:center;visibility:hidden;background-color:rgba(0, 0, 0, 0);transition:background-color 0.2s ease-out, visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;}:host(.is-visible){visibility:visible;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;overflow:visible;transition-delay:0s}.dialog-container{background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90vw;width:500px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.2s ease-out}:host(.is-visible) .dialog-container{opacity:1}.dialog-title{padding:16px;flex-shrink:0}.dialog-content{padding:0 16px;overflow-y:auto}.dialog-actions{padding:16px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}`;
 
 const UdpDialog = class {
     constructor(hostRef) {
@@ -1227,12 +1238,14 @@ const UdpDialog = class {
     }
     get hostEl() { return getElement(this); }
     static get watchers() { return {
-        "open": ["handleOpenChange"]
+        "open": [{
+                "handleOpenChange": 0
+            }]
     }; }
 };
-UdpDialog.style = udpDialogCss;
+UdpDialog.style = udpDialogCss();
 
-const listItemCss = ".list-item{display:flex;flex-direction:row;align-items:center;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s;gap:var(--spacing-4, 16px);position:relative}.list-item::after{content:'';position:absolute;bottom:0;height:1px;background-color:var(--border-color, #e0e0e0);left:var(--spacing-4, 16px);right:var(--spacing-4, 16px)}.list-item.variant-compact{padding-top:var(--spacing-1, 4px);padding-bottom:var(--spacing-1, 4px)}.list-item.clickable{cursor:pointer}.list-item.clickable:hover{background-color:color-mix(in srgb, var(--card-background-color, #FFF) 95%, black)}.avatar-container{align-items:center}.text-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.primary-text{font-weight:400;line-height:1.4}.secondary-text{margin-top:2px}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}";
+const listItemCss = () => `.list-item{display:flex;flex-direction:row;align-items:center;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s;gap:var(--spacing-4, 16px);position:relative}.list-item::after{content:'';position:absolute;bottom:0;height:1px;background-color:var(--border-color, #e0e0e0);left:var(--spacing-4, 16px);right:var(--spacing-4, 16px)}.list-item.variant-compact{padding-top:var(--spacing-1, 4px);padding-bottom:var(--spacing-1, 4px)}.list-item.clickable{cursor:pointer}.list-item.clickable:hover{background-color:color-mix(in srgb, var(--card-background-color, #FFF) 95%, black)}.avatar-container{align-items:center}.text-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.primary-text{font-weight:400;line-height:1.4}.secondary-text{margin-top:2px}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}`;
 
 const UdpListRenderer = class {
     constructor(hostRef) {
@@ -1294,7 +1307,6 @@ const UdpListRenderer = class {
     }
     get hostEl() { return getElement(this); }
 };
-UdpListRenderer.style = listItemCss;
+UdpListRenderer.style = listItemCss();
 
 export { AgGridBase as ag_grid_base, GhostRender as ghost_render, GridHeader as grid_header, HintPanel as hint_panel, UdpDialog as udp_dialog, UdpListRenderer as udp_list_item };
-//# sourceMappingURL=ag-grid-base.ghost-render.grid-header.hint-panel.udp-dialog.udp-list-item.entry.js.map