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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var makeApiCall = require('./makeApiCall-CFfg9gI0.js');
+var makeApiCall = require('./makeApiCall-B9MMU_Ob.js');
 var configService = require('./configService-BmGAegZf.js');
 
 exports.LogicalSearchOperator = void 0;
@@ -364,6 +364,3 @@ class SearchUtilities {
 
 exports.SearchBuilder = SearchBuilder;
 exports.SearchUtilities = SearchUtilities;
-//# sourceMappingURL=SearchBuilder-C1sUitjQ.js.map
-
-//# sourceMappingURL=SearchBuilder-C1sUitjQ.js.map

package/dist/cjs/action-column-util-CQRWvOT6.js

@@ -41,6 +41,3 @@ const splitActionList = (actionList, maximumVisibleActions) => {
 exports.getActionColumnWidth = getActionColumnWidth;
 exports.sortActionItemOrder = sortActionItemOrder;
 exports.splitActionList = splitActionList;
-//# sourceMappingURL=action-column-util-CQRWvOT6.js.map
-
-//# sourceMappingURL=action-column-util-CQRWvOT6.js.map

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var es = require('@carbon/icons/es');
 var udpMapUtils = require('./udp-map-utils-BXqQmr-h.js');
 var common = require('./common-By_kzIQM.js');
@@ -8,7 +8,7 @@ require('lodash');
 require('ol/proj');
 require('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) {
@@ -91,14 +91,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) {
@@ -281,16 +287,26 @@ const MapToolbar = class {
     }
     get mapToolbarElement() { return index.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) {
@@ -308,9 +324,9 @@ const SelectLayerPopUp = class {
             ((_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 }))))));
     }
 };
-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) {
@@ -330,10 +346,9 @@ const SplitLinePopup = class {
             }, large: false })));
     }
 };
-SplitLinePopup.style = mapPopupCss;
+SplitLinePopup.style = mapPopupCss();
 
 exports.add_map_feature_popup = AddMapFeaturePopUp;
 exports.map_toolbar = MapToolbar;
 exports.select_layer_popup = SelectLayerPopUp;
 exports.split_line_popup = SplitLinePopup;
-//# sourceMappingURL=add-map-feature-popup.map-toolbar.select-layer-popup.split-line-popup.entry.cjs.js.map

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var udpOperatorHelper = require('./udpOperatorHelper-MMG_hrZS.js');
 
 const generateFilterString = (data) => {
@@ -39,7 +39,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) {
@@ -354,7 +354,6 @@ const AdvancedSearchBuilder = class {
     }
     get el() { return index.getElement(this); }
 };
-AdvancedSearchBuilder.style = advancedSearchBuilderCss;
+AdvancedSearchBuilder.style = advancedSearchBuilderCss();
 
 exports.advanced_search_builder = AdvancedSearchBuilder;
-//# sourceMappingURL=advanced-search-builder.entry.cjs.js.map

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var conversionFunctions = require('./conversionFunctions-B_9y17KE.js');
-var catalogStore = require('./catalog-store-BOiNPWZB.js');
+var catalogStore = require('./catalog-store-DIF1IDLi.js');
 var Close24 = require('@carbon/icons/es/close/24');
 var uuid = require('uuid');
 var Save16 = require('@carbon/icons/es/save/16');
@@ -15,9 +15,9 @@ 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-DT-fLJOw.js');
+require('./apiUtils-bDl8etNp.js');
 require('deep-equal');
-require('./makeApiCall-CFfg9gI0.js');
+require('./makeApiCall-B9MMU_Ob.js');
 require('axios');
 require('./configService-BmGAegZf.js');
 require('./tenantUtils-BCKSE0vq.js');
@@ -35,7 +35,7 @@ var AdvancedQuery16__default = /*#__PURE__*/_interopDefault(AdvancedQuery16);
 var DataEnrichment16__default = /*#__PURE__*/_interopDefault(DataEnrichment16);
 var Renew16__default = /*#__PURE__*/_interopDefault(Renew16);
 
-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) {
@@ -164,12 +164,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) {
@@ -385,18 +387,22 @@ 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: '51d961d38d71f0b63e0564a8fda506f19176f780', class: "container" }, index.h("div", { key: 'a05089a3958f0a19499b04569a16319f047ee534', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (index.h("div", { key: '788ebbb22f165841387b1ded7ab595b9b845d8d3', class: "recent-searches" }, "Recent Searches", index.h("div", { key: '597644a1133d0b514f1de852ae590ac34bb867e6', style: { display: 'flex', alignItems: 'center' } }, index.h("udp-selector", { key: '1fd8907b2c44d6ea3f6cc21fa46bc673d1d705a5', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), index.h("udp-function-button", { key: 'f2919a9467010174c7a5960149d1cca04134a6fd', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (index.h("div", { key: '4eccc7fc0d1f02f0c9e00007d37b62c26b890c97', style: { marginRight: '8px' } }, index.h("udp-grid-loader", { key: '7156b75f685d2df18071e0f996a78748dfce179e', width: "362px", "num-columns": "1", "num-rows": "20" }))), index.h("div", { key: '786b6755156cf0971ab56f6e19b6f00c78a2fb53' }, safeTestData.map((filter, index$1) => {
+        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) => {
             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: '1ec459b83773f97a10f86ae3e42bee824a07b835', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (index.h("div", { key: '8373727d18866a912140acb0a4efacdaa9d3b4e0', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
+        }))), 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' } }))));
     }
     get el() { return index.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) {
@@ -409,7 +415,7 @@ const AgTable = class {
     get el() { return index.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) {
@@ -463,9 +469,9 @@ const EditViewFormDialog = class {
     }
     get el() { return index.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) {
@@ -626,14 +632,20 @@ const GridPrimaryBar = class {
         }), 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 }))))));
     }
     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) {
@@ -653,9 +665,9 @@ const KpiList = class {
             } }, "  ", index.h("unity-typography", null, " ", kpi.value.toLocaleString(), " "), " "), index$1 < this.kpiValues.length - 1 && index.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) {
@@ -709,12 +721,14 @@ const SaveViewFormDialog = class {
     }
     get el() { return index.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) {
@@ -731,9 +745,9 @@ const SideSheet = class {
         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' })))));
     }
 };
-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) {
@@ -768,9 +782,9 @@ const UdpHotlistForm = class {
     }
     get el() { return index.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) {
@@ -793,12 +807,14 @@ const UdpNotification = class {
             } }, 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, " "))));
     }
     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) {
@@ -841,12 +857,14 @@ const UdpPopOver = class {
     }
     get el() { return index.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) {
@@ -859,7 +877,7 @@ const UpdAlertBanner = class {
         return (index.h("div", { key: 'e100527c51fc69bfdb74ecfba9a3d52d55aad4d6', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: 'ae237651e36d4f1a0f6df444dbd89eead388ab48', variant: "data-display-three" }, "   ", this.message, " ")));
     }
 };
-UpdAlertBanner.style = updAlertBannerCss;
+UpdAlertBanner.style = updAlertBannerCss();
 
 exports.advanced_search = AdvancedSearch;
 exports.advanced_search_grouped = AdvancedSearchGrouped;
@@ -873,4 +891,3 @@ exports.udp_hotlist_form = UdpHotlistForm;
 exports.udp_notification = UdpNotification;
 exports.udp_pop_over_grid_action_header = UdpPopOver;
 exports.upd_alert_banner = UpdAlertBanner;
-//# 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.cjs.js.map

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 var agGridCommunityV33 = require('ag-grid-community-v33');
 var agGridEnterpriseV33 = require('ag-grid-enterprise-v33');
-var apiUtils = require('./apiUtils-DT-fLJOw.js');
+var apiUtils = require('./apiUtils-bDl8etNp.js');
 var iconUtils = require('./iconUtils-BuDk48Xh.js');
 var getCurrentApiCatalogId = require('./getCurrentApiCatalogId-D7xHCEzs.js');
 var configService = require('./configService-BmGAegZf.js');
@@ -12,7 +12,7 @@ var currencyRenderer = require('./currency-renderer-xzaldEo2.js');
 var configureUdpColumnMods = require('./configureUdpColumnMods-CQMOB8IW.js');
 var isEqual = require('lodash/isEqual');
 require('deep-equal');
-require('./makeApiCall-CFfg9gI0.js');
+require('./makeApiCall-B9MMU_Ob.js');
 require('axios');
 require('@stencil/store');
 require('./iconMapping-CkHR1LGY.js');
@@ -877,7 +877,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 = agGridCommunityV33.themeQuartz.withParams({
     wrapperBorderRadius: 0,
@@ -1028,12 +1028,18 @@ const AgGridBase = class {
     }
     get el() { return index.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) {
@@ -1112,9 +1118,11 @@ const GhostRender = class {
         return (index.h(index.Host, { key: '77d50c2b9c9ccbb58d00b4928fcbed63d13c1010' }, index.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) {
@@ -1158,9 +1166,9 @@ const GridHeader = class {
             }, icon: iconUtils.getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" })), index.h("udp-menu", { open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, enabledFunctionNames.has('agGridSizeColumnsToFit') && (index.h("udp-menu-item", { label: "Size Columns To Fit", iconName: "fitToWidth", onItemClick: () => this.action('agGridSizeColumnsToFit') })), enabledFunctionNames.has('agGridAutoSizeColumns') && (index.h("udp-menu-item", { label: "Auto Size Columns", iconName: "column", onItemClick: () => this.action('agGridAutoSizeColumns') })), enabledFunctionNames.has('agGridHideShowColumns') && (index.h("udp-menu-item", { label: "Hide/Show Columns", iconName: "hideColumn", onItemClick: () => this.action('agGridHideShowColumns') })), enabledFunctionNames.has('agGridResetColumns') && (index.h("udp-menu-item", { label: "Reset Columns", iconName: "reset", onItemClick: () => this.action('agGridResetColumns') })), enabledFunctionNames.has('agGridExport') && (index.h("udp-menu-item", { label: "CSV Export", iconName: "export", onItemClick: () => this.action('agGridExport') }))), enabledFunctionNames.has('openSavedViews') && (index.h("udp-chip", { color: "monochrome", variant: "outlined", startIcon: "dataTable", label: 'Views', clickable: true, onChipClick: () => this.action('openSavedViews'), size: "medium" })), enabledFunctionNames.has('udpExport') && (index.h("udp-chip", { color: "monochrome", variant: "outlined", startIcon: "export", label: 'Export', clickable: true, onChipClick: () => this.action('udpExport'), size: "medium" })), enabledFunctionNames.has('advancedSearch') && (index.h("udp-chip", { color: "monochrome", variant: "outlined", startIcon: "search", label: 'Search', clickable: true, onChipClick: () => this.action('advancedSearch'), size: "medium" })), index.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 => (index.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" })))), index.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) && (index.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) && (index.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) {
@@ -1174,9 +1182,9 @@ const HintPanel = class {
         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)))))));
     }
 };
-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) {
@@ -1233,12 +1241,14 @@ const UdpDialog = class {
     }
     get hostEl() { return index.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) {
@@ -1300,7 +1310,7 @@ const UdpListRenderer = class {
     }
     get hostEl() { return index.getElement(this); }
 };
-UdpListRenderer.style = listItemCss;
+UdpListRenderer.style = listItemCss();
 
 exports.ag_grid_base = AgGridBase;
 exports.ghost_render = GhostRender;
@@ -1308,4 +1318,3 @@ exports.grid_header = GridHeader;
 exports.hint_panel = HintPanel;
 exports.udp_dialog = UdpDialog;
 exports.udp_list_item = UdpListRenderer;
-//# sourceMappingURL=ag-grid-base.ghost-render.grid-header.hint-panel.udp-dialog.udp-list-item.entry.cjs.js.map