@globalpayments/vega 2.61.0 → 2.62.0

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -10,47 +10,46 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const effect = require('./effect-98e88068.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
-const internalIconManager = require('./internal-icon-manager-f8677abb.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-9c54f3aa.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
+const tokenExtension = require('./token-extension-23ccff1d.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-b0b4b997.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-9602b5bb.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-bb64fcfc.js');
 const brandSwitchStateControllerSlimmer = require('./brand-switch-state-controller-slimmer-b83a4596.js');
 const darkModeStyleController = require('./dark-mode-style-controller-ab0703e1.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-df7df5bb.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-84175d61.js');
 const ui = require('./ui-4ce1fa08.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-1eb8f031.js');
-const designToken = require('./design-token-16f74439.js');
+const designToken = require('./design-token-76bb47bd.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-4d7bce1a.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./icon-manager-9072356d.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./number-4816603d.js');
-require('./object-e2e28e3d.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
+require('./string-39438062.js');
 require('./type-guard-f12b5bae.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-0d22ff78.js');
+require('./object-e2e28e3d.js');
+require('./base-renderer-0a3b62b7.js');
+require('./responsive-format-facade-7e933525.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-d7b8e70b.js');
-require('./code-block-ecb2df41.js');
-require('./string-39438062.js');
 require('./state-background-color-formatter-aa5570f6.js');
 
 var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -299,13 +298,13 @@ class VegaLeftNavZIndexController extends globalSlimmerRegistry.VegaSlimmer {
   updateZIndex() {
     const backDrop = this.backdropController.getBackdrop();
     if (this.openState == 'open') {
-      vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(backDrop, 'base');
-      vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(this.host, 'base');
+      tokenExtension.InternalVegaZIndexManager.setZIndex(backDrop, 'base');
+      tokenExtension.InternalVegaZIndexManager.setZIndex(this.host, 'base');
     }
     else {
       effect.executeAfterTransition(() => {
-        vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(backDrop, 'base');
-        vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
+        tokenExtension.InternalVegaZIndexManager.removeZIndex(backDrop, 'base');
+        tokenExtension.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
       }, this.host, 300);
     }
   }
@@ -565,7 +564,7 @@ const VegaLeftNav = class {
     this.zIndexController = new VegaLeftNavZIndexController();
     this.listRenderer = new VegaNavListRenderer();
     this.vegaLeftNavAutoCollapseController = new VegaLeftNavAutoCollapseController();
-    this.stateUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNav, domNodeSubjectFactory.VegaStateUpdate);
+    this.stateUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNav, domNodeSubjectObserverFactory.VegaStateUpdate);
     this.componentGlobalStyleSlimmer = new componentGlobalStyleSlimmer.ComponentGlobalStyleSlimmer(vegaLeftNavContentCss);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaLeftNavRuntimeMetricsPayloadDefinition);
     this.autoCollapseGroupsNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaLeftNav, 'autoCollapseGroups', 'watchAutoCollapseGroups');
@@ -758,7 +757,7 @@ class VegaLeftNavGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
   notifyOtherGroup() {
     const topParent = this.vegaLeftNavHierarchyController.getTopParent();
     if (topParent) {
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavGroupExpand), { host: this.host });
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavGroupExpand), { host: this.host });
     }
   }
 }
@@ -809,14 +808,14 @@ class VegaLeftNavGroupForLeftNavLinkClickObserver extends globalSlimmerRegistry.
   disconnectedCallback() {
     const topParent = this.vegaLeftNavHierarchyController.getTopParent();
     if (topParent) {
-      changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavLinkSelected), this.observer);
+      changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavLinkSelected), this.observer);
     }
   }
   componentWillLoad() {
     const topParent = this.vegaLeftNavHierarchyController.getTopParent();
     if (topParent) {
       this.observer = new observer.Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
-      changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavLinkSelected), this.observer);
+      changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavLinkSelected), this.observer);
     }
   }
   isAcceptableObserver(input) {
@@ -875,14 +874,14 @@ class VegaLeftNavGroupForOtherGroupsClickObserver extends globalSlimmerRegistry.
   disconnectedCallback() {
     const topParent = this.vegaLeftNavHierarchyController.getTopParent();
     if (topParent) {
-      changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavGroupExpand), this.observer);
+      changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavGroupExpand), this.observer);
     }
   }
   componentWillLoad() {
     const topParent = this.vegaLeftNavHierarchyController.getTopParent();
     if (topParent) {
       this.observer = new observer.Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
-      changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavGroupExpand), this.observer);
+      changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavGroupExpand), this.observer);
     }
   }
   isAcceptableObserver(input) {
@@ -1038,7 +1037,7 @@ class VegaLeftNavGroupForInitializeSelectedObserver extends globalSlimmerRegistr
   disconnectedCallback() {
     const topParent = this.vegaLeftNavHierarchyController.getTopParent();
     if (topParent) {
-      changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalInitializeLeftNavLinkSelected), this.observer);
+      changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalInitializeLeftNavLinkSelected), this.observer);
     }
   }
   /**
@@ -1048,7 +1047,7 @@ class VegaLeftNavGroupForInitializeSelectedObserver extends globalSlimmerRegistr
     const topParent = this.vegaLeftNavHierarchyController.getTopParent();
     if (topParent && !this.openByDefault) {
       this.observer = new observer.Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
-      changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalInitializeLeftNavLinkSelected), this.observer);
+      changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalInitializeLeftNavLinkSelected), this.observer);
     }
   }
   isAcceptableObserver(input) {
@@ -1099,7 +1098,7 @@ const VegaLeftNavGroup = class {
     this.vegaLeftNavHierarchyController = new VegaLeftNavHierarchyController();
     this.linkClickObserverController = new VegaLeftNavGroupForLeftNavLinkClickObserver();
     this.otherGroupsClickObserverController = new VegaLeftNavGroupForOtherGroupsClickObserver();
-    this.groupClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavGroup, domNodeSubjectFactory.VegaGroupClick);
+    this.groupClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavGroup, domNodeSubjectObserverFactory.VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaLeftNavGroupStateController = new VegaLeftNavGroupStateController();
     this.vegaLeftNavGroupOpenStateController = new VegaLeftNavGroupOpenStateController();
@@ -1192,7 +1191,7 @@ class VegaLeftNavLinkRenderer extends globalSlimmerRegistry.VegaSlimmer {
   notifyVegaLeftNav() {
     const vegaLeftNav = ui.findParent(this.host, 'vega-left-nav');
     if (vegaLeftNav) {
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(vegaLeftNav, vegaInternalEventId.VegaInternalLeftNavLinkClick), {
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(vegaLeftNav, vegaInternalEventId.VegaInternalLeftNavLinkClick), {
         host: this.host,
       });
     }
@@ -1200,7 +1199,7 @@ class VegaLeftNavLinkRenderer extends globalSlimmerRegistry.VegaSlimmer {
   notifyVegaLeftGroup() {
     const topParent = this.vegaLeftNavHierarchyController.getTopParent();
     if (topParent) {
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavLinkSelected), {
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalLeftNavLinkSelected), {
         host: this.host,
       });
     }
@@ -1305,7 +1304,7 @@ class VegaLeftNavLinkController extends VegaNavObserverSlimmer {
     if (this.selected) {
       const topParent = this.vegaLeftNavHierarchyController.getTopParent();
       if (topParent) {
-        changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalInitializeLeftNavLinkSelected), {
+        changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(topParent, vegaInternalEventId.VegaInternalInitializeLeftNavLinkSelected), {
           host: this.host,
         });
       }
@@ -1372,7 +1371,7 @@ const VegaLeftNavLink = class {
     this.renderer = new VegaLeftNavLinkRenderer();
     this.vegaLeftNavHierarchyController = new VegaLeftNavHierarchyController();
     this.controller = new VegaLeftNavLinkController();
-    this.menuClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavLink, domNodeSubjectFactory.VegaMenuClick);
+    this.menuClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavLink, domNodeSubjectObserverFactory.VegaMenuClick);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
@@ -1450,7 +1449,7 @@ class VegaLeftNavSectionRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.sectionHeader.actionTitle && (index.h("vega-button-link", { label: this.sectionHeader.actionTitle, size: "small", link: this.sectionHeader.actionLink, eventful: this.sectionHeader.actionEventful, 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
             this.actionClickEventEmitter.emit();
           });
         } })))));
@@ -1485,7 +1484,7 @@ const VegaLeftNavSection = class {
     this.actionClick = index.createEvent(this, "actionClick", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaLeftNavSectionRenderer();
-    this.actionClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavSection, domNodeSubjectFactory.VegaActionClick);
+    this.actionClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavSection, domNodeSubjectObserverFactory.VegaActionClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {

package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-00ba6623.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-9c54f3aa.js');
+const tokenExtension = require('./token-extension-23ccff1d.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-4ce1fa08.js');
-const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -17,26 +17,27 @@ require('./static-subject-title-85732e0f.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
-require('./dom-node-subject-factory-4eb1fec2.js');
+require('./internal-vega-event-manager-28b957c8.js');
+require('./dom-node-subject-observer-factory-58e3c010.js');
 require('./number-4816603d.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
+require('./vega-internal-event-id-9647aaf8.js');
+require('./string-39438062.js');
 require('./type-guard-f12b5bae.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
+require('./object-e2e28e3d.js');
+require('./base-renderer-0a3b62b7.js');
+require('./internal-icon-manager-32f9ed63.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
-require('./icon-manager-9072356d.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-d7b8e70b.js');
-require('./code-block-ecb2df41.js');
-require('./vega-internal-event-id-9647aaf8.js');
-require('./string-39438062.js');
-require('./object-e2e28e3d.js');
 require('./try-get-document-c0ebd39a.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -67,7 +68,7 @@ class ManageVegaLoaderWrapperZIndexController extends globalSlimmerRegistry.Vega
     const containerElement = document.querySelector(this.host.dataset.container);
     if (containerElement) {
       if (containerElement.tagName === 'BODY') {
-        vegaSkeletonLoaderController.InternalVegaZIndexManager.setZIndex(this.host, 'base');
+        tokenExtension.InternalVegaZIndexManager.setZIndex(this.host, 'base');
       }
     }
   }
@@ -75,7 +76,7 @@ class ManageVegaLoaderWrapperZIndexController extends globalSlimmerRegistry.Vega
    * Removes the z-index of the vega-loader-wrapper by resetting it.
    */
   removeIndex() {
-    vegaSkeletonLoaderController.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
+    tokenExtension.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
   }
 }
 __decorate$2([

package/dist/cjs/vega-page-notification_2.cjs.entry.js

@@ -8,8 +8,7 @@ const component = require('./component-1e352960.js');
 const ui = require('./ui-4ce1fa08.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 
@@ -135,7 +134,7 @@ const VegaPageNotification = class {
     if (!this.actionButtons || this.actionButtons.length === 0)
       return;
     return (index.h("div", { class: "vega-page-notification-actions-container" }, this.actionButtons.map((actionButton) => (index.h("vega-button", { size: this.isMobileDevice ? 'small' : 'default', label: actionButton.label, variant: "secondary", ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, actionButton.onVegaClick);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, actionButton.onVegaClick);
       } })))));
   }
   get host() { return index.getElement(this); }

package/dist/cjs/vega-pagination-page-selector-mobile.cjs.entry.js

@@ -6,15 +6,14 @@ const index = require('./index-00ba6623.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
 const component = require('./component-1e352960.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const number = require('./number-4816603d.js');
 const ui = require('./ui-4ce1fa08.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
 require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
@@ -57,7 +56,7 @@ class PageSelectorMobileRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return (index.h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
       this.prevAndNextButtonRenderer.render('prev'),
       index.h("vega-form", { ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaFormSubmit, this.handleChange);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaFormSubmit, this.handleChange);
         } },
         index.h("vega-input", { "data-vega-form": "pageSelectorMobile_goTo", size: "small", showClearIcon: false, style: { width: '54px' }, maskConfig: {
             type: 'number',
@@ -67,7 +66,7 @@ class PageSelectorMobileRenderer extends globalSlimmerRegistry.VegaSlimmer {
             },
           }, value: this.current.toString(), ref: (ref) => {
             this.inputRef = ref;
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaBlur, this.handleChange);
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaBlur, this.handleChange);
           } })),
       index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, "/"),
       index.h("vega-font", { variant: "font-field-label", color: "text-primary" }, this.pageCount.toString()),
@@ -103,7 +102,7 @@ class PrevAndNextButtonRenderer extends globalSlimmerRegistry.VegaSlimmer {
       return (index.h("vega-button-circle", { variant: "icon-only", icon: icon, iconColor: "text-link", size: "small", disabled: isDisabled, 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, handleClick);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, handleClick);
         } }));
     };
     /** Render the prev button of the page selector mobile **/
@@ -124,7 +123,7 @@ class PrevAndNextButtonRenderer extends globalSlimmerRegistry.VegaSlimmer {
   notifyParentPagination(detail) {
     const pagination = ui.findParent(this.host, 'vega-pagination');
     if (pagination) {
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(pagination, vegaInternalEventId.VegaInternalPaginationCurrentChange), {
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(pagination, vegaInternalEventId.VegaInternalPaginationCurrentChange), {
         host: this.host,
         detail,
       });
@@ -169,7 +168,7 @@ const VegaPaginationPageSelectorMobile = class {
     index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.childEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.host);
+    this.childEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host);
     this.pageSelectorMobileRenderer = new PageSelectorMobileRenderer();
     this.prevAndNextButtonRenderer = new PrevAndNextButtonRenderer();
     /**

package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js

@@ -8,8 +8,7 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const component = require('./component-1e352960.js');
 const translationSlimmer = require('./translation-slimmer-af399096.js');
 const translation = require('./translation-cde4dce3.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const ui = require('./ui-4ce1fa08.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
@@ -107,7 +106,7 @@ class PageSizeSelectorMobileDropdownRenderer extends globalSlimmerRegistry.VegaS
           ],
         },
       ], ref: (node) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaDropdownClick, (payload) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaDropdownClick, (payload) => {
           this.notifyParentPagination(payload.detail);
         });
       }, isScreenPosition: (_a = this.dropdownProps) === null || _a === void 0 ? void 0 : _a.isScreenPosition }, children));
@@ -115,7 +114,7 @@ class PageSizeSelectorMobileDropdownRenderer extends globalSlimmerRegistry.VegaS
   notifyParentPagination(detail) {
     const pagination = ui.findParent(this.host, 'vega-pagination');
     if (pagination) {
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(pagination, vegaInternalEventId.VegaInternalPaginationPageSizeChange), {
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(pagination, vegaInternalEventId.VegaInternalPaginationPageSizeChange), {
         host: this.host,
         detail,
       });

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

@@ -5,27 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
 const number = require('./number-4816603d.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const ui = require('./ui-4ce1fa08.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
 const translationSlimmer = require('./translation-slimmer-af399096.js');
-const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-9c54f3aa.js');
+require('./token-extension-23ccff1d.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
-require('./icon-manager-9072356d.js');
+require('./internal-icon-manager-32f9ed63.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-d7b8e70b.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./try-get-document-c0ebd39a.js');
 require('./type-guard-f12b5bae.js');
@@ -38,8 +38,8 @@ require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./static-subject-title-85732e0f.js');
 require('./_commonjsHelpers-537d719a.js');
+require('./base-renderer-0a3b62b7.js');
 require('./index-4d7bce1a.js');
-require('./code-block-ecb2df41.js');
 require('./string-39438062.js');
 require('./object-e2e28e3d.js');
 
@@ -66,7 +66,7 @@ const VegaPaginationGoTo = ({ onChange, pageCount, translationSlimmer, }) => {
     index.h("vega-form", { 
       /* eslint-disable-next-line react/jsx-no-bind */
       ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaFormSubmit, handleChange);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaFormSubmit, handleChange);
       } },
       index.h("vega-input", { "data-vega-form": "paginationGoTo", type: "number", size: "small", showClearIcon: false, style: { width: '60px' }, maskConfig: {
           type: 'number',
@@ -82,7 +82,7 @@ const VegaPaginationGoTo = ({ onChange, pageCount, translationSlimmer, }) => {
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
           inputRef = ref;
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaBlur, handleChange);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaBlur, handleChange);
         } }))));
 };
 
@@ -102,7 +102,7 @@ const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, dro
         })), value: pageSize.toString(), placeholder: "Page Size", vegaDropdownProps: Object.assign({ matchTargetWidth: false, searchable: false }, dropdownProps), 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, handleChange);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, handleChange);
         } }))));
 };
 
@@ -187,7 +187,7 @@ const VegaPaginationPageSelector = ({ total, current, onChange, pageCount, }) =>
       index.h("vega-button-circle", { variant: "icon-only", icon: icon, iconColor: "text-link", size: "small", disabled: isDisabled, 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, handleClick);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, handleClick);
         } })));
   };
   const handlePrev = () => {
@@ -379,10 +379,10 @@ const VegaPagination = class {
     this.pageSizeChange = index.createEvent(this, "pageSizeChange", 7);
     this.globalSlimmers = {};
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
-    this.childEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaFormSubmit], () => this.host);
-    this.childValueChangePrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.host, true);
-    this.vegaChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaPagination, domNodeSubjectFactory.VegaChange);
-    this.vegaPageSizeChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaPagination, domNodeSubjectFactory.VegaPageSizeChange);
+    this.childEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaFormSubmit], () => this.host);
+    this.childValueChangePrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host, true);
+    this.vegaChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaPagination, domNodeSubjectObserverFactory.VegaChange);
+    this.vegaPageSizeChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaPagination, domNodeSubjectObserverFactory.VegaPageSizeChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaPaginationPageSizeObserverController = new VegaPaginationPageSizeObserverController();
     this.vegaPaginationCurrentPageObserverController = new VegaPaginationCurrentPageObserverController();

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

@@ -7,12 +7,12 @@ const component = require('./component-1e352960.js');
 const injectKeyboardManager = require('./inject-keyboard-manager-ad865c95.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-c4816142.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-e8dac628.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
-const designToken = require('./design-token-16f74439.js');
+const designToken = require('./design-token-76bb47bd.js');
 require('./keyboard-manager-7f4e1f43.js');
 require('./ui-4ce1fa08.js');
 require('./type-guard-f12b5bae.js');
@@ -21,30 +21,30 @@ require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-observer-factory-15130e50.js');
-require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./try-get-document-c0ebd39a.js');
-require('./vega-skeleton-loader-controller-9c54f3aa.js');
+require('./observer-f49483e8.js');
+require('./token-extension-23ccff1d.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./static-subject-title-85732e0f.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./number-4816603d.js');
-require('./responsive-format-facade-0d22ff78.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
+require('./string-39438062.js');
+require('./object-e2e28e3d.js');
+require('./base-renderer-0a3b62b7.js');
+require('./internal-icon-manager-32f9ed63.js');
+require('./responsive-format-facade-7e933525.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
-require('./icon-manager-9072356d.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-d7b8e70b.js');
-require('./code-block-ecb2df41.js');
-require('./string-39438062.js');
-require('./object-e2e28e3d.js');
 require('./state-background-color-formatter-aa5570f6.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -118,7 +118,7 @@ class VegaPopoverAppenderController extends elementAppenderSlimmer.ElementAppend
    * Component lifecycle - [componentDidLoad]{@link VegaPopover.disconnectedCallback}
    */
   disconnectedCallback() {
-    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalPopoverUpdateTarget));
+    remoteInvocationRegistry.remoteInvocationRegistry.unRegister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalPopoverUpdateTarget));
   }
   /**
    * Generate the show configuration for the popover.
@@ -141,7 +141,7 @@ class VegaPopoverAppenderController extends elementAppenderSlimmer.ElementAppend
    * Register a remote method to update the target element of the popover.
    */
   registerRemoteMethod() {
-    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalPopoverUpdateTarget), (target) => {
+    remoteInvocationRegistry.remoteInvocationRegistry.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalPopoverUpdateTarget), (target) => {
       this.target = target;
       super.updateShowConfigFactory(this.generateShowConfigFactory.bind(this));
     });
@@ -203,8 +203,8 @@ const VegaPopover = class {
     this.globalSlimmers = {};
     this.appenderRenderer = new VegaPopoverAppenderRenderer();
     this.appenderController = new VegaPopoverAppenderController();
-    this.popoverShowEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaPopover, domNodeSubjectFactory.VegaPopoverShow);
-    this.popoverHideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaPopover, domNodeSubjectFactory.VegaPopoverHide);
+    this.popoverShowEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaPopover, domNodeSubjectObserverFactory.VegaPopoverShow);
+    this.popoverHideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaPopover, domNodeSubjectObserverFactory.VegaPopoverHide);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /** popover isPopoverShow */
     this.isPopoverShow = false;

package/dist/cjs/vega-progress-tracker.cjs.entry.js

@@ -3,20 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-00ba6623.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 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 eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-1eb8f031.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./ui-4ce1fa08.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./try-get-document-c0ebd39a.js');
 require('./object-e2e28e3d.js');
 
@@ -71,7 +70,7 @@ const VegaProgressTracker = class {
     this.vegaCurrentStepUpdate = index.createEvent(this, "vegaCurrentStepUpdate", 7);
     this.currentStepUpdate = index.createEvent(this, "currentStepUpdate", 7);
     this.globalSlimmers = {};
-    this.currentStepUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaProgressTracker, domNodeSubjectFactory.VegaCurrentStepUpdate);
+    this.currentStepUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaProgressTracker, domNodeSubjectObserverFactory.VegaCurrentStepUpdate);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaProgressTracker, 'completedSteps', 'completedStepArray', []);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaProgressTrackerRuntimeMetricsPayloadDefinition);
     /**
@@ -222,7 +221,7 @@ const VegaProgressTracker = class {
          * @see{module:vega-progress-tracker-with-touch-event-mobile}
          */
         /* istanbul ignore next */
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, domNodeSubjectFactory.VegaPageUpdate, (input) => this.updateCurrent(input.detail - 1, 0, this.steps.length - 1));
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, domNodeSubjectObserverFactory.VegaPageUpdate, (input) => this.updateCurrent(input.detail - 1, 0, this.steps.length - 1));
         return (this.carouselDom = el);
       } }, this.steps.map((subTitle, index$1) => (index.h("div", { class: {
         subTitle: true,