@globalpayments/vega 2.33.0 → 2.34.0

package/dist/cjs/{translation-42c1b2c8.js → translation-f6b7ee84.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
 
 /* eslint-disable @typescript-eslint/naming-convention */
 const staticTranslations = {

package/dist/cjs/{translation-slimmer-32aa13e7.js → translation-slimmer-90f9f71f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const translation = require('./translation-42c1b2c8.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const translation = require('./translation-f6b7ee84.js');
 
 var __decorate = (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;

package/dist/cjs/trash-can-46a5e19a.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const trashCan = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>`,
+};
+
+exports.trashCan = trashCan;

package/dist/cjs/{type-guard-a07b353b.js → type-guard-4ba85fdc.js}

@@ -1,27 +1,10 @@
 'use strict';
 
-const breakpoints = require('./breakpoints-7e2dff90.js');
+const breakpoints = require('./breakpoints-ebde4837.js');
 const ui = require('./ui-32e69595.js');
 const regex = require('./regex-c1f70fd4.js');
 const typography = require('./typography-4560e7f1.js');
 
-/* This file is generated by vega-design 2.0.77 */
-/* eslint-disable */
-/* tslint:disable */
-// prettier-ignore
-const BorderRadius = {
-  "rounded-none": 0,
-  "rounded-full": 9999,
-  "rounded-2": 2,
-  "rounded-4": 4,
-  "rounded-8": 8,
-  "rounded-12": 12,
-  "rounded-16": 16,
-  "rounded-24": 24,
-  "rounded-32": 32,
-  "rounded-48": 48
-};
-
 /* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */
 /* tslint:disable */
@@ -268,6 +251,23 @@ const ShadowMap = {
   'shadow-modal-footer-no-scroll': 'var(--v-shadow-modal-footer-no-scroll, 0px -1px 0px 0px rgba(45, 76, 97, 0.15))'
 };
 
+/* This file is generated by vega-design 2.0.77 */
+/* eslint-disable */
+/* tslint:disable */
+// prettier-ignore
+const BorderRadius = {
+  "rounded-none": 0,
+  "rounded-full": 9999,
+  "rounded-2": 2,
+  "rounded-4": 4,
+  "rounded-8": 8,
+  "rounded-12": 12,
+  "rounded-16": 16,
+  "rounded-24": 24,
+  "rounded-32": 32,
+  "rounded-48": 48
+};
+
 /* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */
 /* tslint:disable */

package/dist/cjs/{ui-08f33116.js → ui-b5906704.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
 
 exports.DeviceType = void 0;
 (function (DeviceType) {
@@ -126,6 +126,24 @@ function hexToRGB(hex) {
     }
     : null;
 }
+/**
+ * It convert RGB color to Hex color
+ *
+ * @param {string} rgb - The RGB color.
+ * @returns {Nullable<string>} - The hex color
+ */
+function rgbToHex(rgb) {
+  if (!rgb.includes('rgb'))
+    return null;
+  const rgbColors = rgb.match(/\d+/g);
+  if (!rgbColors || rgbColors.length !== 3)
+    return null;
+  const hexColors = rgbColors.map((color) => {
+    const hex = Number(color).toString(16);
+    return hex.length === 1 ? '0' + hex : hex;
+  });
+  return `#${hexColors.join('')}`;
+}
 /**
  * It converts a hexadecimal color code from shorthand form to full form
  *
@@ -198,3 +216,4 @@ exports.hexToRGB = hexToRGB;
 exports.isElementVisible = isElementVisible;
 exports.isParent = isParent;
 exports.isTextWrapped = isTextWrapped;
+exports.rgbToHex = rgbToHex;

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

@@ -2,34 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const component = require('./component-73a88c4e.js');
-const designToken = require('./design-token-92906579.js');
-const ui = require('./ui-08f33116.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const chevronDown = require('./chevron-down-ca2fa88e.js');
-const internalIconManager = require('./internal-icon-manager-2ff58050.js');
-const observer = require('./observer-f49483e8.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const typeGuard = require('./type-guard-a07b353b.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-require('./breakpoints-7e2dff90.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const component = require('./component-63af66ea.js');
+const designToken = require('./design-token-908e3f69.js');
+const ui = require('./ui-b5906704.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const chevronUp = require('./chevron-up-21465cf7.js');
+const chevronDown = require('./chevron-down-9847bf78.js');
+const internalIconManager = require('./internal-icon-manager-2282a62f.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const typeGuard = require('./type-guard-4ba85fdc.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+require('./breakpoints-ebde4837.js');
+require('./responsive-format-facade-74079f1b.js');
+require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
-require('./responsive-format-facade-ad2f67bf.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./typography-4560e7f1.js');
-require('./state-background-color-formatter-418b84e6.js');
-require('./icon-manager-3787af39.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-require('./dynamic-slimmer-f31fdfd7.js');
+require('./state-background-color-formatter-d32a1098.js');
+require('./icon-manager-36dcfb65.js');
+require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./dynamic-slimmer-dc30600a.js');
 require('./regex-c1f70fd4.js');
-require('./internal-vega-event-manager-5fe83465.js');
+require('./internal-vega-event-manager-d7643ec6.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;
@@ -39,7 +38,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaAccordionRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (index.h("div", { class: {
+    return (globalSlimmerRegistry.h("div", { class: {
         'accordion': true,
         'background': this.drawsBackground,
         'expanded': this.expand,
@@ -50,21 +49,21 @@ class VegaAccordionRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.renderContent()));
   }
   renderHeader() {
-    const titleDom = (index.h(index.Fragment, null,
+    const titleDom = (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
       this.renderPrefixIcon(),
       this.accordionTitle ? this.renderTitle() : this.renderTitleSlot()));
-    return (index.h("div", { class: "accordion-header" },
-      index.h("vega-flex", { gap: "size-8", "align-items": "start" },
+    return (globalSlimmerRegistry.h("div", { class: "accordion-header" },
+      globalSlimmerRegistry.h("vega-flex", { gap: "size-8", "align-items": "start" },
         this.expandIconAlign === 'left' && this.renderExpandIcon(),
         titleDom,
         this.expandIconAlign === 'right' && this.renderExpandIcon())));
   }
   renderPrefixIcon() {
-    return (this.prefixIcon && (index.h("div", { class: "accordion-prefix-icon" },
-      index.h("vega-icon", { icon: this.prefixIcon, size: "size-24" }))));
+    return (this.prefixIcon && (globalSlimmerRegistry.h("div", { class: "accordion-prefix-icon" },
+      globalSlimmerRegistry.h("vega-icon", { icon: this.prefixIcon, size: "size-24" }))));
   }
   renderTitle() {
-    return index.h("div", { class: "accordion-title" }, this.accordionTitle);
+    return globalSlimmerRegistry.h("div", { class: "accordion-title" }, this.accordionTitle);
   }
   renderExpandIcon() {
     const classes = [
@@ -72,27 +71,27 @@ class VegaAccordionRenderer extends globalSlimmerRegistry.VegaSlimmer {
       `accordion-expand-icon-align-${this.expandIconAlign}`,
       designToken.formatAndValidResponsiveToken(this.showExpandIcon, 'display'),
     ];
-    return (index.h("div", { class: `${ui.arrayToClassString(classes)}` },
-      index.h("vega-button-circle", { size: "small", "icon-color": "text-link", variant: "icon-only", icon: internalIconManager.VegaInternalIconManager.getIconKey(this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up'), ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
+    return (globalSlimmerRegistry.h("div", { class: `${ui.arrayToClassString(classes)}` },
+      globalSlimmerRegistry.h("vega-button-circle", { size: "small", "icon-color": "text-link", variant: "icon-only", icon: internalIconManager.VegaInternalIconManager.getIconKey(this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up'), ref: (ref) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
             this.expandController.flipExpand();
           });
         } })));
   }
   renderContent() {
-    return (index.h("div", { class: "accordion-content" },
-      index.h("slot", { name: "content" }),
-      index.h("slot", { name: "accordion-content" })));
+    return (globalSlimmerRegistry.h("div", { class: "accordion-content" },
+      globalSlimmerRegistry.h("slot", { name: "content" }),
+      globalSlimmerRegistry.h("slot", { name: "accordion-content" })));
   }
   renderTitleSlot() {
-    return (index.h("div", { class: "accordion-title-slot" },
-      index.h("slot", { name: "title" }),
-      index.h("slot", { name: "accordion-title" })));
+    return (globalSlimmerRegistry.h("div", { class: "accordion-title-slot" },
+      globalSlimmerRegistry.h("slot", { name: "title" }),
+      globalSlimmerRegistry.h("slot", { name: "accordion-title" })));
   }
 }
 (() => {
   internalIconManager.VegaInternalIconManager.register({
-    'chevron-up': chevronDown.chevronUp,
+    'chevron-up': chevronUp.chevronUp,
     'chevron-down': chevronDown.chevronDown,
   });
 })();
@@ -141,7 +140,7 @@ class VegaAccordionExpandController extends globalSlimmerRegistry.VegaSlimmer {
     this.expandEventEmitter.emit(this.expand);
   }
   registerObserver() {
-    this.observer = new observer.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
+    this.observer = new domNodeSubjectObserverFactory.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.ACCORDION_EXPAND_TOPIC, this.observer);
   }
   unregisterObserver() {
@@ -192,13 +191,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaAccordion = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaExpand = index.createEvent(this, "vegaExpand", 7);
-    this.accordionExpand = index.createEvent(this, "accordionExpand", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaExpand = globalSlimmerRegistry.createEvent(this, "vegaExpand", 7);
+    this.accordionExpand = globalSlimmerRegistry.createEvent(this, "accordionExpand", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaAccordionRenderer();
     this.expandController = new VegaAccordionExpandController();
-    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAccordion, vegaEventId.VegaExpand, 'accordionExpand');
+    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAccordion, domNodeSubjectObserverFactory.VegaExpand, 'accordionExpand');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Determines whether the accordion block should be displayed
@@ -241,10 +240,10 @@ const VegaAccordion = class {
   watchExpand() {
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.renderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "expand": ["watchExpand"]
   }; }

package/dist/cjs/vega-app-footer.cjs.entry.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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-1ee24991.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const component = require('./component-63af66ea.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
 
 const HEARTLAND_TOS_URL = 'https://www.heartland.us/terms';
 const HEARTLAND_PRIVACY_URL = 'https://www.heartland.us/privacy-policy';
@@ -26,7 +25,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaAppFooter = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.googlePrivacyPolicyUrl = HEARTLAND_GOOGLE_PRIVACY_POLICY_URL;
@@ -116,27 +115,27 @@ const VegaAppFooter = class {
     this.disclaimerUrlTarget = '_self';
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: "v-text-center" }, this.renderContent(), this.renderLinks(), this.renderDisclaimer()), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: "v-text-center" }, this.renderContent(), this.renderLinks(), this.renderDisclaimer()), this.host);
   }
   renderContent() {
-    return index.h("div", { class: "vega-app-footer-content" }, this.content);
+    return globalSlimmerRegistry.h("div", { class: "vega-app-footer-content" }, this.content);
   }
   renderLinks() {
-    return (index.h("div", { class: "vega-link" }, !this.hideDefaultLinks ? this.renderDefaultLinks() : null, this.additionalLinks.length ? this.renderAdditionalLinks() : null));
+    return (globalSlimmerRegistry.h("div", { class: "vega-link" }, !this.hideDefaultLinks ? this.renderDefaultLinks() : null, this.additionalLinks.length ? this.renderAdditionalLinks() : null));
   }
   renderDefaultLinks() {
-    return (index.h(index.Fragment, null, index.h("a", { target: this.termOfUseUrlTarget, href: this.termOfUseUrl }, this.termOfUseLabel), index.h("span", { class: "v-separator" }), index.h("a", { target: this.privacyPolicyUrlTarget, href: this.privacyPolicyUrl }, this.privacyPolicyLabel)));
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, globalSlimmerRegistry.h("a", { target: this.termOfUseUrlTarget, href: this.termOfUseUrl }, this.termOfUseLabel), globalSlimmerRegistry.h("span", { class: "v-separator" }), globalSlimmerRegistry.h("a", { target: this.privacyPolicyUrlTarget, href: this.privacyPolicyUrl }, this.privacyPolicyLabel)));
   }
   renderAdditionalLinks() {
-    return (index.h(index.Fragment, null, !this.hideDefaultLinks ? index.h("span", { class: "v-separator" }) : null, this.additionalLinks.map((link, index$1) => {
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, !this.hideDefaultLinks ? globalSlimmerRegistry.h("span", { class: "v-separator" }) : null, this.additionalLinks.map((link, index) => {
       return (link.URL &&
-        link.label && (index.h(index.Fragment, null, index.h("a", { target: link.target, href: link.URL }, link.label), this.additionalLinks.length === index$1 + 1 ? null : (index.h("span", { class: "v-separator" })))));
+        link.label && (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, globalSlimmerRegistry.h("a", { target: link.target, href: link.URL }, link.label), this.additionalLinks.length === index + 1 ? null : (globalSlimmerRegistry.h("span", { class: "v-separator" })))));
     })));
   }
   renderDisclaimer() {
-    return (this.showDisclaimer && (index.h("div", { class: "vega-app-footer-disclaimer" }, index.h("div", { class: "h-separator" }), index.h("div", { class: "vega-app-footer-disclaimer-content vega-link" }, "This site is protected by reCAPTCHA and the", ' ', index.h("a", { target: this.disclaimerUrlTarget, href: this.googlePrivacyPolicyUrl }, ' ', "Google Privacy Policy", ' '), ' ', "and", ' ', index.h("a", { target: this.disclaimerUrlTarget, href: this.googleTermsOfServiceUrl }, ' ', "Google Terms of Service", ' '), "apply."))));
+    return (this.showDisclaimer && (globalSlimmerRegistry.h("div", { class: "vega-app-footer-disclaimer" }, globalSlimmerRegistry.h("div", { class: "h-separator" }), globalSlimmerRegistry.h("div", { class: "vega-app-footer-disclaimer-content vega-link" }, "This site is protected by reCAPTCHA and the", ' ', globalSlimmerRegistry.h("a", { target: this.disclaimerUrlTarget, href: this.googlePrivacyPolicyUrl }, ' ', "Google Privacy Policy", ' '), ' ', "and", ' ', globalSlimmerRegistry.h("a", { target: this.disclaimerUrlTarget, href: this.googleTermsOfServiceUrl }, ' ', "Google Terms of Service", ' '), "apply."))));
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()

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

@@ -2,37 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const component = require('./component-73a88c4e.js');
-const ui = require('./ui-08f33116.js');
-const designToken = require('./design-token-92906579.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ad2f67bf.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const breakpoints = require('./breakpoints-7e2dff90.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const internalIconManager = require('./internal-icon-manager-2ff58050.js');
-const chevronDown = require('./chevron-down-ca2fa88e.js');
-require('./type-guard-a07b353b.js');
+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 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 chevronUp = require('./chevron-up-21465cf7.js');
+const chevronDown = require('./chevron-down-9847bf78.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-418b84e6.js');
+require('./state-background-color-formatter-d32a1098.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./internal-vega-event-manager-5fe83465.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0d1015fa.js');
-require('./index-5792390b.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./change-manager-a297e4d2.js');
-require('./observer-f49483e8.js');
-require('./icon-manager-3787af39.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
+require('./feature-flag-controller-e97b5f29.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');
 
 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,13 +42,13 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaMenuArrowIconRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    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') })));
+    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') })));
   }
 }
 (() => {
   internalIconManager.VegaInternalIconManager.register({
-    'chevron-up': chevronDown.chevronUp,
+    'chevron-up': chevronUp.chevronUp,
     'chevron-down': chevronDown.chevronDown,
   });
 })();
@@ -70,24 +70,24 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaAppHeaderButton = class {
   constructor(hostRef) {
-    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);
+    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);
     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([vegaEventId.VegaClick, vegaEventId.VegaDropdownClick], () => this.dropdownRef, {
+    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick, domNodeSubjectObserverFactory.VegaDropdownClick], () => this.dropdownRef, {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
     });
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, vegaEventId.VegaClick);
-    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, vegaEventId.VegaDropdownClick);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectObserverFactory.VegaClick);
+    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectObserverFactory.VegaDropdownClick);
     this.vegaMenuArrowIconRenderer = new VegaMenuArrowIconRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
@@ -157,14 +157,14 @@ const VegaAppHeaderButton = class {
     this.selected = false;
     this.renderButton = (arrowDownIconVisible, labelVisible) => {
       const isIconBtnType = !this.avatar.src && !this.avatar.fallbackText;
-      return (index.h("button", { type: "button", "aria-label": this.label || 'No label defined', class: ui.arrayToClassString([
+      return (globalSlimmerRegistry.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') && (index.h("div", { class: "right-container" }, labelVisible && index.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') && (globalSlimmerRegistry.h("div", { class: "right-container" }, labelVisible && globalSlimmerRegistry.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 +197,14 @@ const VegaAppHeaderButton = class {
           ? designToken.formatAndValidTextColor(this.avatar.fallbackTextColor)
           : 'v-text-black',
       ]);
-      return index.h("span", { class: defaultAvatarClass }, fallbackText);
+      return globalSlimmerRegistry.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 (index.h("img", { class: "vega-avatar profile", src: this.avatar.src, alt: "",
+      return (globalSlimmerRegistry.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 +214,19 @@ const VegaAppHeaderButton = class {
       if (!this.avatar.icon)
         return;
       const iconSize = this.size === 'small' ? 'size-16' : 'size-20';
-      return (index.h("span", { class: "avatar-icon-wrapper" }, index.h("vega-icon", { icon: this.avatar.icon, size: iconSize })));
+      return (globalSlimmerRegistry.h("span", { class: "avatar-icon-wrapper" }, globalSlimmerRegistry.h("vega-icon", { icon: this.avatar.icon, size: iconSize })));
     };
     this.renderDropdownContainer = (children) => {
-      return this.dropdown ? (index.h("vega-dropdown", Object.assign({ trigger: "click" }, this.dropdown, { ref: (ref) => {
+      return this.dropdown ? (globalSlimmerRegistry.h("vega-dropdown", Object.assign({ trigger: "click" }, this.dropdown, { ref: (ref) => {
           this.dropdownRef = ref;
           this.dropdownEventPrevent.setup();
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaDropdownShow, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownShow, () => {
             this.onDropdownShow();
           });
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaDropdownHide, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownHide, () => {
             this.onDropdownHide();
           });
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaDropdownClick, this.triggerDropdownClickEvent);
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownClick, this.triggerDropdownClickEvent);
         } }), children)) : (children);
     };
     this.onDropdownShow = () => {
@@ -250,7 +250,7 @@ const VegaAppHeaderButton = class {
     /* istanbul ignore next */
     this.handleImgAvatarLoadError = () => {
       this.setAvatarImgLoaded(false);
-      index.forceUpdate(this.host);
+      globalSlimmerRegistry.forceUpdate(this.host);
     };
     /**
      * emit dropdown click event when component get dropdown item click
@@ -281,9 +281,9 @@ const VegaAppHeaderButton = class {
       responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.size),
       this.selected && 'selected',
     ].filter(Boolean));
-    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);
+    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);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "avatar": ["watchAvatar"]
   }; }

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

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