@globalpayments/vega 2.61.0 → 2.63.0

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

@@ -6,18 +6,17 @@ 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 subStateNotifySlimmer = require('./sub-state-notify-slimmer-9602b5bb.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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-bb64fcfc.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');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-df7df5bb.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-84175d61.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const ui = require('./ui-4ce1fa08.js');
 require('./dynamic-slimmer-f31fdfd7.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-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
@@ -117,8 +116,8 @@ const VegaButtonGroup = class {
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
     this.click = index.createEvent(this, "click", 7);
     this.globalSlimmers = {};
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaButtonGroup, domNodeSubjectFactory.VegaClick);
-    this.clickEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.flexContainer);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaButtonGroup, domNodeSubjectObserverFactory.VegaClick);
+    this.clickEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.flexContainer);
     this.buttonGroupClickController = new VegaButtonGroupClickController();
     this.variantNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaButtonGroup, 'variant', 'watchVariant');
     this.sizeNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaButtonGroup, 'size', 'watchSize');
@@ -263,7 +262,7 @@ class VegaButtonGroupItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
     if (this.dropdownSource && this.dropdownSource.length) {
       return (index.h("vega-dropdown", Object.assign({ source: this.dropdownSource, trigger: "click" }, this.dropdownProps, { ref: (node) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaDropdownClick, this.moreDropdownItemClickHandle);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaDropdownClick, this.moreDropdownItemClickHandle);
         } }), this.renderButtonItemWithTooltip()));
     }
     else {
@@ -310,7 +309,7 @@ class VegaButtonGroupItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
   notifyParentGroup(detail) {
     const itemGroup = ui.findParent(this.host, 'vega-button-group');
     if (itemGroup) {
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(itemGroup, vegaInternalEventId.VegaInternalButtonGroupClick), {
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(itemGroup, vegaInternalEventId.VegaInternalButtonGroupClick), {
         host: this.host,
         detail,
       });
@@ -329,7 +328,7 @@ class VegaButtonGroupItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
       iconAlign: this.iconAlign,
       // eslint-disable-next-line jsdoc/require-jsdoc
       ref: (node) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaClick, this.buttonItemClickHandle);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaClick, this.buttonItemClickHandle);
       },
     };
   }

package/dist/cjs/vega-button-link.cjs.entry.js

@@ -6,15 +6,14 @@ 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 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('./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('./observer-f49483e8.js');
 require('./ui-4ce1fa08.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
@@ -66,11 +65,13 @@ const VegaButtonLink = class {
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
     this.click = index.createEvent(this, "click", 7);
     this.globalSlimmers = {};
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaButtonLink, domNodeSubjectFactory.VegaClick);
-    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.host);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaButtonLink, domNodeSubjectObserverFactory.VegaClick);
+    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaButtonLinkRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the URL associated with the button link.
+     *   If no URL is set, the component behaves as a button and triggers the click event.
+     * 	 If a URL is provided, it behaves as a link and the click event is not emitted.
      *
      * @vegaVersion 1.0.4
      * @defaultValue javascript:void(0);
@@ -126,17 +127,12 @@ const VegaButtonLink = class {
     this.danger = false;
     /**
      * Specifies whether the button link will emit a vegaClick event when clicked.
-     *
-     * - If set to `true`, the event will be emitted.
-     * - If set to `false`, the component will function as
-     *    a regular link to another page or URL,
-     *    and no events will be emitted.
-     *
-     * @deprecated Setting the `link` property internally manages the eventful state of a Button Link.
+     *    When set to true, the component behaves as a link but also triggers the click event when clicked,
+     *    allowing both navigation and custom click handling.
      *
      * @vegaVersion 1.3.0
      */
-    this.eventful = true;
+    this.eventful = false;
     /**
      * Specifies the location where the linked document will be opened,
      *    helping users understand how the link will behave when activated.
@@ -145,11 +141,16 @@ const VegaButtonLink = class {
      */
     this.target = '_self';
     this.onClick = (e) => {
+      if (!this.isButton() && !this.eventful)
+        return;
       if (this.disabled) {
         e.preventDefault();
       }
       else {
-        this.clickEventEmitter.emit(this.host.dataset.key, e);
+        const clickEvent = this.clickEventEmitter.emit(this.host.dataset.key, e);
+        if (clickEvent.defaultPrevented) {
+          e.preventDefault();
+        }
       }
     };
   }
@@ -160,11 +161,11 @@ const VegaButtonLink = class {
     this.host.innerHTML = '';
   }
   render() {
-    const isEventLink = this.isEventLink();
-    const href = isEventLink ? VegaButtonLink.defaultLink : this.link;
+    const isButton = this.isButton();
+    const href = isButton ? VegaButtonLink.defaultLink : this.link;
     return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         'vega-button-link-disabled': this.disabled,
-      } }, index.h("a", { part: "link", tabIndex: this.disabled ? -1 : 0, role: isEventLink ? 'button' : 'link', "aria-label": this.label.trim() || 'No label defined', href: href, onClick: isEventLink && this.onClick, class: {
+      } }, index.h("a", { part: "link", tabIndex: this.disabled ? -1 : 0, role: isButton ? 'button' : 'link', "aria-label": this.label.trim() || 'No label defined', href: href, onClick: this.onClick, class: {
         'vega-button-link': true,
         [`vega-button-link-size-${this.size}`]: true,
         'vega-button-link-left-button': this.hasIconButton('left'),
@@ -205,7 +206,7 @@ const VegaButtonLink = class {
   renderVegaIcon() {
     return index.h("vega-icon", { icon: this.icon, size: this.size === 'large' ? 'size-24' : 'size-16' });
   }
-  isEventLink() {
+  isButton() {
     return !this.link || this.link === VegaButtonLink.defaultLink;
   }
   get host() { return index.getElement(this); }

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-00ba6623.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const changeManager = require('./change-manager-a297e4d2.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('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./try-get-document-c0ebd39a.js');
@@ -22,25 +22,25 @@ 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');
 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('./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 __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -88,8 +88,8 @@ const VegaButton = class {
      * @see{module:vega-button-resize-e2e}
      */
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaButton, domNodeSubjectFactory.VegaClick);
-    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.host, {
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaButton, domNodeSubjectObserverFactory.VegaClick);
+    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host, {
       useCapture: true,
       customPreventHandle: (e) => {
         if (this.isDisabledButton()) {

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();
     /**