@heartlandone/vega 2.68.0 → 2.68.1

package/dist/cjs/{vega-table_8.cjs.entry.js → vega-table_11.cjs.entry.js}

@@ -30,29 +30,29 @@ const subStateObserverSlimmer = require('./sub-state-observer-slimmer-73aecfff.j
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const functionExtension = require('./function-extension-f0e845f2.js');
-const accessibility = require('./accessibility-bfa227f6.js');
+require('./vega-env-manager-23b8b23c.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
+require('./wait-for-vega-handler-5469ff80.js');
+require('./translation-f5adcb9f.js');
+require('./dto-renderer-manager-b7969d6c.js');
+require('./vega-nonce-manager-f927497f.js');
+require('./code-block-39074880.js');
+const accessibility = require('./accessibility-bfa227f6.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 require('./number-4816603d.js');
 require('./ui-32e69595.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
-require('./vega-env-manager-23b8b23c.js');
-require('./wait-for-vega-handler-5469ff80.js');
-require('./translation-f5adcb9f.js');
-require('./dto-renderer-manager-b7969d6c.js');
-require('./code-block-39074880.js');
-require('./string-39438062.js');
-require('./dark-mode-style-controller-27809ff8.js');
-require('./_commonjsHelpers-537d719a.js');
-require('./vega-nonce-manager-f927497f.js');
-require('./try-get-document-c0ebd39a.js');
 require('./typography-4560e7f1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
+require('./try-get-document-c0ebd39a.js');
 require('./internal-vega-event-manager-45d451de.js');
 require('./index-4d7bce1a.js');
+require('./_commonjsHelpers-537d719a.js');
+require('./dark-mode-style-controller-27809ff8.js');
 require('./base-renderer-0a3b62b7.js');
+require('./string-39438062.js');
 
 /**
  * Immutable Set cannot be changed once created
@@ -161,7 +161,7 @@ const VegaTableEditableFieldTypes = [
   'time-picker',
 ];
 
-var __decorate$J = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$R = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -262,23 +262,23 @@ class VegaTableCellRenderer extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$J([
+__decorate$R([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableCellRenderer.prototype, "rowKey", void 0);
-__decorate$J([
+__decorate$R([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableCellRenderer.prototype, "columns", void 0);
-__decorate$J([
+__decorate$R([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableCellRenderer.prototype, "vegaTableDataSourceController", void 0);
-__decorate$J([
+__decorate$R([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableCellRenderer.prototype, "vegaTableEditableController", void 0);
-__decorate$J([
+__decorate$R([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableCellRenderer.prototype, "vegaTableRenderInputController", void 0);
 
-var __decorate$I = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$Q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -473,47 +473,47 @@ class VegaTableExpandRowController extends globalSlimmerRegistry.VegaSlimmer {
   }
 }
 VegaTableExpandRowController.expandRowSlotNamePrefix = 'vega-table-expand-row-';
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowController.prototype, "host", void 0);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowController.prototype, "expandedRowKeySet", void 0);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowController.prototype, "rowExpandable", void 0);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowController.prototype, "rowExpandEventEmitter", void 0);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableExpandRowController.prototype, "connectedCallback", null);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableExpandRowController.prototype, "disconnectedCallback", null);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaTableExpandRowController.prototype, "componentDidLoad", null);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentMethod('toggleExpandRow')
 ], VegaTableExpandRowController.prototype, "toggleExpandRow", void 0);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentMethod('openExpandRow')
 ], VegaTableExpandRowController.prototype, "openExpandRow", void 0);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentMethod('closeExpandRow')
 ], VegaTableExpandRowController.prototype, "closeExpandRow", void 0);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentMethod('closeAllExpandRow')
 ], VegaTableExpandRowController.prototype, "closeAllExpandRow", void 0);
-__decorate$I([
+__decorate$Q([
   globalSlimmerRegistry.MapToComponentMethod('watchRowExpandable')
 ], VegaTableExpandRowController.prototype, "watchRowExpandable", null);
 
-var __decorate$H = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$P = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -852,68 +852,68 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
       this.host === ui.findParent(input['host'], 'vega-table'));
   }
 }
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "host", void 0);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRowSelectionController$1.prototype, "isSelectedAll", void 0);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "selectedRowKeySet", void 0);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRowSelectionController$1.prototype, "rowSelection", void 0);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "rowKey", void 0);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "selectChangeEventEmitter", void 0);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "selectAllChangeEventEmitter", void 0);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "vegaTableDataSourceController", void 0);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "rowSelectEventEmitter", void 0);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "rowSelectAllEventEmitter", void 0);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableRowSelectionController$1.prototype, "connectedCallback", null);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableRowSelectionController$1.prototype, "disconnectedCallback", null);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableRowSelectionController$1.prototype, "componentWillLoad", null);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentMethod('watchRowSelection')
 ], VegaTableRowSelectionController$1.prototype, "watchRowSelection", null);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentMethod('setSelection')
 ], VegaTableRowSelectionController$1.prototype, "setSelection", null);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentMethod('watchCurrentData')
 ], VegaTableRowSelectionController$1.prototype, "watchCurrentData", null);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentMethod('clearSelection')
 ], VegaTableRowSelectionController$1.prototype, "clearSelection", null);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentMethod('getSelection')
 ], VegaTableRowSelectionController$1.prototype, "getSelection", null);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectedRowKeySet')
 ], VegaTableRowSelectionController$1.prototype, "watchSelectedRowKeySet", null);
-__decorate$H([
+__decorate$P([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectedAll')
 ], VegaTableRowSelectionController$1.prototype, "watchSelectedAll", null);
 
-var __decorate$G = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$O = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1053,41 +1053,41 @@ class VegaTableDataSourceController extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$G([
+__decorate$O([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "rowKey", void 0);
-__decorate$G([
+__decorate$O([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableDataSourceController.prototype, "currentData", void 0);
-__decorate$G([
+__decorate$O([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableDataSourceController.prototype, "dataSource", void 0);
-__decorate$G([
+__decorate$O([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "columns", void 0);
-__decorate$G([
+__decorate$O([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "sortersMap", void 0);
-__decorate$G([
+__decorate$O([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "vegaTableSortController", void 0);
-__decorate$G([
+__decorate$O([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "vegaTableRenderer", void 0);
-__decorate$G([
+__decorate$O([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "isTemplateRenderMode", void 0);
-__decorate$G([
+__decorate$O([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableDataSourceController.prototype, "componentWillLoad", null);
-__decorate$G([
+__decorate$O([
   globalSlimmerRegistry.MapToComponentMethod('watchSortersMap')
 ], VegaTableDataSourceController.prototype, "watchSortersMap", null);
-__decorate$G([
+__decorate$O([
   globalSlimmerRegistry.MapToComponentMethod('watchDataSource')
 ], VegaTableDataSourceController.prototype, "watchDataSource", null);
 
-var __decorate$F = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$N = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1127,41 +1127,41 @@ class VegaTableBodyRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return editable ? (index.h("vega-form", { ref: (ref) => (this.tableFormRef = ref) }, this.renderTableBody(editable))) : (this.renderTableBody(false));
   }
 }
-__decorate$F([
+__decorate$N([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "striped", void 0);
-__decorate$F([
+__decorate$N([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "rowDivider", void 0);
-__decorate$F([
+__decorate$N([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "columns", void 0);
-__decorate$F([
+__decorate$N([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "currentBreakpoint", void 0);
-__decorate$F([
+__decorate$N([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "rowExpandable", void 0);
-__decorate$F([
+__decorate$N([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "rowClickable", void 0);
-__decorate$F([
+__decorate$N([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTableDataSourceController", void 0);
-__decorate$F([
+__decorate$N([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTablePaginationController", void 0);
-__decorate$F([
+__decorate$N([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTableRowSelectionController", void 0);
-__decorate$F([
+__decorate$N([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTableRowRenderer", void 0);
-__decorate$F([
+__decorate$N([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "columnStructureModel", void 0);
 
-var __decorate$E = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$M = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1224,32 +1224,32 @@ class VegaTableHeaderRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.showHeader && index.h("vega-table-head", null, this.renderHeaderRows());
   }
 }
-__decorate$E([
+__decorate$M([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "showHeader", void 0);
-__decorate$E([
+__decorate$M([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "sortersMap", void 0);
-__decorate$E([
+__decorate$M([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "sortConfig", void 0);
-__decorate$E([
+__decorate$M([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "columns", void 0);
-__decorate$E([
+__decorate$M([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "rowSelection", void 0);
-__decorate$E([
+__decorate$M([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "vegaTableSortController", void 0);
-__decorate$E([
+__decorate$M([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "vegaTableDataSourceController", void 0);
-__decorate$E([
+__decorate$M([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "vegaTableRenderInputController", void 0);
 
-var __decorate$D = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$L = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1315,19 +1315,19 @@ class VegaTablePaginationRenderer extends globalSlimmerRegistry.VegaSlimmer {
         ref: this.paginationRefCallback }))));
   }
 }
-__decorate$D([
+__decorate$L([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "pagination", void 0);
-__decorate$D([
+__decorate$L([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "pageSize", void 0);
-__decorate$D([
+__decorate$L([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "currentPage", void 0);
-__decorate$D([
+__decorate$L([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "vegaTablePaginationController", void 0);
-__decorate$D([
+__decorate$L([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "vegaTableDataSourceController", void 0);
 
@@ -1354,7 +1354,7 @@ const VegaTableScrollableContainer = ({ scrollConfig = {}, ref, onScroll }, chil
     onScroll: handleVerticalScroll }, children));
 };
 
-var __decorate$C = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$K = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1387,20 +1387,20 @@ class VegaTableScrollContainerRenderer extends globalSlimmerRegistry.VegaSlimmer
     this.tableScrollContainerRef = ref;
   }
 }
-__decorate$C([
+__decorate$K([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableScrollContainerRenderer.prototype, "scrollConfig", void 0);
-__decorate$C([
+__decorate$K([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableScrollContainerRenderer.prototype, "host", void 0);
-__decorate$C([
+__decorate$K([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableScrollContainerRenderer.prototype, "isTemplateRenderMode", void 0);
-__decorate$C([
+__decorate$K([
   globalSlimmerRegistry.MapToComponentMethod('watchCurrentPage')
 ], VegaTableScrollContainerRenderer.prototype, "watchCurrentPage", null);
 
-var __decorate$B = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$J = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1445,65 +1445,65 @@ class VegaTableRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.renderEmpty()), this.host);
   }
 }
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "host", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "columns", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "emptyDescription", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "rowDivider", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "columnDivider", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "density", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "dataSource", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "striped", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "columnStructureModel", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableHeaderRenderer", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableBodyRenderer", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableColGroupRenderer", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableScrollContainerRenderer", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTablePaginationRenderer", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableDataSourceController", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "translationSlimmer", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRenderer.prototype, "vegaTableChildrenController", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "isTemplateRenderMode", void 0);
-__decorate$B([
+__decorate$J([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "editingRows", void 0);
 
-var __decorate$A = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$I = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1567,23 +1567,23 @@ class VegaTablePaginationController extends globalSlimmerRegistry.VegaSlimmer {
     return index >= start && index < end;
   }
 }
-__decorate$A([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationController.prototype, "pagination", void 0);
-__decorate$A([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTablePaginationController.prototype, "pageSize", void 0);
-__decorate$A([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTablePaginationController.prototype, "currentPage", void 0);
-__decorate$A([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTablePaginationController.prototype, "componentWillLoad", null);
-__decorate$A([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentMethod('watchPagination')
 ], VegaTablePaginationController.prototype, "watchPagination", null);
 
-var __decorate$z = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$H = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1812,55 +1812,55 @@ class VegaTableEditableController extends globalSlimmerRegistry.VegaSlimmer {
   }
 }
 VegaTableEditableController.rowFormKeyPrefix = 'vega-table-row-form-';
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableEditableController.prototype, "editingRows", void 0);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableEditableController.prototype, "rowKey", void 0);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableEditableController.prototype, "columns", void 0);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableEditableController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableEditableController.prototype, "vegaTableBodyRenderer", void 0);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('saveAllEditRows')
 ], VegaTableEditableController.prototype, "saveAllEditRows", null);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('stopAllRowEditMode')
 ], VegaTableEditableController.prototype, "stopAllRowEditMode", null);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('watchDataSource')
 ], VegaTableEditableController.prototype, "watchDataSource", null);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('saveEditRow')
 ], VegaTableEditableController.prototype, "saveEditRow", null);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('stopRowEditMode')
 ], VegaTableEditableController.prototype, "stopRowEditMode", null);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('removeRow')
 ], VegaTableEditableController.prototype, "removeRow", null);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('startRowEditMode')
 ], VegaTableEditableController.prototype, "startRowEditMode", null);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('addNewRow')
 ], VegaTableEditableController.prototype, "addNewRow", null);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('getRowsData')
 ], VegaTableEditableController.prototype, "getRowsData", null);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('getEditingRowsKey')
 ], VegaTableEditableController.prototype, "getEditingRowsKey", null);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('getFormRef')
 ], VegaTableEditableController.prototype, "getFormRef", null);
-__decorate$z([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentMethod('getRowData')
 ], VegaTableEditableController.prototype, "getRowData", null);
 
@@ -1906,7 +1906,7 @@ class VegaTableSorter {
   }
 }
 
-var __decorate$y = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$G = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1976,26 +1976,26 @@ class VegaTableSortController extends globalSlimmerRegistry.VegaSlimmer {
     });
   }
 }
-__decorate$y([
+__decorate$G([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableSortController.prototype, "sortersMap", void 0);
-__decorate$y([
+__decorate$G([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableSortController.prototype, "columns", void 0);
-__decorate$y([
+__decorate$G([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableSortController.prototype, "changeEventEmitter", void 0);
-__decorate$y([
+__decorate$G([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableSortController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$y([
+__decorate$G([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableSortController.prototype, "sortConfig", void 0);
-__decorate$y([
+__decorate$G([
   globalSlimmerRegistry.MapToComponentMethod('watchColumns')
 ], VegaTableSortController.prototype, "watchColumns", null);
 
-var __decorate$x = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$F = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2029,23 +2029,23 @@ class VegaTableColGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("col", { style: { minWidth: this.paddingX[1], width: this.paddingX[1] } })));
   }
 }
-__decorate$x([
+__decorate$F([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "paddingX", void 0);
-__decorate$x([
+__decorate$F([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "columnStructureModel", void 0);
-__decorate$x([
+__decorate$F([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "columns", void 0);
-__decorate$x([
+__decorate$F([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "rowExpandable", void 0);
-__decorate$x([
+__decorate$F([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "vegaTableRowSelectionController", void 0);
 
-var __decorate$w = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$E = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2162,9 +2162,10 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
     this.syncUpTableCurrentData();
     this.syncUpTableHeadRowProps();
     this.syncRowStates();
+    this.syncUpTableFootVisibility();
   }
   /**
-   * Used by rowStripedObserver{@link rowStripedObserver} and currentDataObserver{@link currentDataObserver}
+   * Component lifecycle - [componentDidLoad]{@link VegaTable.componentDidLoad}
    */
   componentDidLoad() {
   }
@@ -2178,6 +2179,12 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
       noneChecked: true,
     });
   }
+  /**
+   * The callback to handle [watchCurrentData]{@link VegaTable.watchCurrentData}
+   */
+  watchCurrentData() {
+    this.syncUpTableFootVisibility();
+  }
   /**
    * {@link VegaTable.watchStriped}
    */
@@ -2208,66 +2215,83 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
   updateRowDivider(row, isLastRow) {
     row.rowDivider = this.rowDivider && !isLastRow;
   }
+  /**
+   * Sync up the visibility of table foot based on current data
+   */
+  syncUpTableFootVisibility() {
+    const tableFoot = this.host.querySelector('vega-table-foot');
+    if (tableFoot) {
+      if (this.vegaTableDataSourceController.isCurrentDataEmpty()) {
+        tableFoot.classList.add('v-hidden');
+      }
+      else {
+        tableFoot.classList.remove('v-hidden');
+      }
+    }
+  }
 }
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "host", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "columns", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "dataSource", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "currentData", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "rowSelection", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "striped", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "rowDivider", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "vegaTableRenderer", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "isTemplateRenderMode", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableChildrenController.prototype, "currentDataObserver", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableChildrenController.prototype, "rowStripedObserver", void 0);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableChildrenController.prototype, "connectedCallback", null);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableChildrenController.prototype, "disconnectedCallback", null);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableChildrenController.prototype, "componentWillLoad", null);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaTableChildrenController.prototype, "componentDidLoad", null);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentMethod('clearSelection')
 ], VegaTableChildrenController.prototype, "clearSelection", null);
-__decorate$w([
+__decorate$E([
+  globalSlimmerRegistry.MapToComponentMethod('watchCurrentData')
+], VegaTableChildrenController.prototype, "watchCurrentData", null);
+__decorate$E([
   globalSlimmerRegistry.MapToComponentMethod('watchStriped')
 ], VegaTableChildrenController.prototype, "watchStriped", null);
-__decorate$w([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentMethod('watchRowDivider')
 ], VegaTableChildrenController.prototype, "watchRowDivider", null);
 
-var __decorate$v = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$D = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2297,26 +2321,26 @@ class VegaTableRowRenderer$1 extends globalSlimmerRegistry.VegaSlimmer {
     return editable ? (index.h("vega-form", { key: `vega-table-row-form-${rowKey}`, "data-vega-form": `${VegaTableEditableController.rowFormKeyPrefix}${rowKey}`, ref: (ref) => this.vegaTableEditableController.getRowFormRefMap().set(rowKey, ref) }, this.renderTableRowComponent(rowProps))) : (this.renderTableRowComponent(rowProps));
   }
 }
-__decorate$v([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "rowClickEventEmitter", void 0);
-__decorate$v([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "vegaTableEditableController", void 0);
-__decorate$v([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "vegaTableCellRenderer", void 0);
-__decorate$v([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "striped", void 0);
-__decorate$v([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "rowDivider", void 0);
-__decorate$v([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "vegaTableRenderInputController", void 0);
 
-var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$C = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2372,25 +2396,25 @@ class VegaTableRenderModeController extends globalSlimmerRegistry.VegaSlimmer {
   componentDidLoad() {
   }
 }
-__decorate$u([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderModeController.prototype, "host", void 0);
-__decorate$u([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRenderModeController.prototype, "isTemplateRenderMode", void 0);
-__decorate$u([
+__decorate$C([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableRenderModeController.prototype, "currentDataObserver", void 0);
-__decorate$u([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableRenderModeController.prototype, "connectedCallback", null);
-__decorate$u([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableRenderModeController.prototype, "disconnectedCallback", null);
-__decorate$u([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableRenderModeController.prototype, "componentWillLoad", null);
-__decorate$u([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaTableRenderModeController.prototype, "componentDidLoad", null);
 
@@ -2659,7 +2683,7 @@ class ColumnStructureModel {
 ColumnStructureModel.ROOT_LEVEL = -1;
 ColumnStructureModel.ROOT_KEY = '#root-model#';
 
-var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$B = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2702,25 +2726,25 @@ class VegaTableColumnStructureModelController extends globalSlimmerRegistry.Vega
     this.columnStructureModel = ColumnStructureModel.from(this.columns, this.groupColumns);
   }
 }
-__decorate$t([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColumnStructureModelController.prototype, "host", void 0);
-__decorate$t([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColumnStructureModelController.prototype, "columns", void 0);
-__decorate$t([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColumnStructureModelController.prototype, "groupColumns", void 0);
-__decorate$t([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableColumnStructureModelController.prototype, "columnStructureModel", void 0);
-__decorate$t([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableColumnStructureModelController.prototype, "componentWillLoad", null);
-__decorate$t([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentMethod('watchColumns')
 ], VegaTableColumnStructureModelController.prototype, "watchColumns", null);
-__decorate$t([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentMethod('watchGroupColumns')
 ], VegaTableColumnStructureModelController.prototype, "watchGroupColumns", null);
 
@@ -2941,7 +2965,7 @@ class ColumnRenderInputModel {
   }
 }
 
-var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$A = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -3086,29 +3110,29 @@ class VegaTableRenderInputController extends globalSlimmerRegistry.VegaSlimmer {
     this.leavesRenderInputModels = this.columnRenderInputModels.flatMap((model) => model.getLeaves());
   }
 }
-__decorate$s([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderInputController.prototype, "host", void 0);
-__decorate$s([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderInputController.prototype, "columnStructureModel", void 0);
-__decorate$s([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderInputController.prototype, "vegaTableColGroupRenderer", void 0);
-__decorate$s([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableRenderInputController.prototype, "connectedCallback", null);
-__decorate$s([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableRenderInputController.prototype, "disconnectedCallback", null);
-__decorate$s([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableRenderInputController.prototype, "componentWillLoad", null);
-__decorate$s([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentMethod('watchColumnStructureModel')
 ], VegaTableRenderInputController.prototype, "watchColumnStructureModel", null);
 
-var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$z = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -3257,31 +3281,31 @@ class VegaTablePinnedRenderer extends globalSlimmerRegistry.VegaSlimmer {
     cell.style[type] = `${position}px`;
   }
 }
-__decorate$r([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePinnedRenderer.prototype, "host", void 0);
-__decorate$r([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePinnedRenderer.prototype, "columnStructureModel", void 0);
-__decorate$r([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePinnedRenderer.prototype, "paddingX", void 0);
-__decorate$r([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePinnedRenderer.prototype, "vegaTableRenderInputController", void 0);
-__decorate$r([
+__decorate$z([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTablePinnedRenderer.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate$r([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaTablePinnedRenderer.prototype, "componentDidLoad", null);
-__decorate$r([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], VegaTablePinnedRenderer.prototype, "componentDidRender", null);
 
-const vegaTableCss = ":host{display:block}table{width:100%;border-spacing:0}.vega-table-empty-description{text-align:center;padding:24px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}table.v-table-fixed{table-layout:fixed}.vega-table-scrollable-container{overflow:auto}.vega-table-scrollable-container vega-table-head{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.vega-table-scrollable-container.scrolled vega-table-head.fixed-header,.vega-table-scrollable-container.scrolled ::slotted(vega-table-head.fixed-header){box-shadow:0px 4px 0px rgba(0, 0, 0, 0.1);}vega-form{display:contents}*::part(field-error-message){display:none !important}.vega-table-pagination-container{margin-top:24px}.vega-table-pagination-container.bottom-center{display:flex;justify-content:center}.vega-table-pagination-container.bottom-right{display:flex;justify-content:flex-end}.vega-table-pagination-container.bottom-left{display:flex;justify-content:flex-start}col.v-hidden{display:none}@media (min-width: 320px){col.S\\:v-table-column{display:table-column}}@media (min-width: 768px){col.M\\:v-table-column{display:table-column}}@media (min-width: 1024px){col.L\\:v-table-column{display:table-column}}@media (min-width: 1440px){col.XL\\:v-table-column{display:table-column}}:host(.is-group-table) .vega-table-scrollable-container{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-width:1px;border-style:solid}:host(.is-group-table.density-relaxed) .vega-table-scrollable-container{border-radius:12px}:host(.is-group-table.density-default) .vega-table-scrollable-container{border-radius:12px}:host(.is-group-table.density-compact) .vega-table-scrollable-container{border-radius:4px}:host(.is-pinned-table) table{min-width:max-content}";
+const vegaTableCss = ":host{display:block}table{width:100%;border-spacing:0}.vega-table-empty-description{text-align:center;padding:24px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}table.v-table-fixed{table-layout:fixed}.vega-table-scrollable-container{overflow:auto}.vega-table-scrollable-container vega-table-head{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.vega-table-scrollable-container.scrolled vega-table-head.fixed-header,.vega-table-scrollable-container.scrolled ::slotted(vega-table-head.fixed-header){box-shadow:0px 4px 0px rgba(0, 0, 0, 0.1);}.vega-table-scrollable-container.scrolled vega-table-foot.fixed-footer::after,.vega-table-scrollable-container.scrolled ::slotted(vega-table-foot.fixed-footer)::after{content:\"\";position:absolute;top:0;left:0;width:100%;height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}vega-form{display:contents}*::part(field-error-message){display:none !important}.vega-table-pagination-container{margin-top:24px}.vega-table-pagination-container.bottom-center{display:flex;justify-content:center}.vega-table-pagination-container.bottom-right{display:flex;justify-content:flex-end}.vega-table-pagination-container.bottom-left{display:flex;justify-content:flex-start}col.v-hidden{display:none}@media (min-width: 320px){col.S\\:v-table-column{display:table-column}}@media (min-width: 768px){col.M\\:v-table-column{display:table-column}}@media (min-width: 1024px){col.L\\:v-table-column{display:table-column}}@media (min-width: 1440px){col.XL\\:v-table-column{display:table-column}}:host(.is-group-table) .vega-table-scrollable-container{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-width:1px;border-style:solid}:host(.is-group-table.density-relaxed) .vega-table-scrollable-container{border-radius:12px}:host(.is-group-table.density-default) .vega-table-scrollable-container{border-radius:12px}:host(.is-group-table.density-compact) .vega-table-scrollable-container{border-radius:4px}:host(.is-pinned-table) table{min-width:max-content}";
 
-var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$y = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
     r = Reflect.decorate(decorators, target, key, desc);
@@ -3750,134 +3774,134 @@ const VegaTable = class {
     "scrollConfig": ["watchScrollConfig"]
   }; }
 };
-__decorate$q([
+__decorate$y([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaTable.prototype, "globalSlimmers", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "translationSlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRenderModeController", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableColumnStructureModelController", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRenderInputController", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTablePinnedRenderer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRenderer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableHeaderRenderer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableBodyRenderer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRowRenderer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableCellRenderer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTablePaginationRenderer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableScrollContainerRenderer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableExpandRowController", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRowSelectionController", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableDataSourceController", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTablePaginationController", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableEditableController", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableSortController", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableColGroupRenderer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableChildrenController", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowSelectionNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowExpandableNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "paddingXNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowClickableNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "scrollConfigNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "eventsPrevent", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "changeEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "selectChangeEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "selectAllChangeEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowClickEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowExpandEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowDividerNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "columnDividerNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "densityNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "isTemplateRenderModeNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "currentDataNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowSelectEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowSelectAllEventEmitter", void 0);
 VegaTable.style = vegaTableCss;
 
 const vegaTableBodyCss = ":host{display:contents}";
 
-var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$x = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
     r = Reflect.decorate(decorators, target, key, desc);
@@ -3899,13 +3923,13 @@ const VegaTableBody = class {
   }
   get host() { return index.getElement(this); }
 };
-__decorate$p([
+__decorate$x([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaTableBody.prototype, "globalSlimmers", void 0);
-__decorate$p([
+__decorate$x([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableBody.prototype, "childChangeEventPrevent", void 0);
-__decorate$p([
+__decorate$x([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableBody.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
 VegaTableBody.style = vegaTableBodyCss;
@@ -3954,7 +3978,7 @@ const generateColSpan = (columnLength, withMultipleSelection) => {
   return columnLength + (withMultipleSelection ? 2 : 1);
 };
 
-var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$w = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -3993,20 +4017,20 @@ class VegaTableCellStateController extends subStateObserverSlimmer.SubStateObser
     });
   }
 }
-__decorate$o([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableCellStateController.prototype, "host", void 0);
-__decorate$o([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableCellStateController.prototype, "density", void 0);
-__decorate$o([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableCellStateController.prototype, "columnDivider", void 0);
-__decorate$o([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableCellStateController.prototype, "clickable", void 0);
 
-var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$v = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4041,22 +4065,22 @@ class VegaTableRowStateSubscriber extends subStateObserverSlimmer.SubStateObserv
     });
   }
 }
-__decorate$n([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRowStateSubscriber.prototype, "checked", void 0);
-__decorate$n([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRowStateSubscriber.prototype, "expanded", void 0);
-__decorate$n([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRowStateSubscriber.prototype, "striped", void 0);
-__decorate$n([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRowStateSubscriber.prototype, "rowDivider", void 0);
 
 const vegaTableCellCss = ":host .vega-table-cell.v-hidden{display:none}@media (min-width: 320px){:host .vega-table-cell.S\\:v-table-cell{display:table-cell}}@media (min-width: 768px){:host .vega-table-cell.M\\:v-table-cell{display:table-cell}}@media (min-width: 1024px){:host .vega-table-cell.L\\:v-table-cell{display:table-cell}}@media (min-width: 1440px){:host .vega-table-cell.XL\\:v-table-cell{display:table-cell}}:host{display:contents}.vega-table-cell{padding:12px;box-sizing:border-box;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-table-cell{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-table-cell{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-table-cell{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-table-cell.break-word{word-break:break-word}td{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:left;padding:0px;vertical-align:middle}td.v-text-center{text-align:center}td.v-text-left{text-align:left}td.v-text-right{text-align:right}:host(.density-default) .vega-table-cell{padding:12px}:host(.density-compact) .vega-table-cell{padding:4px}:host(.density-relaxed) .vega-table-cell{padding:16px}.vega-table-cell-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vega-table-cell-scroll{overflow:auto}:host(.column-divider) .vega-table-cell{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-width:1px;border-right-style:solid}:host(.row-divider) .vega-table-cell{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-bottom-width:1px;border-bottom-style:solid}:host(.striped) .vega-table-cell{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.clickable.hovered:not(.checked)) .vega-table-cell{cursor:pointer;background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.checked) .vega-table-cell{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.expanded) .vega-table-cell{border-top-width:1px;border-left-width:0px;border-right-width:0px;border-bottom-width:0px;border-style:solid;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1))}:host .vega-table-cell.right-divider{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-width:2px;border-right-style:solid}:host .vega-table-cell.left-divider{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-left-width:2px;border-left-style:solid}:host .vega-table-cell.hide-right-border{border-right-width:0px}";
 
-var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
     r = Reflect.decorate(decorators, target, key, desc);
@@ -4128,24 +4152,24 @@ const VegaTableCell = class {
   }
   get host() { return index.getElement(this); }
 };
-__decorate$m([
+__decorate$u([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaTableCell.prototype, "globalSlimmers", void 0);
-__decorate$m([
+__decorate$u([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableCell.prototype, "vegaTableCellStateController", void 0);
-__decorate$m([
+__decorate$u([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableCell.prototype, "vegaTableRowStateSubscriber", void 0);
-__decorate$m([
+__decorate$u([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableCell.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate$m([
+__decorate$u([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableCell.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
 VegaTableCell.style = vegaTableCellCss;
 
-var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4166,26 +4190,26 @@ class VegaTableExpandRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("td", null)));
   }
 }
-__decorate$l([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "host", void 0);
-__decorate$l([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "rowKey", void 0);
-__decorate$l([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "expanded", void 0);
-__decorate$l([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "checked", void 0);
-__decorate$l([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "colSpan", void 0);
-__decorate$l([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "striped", void 0);
 
-var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4228,19 +4252,19 @@ class VegaTableExpandRowExpandController extends globalSlimmerRegistry.VegaSlimm
     }
   }
 }
-__decorate$k([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowExpandController.prototype, "host", void 0);
-__decorate$k([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowExpandController.prototype, "rowKey", void 0);
-__decorate$k([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableExpandRowExpandController.prototype, "expanded", void 0);
-__decorate$k([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableExpandRowExpandController.prototype, "connectedCallback", null);
-__decorate$k([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableExpandRowExpandController.prototype, "disconnectedCallback", null);
 
@@ -4264,7 +4288,7 @@ function isAcceptableTableObserver(input) {
   return input['host']['tagName'] === 'VEGA-TABLE' && input['host'] === ui.findParent(this.host, 'vega-table');
 }
 
-var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4292,23 +4316,23 @@ class VegaTableExpandRowSelectionController extends globalSlimmerRegistry.VegaSl
     changeManager.ChangeManager.unregister(staticSubjectTitle.TABLE_ROW_SELECTION, this.rowSelectionObserver);
   }
 }
-__decorate$j([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableExpandRowSelectionController.prototype, "checked", void 0);
-__decorate$j([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowSelectionController.prototype, "host", void 0);
-__decorate$j([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowSelectionController.prototype, "rowKey", void 0);
-__decorate$j([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableExpandRowSelectionController.prototype, "connectedCallback", null);
-__decorate$j([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableExpandRowSelectionController.prototype, "disconnectedCallback", null);
 
-var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4341,17 +4365,17 @@ class VegaTableExpandRowStateController extends subStateObserverSlimmer.SubState
     });
   }
 }
-__decorate$i([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowStateController.prototype, "host", void 0);
-__decorate$i([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableExpandRowStateController.prototype, "withMultipleSelection", void 0);
-__decorate$i([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowStateController.prototype, "vegaTableExpandRowColSpanController", void 0);
 
-var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4416,28 +4440,28 @@ class VegaTableExpandRowColSpanController extends globalSlimmerRegistry.VegaSlim
     }).length;
   }
 }
-__decorate$h([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowColSpanController.prototype, "host", void 0);
-__decorate$h([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableExpandRowColSpanController.prototype, "colSpan", void 0);
-__decorate$h([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowColSpanController.prototype, "withMultipleSelection", void 0);
-__decorate$h([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableExpandRowColSpanController.prototype, "componentWillLoad", null);
-__decorate$h([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentMethod('watchCurrentBreakpoint')
 ], VegaTableExpandRowColSpanController.prototype, "watchCurrentBreakpoint", null);
-__decorate$h([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentMethod('watchWithMultipleSelection')
 ], VegaTableExpandRowColSpanController.prototype, "watchWithMultipleSelection", null);
 
 const vegaTableExpandRowCss = ":host{display:contents}:host .vega-table-expanded-row.striped:not(.checked) td{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-hidden){display:none}.vega-table-expanded-row{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-table-expanded-row:not(.expanded){display:none}.vega-table-expanded-row.expanded td{border-bottom-width:1px;border-top-width:0px;border-right-width:0px;border-left-width:0px;border-style:solid;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));padding:0px;vertical-align:middle}.vega-table-expanded-row.expanded td:first-of-type{border-left-width:1px;border-bottom-width:1px;border-top-left-radius:12px;border-bottom-left-radius:12px;border-top-left-radius:0px}.vega-table-expanded-row.expanded td:last-of-type{border-right-width:1px;border-bottom-width:1px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-top-right-radius:0px}.vega-table-expanded-row.expanded td.vega-table-expanded-row-slot-container{border-top-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1))}.vega-table-expanded-row.expanded.checked{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host tr.is-pinned-row td:first-of-type{position:sticky;z-index:1;left:0px}:host tr.is-pinned-row td.vega-table-expanded-row-slot-container div{position:sticky;z-index:1;left:8px}";
 
-var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
     r = Reflect.decorate(decorators, target, key, desc);
@@ -4487,32 +4511,432 @@ const VegaTableExpandRow = class {
     "withMultipleSelection": ["watchWithMultipleSelection"]
   }; }
 };
-__decorate$g([
+__decorate$o([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaTableExpandRow.prototype, "globalSlimmers", void 0);
-__decorate$g([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowRenderer", void 0);
-__decorate$g([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowExpandController", void 0);
-__decorate$g([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowSelectionController", void 0);
-__decorate$g([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowStateController", void 0);
-__decorate$g([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowColSpanController", void 0);
-__decorate$g([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate$g([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
 VegaTableExpandRow.style = vegaTableExpandRowCss;
 
+var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Controller for the table foot states.
+ */
+class VegaTableFootStateController extends subStateObserverSlimmer.SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'fixed',
+          parentStateName: 'scrollConfig',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (scrollConfig) => {
+            this.fixed =
+              scrollConfig && scrollConfig.maxHeight && scrollConfig.fixedFooter !== false;
+          },
+        },
+        {
+          subStateName: 'rowDivider',
+          parentStateName: 'rowDivider',
+        },
+      ],
+    });
+  }
+  /**
+   * Component lifecycle - [disconnectedCallback]{@link VegaTableFoot.disconnectedCallback}
+   */
+  handleDisconnectedCallback() {
+    functionExtension.InternalVegaZIndexManager.removeZIndex(this.tableFootRef, 'base');
+  }
+  /**
+   * Handles the table foot ref change and manages z-index.
+   *
+   * @param {HTMLElement} ref - The new table foot ref element
+   */
+  handleTableFootRefChange(ref) {
+    if (this.tableFootRef) {
+      functionExtension.InternalVegaZIndexManager.removeZIndex(this.tableFootRef, 'base');
+    }
+    if (this.fixed) {
+      functionExtension.InternalVegaZIndexManager.setZIndex(ref, 'base');
+    }
+    this.tableFootRef = ref;
+  }
+}
+__decorate$n([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableFootStateController.prototype, "host", void 0);
+__decorate$n([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaTableFootStateController.prototype, "fixed", void 0);
+__decorate$n([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaTableFootStateController.prototype, "rowDivider", void 0);
+__decorate$n([
+  globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
+], VegaTableFootStateController.prototype, "handleDisconnectedCallback", null);
+
+const vegaTableFootCss = ":host{display:table-footer-group;position:sticky;border-top-right-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-bottom-left-radius:12px}:host tfoot{display:contents}:host(.fixed-footer){bottom:0px}:host(.row-divider)::after{content:\"\";position:absolute;top:0;left:0;width:100%;height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-hidden){display:none}";
+
+var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaTableFoot = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaTableFootStateController = new VegaTableFootStateController();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.childChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host);
+    /**
+     * Indicates whether the table footer is fixed.
+     */
+    this.fixed = false;
+    /**
+     * Indicates whether the table footer has a row divider.
+     */
+    this.rowDivider = false;
+  }
+  render() {
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+        'fixed-footer': this.fixed,
+        'row-divider': this.rowDivider,
+      }, ref: (ref) => this.vegaTableFootStateController.handleTableFootRefChange(ref) }, index.h("tfoot", null, index.h("slot", null))), this.host);
+  }
+  get host() { return index.getElement(this); }
+};
+__decorate$m([
+  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
+], VegaTableFoot.prototype, "globalSlimmers", void 0);
+__decorate$m([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableFoot.prototype, "vegaTableFootStateController", void 0);
+__decorate$m([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableFoot.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate$m([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableFoot.prototype, "childChangeEventPrevent", void 0);
+VegaTableFoot.style = vegaTableFootCss;
+
+var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Controller for the table row states
+ */
+class VegaTableFootCellStateController extends subStateObserverSlimmer.SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'density',
+          parentStateName: 'density',
+        },
+        {
+          subStateName: 'columnDivider',
+          parentStateName: 'columnDivider',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (columnDivider) => {
+            const parent = this.host.parentElement;
+            if (parent) {
+              const lastCell = parent.querySelector('vega-table-foot-cell:last-of-type');
+              this.columnDivider = columnDivider && lastCell !== this.host;
+            }
+          },
+        },
+      ],
+    });
+  }
+}
+__decorate$l([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaTableFootCellStateController.prototype, "density", void 0);
+__decorate$l([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaTableFootCellStateController.prototype, "columnDivider", void 0);
+
+var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class VegaTableFootCellRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  render() {
+    return (index.h("td", { class: {
+        'vega-table-cell': true,
+        'break-word': !featureFlagController.FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE'),
+        [generateResponsiveClass(this.breakpoint, 'v-table-cell')]: true,
+      } },
+      index.h("div", { class: ui.arrayToClassString(['vega-table-column', this.textAlign]) },
+        index.h("span", { class: "vega-table-column-label" },
+          index.h("slot", null)))));
+  }
+}
+__decorate$k([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "host", void 0);
+__decorate$k([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "breakpoint", void 0);
+__decorate$k([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "textAlign", void 0);
+
+const vegaTableFootCellCss = ":host .vega-table-cell.v-hidden{display:none}@media (min-width: 320px){:host .vega-table-cell.S\\:v-table-cell{display:table-cell}}@media (min-width: 768px){:host .vega-table-cell.M\\:v-table-cell{display:table-cell}}@media (min-width: 1024px){:host .vega-table-cell.L\\:v-table-cell{display:table-cell}}@media (min-width: 1440px){:host .vega-table-cell.XL\\:v-table-cell{display:table-cell}}:host{display:contents}td{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:left;vertical-align:middle;padding:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){td{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){td{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){td{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}td.break-word{word-break:break-word}.vega-table-column{display:flex;align-items:center}.vega-table-column.center{justify-content:center;text-align:center}.vega-table-column.right{justify-content:flex-end;text-align:right}.vega-table-column.left{justify-content:flex-start;text-align:left}.vega-table-column .vega-table-column-label{min-width:0px}:host(.density-default) .vega-table-cell{padding:12px}:host(.density-compact) .vega-table-cell{padding:4px}:host(.density-relaxed) .vega-table-cell{padding:16px}:host(.column-divider) .vega-table-cell{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-width:1px;border-right-style:solid}";
+
+var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaTableFootCell = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaTableFootCellStateController = new VegaTableFootCellStateController();
+    this.vegaTableFootCellRenderer = new VegaTableFootCellRenderer();
+    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
+  }
+  render() {
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+        [`density-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+        'column-divider': this.columnDivider,
+      }, style: { width: this.width } }, this.vegaTableFootCellRenderer.render()), this.host);
+  }
+  get host() { return index.getElement(this); }
+};
+__decorate$j([
+  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
+], VegaTableFootCell.prototype, "globalSlimmers", void 0);
+__decorate$j([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "vegaTableFootCellStateController", void 0);
+__decorate$j([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "vegaTableFootCellRenderer", void 0);
+__decorate$j([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "pageResizeObserverSlimmer", void 0);
+__decorate$j([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaTableFootCell.style = vegaTableFootCellCss;
+
+var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class VegaTableFootRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.renderFooterSelectionCell = () => {
+      if (this.selectionType !== 'multiple')
+        return;
+      return index.h("td", { class: "vega-table-selection-column" });
+    };
+    this.renderFooterExpandableCell = () => {
+      return this.expandable && index.h("td", { class: "vega-table-expand-action-column" });
+    };
+  }
+  render() {
+    return (index.h("tr", null,
+      index.h("td", { style: { width: this.paddingX[0] } }),
+      this.renderFooterSelectionCell(),
+      index.h("slot", null),
+      this.renderFooterExpandableCell(),
+      index.h("td", { style: { width: this.paddingX[1] } })));
+  }
+}
+__decorate$i([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "host", void 0);
+__decorate$i([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "paddingX", void 0);
+__decorate$i([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "selectionType", void 0);
+__decorate$i([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "expandable", void 0);
+
+var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Controller for the table foot row
+ */
+class VegaTableFootRowStateController extends subStateObserverSlimmer.SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-table',
+      subStates: [
+        {
+          subStateName: 'expandable',
+          parentStateName: 'rowExpandable',
+        },
+        {
+          subStateName: 'paddingX',
+          parentStateName: 'paddingX',
+        },
+        {
+          subStateName: 'selectionType',
+          parentStateName: 'rowSelection',
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: (rowSelection) => {
+            this.updateSelectionType(rowSelection);
+          },
+        },
+        {
+          subStateName: 'columnDivider',
+          parentStateName: 'columnDivider',
+        },
+        {
+          subStateName: 'density',
+          parentStateName: 'density',
+        },
+      ],
+    });
+    /**
+     * Update the selection config with the new config
+     *
+     * @param {VegaTableRowSelectionConfig} rowSelection - The updated row selection config.
+     */
+    this.updateSelectionType = (rowSelection) => {
+      if (rowSelection) {
+        const { type } = rowSelection;
+        this.selectionType = type;
+      }
+      else {
+        this.selectionType = null;
+      }
+    };
+  }
+}
+__decorate$h([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableFootRowStateController.prototype, "host", void 0);
+__decorate$h([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "selectionType", void 0);
+__decorate$h([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "paddingX", void 0);
+__decorate$h([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "columnDivider", void 0);
+__decorate$h([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "density", void 0);
+__decorate$h([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "expandable", void 0);
+
+const vegaTableFootRowCss = ":host{display:contents}td{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1));padding:0px;vertical-align:middle}td:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}td:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.density-default) td:first-of-type,:host(.density-relaxed) td:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.density-default) td:last-of-type,:host(.density-relaxed) td:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.density-compact) td:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.density-compact) td:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.vega-table-expand-action-column{width:40px;min-width:40px}.vega-table-selection-column{width:40px;min-width:40px}";
+
+var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaTableFootRow = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaTableFootRowStateController = new VegaTableFootRowStateController();
+    this.vegaTableFootRowRenderer = new VegaTableFootRowRenderer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
+    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
+    /**
+     * Indicates whether the row is expandable.
+     */
+    this.expandable = false;
+  }
+  render() {
+    placeholder.slotPlaceholder(index.h("slot", null));
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+        'column-divider': this.columnDivider,
+        [`density-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+      } }, this.vegaTableFootRowRenderer.render()), this.host);
+  }
+  get host() { return index.getElement(this); }
+};
+__decorate$g([
+  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
+], VegaTableFootRow.prototype, "globalSlimmers", void 0);
+__decorate$g([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaTableFootRowStateController", void 0);
+__decorate$g([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaTableFootRowRenderer", void 0);
+__decorate$g([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate$g([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "pageResizeObserverSlimmer", void 0);
+VegaTableFootRow.style = vegaTableFootRowCss;
+
 var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -5857,6 +6281,9 @@ exports.vega_table = VegaTable;
 exports.vega_table_body = VegaTableBody;
 exports.vega_table_cell = VegaTableCell;
 exports.vega_table_expand_row = VegaTableExpandRow;
+exports.vega_table_foot = VegaTableFoot;
+exports.vega_table_foot_cell = VegaTableFootCell;
+exports.vega_table_foot_row = VegaTableFootRow;
 exports.vega_table_head = VegaTableHead;
 exports.vega_table_head_cell = VegaTableHeadCell;
 exports.vega_table_head_row = VegaTableHeadRow;