@globalpayments/vega 2.61.0 → 2.62.0

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

@@ -6,16 +6,15 @@ 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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
-const internalIconManager = require('./internal-icon-manager-f8677abb.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
+const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const date = require('./date-0a6bb035.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
 const translation = require('./translation-cde4dce3.js');
 const stateBackgroundColorFormatter = require('./state-background-color-formatter-aa5570f6.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
@@ -24,15 +23,14 @@ const array = require('./array-249289f2.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const timer = require('./timer-5f33058b.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-9602b5bb.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-bb64fcfc.js');
 const translationSlimmer = require('./translation-slimmer-af399096.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-df7df5bb.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-84175d61.js');
 const pixel = require('./pixel-98f2a10c.js');
 require('./ui-4ce1fa08.js');
-require('./icon-manager-9072356d.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('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
@@ -163,13 +161,13 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
   renderDateSwitch() {
     return (index.h("div", { class: "calendar-date-switch-container" },
       index.h("vega-button", { variant: "secondary", size: "small", ref: (button) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectFactory.VegaClick, this.todayButtonClick);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectObserverFactory.VegaClick, this.todayButtonClick);
         }, label: this.translationSlimmer.t('Today') }),
       index.h("vega-button-circle", { variant: "secondary", size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-left'), label: "previous", showTooltip: false, ref: (button) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectFactory.VegaClick, this.prevButtonClick);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectObserverFactory.VegaClick, this.prevButtonClick);
         } }),
       index.h("vega-button-circle", { variant: "secondary", size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-right'), label: "next", showTooltip: false, ref: (button) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectFactory.VegaClick, this.nextButtonClick);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectObserverFactory.VegaClick, this.nextButtonClick);
         } }),
       this.renderCurrentPeriod()));
   }
@@ -188,7 +186,7 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
    */
   renderViewSwitch() {
     return (index.h("vega-segment-control", { segments: VegaCalendarSwitchPanelRenderer.views.map((item) => (Object.assign(Object.assign({}, item), { text: this.translationSlimmer.t(item.text) }))), size: "small", variant: "text-only", selected: this.viewMode, ref: (node) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaChange, this.handleViewChange);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaChange, this.handleViewChange);
       } }));
   }
   /**
@@ -200,7 +198,7 @@ class VegaCalendarSwitchPanelRenderer extends globalSlimmerRegistry.VegaSlimmer
     var _a, _b;
     if ((_b = (_a = this.moreActionDropdownProps) === null || _a === void 0 ? void 0 : _a.source) === null || _b === void 0 ? void 0 : _b.length) {
       return (index.h("vega-dropdown", Object.assign({ alignment: "end", trigger: "click" }, this.moreActionDropdownProps, { ref: (node) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaDropdownClick, this.moreActionMenuClick);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaDropdownClick, this.moreActionMenuClick);
         } }),
         index.h("vega-button-circle", { size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('ellipsis-vertical'), variant: "icon-only" })));
     }
@@ -1708,8 +1706,8 @@ class VegaCalendarMonthEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
     }
     // we should clear current event in vega-calendar-event-preview when popover hide
     popover &&
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(popover, domNodeSubjectFactory.VegaPopoverHide, () => {
-        changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.renderer.getEventPreviewRef(), vegaInternalEventId.VegaInternalCalendarEventPreviewClear), {});
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(popover, domNodeSubjectObserverFactory.VegaPopoverHide, () => {
+        changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.renderer.getEventPreviewRef(), vegaInternalEventId.VegaInternalCalendarEventPreviewClear), {});
       });
   }
 }
@@ -2852,7 +2850,7 @@ class VegaCalendarEventItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
         preview.classList.add('single-event-preview');
       }
       // Step 1: notify preview component to update data
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(preview, vegaInternalEventId.VegaInternalCalendarEventPreviewUpdate), {
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(preview, vegaInternalEventId.VegaInternalCalendarEventPreviewUpdate), {
         event,
         targetCalendarViewDate,
         timeFormat: this.timeFormat,
@@ -2925,7 +2923,7 @@ class VegaCalendarEventResponsiveController extends pageResizeObserverSlimmer.Pa
         const maxContainerHeight = eventContainerRef.parentElement.getBoundingClientRect().height;
         const count = Math.floor((maxContainerHeight - VegaCalendarEventResponsiveController.monthDateTitleHeight) /
           VegaCalendarEventItemRenderer.backgroundColorModeEventHeight);
-        changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalCalendarMonthEventsChange), {
+        changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalCalendarMonthEventsChange), {
           host: this.host,
           detail: count,
         });
@@ -4177,12 +4175,12 @@ const VegaCalendar = class {
     this.eventPreviewPopoverRenderer = new VegaCalendarEventPreviewPopoverRenderer();
     this.calendarEventController = new VegaCalendarEventController();
     this.eventResponsiveController = new VegaCalendarEventResponsiveController();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaChange);
-    this.eventClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaEventClick);
-    this.dateDblClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaDateDblClick);
-    this.moreActionClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaMoreActionClick);
-    this.dateClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectFactory.VegaDateClick);
-    this.changeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectObserverFactory.VegaChange);
+    this.eventClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectObserverFactory.VegaEventClick);
+    this.dateDblClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectObserverFactory.VegaDateDblClick);
+    this.moreActionClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectObserverFactory.VegaMoreActionClick);
+    this.dateClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, domNodeSubjectObserverFactory.VegaDateClick);
+    this.changeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
     this.timeFormatNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
     this.showEventColorBarNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaCalendar, 'showEventColorBar', 'watchShowEventColorBar');
     /**

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-16f74439.js');
+const designToken = require('./design-token-76bb47bd.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-4ce1fa08.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
@@ -12,14 +12,14 @@ require('./type-guard-f12b5bae.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-0d22ff78.js');
+require('./responsive-format-facade-7e933525.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./try-get-document-c0ebd39a.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.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');
@@ -27,18 +27,19 @@ 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('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
+require('./vega-internal-event-id-9647aaf8.js');
+require('./string-39438062.js');
+require('./object-e2e28e3d.js');
+require('./base-renderer-0a3b62b7.js');
+require('./internal-icon-manager-32f9ed63.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('./state-background-color-formatter-aa5570f6.js');
 
 /**

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

@@ -7,12 +7,12 @@ const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-1e352960.js');
 const effect = require('./effect-98e88068.js');
-const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-1eb8f031.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 require('./type-guard-f12b5bae.js');
@@ -23,7 +23,7 @@ require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.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('./ui-4ce1fa08.js');
@@ -32,18 +32,18 @@ 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('./internal-vega-event-manager-28b957c8.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
+require('./vega-internal-event-id-9647aaf8.js');
+require('./string-39438062.js');
+require('./object-e2e28e3d.js');
+require('./base-renderer-0a3b62b7.js');
+require('./internal-icon-manager-32f9ed63.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('./dom-node-subject-observer-factory-15130e50.js');
 
 var TouchDirection;
 (function (TouchDirection) {
@@ -232,7 +232,7 @@ const VegaCarousel = class {
         }
       },
     });
-    this.pageUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCarousel, domNodeSubjectFactory.VegaPageUpdate);
+    this.pageUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCarousel, domNodeSubjectObserverFactory.VegaPageUpdate);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaCarousel, 'itemsPerPage', 'perPage', 1);
     this.carouselContentElements = [];
     this.slideTaskQueue = new synchronizeTaskQueue.SynchronizeTaskQueue();

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

@@ -12,11 +12,11 @@ const observer = require('./observer-f49483e8.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 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 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');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-34ac3bfc.js');
@@ -29,13 +29,12 @@ require('./page-resize-observer-slimmer-11937d6f.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./try-get-document-c0ebd39a.js');
-require('./dom-node-subject-observer-factory-15130e50.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-df7df5bb.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./sub-state-observer-slimmer-84175d61.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,13 +56,13 @@ class VegaCheckboxShowErrorController extends globalSlimmerRegistry.VegaSlimmer
       ui.findParent(this.host, 'vega-checkbox-group') ||
         ui.findParent(this.host, 'vega-selection-tile-group');
     this.fieldErrorObserver = new observer.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
-    changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.checkboxGroup || this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
+    changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.checkboxGroup || this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
   }
   /**
    * Component lifecycle - [disconnectedCallback]{@link VegaCheckbox.disconnectedCallback}
    */
   disconnectedCallback() {
-    changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.checkboxGroup || this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
+    changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.checkboxGroup || this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
   }
   /**
    * The function `canAcceptFieldErrorObserver` always returns `true`.
@@ -126,8 +125,8 @@ const VegaCheckbox = class {
       inputContainerGetter: () => this.inputContainerRef,
       touchableAreaGetter: () => [this.inputRef],
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckbox, domNodeSubjectFactory.VegaChange);
-    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.host, {
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckbox, domNodeSubjectObserverFactory.VegaChange);
+    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host, {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
@@ -371,8 +370,8 @@ const VegaCheckboxGroup = class {
       touchableAreaGetter: () => this.touchableAreaGetter(),
     });
     this.checkboxValueChangeObserver = new childNodesNotifyObserverSlimmer.ChildNodesNotifyObserverSlimmer(staticSubjectTitle.CHECKBOX_VALUE_CHANGE, (input) => this.childCheckboxValueChange(input));
-    this.checkboxEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.vegaFlexElement);
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckboxGroup, domNodeSubjectFactory.VegaChange);
+    this.checkboxEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.vegaFlexElement);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCheckboxGroup, domNodeSubjectObserverFactory.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Specifies the label or title for the checkbox group.

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

@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
 const ui = require('./ui-4ce1fa08.js');
-const designToken = require('./design-token-16f74439.js');
+const designToken = require('./design-token-76bb47bd.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.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 childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
 require('./type-guard-f12b5bae.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
@@ -22,7 +22,7 @@ require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.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');
@@ -30,20 +30,20 @@ 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('./internal-vega-event-manager-28b957c8.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
+require('./vega-internal-event-id-9647aaf8.js');
+require('./string-39438062.js');
+require('./object-e2e28e3d.js');
+require('./base-renderer-0a3b62b7.js');
+require('./internal-icon-manager-32f9ed63.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('./state-background-color-formatter-aa5570f6.js');
 require('./try-get-document-c0ebd39a.js');
-require('./dom-node-subject-observer-factory-15130e50.js');
 
 const VegaChipRuntimeMetricsPayloadDefinition = [
   {
@@ -97,9 +97,9 @@ const VegaChip = class {
         this.setCurrentSize();
       },
     });
-    this.flexEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.vegaFlexRef);
-    this.closeEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, domNodeSubjectFactory.VegaClose);
-    this.clickEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, domNodeSubjectFactory.VegaClick);
+    this.flexEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.vegaFlexRef);
+    this.closeEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, domNodeSubjectObserverFactory.VegaClose);
+    this.clickEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaChip, domNodeSubjectObserverFactory.VegaClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaChipRuntimeMetricsPayloadDefinition);
     this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
     /**

package/dist/cjs/vega-code-block.cjs.entry.js

@@ -6,23 +6,21 @@ 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 internalIconManager = require('./internal-icon-manager-f8677abb.js');
+const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const trashCan = require('./trash-can-46a5e19a.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
-const codeBlock = require('./code-block-ecb2df41.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
+const codeBlock = require('./code-block-eb66d852.js');
 const ui = require('./ui-4ce1fa08.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
 const object = require('./object-e2e28e3d.js');
 const translationSlimmer = require('./translation-slimmer-af399096.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-58a0f64c.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-62cdf04c.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
 const timer = require('./timer-5f33058b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-b0b4b997.js');
-require('./icon-manager-9072356d.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./observer-f49483e8.js');
@@ -33,9 +31,10 @@ require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./static-subject-title-85732e0f.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./try-get-document-c0ebd39a.js');
 require('./translation-cde4dce3.js');
+require('./range-cfc45f9e.js');
 require('./synchronize-task-queue-1ee80e94.js');
 require('./keyboard-manager-slimmer-138a90e5.js');
 require('./keyboard-manager-7f4e1f43.js');
@@ -67,7 +66,7 @@ class VegaCodeBlockRenderer extends globalSlimmerRegistry.VegaSlimmer {
      * @param {HTMLVegaInputSelectElement} node - The language select element.
      */
     this.handleLanguageChange = (node) => {
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaChange, (payload) => {
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaChange, (payload) => {
         var _a;
         this.valueController.updateValue((_a = this.value) === null || _a === void 0 ? void 0 : _a.code, payload.detail);
       });
@@ -78,7 +77,7 @@ class VegaCodeBlockRenderer extends globalSlimmerRegistry.VegaSlimmer {
      * @param {HTMLVegaButtonCircleElement} node - The delete button.
      */
     this.handleDeleteClick = (node) => {
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaClick, () => {
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaClick, () => {
         const event = this.removeEventEmitter.emit();
         if (!event.defaultPrevented) {
           this.host.remove();
@@ -584,10 +583,10 @@ class VegaCodeBlockSelectionController extends componentValueHistoryControllerSl
     const selection = this.getSelection();
     if (selection && selection.rangeCount > 0) {
       this.syncCodeRangeByNativeRange();
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalCodeBlockSelectionChange), { detail: true });
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalCodeBlockSelectionChange), { detail: true });
     }
     else {
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalCodeBlockSelectionChange), { detail: false });
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalCodeBlockSelectionChange), { detail: false });
     }
   }
   /**
@@ -963,7 +962,7 @@ class VegaCodeBlockCopyButtonRenderer extends globalSlimmerRegistry.VegaSlimmer
      * @param {HTMLVegaButtonCircleElement} node - The copy button.
      */
     this.handleCopyClick = (node) => {
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaClick, async () => {
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaClick, async () => {
         var _a;
         const content = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.code) || '';
         if (content && globalThis.navigator && globalThis.navigator.clipboard) {
@@ -4138,9 +4137,9 @@ const VegaCodeBlock = class {
     this.insertCompositionTextController = new InsertCompositionTextController();
     this.focusController = new VegaCodeBlockFocusController();
     this.historyController = new VegaCodeBlockHistoryController();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCodeBlock, domNodeSubjectFactory.VegaChange);
-    this.removeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCodeBlock, domNodeSubjectFactory.VegaRemove);
-    this.eventPreventSlimmer = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.codeBlockRenderer.getToolbarContainerRef());
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCodeBlock, domNodeSubjectObserverFactory.VegaChange);
+    this.removeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCodeBlock, domNodeSubjectObserverFactory.VegaRemove);
+    this.eventPreventSlimmer = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.codeBlockRenderer.getToolbarContainerRef());
     /**
      * Specifies whether the code block editor is in read-only mode.
      *

package/dist/cjs/vega-color-picker.cjs.entry.js

@@ -7,13 +7,13 @@ const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-4ce1fa08.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dab30e5c.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-cc6e53a4.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
@@ -25,13 +25,12 @@ require('./page-resize-observer-slimmer-11937d6f.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./try-get-document-c0ebd39a.js');
-require('./dom-node-subject-observer-factory-15130e50.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-df7df5bb.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./sub-state-observer-slimmer-84175d61.js');
+require('./internal-vega-event-manager-28b957c8.js');
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {
@@ -91,7 +90,7 @@ const VegaColorPicker = class {
       inputContainerGetter: () => this.colorPickerContainerRef,
       touchableAreaGetter: () => [this.colorPickerTouchableAreaRef],
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaColorPicker, domNodeSubjectFactory.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaColorPicker, domNodeSubjectObserverFactory.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaColorPickerRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the initial or preset color value of the color picker.

package/dist/cjs/vega-combo-box.cjs.entry.js

@@ -8,14 +8,13 @@ const component = require('./component-1e352960.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dab30e5c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.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 childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.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 accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-138a90e5.js');
 const ui = require('./ui-4ce1fa08.js');
@@ -34,8 +33,8 @@ require('./page-resize-observer-slimmer-11937d6f.js');
 require('./try-get-document-c0ebd39a.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-df7df5bb.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./sub-state-observer-slimmer-84175d61.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
@@ -138,13 +137,13 @@ class VegaComboBoxDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer {
   renderDropdown() {
     return (index.h("vega-dropdown", Object.assign({ trigger: this.disabled ? 'none' : 'click', source: this.source, selectType: "multiple", selectedSourceKey: this.value, matchTargetWidth: true, useDefaultFilter: this.useDefaultFilter }, this.vegaDropdownProps, { ref: (ref) => {
         this.dropdownRef = ref;
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaCreate, async (payload) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaCreate, async (payload) => {
           await this.onDropdownCreate(payload.detail);
         });
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownHide, async () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownHide, async () => {
           await this.onDropdownHide();
         });
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownClick, async () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownClick, async () => {
           await this.onItemClick();
         });
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaInternalEventId.VegaInternalDropdownTemplateItemsChange, 
@@ -191,7 +190,7 @@ class VegaComboBoxDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return (index.h("vega-chip", { 
       //TODO: the key property test will add in https://gethired.atlassian.net/browse/VD-883
       key: item.key, text: item.label, variant: "outlined", showCloseIcon: !this.disabled, size: "small", ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClose, async () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClose, async () => {
           await this.onChipClose(item.key);
         });
       } }));
@@ -554,10 +553,10 @@ const VegaComboBox = class {
       inputContainerGetter: () => this.dropdownRenderer.getDropdownRef(),
       touchableAreaGetter: () => [this.dropdownRenderer.getSearchInputRef()],
     });
-    this.changeEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, domNodeSubjectFactory.VegaChange);
-    this.createEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, domNodeSubjectFactory.VegaCreate);
-    this.searchEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, domNodeSubjectFactory.VegaSearch);
-    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaCreate, domNodeSubjectFactory.VegaSearch], () => this.dropdownRenderer.getDropdownRef(), {
+    this.changeEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, domNodeSubjectObserverFactory.VegaChange);
+    this.createEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, domNodeSubjectObserverFactory.VegaCreate);
+    this.searchEventEmit = eventEmitSlimmer.createEventEmitSlimmer(VegaComboBox, domNodeSubjectObserverFactory.VegaSearch);
+    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaCreate, domNodeSubjectObserverFactory.VegaSearch], () => this.dropdownRenderer.getDropdownRef(), {
       customPreventHandle: (e) => {
         e.stopImmediatePropagation();
       },