@globalpayments/vega 2.35.0 → 2.37.0

package/dist/cjs/vega-segment-control.cjs.entry.js

@@ -6,13 +6,14 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-observer-factory-5f0eae19.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./dom-node-subject-observer-factory-80b3ac6c.js');
+require('./observer-f49483e8.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./ui-5fd9b267.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');

package/dist/cjs/vega-selection-chip_2.cjs.entry.js

@@ -6,23 +6,24 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b97e46b5.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-080731bc.js');
+const observer = require('./observer-f49483e8.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
 const ui = require('./ui-5fd9b267.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
 const array = require('./array-5adef7b2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-c2e08e06.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dbb321ad.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-ae490543.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0303f4a7.js');
 const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
 require('./type-guard-4ba85fdc.js');
 require('./breakpoints-ebde4837.js');
@@ -32,15 +33,15 @@ require('./typography-4560e7f1.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./dom-node-subject-observer-factory-5f0eae19.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./dom-node-subject-observer-factory-80b3ac6c.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./string-21427167.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
-require('./translation-b9be41e0.js');
+require('./translation-6848c389.js');
 
 var __decorate$8 = (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;
@@ -276,7 +277,7 @@ class VegaSelectionChipShowErrorController extends globalSlimmerRegistry.VegaSli
     this.selectionChipGroup = ui.findParent(this.host, 'vega-selection-chip-group');
     if (!this.selectionChipGroup)
       return;
-    this.fieldErrorObserver = new domNodeSubjectFactory.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
+    this.fieldErrorObserver = new observer.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
     changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.selectionChipGroup, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
   }
   /**

package/dist/cjs/vega-selection-tile_2.cjs.entry.js

@@ -7,28 +7,29 @@ const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b97e46b5.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-080731bc.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
 const ui = require('./ui-5fd9b267.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-be92f366.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-c2e08e06.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dbb321ad.js');
+const observer = require('./observer-f49483e8.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-4e60a929.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-ae490543.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0303f4a7.js');
 const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./dom-node-subject-observer-factory-5f0eae19.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./dom-node-subject-observer-factory-80b3ac6c.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./string-21427167.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
-require('./translation-b9be41e0.js');
+require('./translation-6848c389.js');
 require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
@@ -273,7 +274,7 @@ class VegaSelectionTileShowErrorController extends globalSlimmerRegistry.VegaSli
    */
   connectedCallback() {
     this.selectionTileGroup = ui.findParent(this.host, 'vega-selection-tile-group');
-    this.fieldErrorObserver = new domNodeSubjectFactory.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
+    this.fieldErrorObserver = new observer.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
     changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.selectionTileGroup || this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
   }
   /**

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

@@ -13,19 +13,20 @@ const breakpoints = require('./breakpoints-17d6c4c7.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
 const iconManager = require('./icon-manager-edc2400b.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-c2e08e06.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-ae490543.js');
 const effect = require('./effect-37695d3d.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b97e46b5.js');
+const observer = require('./observer-f49483e8.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-080731bc.js');
 const ui = require('./ui-5fd9b267.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
 require('./number-4816603d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./ui-32e69595.js');
@@ -825,7 +826,7 @@ const VegaSidenavGroup = class {
     changeManager.ChangeManager.unregister(staticSubjectTitle.SIDENAV_LINK_SELECTED_TOPIC, this.observer);
   }
   componentWillLoad() {
-    this.observer = new domNodeSubjectFactory.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
+    this.observer = new observer.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.SIDENAV_LINK_SELECTED_TOPIC, this.observer);
   }
   render() {
@@ -951,7 +952,7 @@ const VegaSidenavLink = class {
     if (parent) {
       this.host.classList.add('has-group-parent');
     }
-    this.observer = new domNodeSubjectFactory.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
+    this.observer = new observer.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.SIDENAV_LINK_SELECTED_TOPIC, this.observer);
   }
   componentDidRender() {

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

@@ -7,35 +7,36 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
 const component = require('./component-73a88c4e.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const designToken = require('./design-token-30c069c1.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const designToken = require('./design-token-36eb5def.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const object = require('./object-bbd4ed7f.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dbb321ad.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0303f4a7.js');
 const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
-const translationSlimmer = require('./translation-slimmer-ec76c5a2.js');
+const translationSlimmer = require('./translation-slimmer-510906bc.js');
 require('./icon-manager-edc2400b.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
+require('./observer-f49483e8.js');
 require('./ui-5fd9b267.js');
 require('./type-guard-4ba85fdc.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-4363a00d.js');
+require('./responsive-format-facade-a1983026.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./state-background-color-formatter-e585a027.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./string-21427167.js');
-require('./vega-internal-event-id-85b68849.js');
-require('./translation-b9be41e0.js');
+require('./vega-internal-event-id-b12071ea.js');
+require('./translation-6848c389.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');

package/dist/cjs/{vega-skeleton-loader-controller-7dac484f.js → vega-skeleton-loader-controller-ef43cfc1.js}

@@ -6,7 +6,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
 
 const VegaLoaderRuntimeMetricsPayloadDefinition = [
   {

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

@@ -8,19 +8,20 @@ const component = require('./component-73a88c4e.js');
 const number = require('./number-4816603d.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dbb321ad.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0303f4a7.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const ui = require('./ui-5fd9b267.js');
 require('./string-21427167.js');
+require('./observer-f49483e8.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-85b68849.js');
-require('./translation-b9be41e0.js');
+require('./vega-internal-event-id-b12071ea.js');
+require('./translation-6848c389.js');
 require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
@@ -28,7 +29,7 @@ require('./breakpoints-ebde4837.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');

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

@@ -10,18 +10,19 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 const timer = require('./timer-5f33058b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const observer = require('./observer-f49483e8.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const ui = require('./ui-5fd9b267.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');
@@ -529,12 +530,12 @@ class VegaTabGroupCloseButtonRenderer extends globalSlimmerRegistry.VegaSlimmer
       e.stopPropagation();
     };
   }
-  render() {
+  render(item) {
     const vegaCloseIconCss = this.showCloseButton
       ? 'vega-close-icon'
       : 'vega-close-icon vega-hidden';
     return (this.showCloseButton &&
-      this.tabItems.length > 1 && (index.h("div", { class: vegaCloseIconCss, onClick: this.onCloseTab, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), "aria-label": 'Close Button' },
+      this.tabItems.length > 1 && (index.h("div", { class: vegaCloseIconCss, onClick: this.onCloseTab, role: 'button', tabIndex: item.disabled ? -1 : 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), "aria-label": 'Close Button' },
       index.h("vega-icon", { icon: "close", size: "size-12" }))));
   }
 }
@@ -596,6 +597,7 @@ class VegaTabGroupSwitchPageButtonRenderer extends globalSlimmerRegistry.VegaSli
       source.push({
         key: tabItem.dataTarget,
         label: tabItem.label,
+        disabled: tabItem.disabled,
       });
     });
     const translocation = {
@@ -676,7 +678,7 @@ class VegaTabGroupPanelController extends globalSlimmerRegistry.VegaSlimmer {
    * register the observer when component connected
    */
   connectedCallback() {
-    this.tabPanelUpdateObserver = new domNodeSubjectFactory.Observer(this.canAcceptPanelUpdate.bind(this), this.handlePanelUpdate);
+    this.tabPanelUpdateObserver = new observer.Observer(this.canAcceptPanelUpdate.bind(this), this.handlePanelUpdate);
     changeManager.ChangeManager.register(staticSubjectTitle.TAB_PANEL_ADD_OR_DEL_TO_GROUP, this.tabPanelUpdateObserver);
   }
   /**
@@ -819,6 +821,7 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
           'last-page': this.currentPageIndex + 1 === this.tabPages.length,
           'vega-flex-shrink-0': true,
           'v-min-w-min': true,
+          'disabled': Boolean(item.disabled),
         }, "data-target": item.dataTarget, key: item.dataTarget },
         index.h("div", { class: "vega-tab-container" },
           index.h("div", { class: {
@@ -826,11 +829,11 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
               'vega-close-icon-space': this.showCloseButton,
             }, 
             /* eslint-disable-next-line react/jsx-no-bind */
-            onClick: () => this.handleTabItemClick(item.dataTarget), "aria-label": item.dataTarget, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
+            onClick: () => this.handleTabItemClick(item.dataTarget), "aria-label": item.dataTarget, role: 'button', tabIndex: item.disabled ? -1 : 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
             this.renderPrefixIconDom(item),
             this.renderTabLabelDom(item),
             this.renderCounterBadgeDom(item)),
-          this.closeButtonRenderer.render())));
+          this.closeButtonRenderer.render(item))));
     })));
   }
   renderPrefixIconDom(item) {
@@ -1044,7 +1047,7 @@ const VegaTabGroupRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-const vegaTabGroupCss = ".tab-content-container.tab-style-primary{margin-left:24px;margin-right:24px}.vega-tab{cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.tab-content-container.more-tab .vega-tab{flex-grow:1}.tab-content-container.more-tab .vega-tab.last-page{flex-grow:0}.vega-tab>div.vega-tab-container{display:flex;align-items:center}.vega-tab>div.vega-tab-container>div{flex-grow:1}.tab-style-primary .vega-tab:hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}.tab-style-primary .vega-tab.selected,.tab-style-primary .vega-tab.selected:hover{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-tab>div>.label{display:inline-flex;align-items:center;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;cursor:pointer;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-tab>div>.label vega-icon{padding-right:8px}.vega-tab>div>.label .vega-counter-badge{position:relative;height:20px;padding-left:8px}.vega-tab>div>.label .vega-counter-badge vega-counter-badge{position:absolute;padding-left:8px;top:10px}.vega-tab>div>.label .vega-counter-badge.one-digit{width:20px}.vega-tab>div>.label .vega-counter-badge.one-digit vega-counter-badge{left:10px}.vega-tab>div>.label .vega-counter-badge.two-digits{width:28px}.vega-tab>div>.label .vega-counter-badge.two-digits vega-counter-badge{left:14px}.vega-tab>div>.label .vega-counter-badge.multi-digits{width:32px}.vega-tab>div>.label .vega-counter-badge.multi-digits vega-counter-badge{left:16px}.vega-tab>div>.label.vega-close-icon-space{padding-right:12px}.vega-tab>div>div.vega-close-icon{padding-left:0px;flex-grow:0;padding-right:13px}.vega-tab>div>div.vega-hidden{display:none}.vega-tab>div vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:content-box}.vega-tab>div>div.vega-close-icon vega-icon{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host{display:block;width:100%;text-align:left;line-height:normal;min-width:270px}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;display:none;margin-top:-1px}.tab-content-container{display:flex;gap:8px;justify-content:space-between}.tab-content-container.more-tab .tab-list{width:100%}div.tab-left-button,div.tab-right-button{display:inline-block;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}div.tab-left-button.vega-hidden,div.tab-right-button.vega-hidden{display:none}div.tab-left-button vega-icon,div.tab-right-button vega-icon{box-sizing:content-box;padding:13px 13px 13px 12px}.vega-tab-group-content vega-tab-group-panel{display:none}.vega-tab-group-content vega-tab-group-panel.active{display:block}.tab-style-secondary .vega-tab>div.vega-tab-container{align-items:baseline}.tab-style-secondary+.horizontal-divider{display:block}.tab-style-secondary .vega-tab{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary .vega-tab>div>.label{padding-left:16px;padding-right:16px;padding-top:0px;padding-bottom:12px}.tab-style-secondary .vega-tab.selected>div>.label,.tab-style-secondary .vega-tab.selected>div>.label vega-icon,.tab-style-secondary .vega-tab:hover>div>.label,.tab-style-secondary .vega-tab:hover>div>.label vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.tab-style-secondary .vega-tab{border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:2px;border-style:solid;border-color:transparent}.tab-style-secondary .vega-tab.selected{border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}.tab-style-secondary div.tab-left-button,.tab-style-secondary div.tab-right-button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary div.tab-left-button vega-icon,.tab-style-secondary div.tab-right-button vega-icon{padding:6px 13px 13px 6px}.tab-style-secondary div.tab-left-button:hover vega-icon,.tab-style-secondary div.tab-right-button:hover vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}";
+const vegaTabGroupCss = ".tab-content-container.tab-style-primary{margin-left:24px;margin-right:24px}.vega-tab{cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.tab-content-container.more-tab .vega-tab{flex-grow:1}.tab-content-container.more-tab .vega-tab.last-page{flex-grow:0}.vega-tab>div.vega-tab-container{display:flex;align-items:center}.vega-tab>div.vega-tab-container>div{flex-grow:1}.tab-style-primary .vega-tab:hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}.tab-style-primary .vega-tab.selected,.tab-style-primary .vega-tab.selected:hover{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-tab>div>.label{display:inline-flex;align-items:center;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;cursor:pointer;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-tab>div>.label vega-icon{padding-right:8px}.vega-tab>div>.label .vega-counter-badge{position:relative;height:20px;padding-left:8px}.vega-tab>div>.label .vega-counter-badge vega-counter-badge{position:absolute;padding-left:8px;top:10px}.vega-tab>div>.label .vega-counter-badge.one-digit{width:20px}.vega-tab>div>.label .vega-counter-badge.one-digit vega-counter-badge{left:10px}.vega-tab>div>.label .vega-counter-badge.two-digits{width:28px}.vega-tab>div>.label .vega-counter-badge.two-digits vega-counter-badge{left:14px}.vega-tab>div>.label .vega-counter-badge.multi-digits{width:32px}.vega-tab>div>.label .vega-counter-badge.multi-digits vega-counter-badge{left:16px}.vega-tab>div>.label.vega-close-icon-space{padding-right:12px}.vega-tab>div>div.vega-close-icon{padding-left:0px;flex-grow:0;padding-right:13px}.vega-tab>div>div.vega-hidden{display:none}.vega-tab>div vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:content-box}.vega-tab>div>div.vega-close-icon vega-icon{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}.vega-tab.disabled{pointer-events:none;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.vega-tab.disabled .label,.vega-tab.disabled vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host{display:block;width:100%;text-align:left;line-height:normal;min-width:270px}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;display:none;margin-top:-1px}.tab-content-container{display:flex;gap:8px;justify-content:space-between}.tab-content-container.more-tab .tab-list{width:100%}div.tab-left-button,div.tab-right-button{display:inline-block;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}div.tab-left-button.vega-hidden,div.tab-right-button.vega-hidden{display:none}div.tab-left-button vega-icon,div.tab-right-button vega-icon{box-sizing:content-box;padding:13px 13px 13px 12px}.vega-tab-group-content vega-tab-group-panel{display:none}.vega-tab-group-content vega-tab-group-panel.active{display:block}.tab-style-secondary .vega-tab>div.vega-tab-container{align-items:baseline}.tab-style-secondary+.horizontal-divider{display:block}.tab-style-secondary .vega-tab{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary .vega-tab>div>.label{padding-left:16px;padding-right:16px;padding-top:0px;padding-bottom:12px}.tab-style-secondary .vega-tab.selected>div>.label,.tab-style-secondary .vega-tab.selected>div>.label vega-icon,.tab-style-secondary .vega-tab:hover>div>.label,.tab-style-secondary .vega-tab:hover>div>.label vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.tab-style-secondary .vega-tab{border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:2px;border-style:solid;border-color:transparent}.tab-style-secondary .vega-tab.selected{border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}.tab-style-secondary div.tab-left-button,.tab-style-secondary div.tab-right-button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary div.tab-left-button vega-icon,.tab-style-secondary div.tab-right-button vega-icon{padding:6px 13px 13px 6px}.tab-style-secondary div.tab-left-button:hover vega-icon,.tab-style-secondary div.tab-right-button:hover vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}";
 
 var __decorate$1 = (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-table_8.cjs.entry.js

@@ -8,26 +8,27 @@ const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const object = require('./object-bbd4ed7f.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
+const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-5fd9b267.js');
-const remoteInvocationRegistry = require('./remote-invocation-registry-ff9af278.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
 const component = require('./component-73a88c4e.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-c2e08e06.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-ae490543.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const immutableMap = require('./immutable-map-adf398cc.js');
-const translationSlimmer = require('./translation-slimmer-ec76c5a2.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b97e46b5.js');
+const translationSlimmer = require('./translation-slimmer-510906bc.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-080731bc.js');
 const featureFlagController = require('./feature-flag-controller-7b22e598.js');
 const breakpoints$1 = require('./breakpoints-ebde4837.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
@@ -42,9 +43,9 @@ require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./array-5adef7b2.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./translation-b9be41e0.js');
+require('./translation-6848c389.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./icon-manager-edc2400b.js');
@@ -422,7 +423,7 @@ class VegaTableExpandRowController extends globalSlimmerRegistry.VegaSlimmer {
    * Initializes row expand observer
    */
   initRowExpandObserver() {
-    this.expandObserver = new domNodeSubjectFactory.Observer(this.isAcceptableTableRowObserver.bind({ host: this.host }), (payload) => {
+    this.expandObserver = new observer.Observer(this.isAcceptableTableRowObserver.bind({ host: this.host }), (payload) => {
       if (payload.expanded) {
         this.expandedRowKeySet.add(payload.rowKey);
       }
@@ -772,7 +773,7 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
    * The function initializes a row selection.
    */
   initRowSelection() {
-    this.rowSelectionObserver = new domNodeSubjectFactory.Observer(this.isAcceptableRowSelectionObserver.bind(this), (payload) => {
+    this.rowSelectionObserver = new observer.Observer(this.isAcceptableRowSelectionObserver.bind(this), (payload) => {
       const { rowKey, checked } = payload;
       const record = this.vegaTableDataSourceController.getRecordByKey(rowKey);
       this.handleRowSelect(checked, record);
@@ -801,7 +802,7 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
    * The function initializes an observer for row selection all in a table
    */
   initRowSelectionAllObserver() {
-    this.rowSelectionAllObserver = new domNodeSubjectFactory.Observer(this.isAcceptableRowSelectionAllObserver.bind(this), (payload) => {
+    this.rowSelectionAllObserver = new observer.Observer(this.isAcceptableRowSelectionAllObserver.bind(this), (payload) => {
       this.handleSelectAll(payload.checked);
     });
     changeManager.ChangeManager.register(staticSubjectTitle.TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
@@ -810,7 +811,7 @@ class VegaTableRowSelectionController$1 extends globalSlimmerRegistry.VegaSlimme
    * The function initializes a row click observer that handles row selection in a table.
    */
   initRowClickObserver() {
-    this.rowClickObserver = new domNodeSubjectFactory.Observer(this.isAcceptableRowClickObserver.bind(this), (payload) => {
+    this.rowClickObserver = new observer.Observer(this.isAcceptableRowClickObserver.bind(this), (payload) => {
       if (this.getRowSelectionType() === 'single') {
         const record = this.vegaTableDataSourceController.getRecordByKey(payload.rowKey);
         this.handleSingleRowSelect(record);
@@ -1259,7 +1260,7 @@ __decorate$y([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTablePaginationRenderer.prototype, "vegaTableDataSourceController", void 0);
 
-const VegaTableScrollableContainer = ({ scrollConfig = {}, ref }, children) => {
+const VegaTableScrollableContainer = ({ scrollConfig = {}, ref, onScroll }, children) => {
   const { maxHeight } = scrollConfig;
   const isVerticalScrollable = typeGuard.isNonNullable(maxHeight);
   const handleVerticalScroll = (e) => {
@@ -1273,6 +1274,7 @@ const VegaTableScrollableContainer = ({ scrollConfig = {}, ref }, children) => {
     if (target.scrollTop > 0 && !target.classList.contains('scrolled')) {
       target.classList.add('scrolled');
     }
+    onScroll(e);
   };
   return (index.h("div", { class: "vega-table-scrollable-container", style: {
       maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,
@@ -1295,12 +1297,20 @@ class VegaTableScrollContainerRenderer extends globalSlimmerRegistry.VegaSlimmer
         this.tableScrollContainerRef.scrollTop = 0;
       }
     };
+    this.notifyContentScrolling = () => {
+      this.isTemplateRenderMode &&
+        changeManager.ChangeManager.notify(staticSubjectTitle.SHADOW_ROOT_ELEMENT_SCROLLING, {
+          host: this.host,
+        });
+    };
   }
   watchCurrentPage() {
     this.scrollContainerToTop();
   }
   render(children) {
-    return (index.h(VegaTableScrollableContainer, { scrollConfig: this.scrollConfig, ref: (ref) => this.setTableScrollContainerRef(ref) }, children));
+    return (index.h(VegaTableScrollableContainer, { scrollConfig: this.scrollConfig, ref: (ref) => this.setTableScrollContainerRef(ref), 
+      /* eslint-disable-next-line react/jsx-no-bind */
+      onScroll: () => this.notifyContentScrolling() }, children));
   }
   setTableScrollContainerRef(ref) {
     this.tableScrollContainerRef = ref;
@@ -1309,6 +1319,12 @@ class VegaTableScrollContainerRenderer extends globalSlimmerRegistry.VegaSlimmer
 __decorate$x([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableScrollContainerRenderer.prototype, "scrollConfig", void 0);
+__decorate$x([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableScrollContainerRenderer.prototype, "host", void 0);
+__decorate$x([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableScrollContainerRenderer.prototype, "isTemplateRenderMode", void 0);
 __decorate$x([
   globalSlimmerRegistry.MapToComponentMethod('watchCurrentPage')
 ], VegaTableScrollContainerRenderer.prototype, "watchCurrentPage", null);
@@ -3083,7 +3099,7 @@ class VegaTableExpandRowExpandController extends globalSlimmerRegistry.VegaSlimm
    * Component lifecycle - [connectedCallback]{@link VegaTableExpandRow.connectedCallback}
    */
   connectedCallback() {
-    this.expandObserver = new domNodeSubjectFactory.Observer(this.isAcceptableTableExpandRowObserver.bind(this), (payload) => {
+    this.expandObserver = new observer.Observer(this.isAcceptableTableExpandRowObserver.bind(this), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.expanded = payload.expanded;
       }
@@ -3162,7 +3178,7 @@ class VegaTableExpandRowSelectionController extends globalSlimmerRegistry.VegaSl
    * Component lifecycle - [connectedCallback]{@link VegaTableExpandRow.connectedCallback}
    */
   connectedCallback() {
-    this.rowSelectionObserver = new domNodeSubjectFactory.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
+    this.rowSelectionObserver = new observer.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.checked = payload.checked;
       }
@@ -3787,7 +3803,7 @@ class VegaTableHeadRowController extends globalSlimmerRegistry.VegaSlimmer {
    * Initialize the row selection all observer.
    */
   initRowSelectionAllObserver() {
-    this.rowSelectionAllObserver = new domNodeSubjectFactory.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
+    this.rowSelectionAllObserver = new observer.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
       if (!payload.noneChecked && payload.checked === false) {
         this.checkedAll = null; // indeterminate status
       }
@@ -4161,13 +4177,13 @@ class VegaTableRowSelectionController extends globalSlimmerRegistry.VegaSlimmer
    * Initialize the row selection observer.
    */
   initRowSelectionObserver() {
-    this.rowSelectionAllObserver = new domNodeSubjectFactory.Observer(isAcceptableTableObserver.bind(this), (payload) => {
+    this.rowSelectionAllObserver = new observer.Observer(isAcceptableTableObserver.bind(this), (payload) => {
       if (payload.checked || (payload.checked === false && payload.noneChecked)) {
         this.checked = payload.checked;
       }
     });
     changeManager.ChangeManager.register(staticSubjectTitle.TABLE_ROW_SELECTION_ALL, this.rowSelectionAllObserver);
-    this.rowSelectionObserver = new domNodeSubjectFactory.Observer(isAcceptableTableObserver.bind(this), (payload) => {
+    this.rowSelectionObserver = new observer.Observer(isAcceptableTableObserver.bind(this), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.checked = payload.checked;
       }
@@ -4238,7 +4254,7 @@ class VegaTableRowExpandController extends globalSlimmerRegistry.VegaSlimmer {
    * Initialize the row expand observer.
    */
   initRowExpandObserver() {
-    this.rowExpandObserver = new domNodeSubjectFactory.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
+    this.rowExpandObserver = new observer.Observer(isAcceptableTableObserver.bind({ host: this.host }), (payload) => {
       if (payload.rowKey === this.rowKey) {
         this.expanded = payload.expanded;
       }
@@ -4308,7 +4324,7 @@ class VegaTableRowClickController extends globalSlimmerRegistry.VegaSlimmer {
    * Initialize row click observer
    */
   initRowClickObserver() {
-    this.rowClickObserver = new domNodeSubjectFactory.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
+    this.rowClickObserver = new observer.Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
       this.clicked = payload.host === this.host;
       if (this.selectionType === 'single') {
         if (payload.host === this.host) {