@globalpayments/vega 2.26.0 → 2.27.0

package/dist/cjs/vega-table_8.cjs.entry.js

@@ -8,41 +8,43 @@ const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const object = require('./object-bbd4ed7f.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
+const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-08f33116.js');
-const remoteInvocationRegistry = require('./remote-invocation-registry-162044d5.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-c98e9a7d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const typeGuard = require('./type-guard-4d05d4b2.js');
-const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
+const typeGuard = require('./type-guard-a07b353b.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7bc51a43.js');
 const component = require('./component-73a88c4e.js');
-const misc = require('./misc-3d30df91.js');
-const breakpoints = require('./breakpoints-cb3291ba.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
+const breakpoints = require('./breakpoints-7e2dff90.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-79b60f28.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-58217668.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc557cb3.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-832a4215.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
 const immutableMap = require('./immutable-map-adf398cc.js');
-const featureFlagController = require('./feature-flag-controller-e031c341.js');
+const translationSlimmer = require('./translation-slimmer-8ebf126d.js');
+const featureFlagController = require('./feature-flag-controller-078da332.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
+const internalIconManager = require('./internal-icon-manager-858baff1.js');
 const chevronDown = require('./chevron-down-ca2fa88e.js');
-require('./ui-077fc009.js');
+require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
-require('./array-6e559cde.js');
 require('./dynamic-slimmer-f31fdfd7.js');
+require('./array-6e559cde.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
+require('./translation-77e9ccce.js');
 require('./index-5792390b.js');
-require('./icon-manager-2c3cf5ba.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+require('./icon-manager-5a2b67cf.js');
 
 /**
  * Immutable Set cannot be changed once created
@@ -151,7 +153,7 @@ const VegaTableEditableFieldTypes = [
   'time-picker',
 ];
 
-var __decorate$D = (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;
@@ -240,17 +242,17 @@ class VegaTableCellRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return (index.h("vega-table-cell", { key: columnKey, textAlign: column.align, breakpoint: column.breakpoint, overflow: column.overflow }, this.renderTableCellContent(column, record, index$1)));
   }
 }
-__decorate$D([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableCellRenderer.prototype, "rowKey", void 0);
-__decorate$D([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableCellRenderer.prototype, "vegaTableDataSourceController", void 0);
-__decorate$D([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableCellRenderer.prototype, "vegaTableEditableController", void 0);
 
-var __decorate$C = (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;
@@ -417,7 +419,7 @@ class VegaTableExpandRowController extends globalSlimmerRegistry.VegaSlimmer {
    * Initializes row expand observer
    */
   initRowExpandObserver() {
-    this.expandObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableTableRowObserver.bind({ host: this.host }), (payload) => {
+    this.expandObserver = new observer.Observer(this.isAcceptableTableRowObserver.bind({ host: this.host }), (payload) => {
       if (payload.expanded) {
         this.expandedRowKeySet.add(payload.rowKey);
       }
@@ -445,47 +447,47 @@ class VegaTableExpandRowController extends globalSlimmerRegistry.VegaSlimmer {
   }
 }
 VegaTableExpandRowController.expandRowSlotNamePrefix = 'vega-table-expand-row-';
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowController.prototype, "host", void 0);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowController.prototype, "expandedRowKeySet", void 0);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowController.prototype, "rowExpandable", void 0);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowController.prototype, "rowExpandEventEmitter", void 0);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableExpandRowController.prototype, "connectedCallback", null);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableExpandRowController.prototype, "disconnectedCallback", null);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaTableExpandRowController.prototype, "componentDidLoad", null);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentMethod('toggleExpandRow')
 ], VegaTableExpandRowController.prototype, "toggleExpandRow", void 0);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentMethod('openExpandRow')
 ], VegaTableExpandRowController.prototype, "openExpandRow", void 0);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentMethod('closeExpandRow')
 ], VegaTableExpandRowController.prototype, "closeExpandRow", void 0);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentMethod('closeAllExpandRow')
 ], VegaTableExpandRowController.prototype, "closeAllExpandRow", void 0);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentMethod('watchRowExpandable')
 ], VegaTableExpandRowController.prototype, "watchRowExpandable", null);
 
-var __decorate$B = (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;
@@ -767,7 +769,7 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
    * The function initializes a row selection.
    */
   initRowSelection() {
-    this.rowSelectionObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableRowSelectionObserver.bind(this), (payload) => {
+    this.rowSelectionObserver = new observer.Observer(this.isAcceptableRowSelectionObserver.bind(this), (payload) => {
       const { rowKey, checked } = payload;
       const record = this.vegaTableDataSourceController.getRecordByKey(rowKey);
       this.handleRowSelect(checked, record);
@@ -796,7 +798,7 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
    * The function initializes an observer for row selection all in a table
    */
   initRowSelectionAllObserver() {
-    this.rowSelectionAllObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableRowSelectionAllObserver.bind(this), (payload) => {
+    this.rowSelectionAllObserver = new observer.Observer(this.isAcceptableRowSelectionAllObserver.bind(this), (payload) => {
       this.handleSelectAll(payload.checked);
     });
     changeManager.ChangeManager.register(staticSubjectTitle.TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
@@ -805,7 +807,7 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
    * The function initializes a row click observer that handles row selection in a table.
    */
   initRowClickObserver() {
-    this.rowClickObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableRowClickObserver.bind(this), (payload) => {
+    this.rowClickObserver = new observer.Observer(this.isAcceptableRowClickObserver.bind(this), (payload) => {
       if (this.getRowSelectionType() === 'single') {
         const record = this.vegaTableDataSourceController.getRecordByKey(payload.rowKey);
         this.handleSingleRowSelect(record);
@@ -824,68 +826,68 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
       this.host === ui.findParent(input['host'], 'vega-table'));
   }
 }
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "host", void 0);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRowSelectionController$1.prototype, "isSelectedAll", void 0);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "selectedRowKeySet", void 0);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRowSelectionController$1.prototype, "rowSelection", void 0);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "rowKey", void 0);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "selectChangeEventEmitter", void 0);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "selectAllChangeEventEmitter", void 0);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "vegaTableDataSourceController", void 0);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "rowSelectEventEmitter", void 0);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowSelectionController$1.prototype, "rowSelectAllEventEmitter", void 0);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableRowSelectionController$1.prototype, "connectedCallback", null);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableRowSelectionController$1.prototype, "disconnectedCallback", null);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableRowSelectionController$1.prototype, "componentWillLoad", null);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('watchRowSelection')
 ], VegaTableRowSelectionController$1.prototype, "watchRowSelection", null);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('setSelection')
 ], VegaTableRowSelectionController$1.prototype, "setSelection", null);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('watchCurrentData')
 ], VegaTableRowSelectionController$1.prototype, "watchCurrentData", null);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('clearSelection')
 ], VegaTableRowSelectionController$1.prototype, "clearSelection", null);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('getSelection')
 ], VegaTableRowSelectionController$1.prototype, "getSelection", null);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectedRowKeySet')
 ], VegaTableRowSelectionController$1.prototype, "watchSelectedRowKeySet", null);
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectedAll')
 ], VegaTableRowSelectionController$1.prototype, "watchSelectedAll", null);
 
-var __decorate$A = (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;
@@ -1025,41 +1027,41 @@ class VegaTableDataSourceController extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "rowKey", void 0);
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableDataSourceController.prototype, "currentData", void 0);
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableDataSourceController.prototype, "dataSource", void 0);
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "columns", void 0);
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "sortersMap", void 0);
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "vegaTableSortController", void 0);
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "vegaTableRenderer", void 0);
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableDataSourceController.prototype, "isTemplateRenderMode", void 0);
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableDataSourceController.prototype, "componentWillLoad", null);
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentMethod('watchSortersMap')
 ], VegaTableDataSourceController.prototype, "watchSortersMap", null);
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentMethod('watchDataSource')
 ], VegaTableDataSourceController.prototype, "watchDataSource", null);
 
-var __decorate$z = (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;
@@ -1096,35 +1098,35 @@ class VegaTableBodyRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return editable ? (index.h("vega-form", { ref: (ref) => (this.tableFormRef = ref) }, this.renderTableBody(editable))) : (this.renderTableBody(false));
   }
 }
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "striped", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "columns", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "currentBreakpoint", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "rowExpandable", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "rowClickable", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTableDataSourceController", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTablePaginationController", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTableRowSelectionController", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "vegaTableRowRenderer", void 0);
 
-var __decorate$y = (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;
@@ -1153,26 +1155,26 @@ class VegaTableHeaderRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("vega-table-head-row", { hideSelectAll: (_a = this.rowSelection) === null || _a === void 0 ? void 0 : _a.hideSelectAll }, this.renderHeaderColumnCells()))));
   }
 }
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "showHeader", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "sortersMap", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "columns", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "rowSelection", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "vegaTableSortController", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "vegaTableDataSourceController", void 0);
 
-var __decorate$x = (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);
   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;
@@ -1238,19 +1240,19 @@ class VegaTablePaginationRenderer extends globalSlimmerRegistry.VegaSlimmer {
         ref: this.paginationRefCallback }))));
   }
 }
-__decorate$x([
+__decorate$y([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "pagination", void 0);
-__decorate$x([
+__decorate$y([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "pageSize", void 0);
-__decorate$x([
+__decorate$y([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "currentPage", void 0);
-__decorate$x([
+__decorate$y([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "vegaTablePaginationController", void 0);
-__decorate$x([
+__decorate$y([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "vegaTableDataSourceController", void 0);
 
@@ -1276,7 +1278,7 @@ const VegaTableScrollableContainer = ({ scrollConfig = {}, ref }, children) => {
     onScroll: handleVerticalScroll }, children));
 };
 
-var __decorate$w = (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);
   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;
@@ -1301,14 +1303,14 @@ class VegaTableScrollContainerRenderer extends globalSlimmerRegistry.VegaSlimmer
     this.tableScrollContainerRef = ref;
   }
 }
-__decorate$w([
+__decorate$x([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableScrollContainerRenderer.prototype, "scrollConfig", void 0);
-__decorate$w([
+__decorate$x([
   globalSlimmerRegistry.MapToComponentMethod('watchCurrentPage')
 ], VegaTableScrollContainerRenderer.prototype, "watchCurrentPage", null);
 
-var __decorate$v = (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;
@@ -1332,7 +1334,7 @@ class VegaTableRenderer extends globalSlimmerRegistry.VegaSlimmer {
     };
     this.renderEmpty = () => {
       return (this.vegaTableDataSourceController.isCurrentDataEmpty() &&
-        this.emptyDescription && index.h("div", { class: "vega-table-empty-description" }, this.emptyDescription));
+        this.emptyDescription && (index.h("div", { class: "vega-table-empty-description" }, this.translationSlimmer.t(this.emptyDescription))));
     };
   }
   render() {
@@ -1348,56 +1350,59 @@ class VegaTableRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.renderEmpty()), this.host);
   }
 }
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "host", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "columns", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "emptyDescription", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "rowDivider", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "columnDivider", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "density", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "dataSource", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "striped", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableHeaderRenderer", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableBodyRenderer", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableColGroupRenderer", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableScrollContainerRenderer", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTablePaginationRenderer", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableDataSourceController", void 0);
-__decorate$v([
+__decorate$w([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableRenderer.prototype, "translationSlimmer", void 0);
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRenderer.prototype, "vegaTableChildrenController", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "isTemplateRenderMode", void 0);
 
-var __decorate$u = (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;
@@ -1461,23 +1466,23 @@ class VegaTablePaginationController extends globalSlimmerRegistry.VegaSlimmer {
     return index >= start && index < end;
   }
 }
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationController.prototype, "pagination", void 0);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTablePaginationController.prototype, "pageSize", void 0);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTablePaginationController.prototype, "currentPage", void 0);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTablePaginationController.prototype, "componentWillLoad", null);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentMethod('watchPagination')
 ], VegaTablePaginationController.prototype, "watchPagination", null);
 
-var __decorate$t = (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);
   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;
@@ -1608,7 +1613,7 @@ class VegaTableEditableController extends globalSlimmerRegistry.VegaSlimmer {
     if (!this.canMethodBeInvokedInCurrentState('addNewRow')) {
       return;
     }
-    const rowKey = ((_a = record[this.rowKey]) === null || _a === void 0 ? void 0 : _a.toString()) || misc.generateUUID();
+    const rowKey = ((_a = record[this.rowKey]) === null || _a === void 0 ? void 0 : _a.toString()) || createPublicApiRuntimeMetricsSlimmer.generateUUID();
     const newRowItem = Object.assign({}, record);
     newRowItem[this.rowKey] = rowKey;
     this.vegaTableDataSourceController.setCurrentData([
@@ -1707,55 +1712,55 @@ class VegaTableEditableController extends globalSlimmerRegistry.VegaSlimmer {
   }
 }
 VegaTableEditableController.rowFormKeyPrefix = 'vega-table-row-form-';
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableEditableController.prototype, "editingRows", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableEditableController.prototype, "rowKey", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableEditableController.prototype, "columns", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableEditableController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableEditableController.prototype, "vegaTableBodyRenderer", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('saveAllEditRows')
 ], VegaTableEditableController.prototype, "saveAllEditRows", null);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('stopAllRowEditMode')
 ], VegaTableEditableController.prototype, "stopAllRowEditMode", null);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('watchDataSource')
 ], VegaTableEditableController.prototype, "watchDataSource", null);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('saveEditRow')
 ], VegaTableEditableController.prototype, "saveEditRow", null);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('stopRowEditMode')
 ], VegaTableEditableController.prototype, "stopRowEditMode", null);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('removeRow')
 ], VegaTableEditableController.prototype, "removeRow", null);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('startRowEditMode')
 ], VegaTableEditableController.prototype, "startRowEditMode", null);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('addNewRow')
 ], VegaTableEditableController.prototype, "addNewRow", null);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('getRowsData')
 ], VegaTableEditableController.prototype, "getRowsData", null);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('getEditingRowsKey')
 ], VegaTableEditableController.prototype, "getEditingRowsKey", null);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('getFormRef')
 ], VegaTableEditableController.prototype, "getFormRef", null);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('getRowData')
 ], VegaTableEditableController.prototype, "getRowData", null);
 
@@ -1801,7 +1806,7 @@ class VegaTableSorter {
   }
 }
 
-var __decorate$s = (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;
@@ -1871,26 +1876,26 @@ class VegaTableSortController extends globalSlimmerRegistry.VegaSlimmer {
     });
   }
 }
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableSortController.prototype, "sortersMap", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableSortController.prototype, "columns", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableSortController.prototype, "changeEventEmitter", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableSortController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableSortController.prototype, "sortConfig", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentMethod('watchColumns')
 ], VegaTableSortController.prototype, "watchColumns", null);
 
-var __decorate$r = (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;
@@ -1917,20 +1922,20 @@ class VegaTableColGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("col", { style: { minWidth: this.paddingX[1], width: this.paddingX[1] } })));
   }
 }
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "paddingX", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "columns", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "rowExpandable", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableColGroupRenderer.prototype, "vegaTableRowSelectionController", void 0);
 
-var __decorate$q = (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;
@@ -2085,59 +2090,59 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "host", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "columns", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "dataSource", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "currentData", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "rowSelection", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "striped", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "vegaTableDataSourceController", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "vegaTableRenderer", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "isTemplateRenderMode", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableChildrenController.prototype, "currentDataObserver", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableChildrenController.prototype, "rowStripedObserver", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableChildrenController.prototype, "connectedCallback", null);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableChildrenController.prototype, "disconnectedCallback", null);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableChildrenController.prototype, "componentWillLoad", null);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaTableChildrenController.prototype, "componentDidLoad", null);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentMethod('clearSelection')
 ], VegaTableChildrenController.prototype, "clearSelection", null);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentMethod('watchStriped')
 ], VegaTableChildrenController.prototype, "watchStriped", null);
 
-var __decorate$p = (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;
@@ -2166,23 +2171,23 @@ class VegaTableRowRenderer$1 extends globalSlimmerRegistry.VegaSlimmer {
     return editable ? (index.h("vega-form", { key: `vega-table-row-form-${rowKey}`, "data-vega-form": `${VegaTableEditableController.rowFormKeyPrefix}${rowKey}`, ref: (ref) => this.vegaTableEditableController.getRowFormRefMap().set(rowKey, ref) }, this.renderTableRowComponent(rowProps))) : (this.renderTableRowComponent(rowProps));
   }
 }
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "columns", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "rowClickEventEmitter", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "vegaTableEditableController", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "vegaTableCellRenderer", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "striped", void 0);
 
-var __decorate$o = (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;
@@ -2238,25 +2243,25 @@ class VegaTableRenderModeController extends globalSlimmerRegistry.VegaSlimmer {
   componentDidLoad() {
   }
 }
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderModeController.prototype, "host", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRenderModeController.prototype, "isTemplateRenderMode", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableRenderModeController.prototype, "currentDataObserver", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableRenderModeController.prototype, "connectedCallback", null);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableRenderModeController.prototype, "disconnectedCallback", null);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableRenderModeController.prototype, "componentWillLoad", null);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaTableRenderModeController.prototype, "componentDidLoad", null);
 
@@ -2289,7 +2294,7 @@ const VegaTableRuntimeMetricsPayloadDefinition = [
 
 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{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}}";
 
-var __decorate$n = (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);
@@ -2317,6 +2322,7 @@ const VegaTable = class {
     this.vegaRowSelectAll = index.createEvent(this, "vegaRowSelectAll", 7);
     this.rowSelectAll = index.createEvent(this, "rowSelectAll", 7);
     this.globalSlimmers = {};
+    this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaTableRenderModeController = new VegaTableRenderModeController();
     this.vegaTableRenderer = new VegaTableRenderer();
     this.vegaTableHeaderRenderer = new VegaTableHeaderRenderer();
@@ -2383,14 +2389,14 @@ const VegaTable = class {
     /**
      * Defines the columns of the table.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.columns = [];
     /**
      * Contains the data records to be rendered and
      *    displayed within the table.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.dataSource = [];
@@ -2401,7 +2407,7 @@ const VegaTable = class {
      * It allows users to select one or more rows in
      *    the table for further actions or processing.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.rowSelection = null;
@@ -2412,7 +2418,7 @@ const VegaTable = class {
     /**
      * Indicates whether the row is expandable.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.rowExpandable = false;
     /**
@@ -2420,65 +2426,65 @@ const VegaTable = class {
      *    If enabled, a `vegaRowClick` event will be
      *    dispatched when a row is clicked.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.rowClickable = false;
     /**
      * Specifies whether dividers should be displayed
      *    between rows in the table.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.rowDivider = false;
     /**
      * Specifies whether dividers should be displayed
      *    between columns in the table.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.columnDivider = false;
     /**
      * Specifies whether alternate colors should be applied
      *    to the rows of the table.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.striped = true;
     /**
      * Specifies the negative space within the table's cells.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.density = 'default';
     /**
      * Controls the amount of horizontal padding applied to the table.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.paddingX = ['8px', '8px'];
     /**
      * Specifies whether the table header should be displayed.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.showHeader = true;
     /**
      * Specifies the pagination configuration.
      *
-     * @version 1.5.0
+     * @vegaVersion 1.5.0
      */
     this.pagination = null;
     /**
      * Provides a customized message or description that is
      *    shown when the table's data source is empty.
      *
-     * @version 1.7.0
+     * @vegaVersion 1.7.0
      */
     this.emptyDescription = 'There is no data to display';
     /**
      * Defines a unique key for each row in the table.
      *
-     * @version 1.9.2
+     * @vegaVersion 1.9.2
      */
     this.rowKey = 'key';
     /**
@@ -2486,7 +2492,7 @@ const VegaTable = class {
      * Has optional property type: single | multiple
      * If not specified, it defaults to multiple column sorting
      *
-     * @version 2.22.0
+     * @vegaVersion 2.22.0
      */
     this.sortConfig = { type: 'multiple' };
   }
@@ -2531,7 +2537,7 @@ const VegaTable = class {
    *    revealing additional content.
    *
    * @param rowKey
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async openExpandRow(rowKey) {
   }
@@ -2539,14 +2545,14 @@ const VegaTable = class {
    * Invoke this method to close the expanded row with the specified `rowKey`.
    *
    * @param rowKey
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async closeExpandRow(rowKey) {
   }
   /**
    * Invoke this method to close all expanded rows.
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async closeAllExpandRow() {
   }
@@ -2556,7 +2562,7 @@ const VegaTable = class {
    *    collapsed and collapsing it if it is currently expanded.
    *
    * @param rowKey
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async toggleExpandRow(rowKey) {
   }
@@ -2564,7 +2570,7 @@ const VegaTable = class {
    * Invoke this method to clear the selected row keys,
    *    removing any current selection.
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async clearSelection() {
   }
@@ -2573,7 +2579,7 @@ const VegaTable = class {
    *    provided an array or list of the keys representing
    *    the currently selected rows.
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async getSelection() {
     return placeholder.methodPlaceholder();
@@ -2584,7 +2590,7 @@ const VegaTable = class {
    *    the desired selected rows.
    *
    * @param {string[]} keys - Row keys to be set as selected.
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async setSelection(keys) {
   }
@@ -2594,7 +2600,7 @@ const VegaTable = class {
    *
    * @VegaWarning Note: This method only works with editable tables.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   async startRowEditMode(rowKey) {
   }
@@ -2604,7 +2610,7 @@ const VegaTable = class {
    *
    * @VegaWarning Note: This method only works with editable tables.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   async stopRowEditMode(rowKey) {
   }
@@ -2615,7 +2621,7 @@ const VegaTable = class {
    *
    * @VegaWarning Note: This method only works with editable tables.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   async stopAllRowEditMode() {
   }
@@ -2628,7 +2634,7 @@ const VegaTable = class {
    *
    * @VegaWarning Note: This method only works with editable tables.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   async getRowData(rowKey) {
     return placeholder.methodPlaceholder(rowKey);
@@ -2640,7 +2646,7 @@ const VegaTable = class {
    *
    * @VegaWarning Note: This method only works with editable tables.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   async getRowsData() {
     return placeholder.methodPlaceholder();
@@ -2656,7 +2662,7 @@ const VegaTable = class {
    *
    * @VegaWarning Note: This method only works with editable tables.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   async getFormRef(rowKey) {
     return placeholder.methodPlaceholder(rowKey);
@@ -2669,7 +2675,7 @@ const VegaTable = class {
    *
    * @VegaWarning Note: This method only works with editable tables.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   async addNewRow(record = {}) {
     return placeholder.methodPlaceholder(record);
@@ -2683,7 +2689,7 @@ const VegaTable = class {
    *
    * @VegaWarning Note: This method only works with editable tables.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   async saveEditRow(rowKey) {
     return placeholder.methodPlaceholder(rowKey);
@@ -2695,7 +2701,7 @@ const VegaTable = class {
    *
    * @VegaWarning Note: This method only works with editable tables.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   async saveAllEditRows() {
   }
@@ -2705,7 +2711,7 @@ const VegaTable = class {
    *
    * @VegaWarning Note: This method only works with editable tables.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   async getEditingRowsKey() {
     return placeholder.methodPlaceholder();
@@ -2718,7 +2724,7 @@ const VegaTable = class {
    *
    * @VegaWarning Note: This method only works with editable tables.
    *
-   * @version 1.19.0
+   * @vegaVersion 1.19.0
    */
   async removeRow(rowKey) {
   }
@@ -2748,122 +2754,125 @@ const VegaTable = class {
     "scrollConfig": ["watchScrollConfig"]
   }; }
 };
-__decorate$n([
+__decorate$o([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaTable.prototype, "globalSlimmers", void 0);
-__decorate$n([
+__decorate$o([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTable.prototype, "translationSlimmer", void 0);
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRenderModeController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRenderer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableHeaderRenderer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableBodyRenderer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRowRenderer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableCellRenderer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTablePaginationRenderer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableScrollContainerRenderer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableExpandRowController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableRowSelectionController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableDataSourceController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTablePaginationController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableEditableController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableSortController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableColGroupRenderer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableChildrenController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowSelectionNotifySlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowExpandableNotifySlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "paddingXNotifySlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowClickableNotifySlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "scrollConfigNotifySlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "eventsPrevent", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "changeEventEmitter", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "selectChangeEventEmitter", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "selectAllChangeEventEmitter", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowClickEventEmitter", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowExpandEventEmitter", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowDividerNotifySlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "columnDividerNotifySlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "densityNotifySlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "isTemplateRenderModeNotifySlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "currentDataNotifySlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowSelectEventEmitter", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTable.prototype, "rowSelectAllEventEmitter", void 0);
 VegaTable.style = vegaTableCss;
 
 const vegaTableBodyCss = ":host{display:contents}";
 
-var __decorate$m = (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);
@@ -2885,13 +2894,13 @@ const VegaTableBody = class {
   }
   get host() { return index.getElement(this); }
 };
-__decorate$m([
+__decorate$n([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaTableBody.prototype, "globalSlimmers", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableBody.prototype, "childChangeEventPrevent", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableBody.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
 VegaTableBody.style = vegaTableBodyCss;
@@ -2940,7 +2949,7 @@ const generateColSpan = (columnLength, withMultipleSelection) => {
   return columnLength + (withMultipleSelection ? 2 : 1);
 };
 
-var __decorate$l = (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;
@@ -2963,13 +2972,13 @@ class VegaTableCellStateController extends subStateObserverSlimmer.SubStateObser
     });
   }
 }
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableCellStateController.prototype, "density", void 0);
 
 const vegaTableCellCss = ":host(.v-hidden){display:none}@media (min-width: 320px){:host(.S\\:v-table-cell){display:table-cell}}@media (min-width: 768px){:host(.M\\:v-table-cell){display:table-cell}}@media (min-width: 1024px){:host(.L\\:v-table-cell){display:table-cell}}@media (min-width: 1440px){:host(.XL\\:v-table-cell){display:table-cell}}:host{display:table-cell;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:left;vertical-align:middle}.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{display:block;padding:0px}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}";
 
-var __decorate$k = (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);
@@ -3011,21 +3020,21 @@ const VegaTableCell = class {
   }
   get host() { return index.getElement(this); }
 };
-__decorate$k([
+__decorate$l([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaTableCell.prototype, "globalSlimmers", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableCell.prototype, "vegaTableCellStateController", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableCell.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableCell.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
 VegaTableCell.style = vegaTableCellCss;
 
-var __decorate$j = (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;
@@ -3044,20 +3053,20 @@ class VegaTableExpandRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("td", null)));
   }
 }
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "rowKey", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "expanded", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "checked", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "colSpan", void 0);
 
-var __decorate$i = (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;
@@ -3071,7 +3080,7 @@ class VegaTableExpandRowExpandController extends globalSlimmerRegistry.VegaSlimm
    * Component lifecycle - [connectedCallback]{@link VegaTableExpandRow.connectedCallback}
    */
   connectedCallback() {
-    this.expandObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableTableExpandRowObserver.bind(this), (payload) => {
+    this.expandObserver = new observer.Observer(this.isAcceptableTableExpandRowObserver.bind(this), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.expanded = payload.expanded;
       }
@@ -3100,19 +3109,19 @@ class VegaTableExpandRowExpandController extends globalSlimmerRegistry.VegaSlimm
     }
   }
 }
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowExpandController.prototype, "host", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowExpandController.prototype, "rowKey", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableExpandRowExpandController.prototype, "expanded", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableExpandRowExpandController.prototype, "connectedCallback", null);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableExpandRowExpandController.prototype, "disconnectedCallback", null);
 
@@ -3136,7 +3145,7 @@ function isAcceptableTableObserver(input) {
   return input['host']['tagName'] === 'VEGA-TABLE' && input['host'] === ui.findParent(this.host, 'vega-table');
 }
 
-var __decorate$h = (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;
@@ -3150,7 +3159,7 @@ class VegaTableExpandRowSelectionController extends globalSlimmerRegistry.VegaSl
    * Component lifecycle - [connectedCallback]{@link VegaTableExpandRow.connectedCallback}
    */
   connectedCallback() {
-    this.rowSelectionObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
+    this.rowSelectionObserver = new observer.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.checked = payload.checked;
       }
@@ -3164,23 +3173,23 @@ class VegaTableExpandRowSelectionController extends globalSlimmerRegistry.VegaSl
     changeManager.ChangeManager.unregister(staticSubjectTitle.TABLE_ROW_SELECTION, this.rowSelectionObserver);
   }
 }
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableExpandRowSelectionController.prototype, "checked", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowSelectionController.prototype, "host", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowSelectionController.prototype, "rowKey", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTableExpandRowSelectionController.prototype, "connectedCallback", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTableExpandRowSelectionController.prototype, "disconnectedCallback", null);
 
-var __decorate$g = (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;
@@ -3213,17 +3222,17 @@ class VegaTableExpandRowStateController extends subStateObserverSlimmer.SubState
     });
   }
 }
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowStateController.prototype, "host", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableExpandRowStateController.prototype, "withMultipleSelection", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowStateController.prototype, "vegaTableExpandRowColSpanController", void 0);
 
-var __decorate$f = (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;
@@ -3288,28 +3297,28 @@ class VegaTableExpandRowColSpanController extends globalSlimmerRegistry.VegaSlim
     }).length;
   }
 }
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowColSpanController.prototype, "host", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableExpandRowColSpanController.prototype, "colSpan", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowColSpanController.prototype, "withMultipleSelection", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableExpandRowColSpanController.prototype, "componentWillLoad", null);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('watchCurrentBreakpoint')
 ], VegaTableExpandRowColSpanController.prototype, "watchCurrentBreakpoint", null);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('watchWithMultipleSelection')
 ], VegaTableExpandRowColSpanController.prototype, "watchWithMultipleSelection", null);
 
 const vegaTableExpandRowCss = ":host{display:contents}:host([data-striped=striped]) .vega-table-expanded-row: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))}";
 
-var __decorate$e = (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);
@@ -3359,33 +3368,33 @@ const VegaTableExpandRow = class {
     "withMultipleSelection": ["watchWithMultipleSelection"]
   }; }
 };
-__decorate$e([
+__decorate$f([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaTableExpandRow.prototype, "globalSlimmers", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowRenderer", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowExpandController", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowSelectionController", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowStateController", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaTableExpandRowColSpanController", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableExpandRow.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
 VegaTableExpandRow.style = vegaTableExpandRowCss;
 
-var __decorate$d = (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;
@@ -3413,16 +3422,16 @@ class VegaTableHeadStateController extends subStateObserverSlimmer.SubStateObser
     });
   }
 }
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableHeadStateController.prototype, "host", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableHeadStateController.prototype, "fixed", void 0);
 
 const vegaTableHeadCss = ":host{display:table-header-group;border-top-right-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-bottom-left-radius:12px}:host thead{display:contents}:host(.fixed-header){position:sticky;top:0px}";
 
-var __decorate$c = (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);
@@ -3463,21 +3472,21 @@ const VegaTableHead = class {
   }
   get host() { return index.getElement(this); }
 };
-__decorate$c([
+__decorate$d([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaTableHead.prototype, "globalSlimmers", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableHead.prototype, "vegaTableHeadStateController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableHead.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableHead.prototype, "headCellEventPrevent", void 0);
 VegaTableHead.style = vegaTableHeadCss;
 
-var __decorate$b = (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;
@@ -3500,11 +3509,59 @@ class VegaTableHeadCellStateController extends subStateObserverSlimmer.SubStateO
     });
   }
 }
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableHeadCellStateController.prototype, "density", void 0);
 
-const vegaTableHeadCellCss = ":host(.v-hidden){display:none}@media (min-width: 320px){:host(.S\\:v-table-cell){display:table-cell}}@media (min-width: 768px){:host(.M\\:v-table-cell){display:table-cell}}@media (min-width: 1024px){:host(.L\\:v-table-cell){display:table-cell}}@media (min-width: 1440px){:host(.XL\\:v-table-cell){display:table-cell}}:host{display:table-cell;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}th{display:block;padding:0px;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){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}th.break-word{word-break:break-word}th.vega-table-cell.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vega-table-column{display:flex;align-items:center;justify-content:space-between}.vega-table-column-sorter{display:flex;flex-direction:column;gap:4px;margin-left:4px;cursor:pointer;outline:none}.vega-table-column-sorter span{display:inline-flex}.vega-table-column-sorter span.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.vega-table-column-label{flex-grow:1;min-width:0px}.vega-table-column-label.v-text-center{text-align:center}.vega-table-column-label.v-text-left{text-align:left}.vega-table-column-label.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}";
+const arrowUpArrowDown = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M489 377c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-55 55V56c0-13.3-10.7-24-24-24s-24 10.7-24 24V398.1l-55-55c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l96 96c9.4 9.4 24.6 9.4 33.9 0l96-96zM137 39c-9.4-9.4-24.6-9.4-33.9 0L7 135c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l55-55V456c0 13.3 10.7 24 24 24s24-10.7 24-24V113.9l55 55c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L137 39z"/></svg>`,
+};
+
+const circleArrowDown = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM127 281c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l71 71L232 136c0-13.3 10.7-24 24-24s24 10.7 24 24l0 182.1 71-71c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L273 393c-9.4 9.4-24.6 9.4-33.9 0L127 281z"/></svg>`,
+};
+
+const circleArrowUp = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM385 231c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-71-71V376c0 13.3-10.7 24-24 24s-24-10.7-24-24V193.9l-71 71c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L239 119c9.4-9.4 24.6-9.4 33.9 0L385 231z"/></svg>`,
+};
+
+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;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class SortIconRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  render() {
+    if (!this.sorter)
+      return;
+    const { icon, color } = SortIconRenderer.SORT_ICON_MAP[this.sortOrder || 'default'];
+    return (index.h("span", { class: "vega-table-column-sorter" },
+      index.h("vega-icon", { color: color, icon: internalIconManager.VegaInternalIconManager.getIconKey(icon), size: "size-12" })));
+  }
+}
+SortIconRenderer.SORT_ICON_MAP = {
+  asc: {
+    icon: 'circle-arrow-up',
+    color: 'text-link',
+  },
+  desc: {
+    icon: 'circle-arrow-down',
+    color: 'text-link',
+  },
+  default: {
+    icon: 'arrow-up-arrow-down',
+    color: 'text-secondary',
+  },
+};
+__decorate$b([
+  globalSlimmerRegistry.MapToComponentField()
+], SortIconRenderer.prototype, "sorter", void 0);
+__decorate$b([
+  globalSlimmerRegistry.MapToComponentField()
+], SortIconRenderer.prototype, "sortOrder", void 0);
+
+const vegaTableHeadCellCss = ":host(.v-hidden){display:none}@media (min-width: 320px){:host(.S\\:v-table-cell){display:table-cell}}@media (min-width: 768px){:host(.M\\:v-table-cell){display:table-cell}}@media (min-width: 1024px){:host(.L\\:v-table-cell){display:table-cell}}@media (min-width: 1440px){:host(.XL\\:v-table-cell){display:table-cell}}:host{display:table-cell;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}:host(.sortable){cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.sortable:hover){background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}th{display:block;padding:0px;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){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){th{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}th.break-word{word-break:break-word}.vega-table-column{display:flex;align-items:center}.vega-table-column.center{justify-content:center}.vega-table-column.right{justify-content:flex-end}.vega-table-column.left{justify-content:flex-start}.vega-table-column .vega-table-column-label{min-width:0px}.vega-table-column .vega-table-column-sorter{display:flex;align-items:center;justify-content:center;padding:2px;margin-left:8px;cursor:pointer;outline:none}:host(.density-default) .vega-table-cell{padding:12px}:host(.density-compact) .vega-table-cell{padding:4px}:host(.density-relaxed) .vega-table-cell{padding:16px}";
 
 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;
@@ -3526,19 +3583,12 @@ const VegaTableHeadCell = class {
     this.vegaTableHeadCellStateController = new VegaTableHeadCellStateController();
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.sortIconRenderer = new SortIconRenderer();
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     this.handleSort = (e) => {
       this.sortOrder = this.getNextSortOrder(this.sortOrder);
       this.clickEventEmitter.emit({ sortOrder: this.sortOrder }, e);
     };
-    this.renderSortIconButton = () => {
-      if (!this.sorter)
-        return;
-      return (index.h("div", { class: "vega-table-column-sorter" }, index.h("span", { class: this.isSortActive('asc') ? 'v-text-link' : '' }, index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-up'), size: "size-8" })), index.h("span", { class: this.isSortActive('desc') ? 'v-text-link' : '' }, index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-down'), size: "size-8" }))));
-    };
-    this.isSortActive = (order) => {
-      return this.sortOrder === order;
-    };
     /**
      * Get the next sorter order
      *
@@ -3562,7 +3612,6 @@ const VegaTableHeadCell = class {
     };
   }
   render() {
-    const labelAlignClassName = generateTextAlignClass(this.textAlign);
     const sortableConfig = this.sorter
       ? {
         role: 'button',
@@ -3571,14 +3620,15 @@ const VegaTableHeadCell = class {
         onClick: (e) => this.handleSort(e),
       }
       : null;
-    const cellClassNames = ['vega-table-cell', this.sorter ? 'sortable' : null];
+    const cellClassNames = ['vega-table-cell'];
     if (!featureFlagController.FeatureFlag.isEnabled('VEGA_TABLE.ENABLE_NEW_CELL_BREAK_WORDS_STYLE')) {
       cellClassNames.push('break-word');
     }
     return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         [`density-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
+        sortable: !!this.sorter,
         [generateResponsiveClass(this.breakpoint, 'v-table-cell')]: true,
-      }, style: { width: this.width } }, index.h("th", Object.assign({ class: ui.arrayToClassString(cellClassNames) }, sortableConfig), index.h("div", { class: "vega-table-column" }, index.h("span", { class: `vega-table-column-label ${labelAlignClassName}` }, index.h("slot", null)), this.renderSortIconButton()))), this.host);
+      }, style: { width: this.width } }, index.h("th", Object.assign({ class: ui.arrayToClassString(cellClassNames) }, sortableConfig), index.h("div", { class: ui.arrayToClassString(['vega-table-column', this.textAlign]) }, index.h("span", { class: "vega-table-column-label" }, index.h("slot", null)), this.sortIconRenderer.render()))), this.host);
   }
   get host() { return index.getElement(this); }
 };
@@ -3586,6 +3636,9 @@ const VegaTableHeadCell = class {
   internalIconManager.VegaInternalIconManager.register({
     'chevron-up': chevronDown.chevronUp,
     'chevron-down': chevronDown.chevronDown,
+    'arrow-up-arrow-down': arrowUpArrowDown,
+    'circle-arrow-down': circleArrowDown,
+    'circle-arrow-up': circleArrowUp,
   });
 })();
 __decorate$a([
@@ -3603,6 +3656,9 @@ __decorate$a([
 __decorate$a([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableHeadCell.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate$a([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableHeadCell.prototype, "sortIconRenderer", void 0);
 VegaTableHeadCell.style = vegaTableHeadCellCss;
 
 var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -3737,7 +3793,7 @@ class VegaTableHeadRowController extends globalSlimmerRegistry.VegaSlimmer {
    * Initialize the row selection all observer.
    */
   initRowSelectionAllObserver() {
-    this.rowSelectionAllObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
+    this.rowSelectionAllObserver = new observer.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
       if (!payload.noneChecked && payload.checked === false) {
         this.checkedAll = null; // indeterminate status
       }
@@ -4111,13 +4167,13 @@ class VegaTableRowSelectionController extends globalSlimmerRegistry.VegaSlimmer
    * Initialize the row selection observer.
    */
   initRowSelectionObserver() {
-    this.rowSelectionAllObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableObserver.bind(this), (payload) => {
+    this.rowSelectionAllObserver = new observer.Observer(isAcceptableTableObserver.bind(this), (payload) => {
       if (payload.checked || (payload.checked === false && payload.noneChecked)) {
         this.checked = payload.checked;
       }
     });
     changeManager.ChangeManager.register(staticSubjectTitle.TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
-    this.rowSelectionObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableObserver.bind(this), (payload) => {
+    this.rowSelectionObserver = new observer.Observer(isAcceptableTableObserver.bind(this), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.checked = payload.checked;
       }
@@ -4188,7 +4244,7 @@ class VegaTableRowExpandController extends globalSlimmerRegistry.VegaSlimmer {
    * Initialize the row expand observer.
    */
   initRowExpandObserver() {
-    this.rowExpandObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
+    this.rowExpandObserver = new observer.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.expanded = payload.expanded;
       }
@@ -4258,7 +4314,7 @@ class VegaTableRowClickController extends globalSlimmerRegistry.VegaSlimmer {
    * Initialize row click observer
    */
   initRowClickObserver() {
-    this.rowClickObserver = new domNodeSubjectObserverFactory.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
+    this.rowClickObserver = new observer.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
       this.clicked = payload.host === this.host;
       if (this.selectionType === 'single') {
         if (payload.host === this.host) {