@globalpayments/vega 2.33.0 → 2.34.0

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -2,45 +2,45 @@
 
 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 globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const component = require('./component-63af66ea.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
 const effect = require('./effect-37695d3d.js');
-const featureFlagController = require('./feature-flag-controller-0d1015fa.js');
-const internalIconManager = require('./internal-icon-manager-2ff58050.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
-const breakpoints = require('./breakpoints-7e2dff90.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaInternalEventId = require('./vega-internal-event-id-79be9bc5.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-13f1892b.js');
-const chevronDown = require('./chevron-down-ca2fa88e.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const observer = require('./observer-f49483e8.js');
-const ui = require('./ui-08f33116.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6c0b635d.js');
-const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
-const designToken = require('./design-token-92906579.js');
-require('./index-5792390b.js');
-require('./icon-manager-3787af39.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-require('./dynamic-slimmer-f31fdfd7.js');
+const featureFlagController = require('./feature-flag-controller-e97b5f29.js');
+const internalIconManager = require('./internal-icon-manager-2282a62f.js');
+const internalVegaZIndexManager = require('./internal-vega-z-index-manager-e24e4309.js');
+const breakpoints = require('./breakpoints-17d6c4c7.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6b64a26c.js');
+const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-73201c53.js');
+const chevronUp = require('./chevron-up-21465cf7.js');
+const chevronDown = require('./chevron-down-9847bf78.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const ui = require('./ui-b5906704.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-10c0d402.js');
+const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-f36e3779.js');
+const designToken = require('./design-token-908e3f69.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
+require('./icon-manager-36dcfb65.js');
+require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./dynamic-slimmer-dc30600a.js');
 require('./number-4816603d.js');
 require('./ui-32e69595.js');
-require('./internal-vega-event-manager-5fe83465.js');
+require('./breakpoints-ebde4837.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./object-bbd4ed7f.js');
-require('./type-guard-a07b353b.js');
+require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-ad2f67bf.js');
+require('./responsive-format-facade-74079f1b.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-418b84e6.js');
+require('./state-background-color-formatter-d32a1098.js');
 
 var __decorate$k = (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;
@@ -181,8 +181,8 @@ __decorate$k([
 ], VegaLeftNavOpenStateController.prototype, "watchShowAsOverlay", null);
 
 const VegaLeftNavSeparator = () => {
-  return (index.h("div", { class: "header-footer-separator-container" },
-    index.h("div", { class: "header-footer-separator" })));
+  return (globalSlimmerRegistry.h("div", { class: "header-footer-separator-container" },
+    globalSlimmerRegistry.h("div", { class: "header-footer-separator" })));
 };
 
 const Icons = {
@@ -207,11 +207,11 @@ class VegaLeftNavHeaderRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   renderHeader() {
     const { title, subtitle } = this.headerConfig;
-    return (index.h(index.Fragment, null,
-      index.h("div", { class: "header-container" },
-        this.hasHeaderSlot ? (index.h("slot", { name: "header-slot" })) : title ? (index.h("div", { class: "header-title" }, title)) : (index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('heartland-logo') })),
-        subtitle && index.h("div", { class: "header-subtitle" }, subtitle)),
-      index.h(VegaLeftNavSeparator, null)));
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+      globalSlimmerRegistry.h("div", { class: "header-container" },
+        this.hasHeaderSlot ? (globalSlimmerRegistry.h("slot", { name: "header-slot" })) : title ? (globalSlimmerRegistry.h("div", { class: "header-title" }, title)) : (globalSlimmerRegistry.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('heartland-logo') })),
+        subtitle && globalSlimmerRegistry.h("div", { class: "header-subtitle" }, subtitle)),
+      globalSlimmerRegistry.h(VegaLeftNavSeparator, null)));
   }
 }
 (() => {
@@ -241,9 +241,9 @@ class VegaLeftNavFooterRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.renderFooter();
   }
   renderFooter() {
-    return ((this.footnote || this.hasFooterSlot) && (index.h(index.Fragment, null,
-      index.h(VegaLeftNavSeparator, null),
-      index.h("div", { class: "footer-container" }, this.hasFooterSlot ? (index.h("slot", { name: "footer-slot" })) : (index.h("div", { class: "footer-footnote" }, this.footnote))))));
+    return ((this.footnote || this.hasFooterSlot) && (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+      globalSlimmerRegistry.h(VegaLeftNavSeparator, null),
+      globalSlimmerRegistry.h("div", { class: "footer-container" }, this.hasFooterSlot ? (globalSlimmerRegistry.h("slot", { name: "footer-slot" })) : (globalSlimmerRegistry.h("div", { class: "footer-footnote" }, this.footnote))))));
   }
 }
 __decorate$i([
@@ -401,11 +401,11 @@ var __decorate$f = (undefined && undefined.__decorate) || function (decorators,
 class VegaNavListRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
     var _a;
-    return (index.h("div", { class: "vega-nav-list-container" }, ((_a = this.source) === null || _a === void 0 ? void 0 : _a.length) ? this.renderListBySource() : index.h("slot", null)));
+    return (globalSlimmerRegistry.h("div", { class: "vega-nav-list-container" }, ((_a = this.source) === null || _a === void 0 ? void 0 : _a.length) ? this.renderListBySource() : globalSlimmerRegistry.h("slot", null)));
   }
   renderListBySource() {
-    return (index.h(index.Fragment, null, this.source.map((item) => {
-      return index.h(index.Fragment, null, this.renderLeftNavSourceItem(item));
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, this.source.map((item) => {
+      return globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, this.renderLeftNavSourceItem(item));
     })));
   }
   renderLeftNavSourceItem(item) {
@@ -421,14 +421,14 @@ class VegaNavListRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   renderSection(section) {
     var _a;
-    return (index.h("vega-left-nav-section", { sectionHeader: section.sectionHeader }, (_a = section.children) === null || _a === void 0 ? void 0 : _a.map((item) => item.type == 'group' ? this.renderGroup(item) : this.renderLink(item))));
+    return (globalSlimmerRegistry.h("vega-left-nav-section", { sectionHeader: section.sectionHeader }, (_a = section.children) === null || _a === void 0 ? void 0 : _a.map((item) => item.type == 'group' ? this.renderGroup(item) : this.renderLink(item))));
   }
   renderGroup(item) {
     var _a;
-    return (index.h("vega-left-nav-group", { key: item.name, icon: item.icon, label: item.name }, (_a = item.children) === null || _a === void 0 ? void 0 : _a.map((child) => child.type == 'group' ? this.renderGroup(child) : this.renderLink(child))));
+    return (globalSlimmerRegistry.h("vega-left-nav-group", { key: item.name, icon: item.icon, label: item.name }, (_a = item.children) === null || _a === void 0 ? void 0 : _a.map((child) => child.type == 'group' ? this.renderGroup(child) : this.renderLink(child))));
   }
   renderLink(item) {
-    return (index.h("vega-left-nav-link", { key: item.name, icon: item.icon, url: item.url, selected: item.selected, counterBadge: item.counterBadge }, item.name));
+    return (globalSlimmerRegistry.h("vega-left-nav-link", { key: item.name, icon: item.icon, url: item.url, selected: item.selected, counterBadge: item.counterBadge }, item.name));
   }
 }
 __decorate$f([
@@ -526,9 +526,9 @@ var __decorate$d = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaLeftNav = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaStateUpdate = index.createEvent(this, "vegaStateUpdate", 7);
-    this.stateUpdate = index.createEvent(this, "stateUpdate", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaStateUpdate = globalSlimmerRegistry.createEvent(this, "vegaStateUpdate", 7);
+    this.stateUpdate = globalSlimmerRegistry.createEvent(this, "stateUpdate", 7);
     this.globalSlimmers = {};
     this.headerRenderer = new VegaLeftNavHeaderRenderer();
     this.footerRenderer = new VegaLeftNavFooterRenderer();
@@ -537,7 +537,7 @@ const VegaLeftNav = class {
     this.zIndexController = new VegaLeftNavZIndexController();
     this.listRenderer = new VegaNavListRenderer();
     this.vegaLeftNavAutoCollapseController = new VegaLeftNavAutoCollapseController();
-    this.stateUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNav, vegaEventId.VegaStateUpdate);
+    this.stateUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNav, domNodeSubjectObserverFactory.VegaStateUpdate);
     this.componentGlobalStyleSlimmer = new componentGlobalStyleSlimmer.ComponentGlobalStyleSlimmer(vegaLeftNavContentCss);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaLeftNavRuntimeMetricsPayloadDefinition);
     this.autoCollapseGroupsNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaLeftNav, 'autoCollapseGroups', 'watchAutoCollapseGroups');
@@ -603,10 +603,10 @@ const VegaLeftNav = class {
   async toggle() {
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.headerRenderer.render(), this.listRenderer.render(), this.footerRenderer.render()), this.host);
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.headerRenderer.render(), this.listRenderer.render(), this.footerRenderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "openState": ["watchOpenState"],
     "open": ["watchOpen"],
@@ -683,17 +683,17 @@ class VegaLeftNavGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.groupContainer;
   }
   render() {
-    return (index.h("div", { class: "vega-li-main", ref: (ref) => (this.groupContainer = ref) },
-      index.h("a", { href: `#${this.label}`, role: 'button', tabIndex: 0, "data-root": "$1", onClick: this.handleClick, "aria-label": this.label || 'No label defined' },
-        this.icon && (index.h("div", { class: "vega-links-icon" },
-          index.h("div", { class: "prefix-icon" },
-            index.h("vega-icon", { icon: this.icon, size: "size-16" })))),
-        index.h("span", { class: "vega-links-name" }, this.label),
-        index.h("div", { class: "suffix-icons" },
-          index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-down'), size: "size-12" }),
-          index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-up'), size: "size-12" }))),
-      index.h("div", { class: "vega-nav-list-sub" },
-        index.h("slot", null))));
+    return (globalSlimmerRegistry.h("div", { class: "vega-li-main", ref: (ref) => (this.groupContainer = ref) },
+      globalSlimmerRegistry.h("a", { href: `#${this.label}`, role: 'button', tabIndex: 0, "data-root": "$1", onClick: this.handleClick, "aria-label": this.label || 'No label defined' },
+        this.icon && (globalSlimmerRegistry.h("div", { class: "vega-links-icon" },
+          globalSlimmerRegistry.h("div", { class: "prefix-icon" },
+            globalSlimmerRegistry.h("vega-icon", { icon: this.icon, size: "size-16" })))),
+        globalSlimmerRegistry.h("span", { class: "vega-links-name" }, this.label),
+        globalSlimmerRegistry.h("div", { class: "suffix-icons" },
+          globalSlimmerRegistry.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-down'), size: "size-12" }),
+          globalSlimmerRegistry.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-up'), size: "size-12" }))),
+      globalSlimmerRegistry.h("div", { class: "vega-nav-list-sub" },
+        globalSlimmerRegistry.h("slot", null))));
   }
   /**
    * Notify other left nav groups to collapse
@@ -707,7 +707,7 @@ class VegaLeftNavGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
 }
 (() => {
   internalIconManager.VegaInternalIconManager.register({
-    'chevron-up': chevronDown.chevronUp,
+    'chevron-up': chevronUp.chevronUp,
     'chevron-down': chevronDown.chevronDown,
   });
 })();
@@ -756,7 +756,7 @@ class VegaNavObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * The function creates an observer to observe the subject of LEFT_NAV_LINK_SELECTED_TOPIC.
    */
   componentWillLoad() {
-    this.observer = new observer.Observer(this.isAcceptableNavListObserver.bind(this), this.observerListener.bind(this));
+    this.observer = new domNodeSubjectObserverFactory.Observer(this.isAcceptableNavListObserver.bind(this), this.observerListener.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.LEFT_NAV_LINK_SELECTED_TOPIC, this.observer);
   }
   /**
@@ -829,7 +829,7 @@ class VegaLeftNavGroupSiblingObserverController extends globalSlimmerRegistry.Ve
     return this.parent;
   }
   addObserver() {
-    this.observer = new observer.Observer(this.acceptHandler.bind(this), this.listenerCallback);
+    this.observer = new domNodeSubjectObserverFactory.Observer(this.acceptHandler.bind(this), this.listenerCallback);
     const parent = ui.findParent(this.host, 'vega-left-nav');
     if (parent) {
       this.parent = parent;
@@ -894,14 +894,14 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaLeftNavGroup = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaGroupClick = index.createEvent(this, "vegaGroupClick", 7);
-    this.groupClick = index.createEvent(this, "groupClick", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaGroupClick = globalSlimmerRegistry.createEvent(this, "vegaGroupClick", 7);
+    this.groupClick = globalSlimmerRegistry.createEvent(this, "groupClick", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaLeftNavGroupRenderer();
     this.controller = new VegaLeftNavGroupController();
     this.siblingObserverController = new VegaLeftNavGroupSiblingObserverController();
-    this.groupClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavGroup, vegaEventId.VegaGroupClick);
+    this.groupClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavGroup, domNodeSubjectObserverFactory.VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaLeftNavGroupStateController = new VegaLeftNavGroupStateController();
     this.autoCollapseGroups = false;
@@ -911,10 +911,10 @@ const VegaLeftNavGroup = class {
     this.label = '';
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
     return component.sanitizeVegaComponent(this.renderer.render(), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$7([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -965,15 +965,15 @@ class VegaLeftNavLinkRenderer extends globalSlimmerRegistry.VegaSlimmer {
     var _a;
     const url = this.url || 'javascript:void(0);';
     const classList = this.selected === true ? 'selected' : '';
-    return (index.h(index.Host, { class: classList },
-      index.h("a", { href: url, onClick: this.handleClick },
-        this.icon && (index.h("div", { class: "vega-links-icon" },
-          index.h("div", { class: "prefix-icon" },
-            index.h("vega-icon", { icon: this.icon, size: "size-16" })))),
-        index.h("span", { class: "vega-links-name" },
-          index.h("slot", null)),
-        index.h("div", { class: "vega-counter-badge" },
-          index.h("vega-counter-badge", { count: this.deprecatedPropertySlimmer.getValue(), color: (_a = this.counterBadge) === null || _a === void 0 ? void 0 : _a.color })))));
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: classList },
+      globalSlimmerRegistry.h("a", { href: url, onClick: this.handleClick },
+        this.icon && (globalSlimmerRegistry.h("div", { class: "vega-links-icon" },
+          globalSlimmerRegistry.h("div", { class: "prefix-icon" },
+            globalSlimmerRegistry.h("vega-icon", { icon: this.icon, size: "size-16" })))),
+        globalSlimmerRegistry.h("span", { class: "vega-links-name" },
+          globalSlimmerRegistry.h("slot", null)),
+        globalSlimmerRegistry.h("div", { class: "vega-counter-badge" },
+          globalSlimmerRegistry.h("vega-counter-badge", { count: this.deprecatedPropertySlimmer.getValue(), color: (_a = this.counterBadge) === null || _a === void 0 ? void 0 : _a.color })))));
   }
   notifyVegaLeftNav() {
     const vegaLeftNav = ui.findParent(this.host, 'vega-left-nav');
@@ -1064,13 +1064,13 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaLeftNavLink = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaMenuClick = index.createEvent(this, "vegaMenuClick", 7);
-    this.menuClick = index.createEvent(this, "menuClick", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaMenuClick = globalSlimmerRegistry.createEvent(this, "vegaMenuClick", 7);
+    this.menuClick = globalSlimmerRegistry.createEvent(this, "menuClick", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaLeftNavLinkRenderer();
     this.controller = new VegaLeftNavLinkController();
-    this.menuClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavLink, vegaEventId.VegaMenuClick);
+    this.menuClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavLink, domNodeSubjectObserverFactory.VegaMenuClick);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /** boolean indicating if current link item is selected **
@@ -1080,10 +1080,10 @@ const VegaLeftNavLink = class {
     this.selected = false;
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
     return component.sanitizeVegaComponent(this.renderer.render(), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$4([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -1113,23 +1113,23 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaLeftNavSectionRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (index.h(index.Host, null,
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null,
       this.renderSectionHeader(),
-      index.h("slot", null),
+      globalSlimmerRegistry.h("slot", null),
       this.renderListSeparator()));
   }
   renderListSeparator() {
-    return (index.h("div", { class: "list-separator-container" },
-      index.h("div", { class: "list-separator" })));
+    return (globalSlimmerRegistry.h("div", { class: "list-separator-container" },
+      globalSlimmerRegistry.h("div", { class: "list-separator" })));
   }
   renderSectionHeader() {
     var _a;
-    return (((_a = this.sectionHeader) === null || _a === void 0 ? void 0 : _a.title) && (index.h("div", { class: "section-header" },
-      index.h("div", { class: "section-header-title" }, this.sectionHeader.title),
-      this.sectionHeader.actionTitle && (index.h("vega-button-link", { label: this.sectionHeader.actionTitle, size: "small", link: this.sectionHeader.actionLink, eventful: this.sectionHeader.actionEventful, 
+    return (((_a = this.sectionHeader) === null || _a === void 0 ? void 0 : _a.title) && (globalSlimmerRegistry.h("div", { class: "section-header" },
+      globalSlimmerRegistry.h("div", { class: "section-header-title" }, this.sectionHeader.title),
+      this.sectionHeader.actionTitle && (globalSlimmerRegistry.h("vega-button-link", { label: this.sectionHeader.actionTitle, size: "small", link: this.sectionHeader.actionLink, eventful: this.sectionHeader.actionEventful, 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
             this.actionClickEventEmitter.emit();
           });
         } })))));
@@ -1156,19 +1156,19 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaLeftNavSection = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaActionClick = index.createEvent(this, "vegaActionClick", 7);
-    this.actionClick = index.createEvent(this, "actionClick", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaActionClick = globalSlimmerRegistry.createEvent(this, "vegaActionClick", 7);
+    this.actionClick = globalSlimmerRegistry.createEvent(this, "actionClick", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaLeftNavSectionRenderer();
-    this.actionClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavSection, vegaEventId.VegaActionClick);
+    this.actionClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavSection, domNodeSubjectObserverFactory.VegaActionClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
     return component.sanitizeVegaComponent(this.renderer.render(), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$2([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -1261,7 +1261,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaNavCard = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.listRenderer = new VegaNavListRenderer();
     this.maxHeightController = new VegaNavCardMaxHeightController();
@@ -1270,12 +1270,12 @@ const VegaNavCard = class {
   watchMaxHeight() {
   }
   render() {
-    placeholder.slotPlaceholder(index.h("slot", null));
-    return component.sanitizeVegaComponent(index.h(index.Host, { style: {
+    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { style: {
         maxHeight: this.currentMaxHeight,
       } }, this.listRenderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "maxHeight": ["watchMaxHeight"]
   }; }

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

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
 const legendInputProcessor = require('./legend-input-processor-d0b3f621.js');
 const yAxisInputProcessor = require('./y-axis-input-processor-a0df5e74.js');
 const array = require('./array-5adef7b2.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 component = require('./component-63af66ea.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
 require('./typography-4560e7f1.js');
 require('./pixel-98f2a10c.js');
 require('./number-4816603d.js');
@@ -316,7 +315,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 };
 const VegaLineChart = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
@@ -346,7 +345,7 @@ const VegaLineChart = class {
     }, 0);
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null), this.host);
   }
   /**
    * This function draws a line chart using the provided options and data source.
@@ -366,7 +365,7 @@ const VegaLineChart = class {
       this.chart.render();
     }
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "options": ["watchOptionsHandel"]
   }; }

package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const component = require('./component-73a88c4e.js');
-const ui = require('./ui-08f33116.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ad2f67bf.js');
-const breakpoints = require('./breakpoints-7e2dff90.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
-require('./type-guard-a07b353b.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const component = require('./component-63af66ea.js');
+const ui = require('./ui-b5906704.js');
+const responsiveFormatFacade = require('./responsive-format-facade-74079f1b.js');
+const breakpoints = require('./breakpoints-17d6c4c7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
+require('./type-guard-4ba85fdc.js');
+require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
@@ -31,14 +31,14 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaLoaderWrapper = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
-    return (index.h(index.Host, { class: "vega-loader-wrapper" }, index.h("slot", null)));
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: "vega-loader-wrapper" }, globalSlimmerRegistry.h("slot", null)));
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$1([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -89,7 +89,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaLoadingIndicator = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     /**
      * The below method is e2e-test covered in
@@ -151,7 +151,7 @@ const VegaLoadingIndicator = class {
       const percent = this.mode === 'indeterminate' ? 0.75 : this.percent / 100;
       const perimeter = Math.PI * 2 * r;
       const progress = this.status === 'error' ? perimeter : perimeter * percent;
-      return (index.h("svg", { class: "circle-loader" }, index.h("circle", { r: r, class: "circle-loader-track", part: "circle-loader-track" }), index.h("circle", { r: r, class: "circle-loader-progress", part: "circle-loader-progress", "stroke-linecap": this.mode === 'indeterminate' ? 'round' : 'butt', "stroke-dasharray": [progress, perimeter].join(' ') }), this.mode === 'determinate' && (index.h("circle", { r: r, class: ui.arrayToClassString(['circle-loader-progress-pointer', percent === 0 && 'v-hidden'].filter(Boolean)), "stroke-dashoffset": -progress, "stroke-dasharray": [0, perimeter].join(' ') }))));
+      return (globalSlimmerRegistry.h("svg", { class: "circle-loader" }, globalSlimmerRegistry.h("circle", { r: r, class: "circle-loader-track", part: "circle-loader-track" }), globalSlimmerRegistry.h("circle", { r: r, class: "circle-loader-progress", part: "circle-loader-progress", "stroke-linecap": this.mode === 'indeterminate' ? 'round' : 'butt', "stroke-dasharray": [progress, perimeter].join(' ') }), this.mode === 'determinate' && (globalSlimmerRegistry.h("circle", { r: r, class: ui.arrayToClassString(['circle-loader-progress-pointer', percent === 0 && 'v-hidden'].filter(Boolean)), "stroke-dashoffset": -progress, "stroke-dasharray": [0, perimeter].join(' ') }))));
     };
     this.renderBarLoader = () => {
       let progress = 75;
@@ -163,12 +163,12 @@ const VegaLoadingIndicator = class {
           progress = this.percent;
         }
       }
-      return (index.h("div", { class: "bar-loader-track" }, index.h("div", { class: ui.arrayToClassString(['bar-loader', this.getResponsiveSize()]), style: { width: `${progress}%` } })));
+      return (globalSlimmerRegistry.h("div", { class: "bar-loader-track" }, globalSlimmerRegistry.h("div", { class: ui.arrayToClassString(['bar-loader', this.getResponsiveSize()]), style: { width: `${progress}%` } })));
     };
     this.renderLabelAndHint = () => {
       if (!this.label && !this.hint)
         return;
-      return (index.h("vega-flex", { direction: "col", gap: "size-4", alignItems: "center" }, this.label && index.h("span", { class: "vega-loading-indicator-label" }, this.label), this.hint && index.h("span", { class: "vega-loading-indicator-hint" }, this.hint)));
+      return (globalSlimmerRegistry.h("vega-flex", { direction: "col", gap: "size-4", alignItems: "center" }, this.label && globalSlimmerRegistry.h("span", { class: "vega-loading-indicator-label" }, this.label), this.hint && globalSlimmerRegistry.h("span", { class: "vega-loading-indicator-hint" }, this.hint)));
     };
     this.getResponsiveSize = () => {
       return responsiveFormatFacade.ResponsiveFormatFacade.formatCustom(this.size);
@@ -192,9 +192,9 @@ const VegaLoadingIndicator = class {
   }
   render() {
     const classNames = ui.arrayToClassString([this.getResponsiveSize(), this.mode, `status-${this.status}`, this.shape].map((item) => `vega-loading-indicator-${item}`));
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: classNames }, index.h("vega-flex", { direction: "col", gap: "size-16", alignItems: "center" }, this.shape === 'circle' ? this.renderCircleLoader() : this.renderBarLoader(), this.renderLabelAndHint())), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: classNames }, globalSlimmerRegistry.h("vega-flex", { direction: "col", gap: "size-16", alignItems: "center" }, this.shape === 'circle' ? this.renderCircleLoader() : this.renderBarLoader(), this.renderLabelAndHint())), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()