@globalpayments/vega 2.32.0 → 2.34.0

package/dist/cjs/vega-selection-tile_2.cjs.entry.js

@@ -2,37 +2,36 @@
 
 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 accessibility = require('./accessibility-bfa227f6.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6c0b635d.js');
-const vegaInternalEventId = require('./vega-internal-event-id-79be9bc5.js');
-const ui = require('./ui-08f33116.js');
-const observer = require('./observer-f49483e8.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-88ed23c2.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-79f2f5a7.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-13f1892b.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a982ead.js');
-const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-5fe83465.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-10c0d402.js');
+const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const ui = require('./ui-b5906704.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-03a3f79e.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-73201c53.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
+const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-f9d3ce38.js');
-require('./index-5792390b.js');
+require('./feature-flag-controller-e97b5f29.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
 require('./string-21427167.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-require('./translation-42c1b2c8.js');
-require('./page-resize-observer-slimmer-a8cf1874.js');
-require('./breakpoints-7e2dff90.js');
+require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./translation-f6b7ee84.js');
+require('./page-resize-observer-slimmer-e54fa9d4.js');
+require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
-require('./mutation-observer-slimmer-895b3d3e.js');
+require('./breakpoints-ebde4837.js');
+require('./mutation-observer-slimmer-98bbbdf0.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
 require('./number-4816603d.js');
@@ -48,7 +47,7 @@ class VegaSelectionTileRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.selectorContainerRef;
   }
   render() {
-    return (index.h("vega-flex", { "align-items": "start", "justify-content": "start", gap: "size-16", class: {
+    return (globalSlimmerRegistry.h("vega-flex", { "align-items": "start", "justify-content": "start", gap: "size-16", class: {
         'selection-tile': true,
         'disabled': this.disabled,
         'checked': this.checked,
@@ -60,40 +59,40 @@ class VegaSelectionTileRenderer extends globalSlimmerRegistry.VegaSlimmer {
           this.checkedController.onCheck(!this.checked);
         }
       }, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-      index.h("div", { class: "vega-flex-grow" }, this.renderContent()),
+      globalSlimmerRegistry.h("div", { class: "vega-flex-grow" }, this.renderContent()),
       this.renderSelect()));
   }
   renderContent() {
     if (this.hasContentSlot()) {
-      return index.h("slot", { name: "content" });
+      return globalSlimmerRegistry.h("slot", { name: "content" });
     }
     else {
-      return (index.h("vega-flex", { gap: "size-12" },
-        index.h("vega-flex", { class: "vega-flex-shrink-0" }, this.renderPrefixIcon()),
-        index.h("div", { class: "vega-flex-grow" }, this.renderText())));
+      return (globalSlimmerRegistry.h("vega-flex", { gap: "size-12" },
+        globalSlimmerRegistry.h("vega-flex", { class: "vega-flex-shrink-0" }, this.renderPrefixIcon()),
+        globalSlimmerRegistry.h("div", { class: "vega-flex-grow" }, this.renderText())));
     }
   }
   renderPrefixIcon() {
     if (this.hasPrefixSlot()) {
-      return index.h("slot", { name: "prefix" });
+      return globalSlimmerRegistry.h("slot", { name: "prefix" });
     }
     else if (this.prefixIcon) {
-      return (index.h("vega-icon", { icon: this.prefixIcon, size: "size-16", color: this.disabled ? 'text-secondary' : 'text-primary', class: "selection-tile-icon" }));
+      return (globalSlimmerRegistry.h("vega-icon", { icon: this.prefixIcon, size: "size-16", color: this.disabled ? 'text-secondary' : 'text-primary', class: "selection-tile-icon" }));
     }
   }
   renderText() {
-    return (index.h("vega-flex", { class: "vega-flex-grow", direction: "col", "align-items": "start", "justify-content": "start" },
-      index.h("div", { class: "selection-tile-title" }, this.titleText),
-      this.note && index.h("div", { class: "selection-tile-note" }, this.note)));
+    return (globalSlimmerRegistry.h("vega-flex", { class: "vega-flex-grow", direction: "col", "align-items": "start", "justify-content": "start" },
+      globalSlimmerRegistry.h("div", { class: "selection-tile-title" }, this.titleText),
+      this.note && globalSlimmerRegistry.h("div", { class: "selection-tile-note" }, this.note)));
   }
   renderSelect() {
-    return (index.h("vega-flex", { "align-items": "start", class: "vega-flex-shrink-0 selection-tile-select", ref: (ref) => (this.selectorContainerRef = ref) }, this.selectType === 'checkbox' ? this.renderCheckbox() : this.renderRadio()));
+    return (globalSlimmerRegistry.h("vega-flex", { "align-items": "start", class: "vega-flex-shrink-0 selection-tile-select", ref: (ref) => (this.selectorContainerRef = ref) }, this.selectType === 'checkbox' ? this.renderCheckbox() : this.renderRadio()));
   }
   renderCheckbox() {
-    return index.h("vega-checkbox", { size: "small", disabled: this.disabled, checked: this.checked });
+    return globalSlimmerRegistry.h("vega-checkbox", { size: "small", disabled: this.disabled, checked: this.checked });
   }
   renderRadio() {
-    return index.h("vega-radio", { size: "small", disabled: this.disabled, checked: this.checked });
+    return globalSlimmerRegistry.h("vega-radio", { size: "small", disabled: this.disabled, checked: this.checked });
   }
   hasPrefixSlot() {
     return this.host.querySelector(`[slot=prefix]`) !== null;
@@ -272,7 +271,7 @@ class VegaSelectionTileShowErrorController extends globalSlimmerRegistry.VegaSli
    */
   connectedCallback() {
     this.selectionTileGroup = ui.findParent(this.host, 'vega-selection-tile-group');
-    this.fieldErrorObserver = new observer.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
+    this.fieldErrorObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
     changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.selectionTileGroup || this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
   }
   /**
@@ -325,16 +324,16 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaSelectionTile = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaChange = index.createEvent(this, "vegaChange", 7);
-    this.change = index.createEvent(this, "change", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
+    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaSelectionTileRenderer();
     this.checkedController = new VegaSelectionTileCheckedController();
     this.stateController = new VegaSelectionTileStateController();
     this.showErrorController = new VegaSelectionTileShowErrorController();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSelectionTile, vegaEventId.VegaChange);
-    this.checkboxEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.renderer.getSelectorContainerRef());
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSelectionTile, domNodeSubjectObserverFactory.VegaChange);
+    this.checkboxEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.renderer.getSelectorContainerRef());
     this.checkboxValueChangeObserver = new childNodesNotifyObserverSlimmer.ChildNodesNotifyObserverSlimmer(staticSubjectTitle.CHECKBOX_VALUE_CHANGE, (payload) => this.checkedController.onCheck(payload.detail));
     this.radioValueChangeObserver = new childNodesNotifyObserverSlimmer.ChildNodesNotifyObserverSlimmer(staticSubjectTitle.RADIO_VALUE_CHANGE, (payload) => {
       if (payload.detail) {
@@ -374,9 +373,9 @@ const VegaSelectionTile = class {
     this.selectType = 'radio';
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
+    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); }
 };
 __decorate$4([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
@@ -421,24 +420,24 @@ class VegaSelectionTileGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.groupContainerRef;
   }
   render() {
-    return (index.h("div", null,
+    return (globalSlimmerRegistry.h("div", null,
       this.renderLabel(),
       this.renderContainer(),
       this.renderHint()));
   }
   renderLabel() {
-    return (this.label && (index.h("div", { class: "vega-label" },
-      index.h("label", { "aria-label": this.label },
+    return (this.label && (globalSlimmerRegistry.h("div", { class: "vega-label" },
+      globalSlimmerRegistry.h("label", { "aria-label": this.label },
         this.label,
         this.renderRequire()))));
   }
   renderRequire() {
-    return this.required && index.h("span", { class: "vega-require" }, "*");
+    return this.required && globalSlimmerRegistry.h("span", { class: "vega-require" }, "*");
   }
   renderContainer() {
-    return (index.h("div", { class: "container", ref: (e) => (this.groupContainerRef = e) },
-      index.h("vega-flex", { direction: this.layout === 'horizontal' ? 'row' : 'col', gap: "size-12" },
-        index.h("slot", { 
+    return (globalSlimmerRegistry.h("div", { class: "container", ref: (e) => (this.groupContainerRef = e) },
+      globalSlimmerRegistry.h("vega-flex", { direction: this.layout === 'horizontal' ? 'row' : 'col', gap: "size-12" },
+        globalSlimmerRegistry.h("slot", { 
           /* eslint-disable-next-line react/jsx-no-bind */
           onSlotchange: 
           /**
@@ -449,8 +448,8 @@ class VegaSelectionTileGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
           () => this.itemsController.syncTileArrayAndValue() }))));
   }
   renderHint() {
-    return (this.hint && (index.h("div", { class: "vega-hint" },
-      index.h("label", null, this.hint))));
+    return (this.hint && (globalSlimmerRegistry.h("div", { class: "vega-hint" },
+      globalSlimmerRegistry.h("label", null, this.hint))));
   }
 }
 __decorate$3([
@@ -660,9 +659,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaSelectionTileGroup = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaChange = index.createEvent(this, "vegaChange", 7);
-    this.change = index.createEvent(this, "change", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
+    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.renderer = new VegaSelectionTileGroupRenderer();
     this.itemsController = new VegaSelectionTileGroupItemsController();
@@ -680,8 +679,8 @@ const VegaSelectionTileGroup = class {
       defaultValue: (target) => (target.selectType === 'checkbox' ? [] : ''),
       attributeGetter: (propertyName) => this[propertyName],
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSelectionTileGroup, vegaEventId.VegaChange);
-    this.checkboxEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.renderer.getGroupContainerRef());
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSelectionTileGroup, domNodeSubjectObserverFactory.VegaChange);
+    this.checkboxEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.renderer.getGroupContainerRef());
     this.selectionTileChangeObserver = new childNodesNotifyObserverSlimmer.ChildNodesNotifyObserverSlimmer(staticSubjectTitle.SELECTION_TILE_VALUE_CHANGE, (payload) => this.valueController.onSelectionTileChecked(payload.detail));
     this.selectTypeNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaSelectionTileGroup, 'selectType', 'watchSelectType');
     this.disabledNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaSelectionTileGroup, 'disabled', 'watchDisabled');
@@ -744,9 +743,9 @@ const VegaSelectionTileGroup = class {
   watchValidationRules() {
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
+    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 {
     "selectType": ["watchSelectType"],
     "value": ["watchValue"],

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

@@ -2,35 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
 const array = require('./array-5adef7b2.js');
-const component = require('./component-73a88c4e.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
-const breakpoints = require('./breakpoints-7e2dff90.js');
+const component = require('./component-63af66ea.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const internalVegaZIndexManager = require('./internal-vega-z-index-manager-e24e4309.js');
+const breakpoints = require('./breakpoints-17d6c4c7.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const internalIconManager = require('./internal-icon-manager-2ff58050.js');
-const iconManager = require('./icon-manager-3787af39.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-13f1892b.js');
+const internalIconManager = require('./internal-icon-manager-2282a62f.js');
+const iconManager = require('./icon-manager-36dcfb65.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-73201c53.js');
 const effect = require('./effect-37695d3d.js');
-const responsiveFormatFacade = require('./responsive-format-facade-ad2f67bf.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaInternalEventId = require('./vega-internal-event-id-79be9bc5.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const observer = require('./observer-f49483e8.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6c0b635d.js');
-const ui = require('./ui-08f33116.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-5fe83465.js');
+const responsiveFormatFacade = require('./responsive-format-facade-74079f1b.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-10c0d402.js');
+const ui = require('./ui-b5906704.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-d7643ec6.js');
 require('./number-4816603d.js');
-require('./dynamic-slimmer-f31fdfd7.js');
+require('./dynamic-slimmer-dc30600a.js');
 require('./ui-32e69595.js');
-require('./type-guard-a07b353b.js');
+require('./breakpoints-ebde4837.js');
+require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./pixel-98f2a10c.js');
@@ -191,9 +189,9 @@ class VegaSidenavCollapseButtonRenderer extends globalSlimmerRegistry.VegaSlimme
    */
   render() {
     const maskImageStyle = this.getButtonMaskImage();
-    return (index.h("i", { role: 'button', onClick: this.handleClickSidebarIcon, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), class: "vega-handler-icon", tabIndex: 0, "aria-label": "Handle Sidebar Icon", ref: (node) => (this.collapseButtonRef = node) },
-      index.h("style", null, maskImageStyle),
-      index.h("vega-icon", { size: "size-16", icon: internalIconManager.VegaInternalIconManager.getIconKey('sidenav-chevron-right') })));
+    return (globalSlimmerRegistry.h("i", { role: 'button', onClick: this.handleClickSidebarIcon, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), class: "vega-handler-icon", tabIndex: 0, "aria-label": "Handle Sidebar Icon", ref: (node) => (this.collapseButtonRef = node) },
+      globalSlimmerRegistry.h("style", null, maskImageStyle),
+      globalSlimmerRegistry.h("vega-icon", { size: "size-16", icon: internalIconManager.VegaInternalIconManager.getIconKey('sidenav-chevron-right') })));
   }
   /**
    * Generating a CSS `mask-image` property value using an SVG icon retrieved from the `VegaIconManager` and`VegaInternalIconManager`.
@@ -539,16 +537,16 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaSidenav = 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.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.openStateNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaSidenav, 'openState', 'watchOpenState');
     this.backdropController = new VegaSidenavBackdropController();
     this.collapseButtonRenderer = new VegaSidenavCollapseButtonRenderer();
     this.openStatusController = new VegaSidenavOpenStatusController();
-    this.stateUpdateEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSidenav, vegaEventId.VegaStateUpdate);
+    this.stateUpdateEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSidenav, domNodeSubjectObserverFactory.VegaStateUpdate);
     this.openState = 'close';
     /**
      * Provides additional information or context in the form of
@@ -595,12 +593,12 @@ const VegaSidenav = class {
     /* istanbul ignore next */
     this.renderSideBarListBySource = () => {
       var _a;
-      return (index.h(index.Fragment, null, (_a = this.source) === null || _a === void 0 ? void 0 : _a.map((item, index$1) => {
+      return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, (_a = this.source) === null || _a === void 0 ? void 0 : _a.map((item, index) => {
         if (item === null || item === void 0 ? void 0 : item.children) {
-          return (index.h("vega-sidenav-group", { key: index$1, icon: item.icon || 'globe', label: item.name }, item.children.map((child, childIndex) => (index.h("vega-sidenav-link", { key: `${index$1}_${childIndex}`, url: child.url, selected: child.selected }, child.name)))));
+          return (globalSlimmerRegistry.h("vega-sidenav-group", { key: index, icon: item.icon || 'globe', label: item.name }, item.children.map((child, childIndex) => (globalSlimmerRegistry.h("vega-sidenav-link", { key: `${index}_${childIndex}`, url: child.url, selected: child.selected }, child.name)))));
         }
         else {
-          return (index.h("vega-sidenav-link", { key: index$1, icon: item.icon || 'globe', url: item.url, selected: item.selected }, item.name));
+          return (globalSlimmerRegistry.h("vega-sidenav-link", { key: index, icon: item.icon || 'globe', url: item.url, selected: item.selected }, item.name));
         }
       })));
     };
@@ -677,7 +675,7 @@ const VegaSidenav = class {
    * @see{module:vega-sidenav-mobile-show-backdrop}
    */
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("div", { class: "vega-sidebar", ref: (el) => this.openStatusController.setSidenavRef(el) }, index.h("div", { class: "vega-sidebar-content-container", ref: (el) => (this.content = el) }, index.h(index.Fragment, null, !createPublicApiRuntimeMetricsSlimmer.isObjectEmpty(this.headerConfig) && this.renderSideBarHeader(), this.renderSideBarList(), this.renderSideBarFooter())), this.collapseButtonRenderer.render())), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("div", { class: "vega-sidebar", ref: (el) => this.openStatusController.setSidenavRef(el) }, globalSlimmerRegistry.h("div", { class: "vega-sidebar-content-container", ref: (el) => (this.content = el) }, globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, !createPublicApiRuntimeMetricsSlimmer.isObjectEmpty(this.headerConfig) && this.renderSideBarHeader(), this.renderSideBarList(), this.renderSideBarFooter())), this.collapseButtonRenderer.render())), this.host);
   }
   /**
    * The below method is e2e-test covered in
@@ -702,16 +700,16 @@ const VegaSidenav = class {
   /* istanbul ignore next */
   renderSideBarList() {
     var _a;
-    return (index.h(index.Fragment, null, createPublicApiRuntimeMetricsSlimmer.isObjectEmpty(this.headerConfig) ? index.h("div", { class: "header-placeholder" }) : null, index.h("slot", { name: "before-list-slot" }), index.h("div", { class: "vega-nav-list" }, ((_a = this.source) === null || _a === void 0 ? void 0 : _a.length) ? this.renderSideBarListBySource() : index.h("slot", null))));
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, createPublicApiRuntimeMetricsSlimmer.isObjectEmpty(this.headerConfig) ? globalSlimmerRegistry.h("div", { class: "header-placeholder" }) : null, globalSlimmerRegistry.h("slot", { name: "before-list-slot" }), globalSlimmerRegistry.h("div", { class: "vega-nav-list" }, ((_a = this.source) === null || _a === void 0 ? void 0 : _a.length) ? this.renderSideBarListBySource() : globalSlimmerRegistry.h("slot", null))));
   }
   renderSideBarHeader() {
     const { collapseLogo, expandLogo, headline } = this.headerConfig;
-    return (index.h("div", { class: "vega-sidebar-header" }, index.h("div", { class: "vega-sidebar-header-collapse-container" }, collapseLogo && index.h("img", { src: collapseLogo, alt: 'collapse logo' })), index.h("div", { class: "vega-sidebar-header-expand-container" }, expandLogo && index.h("img", { src: expandLogo, alt: 'expand logo' }), headline && index.h("div", { class: "vega-sidebar-headline" }, headline))));
+    return (globalSlimmerRegistry.h("div", { class: "vega-sidebar-header" }, globalSlimmerRegistry.h("div", { class: "vega-sidebar-header-collapse-container" }, collapseLogo && globalSlimmerRegistry.h("img", { src: collapseLogo, alt: 'collapse logo' })), globalSlimmerRegistry.h("div", { class: "vega-sidebar-header-expand-container" }, expandLogo && globalSlimmerRegistry.h("img", { src: expandLogo, alt: 'expand logo' }), headline && globalSlimmerRegistry.h("div", { class: "vega-sidebar-headline" }, headline))));
   }
   renderSideBarFooter() {
-    return (this.footnote && (index.h("div", { class: "vega-nav-footer" }, index.h("div", { class: "vega-nav-footnote" }, this.footnote))));
+    return (this.footnote && (globalSlimmerRegistry.h("div", { class: "vega-nav-footer" }, globalSlimmerRegistry.h("div", { class: "vega-nav-footnote" }, this.footnote))));
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "openState": ["watchOpenState"],
     "source": ["watchSourceChange"],
@@ -792,7 +790,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaSidenavGroup = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.subStateObserverSlimmer = new VegaSidenavGroupSubStateController();
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
@@ -825,11 +823,11 @@ const VegaSidenavGroup = class {
     changeManager.ChangeManager.unregister(staticSubjectTitle.SIDENAV_LINK_SELECTED_TOPIC, this.observer);
   }
   componentWillLoad() {
-    this.observer = new observer.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
+    this.observer = new domNodeSubjectObserverFactory.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.SIDENAV_LINK_SELECTED_TOPIC, this.observer);
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("div", { class: { 'vega-li-main': true, 'sidenav-open': this.openState !== 'close' }, ref: (ref) => (this.groupContainer = ref) }, index.h("a", { href: `#${this.label}`, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), "data-root": "$1", onClick: this.handleClick, "aria-label": this.label || 'No label defined' }, index.h("div", { class: "vega-links-icon" }, index.h("div", { class: "prefix-icon" }, index.h("vega-icon", { icon: this.icon, size: "size-24" }))), index.h("span", { class: "vega-links-name" }, this.label), index.h("div", { class: "suffix-icons" }, index.h("vega-icon", { icon: "chevron-down", size: "size-12" }), index.h("vega-icon", { icon: "chevron-up", size: "size-12" }))), index.h("div", { class: "vega-nav-list vega-nav-list-sub" }, index.h("slot", null)))), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("div", { class: { 'vega-li-main': true, 'sidenav-open': this.openState !== 'close' }, ref: (ref) => (this.groupContainer = ref) }, globalSlimmerRegistry.h("a", { href: `#${this.label}`, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), "data-root": "$1", onClick: this.handleClick, "aria-label": this.label || 'No label defined' }, globalSlimmerRegistry.h("div", { class: "vega-links-icon" }, globalSlimmerRegistry.h("div", { class: "prefix-icon" }, globalSlimmerRegistry.h("vega-icon", { icon: this.icon, size: "size-24" }))), globalSlimmerRegistry.h("span", { class: "vega-links-name" }, this.label), globalSlimmerRegistry.h("div", { class: "suffix-icons" }, globalSlimmerRegistry.h("vega-icon", { icon: "chevron-down", size: "size-12" }), globalSlimmerRegistry.h("vega-icon", { icon: "chevron-up", size: "size-12" }))), globalSlimmerRegistry.h("div", { class: "vega-nav-list vega-nav-list-sub" }, globalSlimmerRegistry.h("slot", null)))), this.host);
   }
   /**
    * The below method is e2e-test covered in
@@ -847,7 +845,7 @@ const VegaSidenavGroup = class {
       this.groupContainer.classList.remove('open');
     }
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate$2([
   globalSlimmerRegistry.InjectVegaSlimmer()
@@ -901,13 +899,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaSidenavLink = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaClick = index.createEvent(this, "vegaClick", 7);
-    this.click = index.createEvent(this, "click", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaClick = globalSlimmerRegistry.createEvent(this, "vegaClick", 7);
+    this.click = globalSlimmerRegistry.createEvent(this, "click", 7);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.subStateObserverSlimmer = new VegaSidenavLinkSubStateController();
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSidenavLink, vegaEventId.VegaClick);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSidenavLink, domNodeSubjectObserverFactory.VegaClick);
     this.openState = 'close';
     /**
      * Indicates whether the link item is selected.
@@ -951,7 +949,7 @@ const VegaSidenavLink = class {
     if (parent) {
       this.host.classList.add('has-group-parent');
     }
-    this.observer = new observer.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
+    this.observer = new domNodeSubjectObserverFactory.Observer(isHTMLVegaSidenavLinkElement, this.observerListener.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.SIDENAV_LINK_SELECTED_TOPIC, this.observer);
   }
   componentDidRender() {
@@ -961,7 +959,7 @@ const VegaSidenavLink = class {
   }
   render() {
     const url = this.url || 'javascript:void(0);';
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: { 'sidenav-open': this.openState !== 'close' } }, index.h("a", { href: url, onClick: this.handleClick, class: { selected: this.selected === true } }, this.icon ? (index.h("div", { class: "vega-links-icon" }, index.h("div", { class: "prefix-icon" }, index.h("vega-icon", { icon: this.icon, size: "size-24" })))) : null, index.h("span", { class: "vega-links-name" }, index.h("slot", null)))), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: { 'sidenav-open': this.openState !== 'close' } }, globalSlimmerRegistry.h("a", { href: url, onClick: this.handleClick, class: { selected: this.selected === true } }, this.icon ? (globalSlimmerRegistry.h("div", { class: "vega-links-icon" }, globalSlimmerRegistry.h("div", { class: "prefix-icon" }, globalSlimmerRegistry.h("vega-icon", { icon: this.icon, size: "size-24" })))) : null, globalSlimmerRegistry.h("span", { class: "vega-links-name" }, globalSlimmerRegistry.h("slot", null)))), this.host);
   }
   /**
    * The below method is e2e-test covered in
@@ -985,7 +983,7 @@ const VegaSidenavLink = class {
       });
     }
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()