udp-stencil-component-library 25.18.1 → 25.18.2-beta.10

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

@@ -1,6 +1,6 @@
 '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');
@@ -413,22 +413,36 @@ class BulkActions {
                 this.selectedRowCount = rows.length;
                 this.refresh();
             });
-            if (!this.fetchedData || ((_a = this.api.getGridOption('context')) === null || _a === void 0 ? void 0 : _a.gridId) !== this.gridId) { //refetch if grid Id has changed since last fetch
+            if (!this.fetchedData || ((_a = this.api.getGridOption('context')) === null || _a === void 0 ? void 0 : _a.gridId) !== this.gridId) {
+                //refetch if grid Id has changed since last fetch
                 this.fetchBulkActions();
             }
         };
         this.setBulkActions = data => {
-            this.bulkActions = data.map(action => {
-                return { label: action.name, onClick: () => this.executeBulkAction(action.actionId) };
+            const actionProviderActions = data.map(action => {
+                return {
+                    label: action.name,
+                    onClick: () => this.executeActionProviderAction(action.actionId),
+                };
+            });
+            const parsedLocalFunctions = this.localFunctions.map(func => {
+                return { label: func.label, onClick: () => this.executeLocalFunction(func.label) };
             });
+            this.bulkActions = [...actionProviderActions, ...parsedLocalFunctions];
             this.fetchedData = true;
             this.refresh();
         };
-        this.executeBulkAction = (actionId) => {
-            if (this.executeActionCallback) {
-                this.executeActionCallback(actionId, this.selectedRows);
+        this.executeLocalFunction = (functionName) => {
+            const selectedFunction = this.localFunctions.find(f => f.label === functionName);
+            if (selectedFunction) {
+                selectedFunction.callback(this.selectedRows);
+            }
+            this.refresh();
+        };
+        this.executeActionProviderAction = (actionId) => {
+            if (this.actionProviderCallback) {
+                this.actionProviderCallback(actionId, this.selectedRows);
             }
-            alert(`Executing action with ID: ${actionId}`);
             this.refresh();
         };
         this.toggleMenu = () => {
@@ -443,7 +457,8 @@ class BulkActions {
     init(api, refresh, params) {
         this.api = api;
         this.refresh = refresh;
-        this.executeActionCallback = params === null || params === void 0 ? void 0 : params.callback;
+        this.actionProviderCallback = params === null || params === void 0 ? void 0 : params.actionProviderCallback;
+        this.localFunctions = params === null || params === void 0 ? void 0 : params.localFunctions;
         const modelType = this.api.getGridOption('rowModelType');
         if (modelType === 'clientSide') {
             this.api.setGridOption('rowSelection', { mode: 'multiRow', enableClickSelection: true });
@@ -452,7 +467,7 @@ class BulkActions {
             this.api.setGridOption('rowSelection', {
                 mode: 'multiRow',
                 enableClickSelection: true,
-                headerCheckbox: false
+                headerCheckbox: false,
             });
         }
         this.api.addEventListener('selectionChanged', this.onRowSelectionChanged);
@@ -862,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,
@@ -918,6 +933,7 @@ const AgGridBase = class {
                     getSelectedNodes: () => this.gridApi.getSelectedNodes(), //gets all selected row nodes
                     getSearchObject: () => { var _a; return (_a = this.gridApi.getGridOption('context')) === null || _a === void 0 ? void 0 : _a.searchObject; }, //gets current full search object
                     getEntityName: () => { var _a; return (_a = this.gridApi.getGridOption('context')) === null || _a === void 0 ? void 0 : _a.entityName; }, //gets entity name
+                    getRowCount: () => { var _a; return (_a = this.gridApi.getGridOption('context')) === null || _a === void 0 ? void 0 : _a.rowCount; }, //gets entity name
                     getFilterModel: () => this.gridApi.getFilterModel(),
                     setFilterModel: model => this.gridApi.setFilterModel(model),
                     onFilterChanged: () => this.gridApi.onFilterChanged(),
@@ -1006,18 +1022,24 @@ const AgGridBase = class {
     render() {
         var _a;
         const variantClass = `variant-${((_a = this.headerConfig) === null || _a === void 0 ? void 0 : _a.variant) || 'light'}`;
-        return (index.h("div", { key: '170465021bc17235f086e5c4bd4836f25dc571df', class: variantClass, ref: el => (this.gridContainerEl = el) }, index.h("ghost-render", { key: '36680ab6d0ffe67b9d1f231a70c20e286750db24' }, index.h("div", { key: 'ca6790bc61e51977b68a2afa4ba90ee35480c5af' }, index.h("udp-dialog", { key: '0047e9e3e946f5f34a526a477eb1502caa2a5d01' }), index.h("udp-list-item", { key: '93b39e5642bde5da8319f0e32ebf7b979829da10' }), index.h("hint-panel", { key: '049a550ac8c95cb4d88f41ed552e819b74f0d2dc' }))), index.h("div", { key: '6e01cb9a900ec69cf17185dee3ec3c3566dfdf10', class: "grid-base-header" }, index.h("grid-header", { key: '3d5dc8302ebecc3d27636f633b7468131d7755db', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), index.h("div", { key: '9d3422860719b7e1e3d0751d982fa5bf3e67124f', class: "action-bar", style: { viewTransitionName: `action-bar` } }, this.gridFunctionInstances.map(fn => { var _a; return (_a = fn.render) === null || _a === void 0 ? void 0 : _a.call(fn); }))), index.h("div", { key: '4a4a7c6d003c5800ee0182a2d65f6fa7e5b2b94f', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
+        return (index.h("div", { key: '24fa82598a8b3c7cd8908d279dd5d55fa56fb059', class: variantClass, ref: el => (this.gridContainerEl = el) }, index.h("ghost-render", { key: '5a135714392f7edb7fee6d2146e231971ed0ca93' }, index.h("div", { key: 'f8a3749c2bff52ca09f110152d2a0c9d61d8458c' }, index.h("udp-dialog", { key: '7c245a75a383f6acc3df2eae99beb1eca1b0ce3b' }), index.h("udp-list-item", { key: '00c826a169725fe7950b5f48e6c6018554885eaf' }), index.h("hint-panel", { key: 'e36c1b28357c275c6d71caa245a5e5dfc0dcf8a8' }), index.h("udp-side-sheet", { key: '26ce13c227185842de854c0dca352a5bae875038' }))), index.h("div", { key: '97ec4f0e8a4e464965fddc7d27807797bf9690b1', class: "grid-base-header" }, index.h("grid-header", { key: '2af72231d327d5ff5c6b6c082ca24c8389b71db6', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), index.h("div", { key: 'b3464f54b3c57d19d2deaa673e7a6b483573fa6c', class: "action-bar", style: { viewTransitionName: `action-bar` } }, this.gridFunctionInstances.map(fn => { var _a; return (_a = fn.render) === null || _a === void 0 ? void 0 : _a.call(fn); }))), index.h("div", { key: '851c7e4d8f06734ad7a0e5e5119ed61eb8556c57', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
                 viewTransitionName: `my-new-grid`,
             } })));
     }
     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) {
@@ -1093,12 +1115,14 @@ const GhostRender = class {
         // The <slot /> is necessary to prevent the Stencil compiler from
         // overly optimizing this component's output and aliasing the
         // defineCustomElement export, which breaks downstream wrappers.
-        return (index.h(index.Host, { key: '3cbba0443ad2d46698eaa13195bcf7b8bd78a40a' }, index.h("slot", { key: '94bede4648455fbd3c6603012cf0c29f9dbdabf6' })));
+        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) {
@@ -1142,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) {
@@ -1158,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:100%;height:100%;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;}:host(.is-visible){visibility:visible;background-color:rgba(0, 0, 0, 0.5)}.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) {
@@ -1217,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) {
@@ -1284,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;
@@ -1292,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