@globalpayments/vega 2.34.1 → 2.36.0

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

@@ -2,18 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
-const ui = require('./ui-b5906704.js');
-const designToken = require('./design-token-908e3f69.js');
-const responsiveFormatFacade = require('./responsive-format-facade-74079f1b.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.js');
+const ui = require('./ui-5fd9b267.js');
+const designToken = require('./design-token-30c069c1.js');
+const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const internalIconManager = require('./internal-icon-manager-2282a62f.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 require('./type-guard-4ba85fdc.js');
@@ -21,18 +23,18 @@ require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./state-background-color-formatter-d32a1098.js');
+require('./state-background-color-formatter-e585a027.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e97b5f29.js');
+require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./dynamic-slimmer-dc30600a.js');
-require('./change-manager-bda1d107.js');
-require('./icon-manager-36dcfb65.js');
-require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./change-manager-a297e4d2.js');
+require('./icon-manager-edc2400b.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.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;
@@ -42,8 +44,8 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaMenuArrowIconRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (globalSlimmerRegistry.h("span", { class: "toggle-icon-wrapper" },
-      globalSlimmerRegistry.h("vega-icon", { size: "size-12", icon: internalIconManager.VegaInternalIconManager.getIconKey(this.isDropdownShow ? 'chevron-up' : 'chevron-down') })));
+    return (index.h("span", { class: "toggle-icon-wrapper" },
+      index.h("vega-icon", { size: "size-12", icon: internalIconManager.VegaInternalIconManager.getIconKey(this.isDropdownShow ? 'chevron-up' : 'chevron-down') })));
   }
 }
 (() => {
@@ -70,24 +72,24 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaAppHeaderButton = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaClick = globalSlimmerRegistry.createEvent(this, "vegaClick", 7);
-    this.click = globalSlimmerRegistry.createEvent(this, "click", 7);
-    this.vegaDropdownClick = globalSlimmerRegistry.createEvent(this, "vegaDropdownClick", 7);
-    this.dropdownClick = globalSlimmerRegistry.createEvent(this, "dropdownClick", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.click = index.createEvent(this, "click", 7);
+    this.vegaDropdownClick = index.createEvent(this, "vegaDropdownClick", 7);
+    this.dropdownClick = index.createEvent(this, "dropdownClick", 7);
     this.globalSlimmers = {};
     /**
      * The below method is e2e-test covered in
      * @see{module:vega-app-header-button-resize-e2e}
      */
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
-    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick, domNodeSubjectObserverFactory.VegaDropdownClick], () => this.dropdownRef, {
+    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick, domNodeSubjectFactory.VegaDropdownClick], () => this.dropdownRef, {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
     });
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectObserverFactory.VegaClick);
-    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectObserverFactory.VegaDropdownClick);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectFactory.VegaClick);
+    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectFactory.VegaDropdownClick);
     this.vegaMenuArrowIconRenderer = new VegaMenuArrowIconRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
@@ -157,14 +159,14 @@ const VegaAppHeaderButton = class {
     this.selected = false;
     this.renderButton = (arrowDownIconVisible, labelVisible) => {
       const isIconBtnType = !this.avatar.src && !this.avatar.fallbackText;
-      return (globalSlimmerRegistry.h("button", { type: "button", "aria-label": this.label || 'No label defined', class: ui.arrayToClassString([
+      return (index.h("button", { type: "button", "aria-label": this.label || 'No label defined', class: ui.arrayToClassString([
           'vega-app-header-button-container',
           isIconBtnType && 'icon',
           this.showBorder && 'with-border',
           arrowDownIconVisible && 'with-menu-arrow-icon',
         ]),
         /* eslint-disable-next-line react/jsx-no-bind */
-        onClick: () => this.clickEventEmitter.emit() }, this.avatarPosition === 'left' && this.renderAvatar(), (labelVisible || arrowDownIconVisible || this.avatarPosition === 'right') && (globalSlimmerRegistry.h("div", { class: "right-container" }, labelVisible && globalSlimmerRegistry.h("span", { class: "label" }, this.label), this.avatarPosition === 'right' && this.renderAvatar(), arrowDownIconVisible && this.vegaMenuArrowIconRenderer.render()))));
+        onClick: () => this.clickEventEmitter.emit() }, this.avatarPosition === 'left' && this.renderAvatar(), (labelVisible || arrowDownIconVisible || this.avatarPosition === 'right') && (index.h("div", { class: "right-container" }, labelVisible && index.h("span", { class: "label" }, this.label), this.avatarPosition === 'right' && this.renderAvatar(), arrowDownIconVisible && this.vegaMenuArrowIconRenderer.render()))));
     };
     this.renderAvatar = () => {
       const isProfileType = !this.avatar.icon && (!!this.avatar.fallbackText || !!this.avatar.src);
@@ -197,14 +199,14 @@ const VegaAppHeaderButton = class {
           ? designToken.formatAndValidTextColor(this.avatar.fallbackTextColor)
           : 'v-text-black',
       ]);
-      return globalSlimmerRegistry.h("span", { class: defaultAvatarClass }, fallbackText);
+      return index.h("span", { class: defaultAvatarClass }, fallbackText);
     };
     /**
      * The below method is e2e-test covered in
      * @see{module:render-avatar-fallbackText-when-avatar-image-load-failure}
      */
     this.renderImgAvatar = () => {
-      return (globalSlimmerRegistry.h("img", { class: "vega-avatar profile", src: this.avatar.src, alt: "",
+      return (index.h("img", { class: "vega-avatar profile", src: this.avatar.src, alt: "",
         /* eslint-disable-next-line react/jsx-no-bind */
         onError: /* istanbul ignore next */ () => this.handleImgAvatarLoadError(),
         /* eslint-disable-next-line react/jsx-no-bind */
@@ -214,19 +216,19 @@ const VegaAppHeaderButton = class {
       if (!this.avatar.icon)
         return;
       const iconSize = this.size === 'small' ? 'size-16' : 'size-20';
-      return (globalSlimmerRegistry.h("span", { class: "avatar-icon-wrapper" }, globalSlimmerRegistry.h("vega-icon", { icon: this.avatar.icon, size: iconSize })));
+      return (index.h("span", { class: "avatar-icon-wrapper" }, index.h("vega-icon", { icon: this.avatar.icon, size: iconSize })));
     };
     this.renderDropdownContainer = (children) => {
-      return this.dropdown ? (globalSlimmerRegistry.h("vega-dropdown", Object.assign({ trigger: "click" }, this.dropdown, { ref: (ref) => {
+      return this.dropdown ? (index.h("vega-dropdown", Object.assign({ trigger: "click" }, this.dropdown, { ref: (ref) => {
           this.dropdownRef = ref;
           this.dropdownEventPrevent.setup();
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownShow, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownShow, () => {
             this.onDropdownShow();
           });
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownHide, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownHide, () => {
             this.onDropdownHide();
           });
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownClick, this.triggerDropdownClickEvent);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownClick, this.triggerDropdownClickEvent);
         } }), children)) : (children);
     };
     this.onDropdownShow = () => {
@@ -250,7 +252,7 @@ const VegaAppHeaderButton = class {
     /* istanbul ignore next */
     this.handleImgAvatarLoadError = () => {
       this.setAvatarImgLoaded(false);
-      globalSlimmerRegistry.forceUpdate(this.host);
+      index.forceUpdate(this.host);
     };
     /**
      * emit dropdown click event when component get dropdown item click
@@ -281,9 +283,9 @@ const VegaAppHeaderButton = class {
       responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.size),
       this.selected && 'selected',
     ].filter(Boolean));
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: classNames }, this.renderDropdownContainer(withTooltip ? (globalSlimmerRegistry.h("vega-tooltip", { text: this.label }, this.renderButton(arrowDownIconVisible, labelVisible))) : (this.renderButton(arrowDownIconVisible, labelVisible)))), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: classNames }, this.renderDropdownContainer(withTooltip ? (index.h("vega-tooltip", { text: this.label }, this.renderButton(arrowDownIconVisible, labelVisible))) : (this.renderButton(arrowDownIconVisible, labelVisible)))), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "avatar": ["watchAvatar"]
   }; }

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const ui = require('./ui-b5906704.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const ui = require('./ui-5fd9b267.js');
 
 var __decorate$2 = (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;
@@ -75,7 +76,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 class VegaBackdropRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
     const { duration = 0, color } = this;
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { style: {
+    return (index.h(index.Host, { style: {
         transitionDuration: duration ? `${duration}ms` : '',
       }, class: ui.arrayToClassString([color]), 
       /* eslint-disable-next-line react/jsx-no-bind */
@@ -109,8 +110,8 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaBackdrop = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaClick = globalSlimmerRegistry.createEvent(this, "vegaClick", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaClick = index.createEvent(this, "vegaClick", 7);
     this.globalSlimmers = {};
     this.vegaBackdropVisibleController = new VegaBackdropVisibleController();
     this.vegaBackdropRenderer = new VegaBackdropRenderer();
@@ -133,7 +134,7 @@ const VegaBackdrop = class {
   render() {
     return component.sanitizeVegaComponent(this.vegaBackdropRenderer.render(), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "visible": ["watchVisible"]
   }; }

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

@@ -2,22 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const component = require('./component-63af66ea.js');
+const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const component = require('./component-73a88c4e.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const ui = require('./ui-b5906704.js');
-const internalIconManager = require('./internal-icon-manager-2282a62f.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const featureFlagController = require('./feature-flag-controller-e97b5f29.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-require('./icon-manager-36dcfb65.js');
-require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
-require('./dynamic-slimmer-dc30600a.js');
-require('./change-manager-bda1d107.js');
+const ui = require('./ui-5fd9b267.js');
+const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const featureFlagController = require('./feature-flag-controller-7b22e598.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+require('./icon-manager-edc2400b.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./change-manager-a297e4d2.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 
 var __decorate$3 = (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;
@@ -51,8 +53,8 @@ class VegaBannerRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.isMobileDevice && 'banner-mobile',
       !this.isOpen && 'banner-hidden',
     ].filter(Boolean);
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: ui.arrayToClassString(hostClassName), padding: this.space },
-      globalSlimmerRegistry.h("vega-flex", { direction: "row", gap: this.isMobileDevice ? 'size-8' : 'size-16', justifyContent: "space-between", alignItems: "start" },
+    return (index.h(index.Host, { class: ui.arrayToClassString(hostClassName), padding: this.space },
+      index.h("vega-flex", { direction: "row", gap: this.isMobileDevice ? 'size-8' : 'size-16', justifyContent: "space-between", alignItems: "start" },
         this.renderPrefixIcon(),
         this.renderBannerContent(),
         this.renderCloseButton()),
@@ -64,13 +66,13 @@ class VegaBannerRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLElement} the banner content element
    */
   renderBannerContent() {
-    return (globalSlimmerRegistry.h("div", { class: {
+    return (index.h("div", { class: {
         ['banner-content-container']: true,
         ['linear']: !this.isMobileDevice && (!this.content || !this.bannerTitle),
       } },
       this.renderBannerTitle(),
-      globalSlimmerRegistry.h("div", { class: "banner-content" },
-        globalSlimmerRegistry.h("vega-font", { variant: this.isMobileDevice ? 'font-footnote1-long' : 'font-p2-short', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.content),
+      index.h("div", { class: "banner-content" },
+        index.h("vega-font", { variant: this.isMobileDevice ? 'font-footnote1-long' : 'font-p2-short', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.content),
         this.isMobileDevice ? null : this.actionButtonRenderer.render())));
   }
   /**
@@ -80,7 +82,7 @@ class VegaBannerRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   renderBannerTitle() {
     if (this.bannerTitle) {
-      return (globalSlimmerRegistry.h("vega-font", { class: "banner-title", variant: this.isMobileDevice ? 'font-h6' : 'font-h5', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.bannerTitle));
+      return (index.h("vega-font", { class: "banner-title", variant: this.isMobileDevice ? 'font-h6' : 'font-h5', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.bannerTitle));
     }
   }
   /**
@@ -90,8 +92,8 @@ class VegaBannerRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   renderCloseButton() {
     if (this.showCloseButton) {
-      return (globalSlimmerRegistry.h("div", { class: "banner-close-button", "aria-label": "Close Button", role: 'button', tabIndex: 0, onClick: this.handleCloseButtonClick, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-        globalSlimmerRegistry.h("vega-icon", { size: this.isMobileDevice ? 'size-12' : 'size-16', icon: this.iconController.getCloseIcon() })));
+      return (index.h("div", { class: "banner-close-button", "aria-label": "Close Button", role: 'button', tabIndex: 0, onClick: this.handleCloseButtonClick, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
+        index.h("vega-icon", { size: this.isMobileDevice ? 'size-12' : 'size-16', icon: this.iconController.getCloseIcon() })));
     }
   }
   /**
@@ -100,8 +102,8 @@ class VegaBannerRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLElement} the icon element
    */
   renderPrefixIcon() {
-    return (globalSlimmerRegistry.h("div", { class: "banner-prefix-icon" },
-      globalSlimmerRegistry.h("vega-icon", { size: this.space, icon: this.iconController.getIconByType() })));
+    return (index.h("div", { class: "banner-prefix-icon" },
+      index.h("vega-icon", { size: this.space, icon: this.iconController.getIconByType() })));
   }
 }
 __decorate$3([
@@ -216,7 +218,7 @@ class VegaBannerActionButtonRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
     var _a;
     if (((_a = this.actionButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      return (globalSlimmerRegistry.h("div", { class: "banner-buttons" }, this.actionButtons.map((buttonProps, index) => {
+      return (index.h("div", { class: "banner-buttons" }, this.actionButtons.map((buttonProps, index) => {
         return this.renderButtonItem(buttonProps, `${buttonProps.label}${index}`);
       })));
     }
@@ -229,8 +231,8 @@ class VegaBannerActionButtonRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLVegaButtonElement} vega button element
    */
   renderButtonItem(buttonProps, key) {
-    return (globalSlimmerRegistry.h("vega-button", { key: key, size: "small", variant: "secondary", ref: (node) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaClick, () => {
+    return (index.h("vega-button", { key: key, size: "small", variant: "secondary", ref: (node) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaClick, () => {
           if (!featureFlagController.FeatureFlag.isEnabled('VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK') &&
             typeof buttonProps.vegaClick === 'function') {
             buttonProps.vegaClick(buttonProps);
@@ -261,18 +263,18 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaBanner = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaClose = globalSlimmerRegistry.createEvent(this, "vegaClose", 7);
-    this.close = globalSlimmerRegistry.createEvent(this, "close", 7);
-    this.vegaActionButtonClick = globalSlimmerRegistry.createEvent(this, "vegaActionButtonClick", 7);
-    this.actionButtonClick = globalSlimmerRegistry.createEvent(this, "actionButtonClick", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaClose = index.createEvent(this, "vegaClose", 7);
+    this.close = index.createEvent(this, "close", 7);
+    this.vegaActionButtonClick = index.createEvent(this, "vegaActionButtonClick", 7);
+    this.actionButtonClick = index.createEvent(this, "actionButtonClick", 7);
     this.globalSlimmers = {};
-    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectObserverFactory.VegaClose);
+    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectFactory.VegaClose);
     this.renderer = new VegaBannerRenderer();
     this.actionButtonRenderer = new VegaBannerActionButtonRenderer();
     this.iconController = new VegaBannerIconController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.actionButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectObserverFactory.VegaActionButtonClick);
+    this.actionButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectFactory.VegaActionButtonClick);
     /**
      * Specifies the type of the banner.
      *
@@ -324,7 +326,7 @@ const VegaBanner = class {
   render() {
     return component.sanitizeVegaComponent(this.renderer.render(), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()

package/dist/cjs/vega-bar-chart.cjs.entry.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const index = require('./index-09acd3c9.js');
 const legendInputProcessor = require('./legend-input-processor-d0b3f621.js');
 const yAxisInputProcessor = require('./y-axis-input-processor-a0df5e74.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 require('./array-5adef7b2.js');
 require('./number-4816603d.js');
 require('./typography-4560e7f1.js');
@@ -186,7 +187,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 };
 const VegaBarChart = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
@@ -203,7 +204,7 @@ const VegaBarChart = class {
     this.initChart(this.options);
   }
   render() {
-    return globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null);
+    return index.h(index.Host, null);
   }
   /**
    * This function draws a bar chart using the provided options and data source.
@@ -221,7 +222,7 @@ const VegaBarChart = class {
       this.chart.render();
     }
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "options": ["watchOptions"]
   }; }

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

@@ -2,20 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
-const designToken = require('./design-token-908e3f69.js');
-const ui = require('./ui-b5906704.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const responsiveFormatFacade = require('./responsive-format-facade-74079f1b.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
-const styleFormatter = require('./style-formatter-5deb065f.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.js');
+const designToken = require('./design-token-30c069c1.js');
+const ui = require('./ui-5fd9b267.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+const styleFormatter = require('./style-formatter-63218b76.js');
 require('./type-guard-4ba85fdc.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./state-background-color-formatter-d32a1098.js');
+require('./state-background-color-formatter-e585a027.js');
 require('./breakpoints-17d6c4c7.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
@@ -150,7 +151,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaBox = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.pageResizeSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.stateStyleController = new VegaBoxStateStylesController();
@@ -181,9 +182,9 @@ const VegaBox = class {
       styles.gridColumn = this.gridColumn && `${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.gridColumn)}`;
       styles.gridRow = this.gridRow && `${responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.gridRow)}`;
     }
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { style: styles, class: ui.arrayToClassString(hostClasses) }, globalSlimmerRegistry.h("slot", null)), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, { style: styles, class: ui.arrayToClassString(hostClasses) }, index.h("slot", null)), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "border": ["watchBorder"],
     "shadow": ["watchShadow"],

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

@@ -2,20 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const ui = require('./ui-b5906704.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const component = require('./component-63af66ea.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-require('./change-manager-bda1d107.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const ui = require('./ui-5fd9b267.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const component = require('./component-73a88c4e.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+require('./change-manager-a297e4d2.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e97b5f29.js');
+require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./dynamic-slimmer-dc30600a.js');
+require('./dynamic-slimmer-f31fdfd7.js');
 
 var __decorate$4 = (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;
@@ -37,7 +39,7 @@ class VegaBreadcrumbRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.vegaBreadcrumbContainerRef;
   }
   render() {
-    return (globalSlimmerRegistry.h("div", { class: {
+    return (index.h("div", { class: {
         'vega-breadcrumb': true,
         'mobile': this.isMobile,
         'collapsed': this.isCollapsed(),
@@ -52,7 +54,7 @@ class VegaBreadcrumbRenderer extends globalSlimmerRegistry.VegaSlimmer {
     if (this.isCollapsed()) {
       htmlItems.splice(1, 0, this.collapsedItemRenderer.render(this.items.slice(1, this.items.length - 1)));
     }
-    return globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, htmlItems);
+    return index.h(index.Fragment, null, htmlItems);
   }
   isCollapsed() {
     return (!this.isMobile &&
@@ -86,14 +88,14 @@ class VegaBreadcrumbCollapsedItemRenderer extends globalSlimmerRegistry.VegaSlim
       label: item.label,
       key: item.label,
     }));
-    return (globalSlimmerRegistry.h("div", { class: "vega-breadcrumb-item" },
-      globalSlimmerRegistry.h("vega-dropdown", { source: source, placement: ['bottom'], alignment: 'center', maxHeight: 200, ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownClick, (payload) => {
+    return (index.h("div", { class: "vega-breadcrumb-item" },
+      index.h("vega-dropdown", { source: source, placement: ['bottom'], alignment: 'center', maxHeight: 200, ref: (ref) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownClick, (payload) => {
             this.clickController.dropdownClick(payload.detail);
           });
         } },
-        globalSlimmerRegistry.h("vega-text", null, "...")),
-      globalSlimmerRegistry.h("vega-icon", { icon: "chevron-right-rounded", size: "size-12", color: "text-secondary" })));
+        index.h("vega-text", null, "...")),
+      index.h("vega-icon", { icon: "chevron-right-rounded", size: "size-12", color: "text-secondary" })));
   }
 }
 __decorate$3([
@@ -108,11 +110,11 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaBreadcrumbItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render(item, options) {
-    return (globalSlimmerRegistry.h("div", { class: "vega-breadcrumb-item", key: item.label }, this.renderContent(item, options)));
+    return (index.h("div", { class: "vega-breadcrumb-item", key: item.label }, this.renderContent(item, options)));
   }
   renderContent(item, options) {
     if (options.isMobile && !options.isLastItem) {
-      return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+      return (index.h(index.Fragment, null,
         this.renderIcon('chevron-left-rounded', 'text-link'),
         this.renderLabel(item)));
     }
@@ -120,20 +122,20 @@ class VegaBreadcrumbItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
       return this.renderLabel(item, true);
     }
     else {
-      return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+      return (index.h(index.Fragment, null,
         this.renderLabel(item),
         this.renderIcon('chevron-right-rounded', 'text-secondary')));
     }
   }
   renderIcon(icon, color) {
-    return globalSlimmerRegistry.h("vega-icon", { icon: icon, size: "size-12", color: color });
+    return index.h("vega-icon", { icon: icon, size: "size-12", color: color });
   }
   renderLabel(item, isLastItem) {
-    return item.tooltip ? (globalSlimmerRegistry.h("vega-tooltip", { text: item.tooltip, placement: ['bottom'] }, this.renderLink(item, isLastItem))) : (this.renderLink(item, isLastItem));
+    return item.tooltip ? (index.h("vega-tooltip", { text: item.tooltip, placement: ['bottom'] }, this.renderLink(item, isLastItem))) : (this.renderLink(item, isLastItem));
   }
   renderLink(item, isLastItem) {
-    return isLastItem ? (globalSlimmerRegistry.h("span", { class: "vega-breadcrumb-last-label" }, item.label)) : (globalSlimmerRegistry.h("vega-button-link", { label: item.label, ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
+    return isLastItem ? (index.h("span", { class: "vega-breadcrumb-last-label" }, item.label)) : (index.h("vega-button-link", { label: item.label, ref: (ref) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, () => {
           this.clickController.click(item);
         });
       } }));
@@ -200,16 +202,16 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaBreadcrumb = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaClick = globalSlimmerRegistry.createEvent(this, "vegaClick", 7);
-    this.click = globalSlimmerRegistry.createEvent(this, "click", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.click = index.createEvent(this, "click", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaBreadcrumbRenderer();
     this.collapsedItemRenderer = new VegaBreadcrumbCollapsedItemRenderer();
     this.itemRenderer = new VegaBreadcrumbItemRenderer();
     this.clickController = new VegaBreadcrumbClickController();
-    this.eventsPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.renderer.getBreadcrumbContainerRef());
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBreadcrumb, domNodeSubjectObserverFactory.VegaClick);
+    this.eventsPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.renderer.getBreadcrumbContainerRef());
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBreadcrumb, domNodeSubjectFactory.VegaClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Determines the maximum number of visible items in the `vega-breadcrumb` component,
@@ -233,9 +235,9 @@ const VegaBreadcrumb = class {
     this.items = [];
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.renderer.render()), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()