@globalpayments/vega 2.61.0 → 2.63.0

package/dist/cjs/vega-input-range.cjs.entry.js

@@ -6,24 +6,23 @@ const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.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 formFieldControllerSlimmer = require('./form-field-controller-slimmer-dab30e5c.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-cc6e53a4.js');
 const array = require('./array-249289f2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const ui = require('./ui-4ce1fa08.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const translationSlimmer = require('./translation-slimmer-af399096.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('./string-39438062.js');
 require('./observer-f49483e8.js');
+require('./string-39438062.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./vega-internal-event-id-9647aaf8.js');
 require('./translation-cde4dce3.js');
@@ -32,7 +31,7 @@ require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-df7df5bb.js');
+require('./sub-state-observer-slimmer-84175d61.js');
 require('./number-4816603d.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
@@ -236,14 +235,14 @@ class VegaInputRangeInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
       }, corners: "rounded-8", backgroundColor: this.disabled ? 'bg-secondary' : 'bg-primary' },
       index.h("vega-flex", { "align-items": "center", direction: this.isMobileDevice ? 'col' : 'row' },
         index.h("vega-input", Object.assign({ prefixIcon: this.prefixIcon }, this.getInputPropsByRangeIndex(0), { ref: (input) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(input, domNodeSubjectFactory.VegaChange, this.inputValueChange);
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(input, domNodeSubjectObserverFactory.VegaChange, this.inputValueChange);
             this.minFieldInputRef = input;
           } })),
         index.h("span", { class: "vega-input-range-divider" }),
         index.h("vega-input", Object.assign({ class: {
             'with-left-padding-in-mobile': !!this.prefixIcon && this.isMobileDevice,
           } }, this.getInputPropsByRangeIndex(1), { ref: (input) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(input, domNodeSubjectFactory.VegaChange, this.inputValueChange);
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(input, domNodeSubjectObserverFactory.VegaChange, this.inputValueChange);
             this.maxFieldInputRef = input;
           } }))),
       this.clearIconRenderer.render()));
@@ -523,8 +522,8 @@ const VegaInputRange = class {
     this.clearIconRenderer = new VegaInputRangeClearIconRenderer();
     this.inputRangeRenderer = new VegaInputRangeRenderer();
     this.valueController = new VegaInputRangeValueController();
-    this.inputChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.inputRangeRenderer.getInputRangeContainerRef());
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputRange, domNodeSubjectFactory.VegaChange);
+    this.inputChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.inputRangeRenderer.getInputRangeContainerRef());
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputRange, domNodeSubjectObserverFactory.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Specifies the label or title for the input range.

package/dist/cjs/vega-input-select.cjs.entry.js

@@ -8,10 +8,9 @@ const component = require('./component-1e352960.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-4ce1fa08.js');
-const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7e933525.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');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
 const array = require('./array-249289f2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
@@ -19,10 +18,10 @@ const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
-const internalIconManager = require('./internal-icon-manager-f8677abb.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dab30e5c.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
+const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-cc6e53a4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
@@ -35,23 +34,23 @@ require('./try-get-document-c0ebd39a.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-9c54f3aa.js');
+require('./token-extension-23ccff1d.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.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('./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('./sub-state-observer-slimmer-df7df5bb.js');
+require('./sub-state-observer-slimmer-84175d61.js');
 require('./typography-4560e7f1.js');
 
 var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -131,21 +130,21 @@ class VegaInputSelectDropdownController extends globalSlimmerRegistry.VegaSlimme
    * @param {HTMLElement} dropdownRef - The `dropdownRef` parameter is a reference to the HTML element representing the dropdown component.
    */
   addDropdownObserver(dropdownRef) {
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectFactory.VegaDropdownShow, (payload) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectObserverFactory.VegaDropdownShow, (payload) => {
       this.onDropdownShow();
       this.showEventEmitter.emit(payload.detail);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectFactory.VegaDropdownHide, (payload) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectObserverFactory.VegaDropdownHide, (payload) => {
       this.onDropdownHide();
       this.hideEventEmitter.emit(payload.detail);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectFactory.VegaDropdownClick, async (payload) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectObserverFactory.VegaDropdownClick, async (payload) => {
       this.vegaInputSelectValueController.setValue(await payload.host.getSelection());
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectFactory.VegaDropdownSearch, (payload) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectObserverFactory.VegaDropdownSearch, (payload) => {
       this.searchEventEmitter.emit(payload.detail);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectFactory.VegaSearchTrigger, (payload) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectObserverFactory.VegaSearchTrigger, (payload) => {
       this.searchTriggerEventEmitter.emit(payload.detail);
     });
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, vegaInternalEventId.VegaInternalDropdownTemplateItemsChange, 
@@ -164,7 +163,7 @@ class VegaInputSelectDropdownController extends globalSlimmerRegistry.VegaSlimme
       }));
       this.sourceController.appendSourceItems(addedItems);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectFactory.VegaReset, async () => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectObserverFactory.VegaReset, async () => {
       this.vegaInputSelectValueController.setValue(this.selectType === 'multiple' ? [] : '');
     });
   }
@@ -680,7 +679,7 @@ class VegaInputSelectPrefixIconRenderer extends globalSlimmerRegistry.VegaSlimme
    */
   connectedCallback() {
     this.remotePhoneNumberPrefixIconRenderSubject =
-      domNodeSubjectFactory.domNodeSubjectFactory.getSubjectFromParentNodeByEventId(this.host, vegaInternalEventId.VegaInputSelectRenderPrefixIconInternalOverridden);
+      domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubjectFromParentNodeByEventId(this.host, vegaInternalEventId.VegaInputSelectRenderPrefixIconInternalOverridden);
   }
   /**
    * Call the render function in input-phone-number.
@@ -758,12 +757,12 @@ const VegaInputSelect = class {
     });
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.lazyLoadController = new VegaInputSelectLazyLoadController();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, domNodeSubjectFactory.VegaChange);
-    this.searchEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, domNodeSubjectFactory.VegaSearch);
-    this.searchTriggerEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, domNodeSubjectFactory.VegaSearchTrigger);
-    this.showEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, domNodeSubjectFactory.VegaShow);
-    this.hideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, domNodeSubjectFactory.VegaHide);
-    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaSearch, domNodeSubjectFactory.VegaSearchTrigger, domNodeSubjectFactory.VegaShow, domNodeSubjectFactory.VegaHide], () => this.host, true);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, domNodeSubjectObserverFactory.VegaChange);
+    this.searchEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, domNodeSubjectObserverFactory.VegaSearch);
+    this.searchTriggerEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, domNodeSubjectObserverFactory.VegaSearchTrigger);
+    this.showEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, domNodeSubjectObserverFactory.VegaShow);
+    this.hideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, domNodeSubjectObserverFactory.VegaHide);
+    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaSearch, domNodeSubjectObserverFactory.VegaSearchTrigger, domNodeSubjectObserverFactory.VegaShow, domNodeSubjectObserverFactory.VegaHide], () => this.host, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaInputSelectRuntimeMetricsPayloadDefinition);
     this.isDropdownShow = false;
     this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-00ba6623.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
-const minNumberRule = require('./min-number-rule-965fc43d.js');
+const minNumberRule = require('./min-number-rule-dc555309.js');
 const minStringLengthRule = require('./min-string-length-rule-af215976.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-1e352960.js');
@@ -13,18 +13,17 @@ const componentLoadRequired = require('./component-load-required-6cc74719.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dab30e5c.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-cc6e53a4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const stringMaskStrategy = require('./string-mask-strategy-6bdad95e.js');
 const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-07a95352.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-5a744e71.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-f6c7a255.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-df7df5bb.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-84175d61.js');
 const array = require('./array-249289f2.js');
 const object = require('./object-e2e28e3d.js');
 require('./number-4816603d.js');
@@ -37,12 +36,12 @@ require('./vega-internal-event-id-9647aaf8.js');
 require('./translation-cde4dce3.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./try-get-document-c0ebd39a.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
-require('./index-da628bba.js');
+require('./index-5505e8dd.js');
 require('./wait-for-vega-handler-5469ff80.js');
 
 /**
@@ -907,10 +906,10 @@ const VegaInput = class {
     this.stateController = new VegaInputStateController();
     this.maskConfigController = new VegaInputMaskConfigController();
     this.prefixSlotRenderer = new VegaInputPrefixSlotRenderer();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, domNodeSubjectFactory.VegaChange);
-    this.focusEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, domNodeSubjectFactory.VegaFocus);
-    this.blurEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, domNodeSubjectFactory.VegaBlur);
-    this.labelButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, domNodeSubjectFactory.VegaLabelButtonClick);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, domNodeSubjectObserverFactory.VegaChange);
+    this.focusEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, domNodeSubjectObserverFactory.VegaFocus);
+    this.blurEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, domNodeSubjectObserverFactory.VegaBlur);
+    this.labelButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInput, domNodeSubjectObserverFactory.VegaLabelButtonClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaInputRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the label or title for the input field.
@@ -1216,7 +1215,7 @@ const VegaInput = class {
   }
   renderLabelDom() {
     return (index.h("vega-field-label", { onClick: this.focusInput, "is-field-required": this.required, disabled: this.disabled, label: this.label, suffixButtonProps: this.labelSuffixButtonProps, ref: (node) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaLabelButtonClick, this.handleLabelButtonClick);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaLabelButtonClick, this.handleLabelButtonClick);
       } }));
   }
   renderClearIcon() {

package/dist/cjs/vega-item-toggle.cjs.entry.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-32e69595.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.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 deprecatedPropertySlimmer = require('./deprecated-property-slimmer-1eb8f031.js');
@@ -15,7 +14,7 @@ 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');
 
@@ -74,7 +73,7 @@ const VegaItemToggle = class {
     this.vegaToggleStatus = index.createEvent(this, "vegaToggleStatus", 7);
     this.toggleStatus = index.createEvent(this, "toggleStatus", 7);
     this.globalSlimmers = {};
-    this.toggleStatusEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaItemToggle, domNodeSubjectFactory.VegaToggleStatus);
+    this.toggleStatusEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaItemToggle, domNodeSubjectObserverFactory.VegaToggleStatus);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaItemToggle, 'statusMap', 'itemToggleStatusMap', VegaItemToggle.defaultStatusMap);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaItemToggleRuntimeMetricsPayloadDefinition);
     this.toggleItemStatus = 'unToggled';
@@ -120,7 +119,7 @@ const VegaItemToggle = class {
         : this.toggleItemStatus === 'toggled'
           ? this.deprecatedPropertySlimmer.getValue().toggledIcon || 'delete-bin'
           : 'checkmark', ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, this.handleToggle);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, this.handleToggle);
       } })), this.host);
   }
   renderLabelDom() {

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); }