@heartlandone/vega 2.59.1 → 2.61.0

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

@@ -8,24 +8,24 @@ const component = require('./component-1e352960.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-b1971f43.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-9c54f3aa.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const internalIconManager = require('./internal-icon-manager-f8677abb.js');
 const iconManager = require('./icon-manager-9072356d.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-943eb7cc.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-9602b5bb.js');
 const effect = require('./effect-98e88068.js');
-const responsiveFormatFacade = require('./responsive-format-facade-d2e03695.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ae6e2c13.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
+const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
+const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-0788232a.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-df7df5bb.js');
 const ui = require('./ui-4ce1fa08.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-83065493.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-7b87c2f4.js');
 require('./number-4816603d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dark-mode-style-controller-ab0703e1.js');
@@ -33,8 +33,7 @@ require('./_commonjsHelpers-537d719a.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./try-get-document-c0ebd39a.js');
-require('./type-guard-aa8fdeaf.js');
-require('./regex-c1f70fd4.js');
+require('./type-guard-f12b5bae.js');
 require('./typography-4560e7f1.js');
 require('./pixel-98f2a10c.js');
 require('./vega-env-manager-23b8b23c.js');
@@ -42,8 +41,8 @@ require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-b82b74de.js');
-require('./code-block-4bfae76d.js');
+require('./content-state-d7b8e70b.js');
+require('./code-block-ecb2df41.js');
 require('./string-39438062.js');
 require('./object-e2e28e3d.js');
 

package/dist/cjs/vega-signature-capture.cjs.entry.js

@@ -7,14 +7,14 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
 const internalIconManager = require('./internal-icon-manager-f8677abb.js');
 const component = require('./component-1e352960.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
-const designToken = require('./design-token-0b1315f2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const designToken = require('./design-token-16f74439.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const object = require('./object-e2e28e3d.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-772d1892.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dab30e5c.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const translationSlimmer = require('./translation-slimmer-af399096.js');
@@ -23,34 +23,33 @@ require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./observer-f49483e8.js');
 require('./ui-4ce1fa08.js');
-require('./type-guard-aa8fdeaf.js');
+require('./type-guard-f12b5bae.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
-require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-d2e03695.js');
+require('./responsive-format-facade-0d22ff78.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-b1971f43.js');
+require('./vega-skeleton-loader-controller-9c54f3aa.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-83065493.js');
+require('./internal-vega-event-manager-7b87c2f4.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-b82b74de.js');
-require('./code-block-4bfae76d.js');
-require('./vega-internal-event-id-ae6e2c13.js');
+require('./content-state-d7b8e70b.js');
+require('./code-block-ecb2df41.js');
+require('./vega-internal-event-id-9647aaf8.js');
 require('./string-39438062.js');
-require('./state-background-color-formatter-c57409ea.js');
+require('./state-background-color-formatter-aa5570f6.js');
 require('./try-get-document-c0ebd39a.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-0788232a.js');
+require('./sub-state-observer-slimmer-df7df5bb.js');
 
 var __decorate$3 = (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;

package/dist/cjs/{vega-skeleton-loader-controller-b1971f43.js → vega-skeleton-loader-controller-9c54f3aa.js}

@@ -6,7 +6,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const darkModeStyleController = require('./dark-mode-style-controller-ab0703e1.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-83065493.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-7b87c2f4.js');
 const number = require('./number-4816603d.js');
 
 const VegaLoaderRuntimeMetricsPayloadDefinition = [

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

@@ -8,20 +8,20 @@ const component = require('./component-1e352960.js');
 const number = require('./number-4816603d.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-772d1892.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-5df43771.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dab30e5c.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
 const ui = require('./ui-4ce1fa08.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-ae6e2c13.js');
+require('./vega-internal-event-id-9647aaf8.js');
 require('./translation-cde4dce3.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./ui-32e69595.js');
@@ -30,8 +30,8 @@ require('./try-get-document-c0ebd39a.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
-require('./sub-state-observer-slimmer-0788232a.js');
-require('./internal-vega-event-manager-83065493.js');
+require('./sub-state-observer-slimmer-df7df5bb.js');
+require('./internal-vega-event-manager-7b87c2f4.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');

package/dist/cjs/vega-tab-group_2.cjs.entry.js

@@ -10,19 +10,19 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const timer = require('./timer-5f33058b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const ui = require('./ui-4ce1fa08.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-5df43771.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-vega-event-manager-83065493.js');
+require('./internal-vega-event-manager-7b87c2f4.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');

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

@@ -11,26 +11,26 @@ 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 domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.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-d2e03695.js');
-const typeGuard = require('./type-guard-aa8fdeaf.js');
+const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
+const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.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-9602b5bb.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.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-df7df5bb.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 vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-9c54f3aa.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const internalIconManager = require('./internal-icon-manager-f8677abb.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
@@ -43,16 +43,15 @@ 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-b82b74de.js');
-require('./code-block-4bfae76d.js');
+require('./content-state-d7b8e70b.js');
+require('./code-block-ecb2df41.js');
 require('./string-39438062.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./regex-c1f70fd4.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-7b87c2f4.js');
 require('./index-4d7bce1a.js');
 
 /**
@@ -1098,21 +1097,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}` })))));
       })));
     };
@@ -1130,6 +1130,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);
@@ -2093,7 +2096,7 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
       /* istanbul ignore next */
       // eslint-disable-next-line jsdoc/require-jsdoc
       () => {
-        this.syncRowStriped();
+        this.syncRowStates();
       },
     });
     /**
@@ -2110,15 +2113,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);
       });
     };
@@ -2159,7 +2161,7 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
   componentWillLoad() {
     this.syncUpTableCurrentData();
     this.syncUpTableHeadRowProps();
-    this.syncRowStriped();
+    this.syncRowStates();
   }
   /**
    * Used by rowStripedObserver{@link rowStripedObserver} and currentDataObserver{@link currentDataObserver}
@@ -2180,7 +2182,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
@@ -2189,12 +2197,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([
@@ -2215,6 +2227,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);
@@ -2248,6 +2263,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;
@@ -2269,7 +2287,7 @@ class VegaTableRowRenderer$1 extends globalSlimmerRegistry.VegaSlimmer {
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.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);
       })));
     };
@@ -2291,6 +2309,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);
@@ -3952,19 +3973,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',
@@ -3991,9 +3999,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);
@@ -4010,7 +4015,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({
@@ -4024,29 +4029,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}";
 
@@ -4065,7 +4071,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();
@@ -4130,7 +4136,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);
@@ -4151,6 +4157,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" },
@@ -4174,6 +4181,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;
@@ -4425,7 +4435,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;
@@ -5670,10 +5680,6 @@ class VegaTableRowStateController extends subStateObserverSlimmer.SubStateObserv
             }
           },
         },
-        {
-          subStateName: 'rowDivider',
-          parentStateName: 'rowDivider',
-        },
         {
           subStateName: 'columnDivider',
           parentStateName: 'columnDivider',
@@ -5723,9 +5729,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);
@@ -5739,7 +5742,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;
@@ -5771,6 +5774,8 @@ const VegaTableRow = class {
     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() {
@@ -5779,11 +5784,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);
   }
@@ -5791,7 +5801,9 @@ const VegaTableRow = class {
   static get watchers() { return {
     "selectionType": ["watchSelectionType"],
     "checked": ["watchChecked"],
-    "expanded": ["watchExpanded"]
+    "expanded": ["watchExpanded"],
+    "striped": ["watchStriped"],
+    "rowDivider": ["watchRowDivider"]
   }; }
 };
 __decorate([
@@ -5833,6 +5845,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;