@heartlandone/vega 2.68.0 → 2.69.0

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

@@ -10,7 +10,7 @@ import { f as findParent, a as arrayToClassString, l as extractNumberFromString
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory, a as VegaClick, f as VegaChange, Q as VegaPageSizeChange, b as VegaExpand, W as VegaSelectChange, X as VegaSelectAllChange, Y as VegaRowClick, Z as VegaRowExpand, _ as VegaRowSelect, $ as VegaRowSelectAll } from './dom-node-subject-observer-factory-dca87b70.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
 import { K as VegaInternalTableRowExpand, L as VegaInternalTableRowSelect, M as VegaInternalTableRowSelectAll, N as VegaInternalColumnHeadRowRenderInputRIC, O as VegaInternalColumnHeadCellRenderInputRIC, P as VegaInternalColumnBodyCellRenderInputRIC, Q as VegaInternalTableHeadCellSortEvent } from './vega-internal-event-id-5c3e5f7f.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-b0712993.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f88850c5.js';
 import { i as isNonNullable, s as isBreakpointsTokenType, W as isVegaTableColumnGroupingModelType } from './type-guard-12f7654b.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
@@ -21,34 +21,34 @@ import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-563
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-76331524.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-4e28e9f8.js';
 import { I as ImmutableMap } from './immutable-map-612922a2.js';
-import { T as TranslationSlimmer } from './translation-slimmer-984c9ce6.js';
+import { T as TranslationSlimmer } from './translation-slimmer-c936cb1b.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-3504e2f2.js';
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
-import { n as InternalVegaZIndexManager } from './function-extension-eb1d062f.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
+import { n as InternalVegaZIndexManager } from './function-extension-7ce27a8e.js';
+import './vega-env-manager-8f8dc473.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
+import './wait-for-vega-handler-c2c07ac3.js';
+import './translation-96e5debd.js';
+import './dto-renderer-manager-7abc53bf.js';
+import './vega-nonce-manager-87615d3c.js';
+import './code-block-e8839202.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import './number-4398f2e1.js';
 import './ui-8424715a.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './vega-env-manager-8f8dc473.js';
-import './wait-for-vega-handler-c2c07ac3.js';
-import './translation-f10b1e19.js';
-import './dto-renderer-manager-7abc53bf.js';
-import './code-block-e8839202.js';
-import './string-a953eafc.js';
-import './dark-mode-style-controller-b7e85b6a.js';
-import './_commonjsHelpers-9943807e.js';
-import './vega-nonce-manager-87615d3c.js';
-import './try-get-document-bef0f526.js';
 import './typography-396de03f.js';
 import './dynamic-slimmer-90b8af32.js';
+import './try-get-document-bef0f526.js';
 import './internal-vega-event-manager-516aa721.js';
 import './index-e9da316f.js';
+import './_commonjsHelpers-9943807e.js';
+import './dark-mode-style-controller-b7e85b6a.js';
 import './base-renderer-101f6d04.js';
+import './string-a953eafc.js';
 
 /**
  * Immutable Set cannot be changed once created
@@ -157,7 +157,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;
@@ -258,23 +258,23 @@ class VegaTableCellRenderer extends VegaSlimmer {
     }
   }
 }
-__decorate$J([
+__decorate$R([
   MapToComponentField()
 ], VegaTableCellRenderer.prototype, "rowKey", void 0);
-__decorate$J([
+__decorate$R([
   MapToComponentField()
 ], VegaTableCellRenderer.prototype, "columns", void 0);
-__decorate$J([
+__decorate$R([
   MapToComponentField()
 ], VegaTableCellRenderer.prototype, "vegaTableDataSourceController", void 0);
-__decorate$J([
+__decorate$R([
   MapToComponentField()
 ], VegaTableCellRenderer.prototype, "vegaTableEditableController", void 0);
-__decorate$J([
+__decorate$R([
   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;
@@ -469,47 +469,47 @@ class VegaTableExpandRowController extends VegaSlimmer {
   }
 }
 VegaTableExpandRowController.expandRowSlotNamePrefix = 'vega-table-expand-row-';
-__decorate$I([
+__decorate$Q([
   MapToComponentField()
 ], VegaTableExpandRowController.prototype, "host", void 0);
-__decorate$I([
+__decorate$Q([
   MapToComponentField()
 ], VegaTableExpandRowController.prototype, "expandedRowKeySet", void 0);
-__decorate$I([
+__decorate$Q([
   MapToComponentField()
 ], VegaTableExpandRowController.prototype, "rowExpandable", void 0);
-__decorate$I([
+__decorate$Q([
   MapToComponentField()
 ], VegaTableExpandRowController.prototype, "rowExpandEventEmitter", void 0);
-__decorate$I([
+__decorate$Q([
   MapToComponentField()
 ], VegaTableExpandRowController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$I([
+__decorate$Q([
   MapToComponentMethod('connectedCallback')
 ], VegaTableExpandRowController.prototype, "connectedCallback", null);
-__decorate$I([
+__decorate$Q([
   MapToComponentMethod('disconnectedCallback')
 ], VegaTableExpandRowController.prototype, "disconnectedCallback", null);
-__decorate$I([
+__decorate$Q([
   MapToComponentMethod('componentDidLoad')
 ], VegaTableExpandRowController.prototype, "componentDidLoad", null);
-__decorate$I([
+__decorate$Q([
   MapToComponentMethod('toggleExpandRow')
 ], VegaTableExpandRowController.prototype, "toggleExpandRow", void 0);
-__decorate$I([
+__decorate$Q([
   MapToComponentMethod('openExpandRow')
 ], VegaTableExpandRowController.prototype, "openExpandRow", void 0);
-__decorate$I([
+__decorate$Q([
   MapToComponentMethod('closeExpandRow')
 ], VegaTableExpandRowController.prototype, "closeExpandRow", void 0);
-__decorate$I([
+__decorate$Q([
   MapToComponentMethod('closeAllExpandRow')
 ], VegaTableExpandRowController.prototype, "closeAllExpandRow", void 0);
-__decorate$I([
+__decorate$Q([
   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;
@@ -848,68 +848,68 @@ class VegaTableRowSelectionController$1 extends VegaSlimmer {
       this.host === findParent(input['host'], 'vega-table'));
   }
 }
-__decorate$H([
+__decorate$P([
   MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "host", void 0);
-__decorate$H([
+__decorate$P([
   MapToComponentField({ writable: true })
 ], VegaTableRowSelectionController$1.prototype, "isSelectedAll", void 0);
-__decorate$H([
+__decorate$P([
   MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "selectedRowKeySet", void 0);
-__decorate$H([
+__decorate$P([
   MapToComponentField({ writable: true })
 ], VegaTableRowSelectionController$1.prototype, "rowSelection", void 0);
-__decorate$H([
+__decorate$P([
   MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "rowKey", void 0);
-__decorate$H([
+__decorate$P([
   MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "selectChangeEventEmitter", void 0);
-__decorate$H([
+__decorate$P([
   MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "selectAllChangeEventEmitter", void 0);
-__decorate$H([
+__decorate$P([
   MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "vegaTableDataSourceController", void 0);
-__decorate$H([
+__decorate$P([
   MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "rowSelectEventEmitter", void 0);
-__decorate$H([
+__decorate$P([
   MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "rowSelectAllEventEmitter", void 0);
-__decorate$H([
+__decorate$P([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRowSelectionController$1.prototype, "connectedCallback", null);
-__decorate$H([
+__decorate$P([
   MapToComponentMethod('disconnectedCallback')
 ], VegaTableRowSelectionController$1.prototype, "disconnectedCallback", null);
-__decorate$H([
+__decorate$P([
   MapToComponentMethod('componentWillLoad')
 ], VegaTableRowSelectionController$1.prototype, "componentWillLoad", null);
-__decorate$H([
+__decorate$P([
   MapToComponentMethod('watchRowSelection')
 ], VegaTableRowSelectionController$1.prototype, "watchRowSelection", null);
-__decorate$H([
+__decorate$P([
   MapToComponentMethod('setSelection')
 ], VegaTableRowSelectionController$1.prototype, "setSelection", null);
-__decorate$H([
+__decorate$P([
   MapToComponentMethod('watchCurrentData')
 ], VegaTableRowSelectionController$1.prototype, "watchCurrentData", null);
-__decorate$H([
+__decorate$P([
   MapToComponentMethod('clearSelection')
 ], VegaTableRowSelectionController$1.prototype, "clearSelection", null);
-__decorate$H([
+__decorate$P([
   MapToComponentMethod('getSelection')
 ], VegaTableRowSelectionController$1.prototype, "getSelection", null);
-__decorate$H([
+__decorate$P([
   MapToComponentMethod('watchSelectedRowKeySet')
 ], VegaTableRowSelectionController$1.prototype, "watchSelectedRowKeySet", null);
-__decorate$H([
+__decorate$P([
   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;
@@ -1049,41 +1049,41 @@ class VegaTableDataSourceController extends VegaSlimmer {
     }
   }
 }
-__decorate$G([
+__decorate$O([
   MapToComponentField()
 ], VegaTableDataSourceController.prototype, "rowKey", void 0);
-__decorate$G([
+__decorate$O([
   MapToComponentField({ writable: true })
 ], VegaTableDataSourceController.prototype, "currentData", void 0);
-__decorate$G([
+__decorate$O([
   MapToComponentField({ writable: true })
 ], VegaTableDataSourceController.prototype, "dataSource", void 0);
-__decorate$G([
+__decorate$O([
   MapToComponentField()
 ], VegaTableDataSourceController.prototype, "columns", void 0);
-__decorate$G([
+__decorate$O([
   MapToComponentField()
 ], VegaTableDataSourceController.prototype, "sortersMap", void 0);
-__decorate$G([
+__decorate$O([
   MapToComponentField()
 ], VegaTableDataSourceController.prototype, "vegaTableSortController", void 0);
-__decorate$G([
+__decorate$O([
   MapToComponentField()
 ], VegaTableDataSourceController.prototype, "vegaTableRenderer", void 0);
-__decorate$G([
+__decorate$O([
   MapToComponentField()
 ], VegaTableDataSourceController.prototype, "isTemplateRenderMode", void 0);
-__decorate$G([
+__decorate$O([
   MapToComponentMethod('componentWillLoad')
 ], VegaTableDataSourceController.prototype, "componentWillLoad", null);
-__decorate$G([
+__decorate$O([
   MapToComponentMethod('watchSortersMap')
 ], VegaTableDataSourceController.prototype, "watchSortersMap", null);
-__decorate$G([
+__decorate$O([
   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;
@@ -1123,41 +1123,41 @@ class VegaTableBodyRenderer extends VegaSlimmer {
     return editable ? (h("vega-form", { ref: (ref) => (this.tableFormRef = ref) }, this.renderTableBody(editable))) : (this.renderTableBody(false));
   }
 }
-__decorate$F([
+__decorate$N([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "striped", void 0);
-__decorate$F([
+__decorate$N([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "rowDivider", void 0);
-__decorate$F([
+__decorate$N([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "columns", void 0);
-__decorate$F([
+__decorate$N([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "currentBreakpoint", void 0);
-__decorate$F([
+__decorate$N([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "rowExpandable", void 0);
-__decorate$F([
+__decorate$N([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "rowClickable", void 0);
-__decorate$F([
+__decorate$N([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTableDataSourceController", void 0);
-__decorate$F([
+__decorate$N([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTablePaginationController", void 0);
-__decorate$F([
+__decorate$N([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTableRowSelectionController", void 0);
-__decorate$F([
+__decorate$N([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTableRowRenderer", void 0);
-__decorate$F([
+__decorate$N([
   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;
@@ -1220,32 +1220,32 @@ class VegaTableHeaderRenderer extends VegaSlimmer {
     return this.showHeader && h("vega-table-head", null, this.renderHeaderRows());
   }
 }
-__decorate$E([
+__decorate$M([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "showHeader", void 0);
-__decorate$E([
+__decorate$M([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "sortersMap", void 0);
-__decorate$E([
+__decorate$M([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "sortConfig", void 0);
-__decorate$E([
+__decorate$M([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "columns", void 0);
-__decorate$E([
+__decorate$M([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "rowSelection", void 0);
-__decorate$E([
+__decorate$M([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "vegaTableSortController", void 0);
-__decorate$E([
+__decorate$M([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "vegaTableDataSourceController", void 0);
-__decorate$E([
+__decorate$M([
   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;
@@ -1311,19 +1311,19 @@ class VegaTablePaginationRenderer extends VegaSlimmer {
         ref: this.paginationRefCallback }))));
   }
 }
-__decorate$D([
+__decorate$L([
   MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "pagination", void 0);
-__decorate$D([
+__decorate$L([
   MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "pageSize", void 0);
-__decorate$D([
+__decorate$L([
   MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "currentPage", void 0);
-__decorate$D([
+__decorate$L([
   MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "vegaTablePaginationController", void 0);
-__decorate$D([
+__decorate$L([
   MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "vegaTableDataSourceController", void 0);
 
@@ -1350,7 +1350,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;
@@ -1383,20 +1383,20 @@ class VegaTableScrollContainerRenderer extends VegaSlimmer {
     this.tableScrollContainerRef = ref;
   }
 }
-__decorate$C([
+__decorate$K([
   MapToComponentField()
 ], VegaTableScrollContainerRenderer.prototype, "scrollConfig", void 0);
-__decorate$C([
+__decorate$K([
   MapToComponentField()
 ], VegaTableScrollContainerRenderer.prototype, "host", void 0);
-__decorate$C([
+__decorate$K([
   MapToComponentField()
 ], VegaTableScrollContainerRenderer.prototype, "isTemplateRenderMode", void 0);
-__decorate$C([
+__decorate$K([
   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;
@@ -1441,65 +1441,65 @@ class VegaTableRenderer extends VegaSlimmer {
       this.renderEmpty()), this.host);
   }
 }
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "host", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "columns", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "emptyDescription", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "rowDivider", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "columnDivider", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "density", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "dataSource", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "striped", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "columnStructureModel", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableHeaderRenderer", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableBodyRenderer", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableColGroupRenderer", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableScrollContainerRenderer", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTablePaginationRenderer", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableDataSourceController", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "translationSlimmer", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField({ writable: true })
 ], VegaTableRenderer.prototype, "vegaTableChildrenController", void 0);
-__decorate$B([
+__decorate$J([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "isTemplateRenderMode", void 0);
-__decorate$B([
+__decorate$J([
   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;
@@ -1563,23 +1563,23 @@ class VegaTablePaginationController extends VegaSlimmer {
     return index >= start && index < end;
   }
 }
-__decorate$A([
+__decorate$I([
   MapToComponentField()
 ], VegaTablePaginationController.prototype, "pagination", void 0);
-__decorate$A([
+__decorate$I([
   MapToComponentField({ writable: true })
 ], VegaTablePaginationController.prototype, "pageSize", void 0);
-__decorate$A([
+__decorate$I([
   MapToComponentField({ writable: true })
 ], VegaTablePaginationController.prototype, "currentPage", void 0);
-__decorate$A([
+__decorate$I([
   MapToComponentMethod('componentWillLoad')
 ], VegaTablePaginationController.prototype, "componentWillLoad", null);
-__decorate$A([
+__decorate$I([
   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;
@@ -1808,55 +1808,55 @@ class VegaTableEditableController extends VegaSlimmer {
   }
 }
 VegaTableEditableController.rowFormKeyPrefix = 'vega-table-row-form-';
-__decorate$z([
+__decorate$H([
   MapToComponentField()
 ], VegaTableEditableController.prototype, "editingRows", void 0);
-__decorate$z([
+__decorate$H([
   MapToComponentField()
 ], VegaTableEditableController.prototype, "rowKey", void 0);
-__decorate$z([
+__decorate$H([
   MapToComponentField()
 ], VegaTableEditableController.prototype, "columns", void 0);
-__decorate$z([
+__decorate$H([
   MapToComponentField()
 ], VegaTableEditableController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$z([
+__decorate$H([
   MapToComponentField()
 ], VegaTableEditableController.prototype, "vegaTableBodyRenderer", void 0);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('saveAllEditRows')
 ], VegaTableEditableController.prototype, "saveAllEditRows", null);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('stopAllRowEditMode')
 ], VegaTableEditableController.prototype, "stopAllRowEditMode", null);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('watchDataSource')
 ], VegaTableEditableController.prototype, "watchDataSource", null);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('saveEditRow')
 ], VegaTableEditableController.prototype, "saveEditRow", null);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('stopRowEditMode')
 ], VegaTableEditableController.prototype, "stopRowEditMode", null);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('removeRow')
 ], VegaTableEditableController.prototype, "removeRow", null);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('startRowEditMode')
 ], VegaTableEditableController.prototype, "startRowEditMode", null);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('addNewRow')
 ], VegaTableEditableController.prototype, "addNewRow", null);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('getRowsData')
 ], VegaTableEditableController.prototype, "getRowsData", null);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('getEditingRowsKey')
 ], VegaTableEditableController.prototype, "getEditingRowsKey", null);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('getFormRef')
 ], VegaTableEditableController.prototype, "getFormRef", null);
-__decorate$z([
+__decorate$H([
   MapToComponentMethod('getRowData')
 ], VegaTableEditableController.prototype, "getRowData", null);
 
@@ -1902,7 +1902,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;
@@ -1972,26 +1972,26 @@ class VegaTableSortController extends VegaSlimmer {
     });
   }
 }
-__decorate$y([
+__decorate$G([
   MapToComponentField({ writable: true })
 ], VegaTableSortController.prototype, "sortersMap", void 0);
-__decorate$y([
+__decorate$G([
   MapToComponentField()
 ], VegaTableSortController.prototype, "columns", void 0);
-__decorate$y([
+__decorate$G([
   MapToComponentField()
 ], VegaTableSortController.prototype, "changeEventEmitter", void 0);
-__decorate$y([
+__decorate$G([
   MapToComponentField()
 ], VegaTableSortController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$y([
+__decorate$G([
   MapToComponentField()
 ], VegaTableSortController.prototype, "sortConfig", void 0);
-__decorate$y([
+__decorate$G([
   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;
@@ -2025,23 +2025,23 @@ class VegaTableColGroupRenderer extends VegaSlimmer {
       h("col", { style: { minWidth: this.paddingX[1], width: this.paddingX[1] } })));
   }
 }
-__decorate$x([
+__decorate$F([
   MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "paddingX", void 0);
-__decorate$x([
+__decorate$F([
   MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "columnStructureModel", void 0);
-__decorate$x([
+__decorate$F([
   MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "columns", void 0);
-__decorate$x([
+__decorate$F([
   MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "rowExpandable", void 0);
-__decorate$x([
+__decorate$F([
   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;
@@ -2158,9 +2158,10 @@ class VegaTableChildrenController extends 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() {
   }
@@ -2174,6 +2175,12 @@ class VegaTableChildrenController extends VegaSlimmer {
       noneChecked: true,
     });
   }
+  /**
+   * The callback to handle [watchCurrentData]{@link VegaTable.watchCurrentData}
+   */
+  watchCurrentData() {
+    this.syncUpTableFootVisibility();
+  }
   /**
    * {@link VegaTable.watchStriped}
    */
@@ -2204,66 +2211,83 @@ class VegaTableChildrenController extends 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([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "host", void 0);
-__decorate$w([
+__decorate$E([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "columns", void 0);
-__decorate$w([
+__decorate$E([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "dataSource", void 0);
-__decorate$w([
+__decorate$E([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "currentData", void 0);
-__decorate$w([
+__decorate$E([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "rowSelection", void 0);
-__decorate$w([
+__decorate$E([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "striped", void 0);
-__decorate$w([
+__decorate$E([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "rowDivider", void 0);
-__decorate$w([
+__decorate$E([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$w([
+__decorate$E([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "vegaTableRenderer", void 0);
-__decorate$w([
+__decorate$E([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "isTemplateRenderMode", void 0);
-__decorate$w([
+__decorate$E([
   InjectVegaSlimmer()
 ], VegaTableChildrenController.prototype, "currentDataObserver", void 0);
-__decorate$w([
+__decorate$E([
   InjectVegaSlimmer()
 ], VegaTableChildrenController.prototype, "rowStripedObserver", void 0);
-__decorate$w([
+__decorate$E([
   MapToComponentMethod('connectedCallback')
 ], VegaTableChildrenController.prototype, "connectedCallback", null);
-__decorate$w([
+__decorate$E([
   MapToComponentMethod('disconnectedCallback')
 ], VegaTableChildrenController.prototype, "disconnectedCallback", null);
-__decorate$w([
+__decorate$E([
   MapToComponentMethod('componentWillLoad')
 ], VegaTableChildrenController.prototype, "componentWillLoad", null);
-__decorate$w([
+__decorate$E([
   MapToComponentMethod('componentDidLoad')
 ], VegaTableChildrenController.prototype, "componentDidLoad", null);
-__decorate$w([
+__decorate$E([
   MapToComponentMethod('clearSelection')
 ], VegaTableChildrenController.prototype, "clearSelection", null);
-__decorate$w([
+__decorate$E([
+  MapToComponentMethod('watchCurrentData')
+], VegaTableChildrenController.prototype, "watchCurrentData", null);
+__decorate$E([
   MapToComponentMethod('watchStriped')
 ], VegaTableChildrenController.prototype, "watchStriped", null);
-__decorate$w([
+__decorate$E([
   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;
@@ -2293,26 +2317,26 @@ class VegaTableRowRenderer$1 extends VegaSlimmer {
     return editable ? (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([
   MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "rowClickEventEmitter", void 0);
-__decorate$v([
+__decorate$D([
   MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "vegaTableEditableController", void 0);
-__decorate$v([
+__decorate$D([
   MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "vegaTableCellRenderer", void 0);
-__decorate$v([
+__decorate$D([
   MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "striped", void 0);
-__decorate$v([
+__decorate$D([
   MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "rowDivider", void 0);
-__decorate$v([
+__decorate$D([
   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;
@@ -2368,25 +2392,25 @@ class VegaTableRenderModeController extends VegaSlimmer {
   componentDidLoad() {
   }
 }
-__decorate$u([
+__decorate$C([
   MapToComponentField()
 ], VegaTableRenderModeController.prototype, "host", void 0);
-__decorate$u([
+__decorate$C([
   MapToComponentField({ writable: true })
 ], VegaTableRenderModeController.prototype, "isTemplateRenderMode", void 0);
-__decorate$u([
+__decorate$C([
   InjectVegaSlimmer()
 ], VegaTableRenderModeController.prototype, "currentDataObserver", void 0);
-__decorate$u([
+__decorate$C([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRenderModeController.prototype, "connectedCallback", null);
-__decorate$u([
+__decorate$C([
   MapToComponentMethod('disconnectedCallback')
 ], VegaTableRenderModeController.prototype, "disconnectedCallback", null);
-__decorate$u([
+__decorate$C([
   MapToComponentMethod('componentWillLoad')
 ], VegaTableRenderModeController.prototype, "componentWillLoad", null);
-__decorate$u([
+__decorate$C([
   MapToComponentMethod('componentDidLoad')
 ], VegaTableRenderModeController.prototype, "componentDidLoad", null);
 
@@ -2655,7 +2679,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;
@@ -2698,25 +2722,25 @@ class VegaTableColumnStructureModelController extends VegaSlimmer {
     this.columnStructureModel = ColumnStructureModel.from(this.columns, this.groupColumns);
   }
 }
-__decorate$t([
+__decorate$B([
   MapToComponentField()
 ], VegaTableColumnStructureModelController.prototype, "host", void 0);
-__decorate$t([
+__decorate$B([
   MapToComponentField()
 ], VegaTableColumnStructureModelController.prototype, "columns", void 0);
-__decorate$t([
+__decorate$B([
   MapToComponentField()
 ], VegaTableColumnStructureModelController.prototype, "groupColumns", void 0);
-__decorate$t([
+__decorate$B([
   MapToComponentField({ writable: true })
 ], VegaTableColumnStructureModelController.prototype, "columnStructureModel", void 0);
-__decorate$t([
+__decorate$B([
   MapToComponentMethod('componentWillLoad')
 ], VegaTableColumnStructureModelController.prototype, "componentWillLoad", null);
-__decorate$t([
+__decorate$B([
   MapToComponentMethod('watchColumns')
 ], VegaTableColumnStructureModelController.prototype, "watchColumns", null);
-__decorate$t([
+__decorate$B([
   MapToComponentMethod('watchGroupColumns')
 ], VegaTableColumnStructureModelController.prototype, "watchGroupColumns", null);
 
@@ -2937,7 +2961,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;
@@ -3082,29 +3106,29 @@ class VegaTableRenderInputController extends VegaSlimmer {
     this.leavesRenderInputModels = this.columnRenderInputModels.flatMap((model) => model.getLeaves());
   }
 }
-__decorate$s([
+__decorate$A([
   MapToComponentField()
 ], VegaTableRenderInputController.prototype, "host", void 0);
-__decorate$s([
+__decorate$A([
   MapToComponentField()
 ], VegaTableRenderInputController.prototype, "columnStructureModel", void 0);
-__decorate$s([
+__decorate$A([
   MapToComponentField()
 ], VegaTableRenderInputController.prototype, "vegaTableColGroupRenderer", void 0);
-__decorate$s([
+__decorate$A([
   MapToComponentMethod('connectedCallback')
 ], VegaTableRenderInputController.prototype, "connectedCallback", null);
-__decorate$s([
+__decorate$A([
   MapToComponentMethod('disconnectedCallback')
 ], VegaTableRenderInputController.prototype, "disconnectedCallback", null);
-__decorate$s([
+__decorate$A([
   MapToComponentMethod('componentWillLoad')
 ], VegaTableRenderInputController.prototype, "componentWillLoad", null);
-__decorate$s([
+__decorate$A([
   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;
@@ -3253,31 +3277,31 @@ class VegaTablePinnedRenderer extends VegaSlimmer {
     cell.style[type] = `${position}px`;
   }
 }
-__decorate$r([
+__decorate$z([
   MapToComponentField()
 ], VegaTablePinnedRenderer.prototype, "host", void 0);
-__decorate$r([
+__decorate$z([
   MapToComponentField()
 ], VegaTablePinnedRenderer.prototype, "columnStructureModel", void 0);
-__decorate$r([
+__decorate$z([
   MapToComponentField()
 ], VegaTablePinnedRenderer.prototype, "paddingX", void 0);
-__decorate$r([
+__decorate$z([
   MapToComponentField()
 ], VegaTablePinnedRenderer.prototype, "vegaTableRenderInputController", void 0);
-__decorate$r([
+__decorate$z([
   InjectVegaSlimmer()
 ], VegaTablePinnedRenderer.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate$r([
+__decorate$z([
   MapToComponentMethod('componentDidLoad')
 ], VegaTablePinnedRenderer.prototype, "componentDidLoad", null);
-__decorate$r([
+__decorate$z([
   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);
@@ -3746,134 +3770,134 @@ const VegaTable = class {
     "scrollConfig": ["watchScrollConfig"]
   }; }
 };
-__decorate$q([
+__decorate$y([
   InjectVegaGlobalSlimmer()
 ], VegaTable.prototype, "globalSlimmers", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "translationSlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRenderModeController", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableColumnStructureModelController", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRenderInputController", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTablePinnedRenderer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRenderer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableHeaderRenderer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableBodyRenderer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRowRenderer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableCellRenderer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTablePaginationRenderer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableScrollContainerRenderer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableExpandRowController", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRowSelectionController", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableDataSourceController", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTablePaginationController", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableEditableController", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableSortController", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableColGroupRenderer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableChildrenController", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowSelectionNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowExpandableNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "paddingXNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowClickableNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "scrollConfigNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "eventsPrevent", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "changeEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "selectChangeEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "selectAllChangeEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowClickEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowExpandEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowDividerNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "columnDividerNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "densityNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "isTemplateRenderModeNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "currentDataNotifySlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$q([
+__decorate$y([
   InjectVegaSlimmer()
 ], VegaTable.prototype, "rowSelectEventEmitter", void 0);
-__decorate$q([
+__decorate$y([
   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);
@@ -3895,13 +3919,13 @@ const VegaTableBody = class {
   }
   get host() { return getElement(this); }
 };
-__decorate$p([
+__decorate$x([
   InjectVegaGlobalSlimmer()
 ], VegaTableBody.prototype, "globalSlimmers", void 0);
-__decorate$p([
+__decorate$x([
   InjectVegaSlimmer()
 ], VegaTableBody.prototype, "childChangeEventPrevent", void 0);
-__decorate$p([
+__decorate$x([
   InjectVegaSlimmer()
 ], VegaTableBody.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
 VegaTableBody.style = vegaTableBodyCss;
@@ -3950,7 +3974,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;
@@ -3989,20 +4013,20 @@ class VegaTableCellStateController extends SubStateObserverSlimmer {
     });
   }
 }
-__decorate$o([
+__decorate$w([
   MapToComponentField()
 ], VegaTableCellStateController.prototype, "host", void 0);
-__decorate$o([
+__decorate$w([
   MapToComponentField({ writable: true })
 ], VegaTableCellStateController.prototype, "density", void 0);
-__decorate$o([
+__decorate$w([
   MapToComponentField({ writable: true })
 ], VegaTableCellStateController.prototype, "columnDivider", void 0);
-__decorate$o([
+__decorate$w([
   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;
@@ -4037,22 +4061,22 @@ class VegaTableRowStateSubscriber extends SubStateObserverSlimmer {
     });
   }
 }
-__decorate$n([
+__decorate$v([
   MapToComponentField({ writable: true })
 ], VegaTableRowStateSubscriber.prototype, "checked", void 0);
-__decorate$n([
+__decorate$v([
   MapToComponentField({ writable: true })
 ], VegaTableRowStateSubscriber.prototype, "expanded", void 0);
-__decorate$n([
+__decorate$v([
   MapToComponentField({ writable: true })
 ], VegaTableRowStateSubscriber.prototype, "striped", void 0);
-__decorate$n([
+__decorate$v([
   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);
@@ -4124,24 +4148,24 @@ const VegaTableCell = class {
   }
   get host() { return getElement(this); }
 };
-__decorate$m([
+__decorate$u([
   InjectVegaGlobalSlimmer()
 ], VegaTableCell.prototype, "globalSlimmers", void 0);
-__decorate$m([
+__decorate$u([
   InjectVegaSlimmer()
 ], VegaTableCell.prototype, "vegaTableCellStateController", void 0);
-__decorate$m([
+__decorate$u([
   InjectVegaSlimmer()
 ], VegaTableCell.prototype, "vegaTableRowStateSubscriber", void 0);
-__decorate$m([
+__decorate$u([
   InjectVegaSlimmer()
 ], VegaTableCell.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate$m([
+__decorate$u([
   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;
@@ -4162,26 +4186,26 @@ class VegaTableExpandRowRenderer extends VegaSlimmer {
       h("td", null)));
   }
 }
-__decorate$l([
+__decorate$t([
   MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "host", void 0);
-__decorate$l([
+__decorate$t([
   MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "rowKey", void 0);
-__decorate$l([
+__decorate$t([
   MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "expanded", void 0);
-__decorate$l([
+__decorate$t([
   MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "checked", void 0);
-__decorate$l([
+__decorate$t([
   MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "colSpan", void 0);
-__decorate$l([
+__decorate$t([
   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;
@@ -4224,19 +4248,19 @@ class VegaTableExpandRowExpandController extends VegaSlimmer {
     }
   }
 }
-__decorate$k([
+__decorate$s([
   MapToComponentField()
 ], VegaTableExpandRowExpandController.prototype, "host", void 0);
-__decorate$k([
+__decorate$s([
   MapToComponentField()
 ], VegaTableExpandRowExpandController.prototype, "rowKey", void 0);
-__decorate$k([
+__decorate$s([
   MapToComponentField({ writable: true })
 ], VegaTableExpandRowExpandController.prototype, "expanded", void 0);
-__decorate$k([
+__decorate$s([
   MapToComponentMethod('connectedCallback')
 ], VegaTableExpandRowExpandController.prototype, "connectedCallback", null);
-__decorate$k([
+__decorate$s([
   MapToComponentMethod('disconnectedCallback')
 ], VegaTableExpandRowExpandController.prototype, "disconnectedCallback", null);
 
@@ -4260,7 +4284,7 @@ function isAcceptableTableObserver(input) {
   return input['host']['tagName'] === 'VEGA-TABLE' && input['host'] === 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;
@@ -4288,23 +4312,23 @@ class VegaTableExpandRowSelectionController extends VegaSlimmer {
     ChangeManager.unregister(TABLE_ROW_SELECTION, this.rowSelectionObserver);
   }
 }
-__decorate$j([
+__decorate$r([
   MapToComponentField({ writable: true })
 ], VegaTableExpandRowSelectionController.prototype, "checked", void 0);
-__decorate$j([
+__decorate$r([
   MapToComponentField()
 ], VegaTableExpandRowSelectionController.prototype, "host", void 0);
-__decorate$j([
+__decorate$r([
   MapToComponentField()
 ], VegaTableExpandRowSelectionController.prototype, "rowKey", void 0);
-__decorate$j([
+__decorate$r([
   MapToComponentMethod('connectedCallback')
 ], VegaTableExpandRowSelectionController.prototype, "connectedCallback", null);
-__decorate$j([
+__decorate$r([
   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;
@@ -4337,17 +4361,17 @@ class VegaTableExpandRowStateController extends SubStateObserverSlimmer {
     });
   }
 }
-__decorate$i([
+__decorate$q([
   MapToComponentField()
 ], VegaTableExpandRowStateController.prototype, "host", void 0);
-__decorate$i([
+__decorate$q([
   MapToComponentField({ writable: true })
 ], VegaTableExpandRowStateController.prototype, "withMultipleSelection", void 0);
-__decorate$i([
+__decorate$q([
   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;
@@ -4412,28 +4436,28 @@ class VegaTableExpandRowColSpanController extends VegaSlimmer {
     }).length;
   }
 }
-__decorate$h([
+__decorate$p([
   MapToComponentField()
 ], VegaTableExpandRowColSpanController.prototype, "host", void 0);
-__decorate$h([
+__decorate$p([
   MapToComponentField({ writable: true })
 ], VegaTableExpandRowColSpanController.prototype, "colSpan", void 0);
-__decorate$h([
+__decorate$p([
   MapToComponentField()
 ], VegaTableExpandRowColSpanController.prototype, "withMultipleSelection", void 0);
-__decorate$h([
+__decorate$p([
   MapToComponentMethod('componentWillLoad')
 ], VegaTableExpandRowColSpanController.prototype, "componentWillLoad", null);
-__decorate$h([
+__decorate$p([
   MapToComponentMethod('watchCurrentBreakpoint')
 ], VegaTableExpandRowColSpanController.prototype, "watchCurrentBreakpoint", null);
-__decorate$h([
+__decorate$p([
   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);
@@ -4483,32 +4507,432 @@ const VegaTableExpandRow = class {
     "withMultipleSelection": ["watchWithMultipleSelection"]
   }; }
 };
-__decorate$g([
+__decorate$o([
   InjectVegaGlobalSlimmer()
 ], VegaTableExpandRow.prototype, "globalSlimmers", void 0);
-__decorate$g([
+__decorate$o([
   InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowRenderer", void 0);
-__decorate$g([
+__decorate$o([
   InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowExpandController", void 0);
-__decorate$g([
+__decorate$o([
   InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowSelectionController", void 0);
-__decorate$g([
+__decorate$o([
   InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowStateController", void 0);
-__decorate$g([
+__decorate$o([
   InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowColSpanController", void 0);
-__decorate$g([
+__decorate$o([
   InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate$g([
+__decorate$o([
   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 {
+  // 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() {
+    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) {
+      InternalVegaZIndexManager.removeZIndex(this.tableFootRef, 'base');
+    }
+    if (this.fixed) {
+      InternalVegaZIndexManager.setZIndex(ref, 'base');
+    }
+    this.tableFootRef = ref;
+  }
+}
+__decorate$n([
+  MapToComponentField()
+], VegaTableFootStateController.prototype, "host", void 0);
+__decorate$n([
+  MapToComponentField({ writable: true })
+], VegaTableFootStateController.prototype, "fixed", void 0);
+__decorate$n([
+  MapToComponentField({ writable: true })
+], VegaTableFootStateController.prototype, "rowDivider", void 0);
+__decorate$n([
+  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) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaTableFootStateController = new VegaTableFootStateController();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.childChangeEventPrevent = new ChildNodesEventPreventSlimmer([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 sanitizeVegaComponent(h(Host, { class: {
+        'fixed-footer': this.fixed,
+        'row-divider': this.rowDivider,
+      }, ref: (ref) => this.vegaTableFootStateController.handleTableFootRefChange(ref) }, h("tfoot", null, h("slot", null))), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate$m([
+  InjectVegaGlobalSlimmer()
+], VegaTableFoot.prototype, "globalSlimmers", void 0);
+__decorate$m([
+  InjectVegaSlimmer()
+], VegaTableFoot.prototype, "vegaTableFootStateController", void 0);
+__decorate$m([
+  InjectVegaSlimmer()
+], VegaTableFoot.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate$m([
+  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 {
+  // 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([
+  MapToComponentField({ writable: true })
+], VegaTableFootCellStateController.prototype, "density", void 0);
+__decorate$l([
+  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 VegaSlimmer {
+  render() {
+    return (h("td", { class: {
+        'vega-table-cell': true,
+        'break-word': !FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE'),
+        [generateResponsiveClass(this.breakpoint, 'v-table-cell')]: true,
+      } },
+      h("div", { class: arrayToClassString(['vega-table-column', this.textAlign]) },
+        h("span", { class: "vega-table-column-label" },
+          h("slot", null)))));
+  }
+}
+__decorate$k([
+  MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "host", void 0);
+__decorate$k([
+  MapToComponentField()
+], VegaTableFootCellRenderer.prototype, "breakpoint", void 0);
+__decorate$k([
+  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) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaTableFootCellStateController = new VegaTableFootCellStateController();
+    this.vegaTableFootCellRenderer = new VegaTableFootCellRenderer();
+    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.currentBreakpoint = getCurrentBreakpoint();
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, { class: {
+        [`density-${ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+        'column-divider': this.columnDivider,
+      }, style: { width: this.width } }, this.vegaTableFootCellRenderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate$j([
+  InjectVegaGlobalSlimmer()
+], VegaTableFootCell.prototype, "globalSlimmers", void 0);
+__decorate$j([
+  InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "vegaTableFootCellStateController", void 0);
+__decorate$j([
+  InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "vegaTableFootCellRenderer", void 0);
+__decorate$j([
+  InjectVegaSlimmer()
+], VegaTableFootCell.prototype, "pageResizeObserverSlimmer", void 0);
+__decorate$j([
+  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 VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.renderFooterSelectionCell = () => {
+      if (this.selectionType !== 'multiple')
+        return;
+      return h("td", { class: "vega-table-selection-column" });
+    };
+    this.renderFooterExpandableCell = () => {
+      return this.expandable && h("td", { class: "vega-table-expand-action-column" });
+    };
+  }
+  render() {
+    return (h("tr", null,
+      h("td", { style: { width: this.paddingX[0] } }),
+      this.renderFooterSelectionCell(),
+      h("slot", null),
+      this.renderFooterExpandableCell(),
+      h("td", { style: { width: this.paddingX[1] } })));
+  }
+}
+__decorate$i([
+  MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "host", void 0);
+__decorate$i([
+  MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "paddingX", void 0);
+__decorate$i([
+  MapToComponentField()
+], VegaTableFootRowRenderer.prototype, "selectionType", void 0);
+__decorate$i([
+  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 {
+  // 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([
+  MapToComponentField()
+], VegaTableFootRowStateController.prototype, "host", void 0);
+__decorate$h([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "selectionType", void 0);
+__decorate$h([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "paddingX", void 0);
+__decorate$h([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "columnDivider", void 0);
+__decorate$h([
+  MapToComponentField({ writable: true })
+], VegaTableFootRowStateController.prototype, "density", void 0);
+__decorate$h([
+  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) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaTableFootRowStateController = new VegaTableFootRowStateController();
+    this.vegaTableFootRowRenderer = new VegaTableFootRowRenderer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
+    this.currentBreakpoint = getCurrentBreakpoint();
+    /**
+     * Indicates whether the row is expandable.
+     */
+    this.expandable = false;
+  }
+  render() {
+    slotPlaceholder(h("slot", null));
+    return sanitizeVegaComponent(h(Host, { class: {
+        'column-divider': this.columnDivider,
+        [`density-${ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+      } }, this.vegaTableFootRowRenderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate$g([
+  InjectVegaGlobalSlimmer()
+], VegaTableFootRow.prototype, "globalSlimmers", void 0);
+__decorate$g([
+  InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaTableFootRowStateController", void 0);
+__decorate$g([
+  InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaTableFootRowRenderer", void 0);
+__decorate$g([
+  InjectVegaSlimmer()
+], VegaTableFootRow.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate$g([
+  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);
@@ -5849,4 +6273,4 @@ __decorate([
 ], VegaTableRow.prototype, "rowDividerNotifySlimmer", void 0);
 VegaTableRow.style = vegaTableRowCss;
 
-export { VegaTable as vega_table, VegaTableBody as vega_table_body, VegaTableCell as vega_table_cell, VegaTableExpandRow as vega_table_expand_row, VegaTableHead as vega_table_head, VegaTableHeadCell as vega_table_head_cell, VegaTableHeadRow as vega_table_head_row, VegaTableRow as vega_table_row };
+export { VegaTable as vega_table, VegaTableBody as vega_table_body, VegaTableCell as vega_table_cell, VegaTableExpandRow as vega_table_expand_row, VegaTableFoot as vega_table_foot, VegaTableFootCell as vega_table_foot_cell, VegaTableFootRow as vega_table_foot_row, VegaTableHead as vega_table_head, VegaTableHeadCell as vega_table_head_cell, VegaTableHeadRow as vega_table_head_row, VegaTableRow as vega_table_row };