@globalpayments/vega 2.60.0 → 2.62.0

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

@@ -11,28 +11,27 @@ const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-4ce1fa08.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ae6e2c13.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-3ab3b18c.js');
+const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
 const component = require('./component-1e352960.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-943eb7cc.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-5df43771.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-bb64fcfc.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
 const immutableMap = require('./immutable-map-edf24b54.js');
 const translationSlimmer = require('./translation-slimmer-af399096.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-0788232a.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-84175d61.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-b1971f43.js');
+const tokenExtension = require('./token-extension-23ccff1d.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const internalIconManager = require('./internal-icon-manager-f8677abb.js');
+const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 require('./number-4816603d.js');
@@ -40,19 +39,19 @@ require('./ui-32e69595.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./icon-manager-9072356d.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-2096aa5a.js');
-require('./code-block-7d901dfc.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
 require('./string-39438062.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./typography-4560e7f1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-vega-event-manager-83065493.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./index-4d7bce1a.js');
+require('./base-renderer-0a3b62b7.js');
 
 /**
  * Immutable Set cannot be changed once created
@@ -427,7 +426,7 @@ class VegaTableExpandRowController extends globalSlimmerRegistry.VegaSlimmer {
       this.mutationObserver.disconnect();
     }
     changeManager.ChangeManager.unregister(staticSubjectTitle.TABLE_EXPAND_ROW, this.expandObserver);
-    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowExpand));
+    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowExpand));
   }
   /**
    * Component lifecycle - componentDidLoad
@@ -454,7 +453,7 @@ class VegaTableExpandRowController extends globalSlimmerRegistry.VegaSlimmer {
       }
     });
     changeManager.ChangeManager.register(staticSubjectTitle.TABLE_EXPAND_ROW, this.expandObserver);
-    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowExpand), ({ rowKey, expanded }) => {
+    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowExpand), ({ rowKey, expanded }) => {
       return this.rowExpandEventEmitter.emit({
         record: this.vegaTableDataSourceController.getRecordByKey(rowKey),
         expanded: expanded,
@@ -666,8 +665,8 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
     changeManager.ChangeManager.unregister(staticSubjectTitle.TABLE_ROW_SELECTION, this.rowSelectionObserver);
     changeManager.ChangeManager.unregister(staticSubjectTitle.TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
     changeManager.ChangeManager.unregister(staticSubjectTitle.TABLE_ROW_CLICK, this.rowClickObserver);
-    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowSelect));
-    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowSelectAll));
+    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowSelect));
+    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowSelectAll));
   }
   /**
    * Component lifecycle - componentWillLoad
@@ -801,14 +800,14 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
       this.handleRowSelect(checked, record);
     });
     changeManager.ChangeManager.register(staticSubjectTitle.TABLE_ROW_SELECTION, this.rowSelectionObserver);
-    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowSelect), ({ rowKey, checked }) => {
+    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowSelect), ({ rowKey, checked }) => {
       return this.rowSelectEventEmitter.emit({
         selected: checked,
         record: this.vegaTableDataSourceController.getRecordByKey(rowKey),
         selectedRows: this.getSelectedRecords(),
       });
     });
-    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowSelectAll), ({ checked }) => {
+    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalTableRowSelectAll), ({ checked }) => {
       return this.rowSelectAllEventEmitter.emit({
         selected: checked,
         selectedRows: this.getSelectedRecords(),
@@ -1097,21 +1096,22 @@ class VegaTableBodyRenderer extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderTableBody = (editable) => {
-      return (index.h("vega-table-body", null, this.vegaTableDataSourceController
-        .getCurrentData()
-        .map((record, index$1) => {
+      const currentData = this.vegaTableDataSourceController.getCurrentData();
+      return (index.h("vega-table-body", null, currentData.map((record, index$1) => {
         const rowKey = this.vegaTableDataSourceController.getRecordKey(record);
         const isVisibleInCurrentPage = this.vegaTablePaginationController.isRowVisible(index$1);
+        const isLastRow = index$1 === currentData.length - 1;
         return (index.h(index.Fragment, null,
           this.vegaTableRowRenderer.render({
             rowKey,
             index: index$1,
             record,
             isVisibleInCurrentPage,
+            isLastRow: isLastRow,
           }, editable),
           this.rowExpandable && (index.h("vega-table-expand-row", { class: {
               'v-hidden': !isVisibleInCurrentPage,
-            }, key: `vega-table-expanded-row-${rowKey}`, rowKey: rowKey, "data-striped": this.striped && index$1 % 2 === 1 ? 'striped' : undefined },
+            }, key: `vega-table-expanded-row-${rowKey}`, rowKey: rowKey, striped: this.striped && index$1 % 2 === 1 },
             index.h("slot", { name: `${VegaTableExpandRowController.expandRowSlotNamePrefix}${rowKey}` })))));
       })));
     };
@@ -1129,6 +1129,9 @@ class VegaTableBodyRenderer extends globalSlimmerRegistry.VegaSlimmer {
 __decorate$F([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "striped", void 0);
+__decorate$F([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableBodyRenderer.prototype, "rowDivider", void 0);
 __decorate$F([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "columns", void 0);
@@ -1203,7 +1206,7 @@ class VegaTableHeaderRenderer extends globalSlimmerRegistry.VegaSlimmer {
           /* eslint-disable-next-line react/jsx-no-bind */
           ref: (ref) => {
             this.vegaTableRenderInputController.addHeadCellRenderInputMap(ref, renderInput);
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, (input) => {
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, (input) => {
               const sortOrder = input.detail.sortOrder;
               this.vegaTableSortController.handleHeadSortClick(column, sortOrder);
             });
@@ -1266,8 +1269,8 @@ class VegaTablePaginationRenderer extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
     this.paginationRefCallback = (ref) => {
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, this.handlePaginationChange);
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaPageSizeChange, this.handlePaginationPageSizeChange);
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, this.handlePaginationChange);
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaPageSizeChange, this.handlePaginationPageSizeChange);
     };
     /**
      * handle the pagination page change after observer the notify
@@ -2092,7 +2095,7 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
       /* istanbul ignore next */
       // eslint-disable-next-line jsdoc/require-jsdoc
       () => {
-        this.syncRowStriped();
+        this.syncRowStates();
       },
     });
     /**
@@ -2109,15 +2112,14 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
     /**
      * Sync up the properties of vega-table-expand-row
      */
-    this.syncRowStriped = () => {
-      this.host
-        .querySelectorAll('vega-table-row')
-        .forEach((row, index) => {
+    this.syncRowStates = () => {
+      const rows = this.host.querySelectorAll('vega-table-row');
+      rows.forEach((row, index) => {
         this.updateRowStriped(row, index);
+        this.updateRowDivider(row, index === rows.length - 1);
       });
-      this.host
-        .querySelectorAll('vega-table-expand-row')
-        .forEach((row, index) => {
+      const expandRows = this.host.querySelectorAll('vega-table-expand-row');
+      expandRows.forEach((row, index) => {
         this.updateRowStriped(row, index);
       });
     };
@@ -2158,7 +2160,7 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
   componentWillLoad() {
     this.syncUpTableCurrentData();
     this.syncUpTableHeadRowProps();
-    this.syncRowStriped();
+    this.syncRowStates();
   }
   /**
    * Used by rowStripedObserver{@link rowStripedObserver} and currentDataObserver{@link currentDataObserver}
@@ -2179,7 +2181,13 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
    * {@link VegaTable.watchStriped}
    */
   watchStriped() {
-    this.syncRowStriped();
+    this.syncRowStates();
+  }
+  /**
+   * {@link VegaTable.watchRowDivider}
+   */
+  watchRowDivider() {
+    this.syncRowStates();
   }
   /**
    * Update the row striped attr
@@ -2188,12 +2196,16 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
    * @param {number} index - index of the row
    */
   updateRowStriped(row, index) {
-    if (this.striped && index % 2 === 1) {
-      row.dataset['striped'] = 'striped';
-    }
-    else {
-      delete row.dataset['striped'];
-    }
+    row.striped = this.striped && index % 2 === 1;
+  }
+  /**
+   * Update the row striped attr
+   *
+   * @param {HTMLElement} row - row or expand row element
+   * @param {boolean} isLastRow - Is last row
+   */
+  updateRowDivider(row, isLastRow) {
+    row.rowDivider = this.rowDivider && !isLastRow;
   }
 }
 __decorate$w([
@@ -2214,6 +2226,9 @@ __decorate$w([
 __decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "striped", void 0);
+__decorate$w([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableChildrenController.prototype, "rowDivider", void 0);
 __decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableChildrenController.prototype, "vegaTableDataSourceController", void 0);
@@ -2247,6 +2262,9 @@ __decorate$w([
 __decorate$w([
   globalSlimmerRegistry.MapToComponentMethod('watchStriped')
 ], VegaTableChildrenController.prototype, "watchStriped", null);
+__decorate$w([
+  globalSlimmerRegistry.MapToComponentMethod('watchRowDivider')
+], VegaTableChildrenController.prototype, "watchRowDivider", null);
 
 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;
@@ -2265,10 +2283,10 @@ class VegaTableRowRenderer$1 extends globalSlimmerRegistry.VegaSlimmer {
         }, key: `vega-table-row-${rowKey}`, rowKey: rowKey, 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
             this.rowClickEventEmitter.emit({ record: record, index: index$1 });
           });
-        }, "data-striped": this.striped && index$1 % 2 === 1 ? 'striped' : undefined }, renderInputs.map((renderInput) => {
+        }, striped: this.striped && index$1 % 2 === 1, rowDivider: this.rowDivider && !rowProps.isLastRow }, renderInputs.map((renderInput) => {
         return this.vegaTableCellRenderer.render(renderInput, record, index$1);
       })));
     };
@@ -2290,6 +2308,9 @@ __decorate$v([
 __decorate$v([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "striped", void 0);
+__decorate$v([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableRowRenderer$1.prototype, "rowDivider", void 0);
 __decorate$v([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRowRenderer$1.prototype, "vegaTableRenderInputController", void 0);
@@ -3038,13 +3059,13 @@ class VegaTableRenderInputController extends globalSlimmerRegistry.VegaSlimmer {
    * Register remote invocation callbacks to allow DOM nodes to request render inputs.
    */
   registerRenderInputRICObserver() {
-    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnHeadRowRenderInputRIC), (headRow) => {
+    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnHeadRowRenderInputRIC), (headRow) => {
       return this.headRowRenderInputMap.get(headRow);
     });
-    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnHeadCellRenderInputRIC), (headCell) => {
+    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnHeadCellRenderInputRIC), (headCell) => {
       return this.headCellRenderInputMap.get(headCell);
     });
-    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnBodyCellRenderInputRIC), (cell) => {
+    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnBodyCellRenderInputRIC), (cell) => {
       return this.pinnedColumnBodyCellRenderInputMap.get(cell);
     });
   }
@@ -3052,9 +3073,9 @@ class VegaTableRenderInputController extends globalSlimmerRegistry.VegaSlimmer {
    * Unregister remote invocation callbacks previously registered.
    */
   unRegisterRenderInputRICObserver() {
-    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnHeadRowRenderInputRIC));
-    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnHeadCellRenderInputRIC));
-    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnBodyCellRenderInputRIC));
+    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnHeadRowRenderInputRIC));
+    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnHeadCellRenderInputRIC));
+    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalColumnBodyCellRenderInputRIC));
   }
   /**
    * Build the ColumnRenderInputModel forest from the current ColumnStructureModel.
@@ -3317,20 +3338,20 @@ const VegaTable = class {
     this.paddingXNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'paddingX', 'watchPaddingX');
     this.rowClickableNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'rowClickable', 'watchRowClickable');
     this.scrollConfigNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'scrollConfig', 'watchScrollConfig');
-    this.eventsPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange, domNodeSubjectFactory.VegaPageSizeChange, domNodeSubjectFactory.VegaExpand], () => this.host);
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectFactory.VegaChange);
-    this.selectChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectFactory.VegaSelectChange);
-    this.selectAllChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectFactory.VegaSelectAllChange);
-    this.rowClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectFactory.VegaRowClick);
-    this.rowExpandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectFactory.VegaRowExpand);
+    this.eventsPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange, domNodeSubjectObserverFactory.VegaPageSizeChange, domNodeSubjectObserverFactory.VegaExpand], () => this.host);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaChange);
+    this.selectChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaSelectChange);
+    this.selectAllChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaSelectAllChange);
+    this.rowClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaRowClick);
+    this.rowExpandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaRowExpand);
     this.rowDividerNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'rowDivider', 'watchRowDivider');
     this.columnDividerNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'columnDivider', 'watchColumnDivider');
     this.densityNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'density', 'watchDensity');
     this.isTemplateRenderModeNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'isTemplateRenderMode', 'watchTemplateRenderMode');
     this.currentDataNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTable, 'currentData', 'watchCurrentData');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaTableRuntimeMetricsPayloadDefinition);
-    this.rowSelectEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectFactory.VegaRowSelect);
-    this.rowSelectAllEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectFactory.VegaRowSelectAll);
+    this.rowSelectEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaRowSelect);
+    this.rowSelectAllEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTable, domNodeSubjectObserverFactory.VegaRowSelectAll);
     this.selectedRowKeySet = new ImmutableSet(new Set(), (newSet) => {
       this.selectedRowKeySet = newSet;
     });
@@ -3869,7 +3890,7 @@ const VegaTableBody = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
-    this.childChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.host);
+    this.childChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
@@ -3951,19 +3972,6 @@ class VegaTableCellStateController extends subStateObserverSlimmer.SubStateObser
           subStateName: 'density',
           parentStateName: 'density',
         },
-        {
-          subStateName: 'rowDivider',
-          parentStateName: 'rowDivider',
-          // eslint-disable-next-line jsdoc/require-jsdoc
-          callback: (rowDivider) => {
-            const row = this.host.parentElement;
-            const body = row.parentElement;
-            if (row && body) {
-              const lastRow = body.querySelector('vega-table-row:last-of-type');
-              this.rowDivider = rowDivider && lastRow !== row;
-            }
-          },
-        },
         {
           subStateName: 'columnDivider',
           parentStateName: 'columnDivider',
@@ -3990,9 +3998,6 @@ __decorate$o([
 __decorate$o([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableCellStateController.prototype, "density", void 0);
-__decorate$o([
-  globalSlimmerRegistry.MapToComponentField({ writable: true })
-], VegaTableCellStateController.prototype, "rowDivider", void 0);
 __decorate$o([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableCellStateController.prototype, "columnDivider", void 0);
@@ -4009,7 +4014,7 @@ var __decorate$n = (undefined && undefined.__decorate) || function (decorators,
 /**
  * Controller for the table row states
  */
-class VegaTableRowStateController$1 extends subStateObserverSlimmer.SubStateObserverSlimmer {
+class VegaTableRowStateSubscriber extends subStateObserverSlimmer.SubStateObserverSlimmer {
   // eslint-disable-next-line jsdoc/require-jsdoc
   constructor() {
     super({
@@ -4023,29 +4028,30 @@ class VegaTableRowStateController$1 extends subStateObserverSlimmer.SubStateObse
           subStateName: 'expanded',
           parentStateName: 'expanded',
         },
+        {
+          subStateName: 'striped',
+          parentStateName: 'striped',
+        },
+        {
+          subStateName: 'rowDivider',
+          parentStateName: 'rowDivider',
+        },
       ],
     });
   }
-  /**
-   * Component lifecycle - [componentWillLoad]{@link VegaTableCell.componentWillLoad}
-   */
-  componentWillRender() {
-    const row = this.host.parentElement;
-    this.striped = row && row.dataset.striped === 'striped';
-  }
 }
 __decorate$n([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
-], VegaTableRowStateController$1.prototype, "checked", void 0);
+], VegaTableRowStateSubscriber.prototype, "checked", void 0);
 __decorate$n([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
-], VegaTableRowStateController$1.prototype, "striped", void 0);
+], VegaTableRowStateSubscriber.prototype, "expanded", void 0);
 __decorate$n([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
-], VegaTableRowStateController$1.prototype, "expanded", void 0);
+], VegaTableRowStateSubscriber.prototype, "striped", void 0);
 __decorate$n([
-  globalSlimmerRegistry.MapToComponentMethod('componentWillRender')
-], VegaTableRowStateController$1.prototype, "componentWillRender", null);
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaTableRowStateSubscriber.prototype, "rowDivider", void 0);
 
 const vegaTableCellCss = ":host .vega-table-cell.v-hidden{display:none}@media (min-width: 320px){:host .vega-table-cell.S\\:v-table-cell{display:table-cell}}@media (min-width: 768px){:host .vega-table-cell.M\\:v-table-cell{display:table-cell}}@media (min-width: 1024px){:host .vega-table-cell.L\\:v-table-cell{display:table-cell}}@media (min-width: 1440px){:host .vega-table-cell.XL\\:v-table-cell{display:table-cell}}:host{display:contents}.vega-table-cell{padding:12px;box-sizing:border-box;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-table-cell{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-table-cell{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-table-cell{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-table-cell.break-word{word-break:break-word}td{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:left;padding:0px;vertical-align:middle}td.v-text-center{text-align:center}td.v-text-left{text-align:left}td.v-text-right{text-align:right}:host(.density-default) .vega-table-cell{padding:12px}:host(.density-compact) .vega-table-cell{padding:4px}:host(.density-relaxed) .vega-table-cell{padding:16px}.vega-table-cell-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vega-table-cell-scroll{overflow:auto}:host(.column-divider) .vega-table-cell{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-width:1px;border-right-style:solid}:host(.row-divider) .vega-table-cell{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-bottom-width:1px;border-bottom-style:solid}:host(.striped) .vega-table-cell{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.clickable.hovered:not(.checked)) .vega-table-cell{cursor:pointer;background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.checked) .vega-table-cell{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.expanded) .vega-table-cell{border-top-width:1px;border-left-width:0px;border-right-width:0px;border-bottom-width:0px;border-style:solid;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1))}:host .vega-table-cell.right-divider{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-width:2px;border-right-style:solid}:host .vega-table-cell.left-divider{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-left-width:2px;border-left-style:solid}:host .vega-table-cell.hide-right-border{border-right-width:0px}";
 
@@ -4064,7 +4070,7 @@ const VegaTableCell = class {
     index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaTableCellStateController = new VegaTableCellStateController();
-    this.vegaTableRowStateController = new VegaTableRowStateController$1();
+    this.vegaTableRowStateSubscriber = new VegaTableRowStateSubscriber();
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
@@ -4087,7 +4093,7 @@ const VegaTableCell = class {
     }
     const table = ui.findParent(this.host, 'vega-table');
     const renderInput = table &&
-      remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(table, vegaInternalEventId.VegaInternalColumnBodyCellRenderInputRIC), this.host);
+      remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(table, vegaInternalEventId.VegaInternalColumnBodyCellRenderInputRIC), this.host);
     if (renderInput === null || renderInput === void 0 ? void 0 : renderInput.isRightStartPinned) {
       columnClasses.push('left-divider');
     }
@@ -4129,7 +4135,7 @@ __decorate$m([
 ], VegaTableCell.prototype, "vegaTableCellStateController", void 0);
 __decorate$m([
   globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaTableCell.prototype, "vegaTableRowStateController", void 0);
+], VegaTableCell.prototype, "vegaTableRowStateSubscriber", void 0);
 __decorate$m([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableCell.prototype, "pageResizeObserverSlimmer", void 0);
@@ -4150,6 +4156,7 @@ class VegaTableExpandRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
         'vega-table-expanded-row': true,
         'expanded': this.expanded,
         'checked': this.checked,
+        'striped': this.striped,
       }, key: `vega-table-expanded-row-${this.rowKey}`, "data-expanded-row-key": this.rowKey },
       index.h("td", null),
       index.h("td", { colSpan: this.colSpan, key: `${VegaTableExpandRowController.expandRowSlotNamePrefix}${this.rowKey}`, class: "vega-table-expanded-row-slot-container" },
@@ -4173,6 +4180,9 @@ __decorate$l([
 __decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "colSpan", void 0);
+__decorate$l([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableExpandRowRenderer.prototype, "striped", void 0);
 
 var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -4424,7 +4434,7 @@ __decorate$h([
   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))}:host tr.is-pinned-row td:first-of-type{position:sticky;z-index:1;left:0px}:host tr.is-pinned-row td.vega-table-expanded-row-slot-container div{position:sticky;z-index:1;left:8px}";
+const vegaTableExpandRowCss = ":host{display:contents}:host .vega-table-expanded-row.striped:not(.checked) td{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-hidden){display:none}.vega-table-expanded-row{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-table-expanded-row:not(.expanded){display:none}.vega-table-expanded-row.expanded td{border-bottom-width:1px;border-top-width:0px;border-right-width:0px;border-left-width:0px;border-style:solid;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));padding:0px;vertical-align:middle}.vega-table-expanded-row.expanded td:first-of-type{border-left-width:1px;border-bottom-width:1px;border-top-left-radius:12px;border-bottom-left-radius:12px;border-top-left-radius:0px}.vega-table-expanded-row.expanded td:last-of-type{border-right-width:1px;border-bottom-width:1px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-top-right-radius:0px}.vega-table-expanded-row.expanded td.vega-table-expanded-row-slot-container{border-top-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1))}.vega-table-expanded-row.expanded.checked{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host tr.is-pinned-row td:first-of-type{position:sticky;z-index:1;left:0px}:host tr.is-pinned-row td.vega-table-expanded-row-slot-container div{position:sticky;z-index:1;left:8px}";
 
 var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -4555,23 +4565,23 @@ const VegaTableHead = class {
     this.globalSlimmers = {};
     this.vegaTableHeadStateController = new VegaTableHeadStateController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.headCellEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.host);
+    this.headCellEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host);
     /**
      * Indicates whether the table header is fixed.
      */
     this.fixed = false;
     this.handleTableHeadRefChange = (ref) => {
       if (this.tableHeadRef) {
-        vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.tableHeadRef, 'base');
+        tokenExtension.InternalVegaZIndexManager.removeZIndex(this.tableHeadRef, 'base');
       }
       if (this.fixed) {
-        vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(ref, 'base');
+        tokenExtension.InternalVegaZIndexManager.setZIndex(ref, 'base');
       }
       this.tableHeadRef = ref;
     };
   }
   disconnectedCallback() {
-    vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.tableHeadRef, 'base');
+    tokenExtension.InternalVegaZIndexManager.removeZIndex(this.tableHeadRef, 'base');
   }
   render() {
     return component.sanitizeVegaComponent(index.h(index.Host, { class: {
@@ -4700,7 +4710,7 @@ class VegaTableHeadCellSortConfigController extends globalSlimmerRegistry.VegaSl
   disconnectedCallback() {
     const parent = ui.findParent(this.host, 'vega-table-head');
     if (parent) {
-      changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(parent, vegaInternalEventId.VegaInternalTableHeadCellSortEvent), this.observer);
+      changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(parent, vegaInternalEventId.VegaInternalTableHeadCellSortEvent), this.observer);
     }
   }
   /**
@@ -4712,7 +4722,7 @@ class VegaTableHeadCellSortConfigController extends globalSlimmerRegistry.VegaSl
       this.hostTable = ui.findParent(topParent, 'vega-table');
       this.isTemplateRenderMode = this.checkIsTemplateRenderMode();
       this.observer = new observer.Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
-      changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalTableHeadCellSortEvent), this.observer);
+      changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalTableHeadCellSortEvent), this.observer);
     }
   }
   /**
@@ -4721,7 +4731,7 @@ class VegaTableHeadCellSortConfigController extends globalSlimmerRegistry.VegaSl
   notifyOtherHeadCellOnClickSort() {
     const parent = ui.findParent(this.host, 'vega-table-head');
     if (parent) {
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(parent, vegaInternalEventId.VegaInternalTableHeadCellSortEvent), { host: this.host });
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(parent, vegaInternalEventId.VegaInternalTableHeadCellSortEvent), { host: this.host });
     }
   }
   /**
@@ -4787,7 +4797,7 @@ const VegaTableHeadCell = class {
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
     this.click = index.createEvent(this, "click", 7);
     this.globalSlimmers = {};
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableHeadCell, domNodeSubjectFactory.VegaClick);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableHeadCell, domNodeSubjectObserverFactory.VegaClick);
     this.vegaTableHeadCellStateController = new VegaTableHeadCellStateController();
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
@@ -4828,7 +4838,7 @@ const VegaTableHeadCell = class {
       : null;
     const table = ui.findParent(this.host, 'vega-table');
     const renderInput = table &&
-      remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(table, vegaInternalEventId.VegaInternalColumnHeadCellRenderInputRIC), this.host);
+      remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(table, vegaInternalEventId.VegaInternalColumnHeadCellRenderInputRIC), this.host);
     return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         [`density-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
         'sortable': !!this.sorter,
@@ -4896,7 +4906,7 @@ class VegaTableHeadRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
         index.h("vega-checkbox", { size: "small", disabled: this.isEmptyTable || this.selectAllDisabled, checked: this.checkedAll, onClick: this.handleClick, 
           /* eslint-disable-next-line react/jsx-no-bind */
           ref: (ref) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, this.handleSelectAll);
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, this.handleSelectAll);
           } })))));
     };
     this.handleSelectAll = (input) => {
@@ -4918,7 +4928,7 @@ class VegaTableHeadRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
     };
     this.handleClick = (e) => {
       e.stopPropagation();
-      const event = remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(ui.findParent(this.host, 'vega-table'), vegaInternalEventId.VegaInternalTableRowSelectAll), {
+      const event = remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(ui.findParent(this.host, 'vega-table'), vegaInternalEventId.VegaInternalTableRowSelectAll), {
         host: this.host,
         checked: !this.checkedAll,
       });
@@ -4965,7 +4975,7 @@ class VegaTableHeadRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
     const renderInput = {};
     const table = ui.findParent(this.host, 'vega-table');
     const renderInputs = table &&
-      remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(table, vegaInternalEventId.VegaInternalColumnHeadRowRenderInputRIC), this.host);
+      remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(table, vegaInternalEventId.VegaInternalColumnHeadRowRenderInputRIC), this.host);
     const startRenderInput = renderInputs === null || renderInputs === void 0 ? void 0 : renderInputs[0];
     const endRenderInput = renderInputs === null || renderInputs === void 0 ? void 0 : renderInputs[renderInputs.length - 1];
     if (startRenderInput) {
@@ -5196,7 +5206,7 @@ const VegaTableHeadRow = class {
     this.vegaTableHeadRowStateController = new VegaTableHeadRowStateController();
     this.vegaTableHeadRowRenderer = new VegaTableHeadRowRenderer();
     this.vegaTableHeadRowController = new VegaTableHeadRowController();
-    this.headCellEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.host, undefined, true);
+    this.headCellEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host, undefined, true);
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
@@ -5256,7 +5266,7 @@ class VegaTableRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
             onClick: this.handleClick, 
             /* eslint-disable-next-line react/jsx-no-bind */
             ref: (ref) => {
-              domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, this.onRowSelectionChange);
+              domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, this.onRowSelectionChange);
             } }))));
     };
     this.renderExpandIcon = () => {
@@ -5274,7 +5284,7 @@ class VegaTableRowRenderer extends globalSlimmerRegistry.VegaSlimmer {
     };
     this.handleClick = (e) => {
       e.stopPropagation();
-      const rowSelectEvent = remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.parentTableRef, vegaInternalEventId.VegaInternalTableRowSelect), {
+      const rowSelectEvent = remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.parentTableRef, vegaInternalEventId.VegaInternalTableRowSelect), {
         host: this.host,
         rowKey: this.rowKey,
         checked: !this.checked,
@@ -5485,7 +5495,7 @@ class VegaTableRowExpandController extends globalSlimmerRegistry.VegaSlimmer {
    * The handler for expand icon click event.
    */
   handleExpandIconClick() {
-    const rowExpandEvent = remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), vegaInternalEventId.VegaInternalTableRowExpand), {
+    const rowExpandEvent = remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), vegaInternalEventId.VegaInternalTableRowExpand), {
       host: this.host,
       rowKey: this.rowKey,
       expanded: !this.expanded,
@@ -5559,7 +5569,7 @@ class VegaTableRowClickController extends globalSlimmerRegistry.VegaSlimmer {
    * Row click handler
    */
   handleRowClick() {
-    const rowSelectEvent = remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), vegaInternalEventId.VegaInternalTableRowSelect), {
+    const rowSelectEvent = remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.vegaTableRowRenderer.getParentTableRef(), vegaInternalEventId.VegaInternalTableRowSelect), {
       host: this.host,
       rowKey: this.rowKey,
       checked: !this.checked,
@@ -5669,10 +5679,6 @@ class VegaTableRowStateController extends subStateObserverSlimmer.SubStateObserv
             }
           },
         },
-        {
-          subStateName: 'rowDivider',
-          parentStateName: 'rowDivider',
-        },
         {
           subStateName: 'columnDivider',
           parentStateName: 'columnDivider',
@@ -5722,9 +5728,6 @@ __decorate$1([
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRowStateController.prototype, "selectionType", void 0);
-__decorate$1([
-  globalSlimmerRegistry.MapToComponentField({ writable: true })
-], VegaTableRowStateController.prototype, "rowDivider", void 0);
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTableRowStateController.prototype, "columnDivider", void 0);
@@ -5738,7 +5741,7 @@ __decorate$1([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaTableRowStateController.prototype, "handleComponentWillLoad", null);
 
-const vegaTableRowCss = ":host{display:contents}:host(.v-hidden){display:none}td{padding:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));vertical-align:middle}td:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}td:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host([data-striped=striped]) .vega-table-row:not(.checked):not(.clickable:hover) td{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.checked td{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:not(.checked).clickable:hover{cursor:pointer}:not(.checked).clickable:hover td{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-table-checkbox-wrapper{display:flex;align-items:center;justify-content:center}.vega-table-row .vega-table-expand-icon-wrapper{display:flex;align-items:center;justify-content:center}.vega-table-row .vega-table-expand-icon-wrapper vega-icon{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;cursor:pointer}.vega-table-row.expand-row .vega-table-expand-icon-wrapper vega-icon{transform:rotate(180deg)}:host tr.expand-row td{border-top-width:1px;border-left-width:0px;border-right-width:0px;border-bottom-width:0px;border-style:solid;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1))}:host tr.expand-row td:first-of-type{border-left-width:1px;border-top-width:1px;border-bottom-left-radius:0px}:host tr.expand-row td:last-of-type{border-right-width:1px;border-top-width:1px;border-bottom-right-radius:0px}tr.expand-row-space{display:block;padding-top:8px}:host(.row-divider:not(:last-of-type)) td{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-bottom-width:1px;border-bottom-style:solid}:host(.row-divider:not(:last-of-type)) td:first-of-type,:host(.row-divider:not(:last-of-type)) td:last-of-type{border-radius:0px}:host(.density-default) td:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.density-default) td:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.density-default) tr.expand-row-space{display:block;padding-top:8px}:host(.density-compact) td:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.density-compact) td:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.density-compact) tr.expand-row-space{display:block;padding-top:4px}:host(.density-relaxed) td:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.density-relaxed) td:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.density-relaxed) tr.expand-row-space{display:block;padding-top:12px}.vega-table-expand-action-column{width:40px;min-width:40px}.vega-table-selection-column{width:40px;min-width:40px}";
+const vegaTableRowCss = ":host{display:contents}:host(.v-hidden){display:none}td{padding:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));vertical-align:middle}td:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}td:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.striped) .vega-table-row:not(.checked):not(.clickable:hover) td{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.checked td{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:not(.checked).clickable:hover{cursor:pointer}:not(.checked).clickable:hover td{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-table-checkbox-wrapper{display:flex;align-items:center;justify-content:center}.vega-table-row .vega-table-expand-icon-wrapper{display:flex;align-items:center;justify-content:center}.vega-table-row .vega-table-expand-icon-wrapper vega-icon{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;cursor:pointer}.vega-table-row.expand-row .vega-table-expand-icon-wrapper vega-icon{transform:rotate(180deg)}:host tr.expand-row td{border-top-width:1px;border-left-width:0px;border-right-width:0px;border-bottom-width:0px;border-style:solid;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1))}:host tr.expand-row td:first-of-type{border-left-width:1px;border-top-width:1px;border-bottom-left-radius:0px}:host tr.expand-row td:last-of-type{border-right-width:1px;border-top-width:1px;border-bottom-right-radius:0px}tr.expand-row-space{display:block;padding-top:8px}:host(.row-divider:not(:last-of-type)) td{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-bottom-width:1px;border-bottom-style:solid}:host(.row-divider:not(:last-of-type)) td:first-of-type,:host(.row-divider:not(:last-of-type)) td:last-of-type{border-radius:0px}:host(.density-default) td:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.density-default) td:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.density-default) tr.expand-row-space{display:block;padding-top:8px}:host(.density-compact) td:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.density-compact) td:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.density-compact) tr.expand-row-space{display:block;padding-top:4px}:host(.density-relaxed) td:first-of-type{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.density-relaxed) td:last-of-type{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.density-relaxed) tr.expand-row-space{display:block;padding-top:12px}.vega-table-expand-action-column{width:40px;min-width:40px}.vega-table-selection-column{width:40px;min-width:40px}";
 
 var __decorate = (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;
@@ -5763,13 +5766,15 @@ const VegaTableRow = class {
     this.vegaTableRowExpandController = new VegaTableRowExpandController();
     this.vegaTableRowClickController = new VegaTableRowClickController();
     this.vegaTableRowStateController = new VegaTableRowStateController();
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableRow, domNodeSubjectFactory.VegaClick);
-    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableRow, domNodeSubjectFactory.VegaExpand);
-    this.checkboxValueChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.host, undefined, true);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableRow, domNodeSubjectObserverFactory.VegaClick);
+    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTableRow, domNodeSubjectObserverFactory.VegaExpand);
+    this.checkboxValueChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host, undefined, true);
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.checkedNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTableRow, 'checked', 'watchChecked');
     this.expandedNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTableRow, 'expanded', 'watchExpanded');
+    this.stripedNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTableRow, 'striped', 'watchStriped');
+    this.rowDividerNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaTableRow, 'rowDivider', 'watchRowDivider');
     this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
   }
   watchSelectionType() {
@@ -5778,11 +5783,16 @@ const VegaTableRow = class {
   }
   watchExpanded() {
   }
+  watchStriped() {
+  }
+  watchRowDivider() {
+  }
   render() {
     placeholder.slotPlaceholder(index.h("slot", null));
     return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         'row-divider': this.rowDivider,
         'column-divider': this.columnDivider,
+        'striped': this.striped,
         [`density-${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
       } }, this.vegaTableRowRenderer.render()), this.host);
   }
@@ -5790,7 +5800,9 @@ const VegaTableRow = class {
   static get watchers() { return {
     "selectionType": ["watchSelectionType"],
     "checked": ["watchChecked"],
-    "expanded": ["watchExpanded"]
+    "expanded": ["watchExpanded"],
+    "striped": ["watchStriped"],
+    "rowDivider": ["watchRowDivider"]
   }; }
 };
 __decorate([
@@ -5832,6 +5844,12 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTableRow.prototype, "expandedNotifySlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableRow.prototype, "stripedNotifySlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTableRow.prototype, "rowDividerNotifySlimmer", void 0);
 VegaTableRow.style = vegaTableRowCss;
 
 exports.vega_table = VegaTable;