@globalpayments/vega 2.33.0 → 2.34.1

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

@@ -2,13 +2,13 @@
 
 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 ui = require('./ui-08f33116.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
-require('./breakpoints-7e2dff90.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const ui = require('./ui-b5906704.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
+require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
+require('./breakpoints-ebde4837.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;
@@ -185,7 +185,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaText = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.tooltipRenderer = new VegaTextTooltipRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
@@ -208,12 +208,12 @@ const VegaText = class {
   componentDidLoad() {
   }
   render() {
-    return (index.h(index.Host, { class: {
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         'vega-container-text-ellipsis': this.overflow === 'ellipsis',
         'vega-container-text-newline': this.overflow === 'newline',
-      } }, index.h("slot", null)));
+      } }, globalSlimmerRegistry.h("slot", null)));
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "tooltip": ["watchTooltip"]
   }; }

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

@@ -2,37 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
 const minStringLengthRule = require('./min-string-length-rule-75f24a48.js');
-const requiredFieldRule = require('./required-field-rule-9a57b1a0.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 formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a982ead.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
+const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+const component = require('./component-63af66ea.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
 require('./string-21427167.js');
-require('./observer-f49483e8.js');
-require('./ui-08f33116.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./dom-node-subject-observer-factory-2e41340d.js');
-require('./vega-internal-event-id-79be9bc5.js');
-require('./translation-42c1b2c8.js');
-require('./page-resize-observer-slimmer-a8cf1874.js');
-require('./breakpoints-7e2dff90.js');
+require('./ui-b5906704.js');
+require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./vega-internal-event-id-85b68849.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');
-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('./feature-flag-controller-e97b5f29.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
 
 const VegaTextareaRuntimeMetricsPayloadDefinition = [
   {
@@ -75,11 +74,11 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaTextarea = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaChange = index.createEvent(this, "vegaChange", 7);
-    this.change = index.createEvent(this, "change", 7);
-    this.vegaBlur = index.createEvent(this, "vegaBlur", 7);
-    this.blur = index.createEvent(this, "blur", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
+    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
+    this.vegaBlur = globalSlimmerRegistry.createEvent(this, "vegaBlur", 7);
+    this.blur = globalSlimmerRegistry.createEvent(this, "blur", 7);
     this.globalSlimmers = {};
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
@@ -102,9 +101,9 @@ const VegaTextarea = class {
       inputContainerGetter: () => this.inputContainerRef,
       touchableAreaGetter: () => [this.textareaRef],
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTextarea, vegaEventId.VegaChange);
-    this.blurEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTextarea, vegaEventId.VegaBlur);
-    this.textareaEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.inputContainerRef);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTextarea, domNodeSubjectObserverFactory.VegaChange);
+    this.blurEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTextarea, domNodeSubjectObserverFactory.VegaBlur);
+    this.textareaEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.inputContainerRef);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaTextareaRuntimeMetricsPayloadDefinition);
     this.currentCharCount = 0;
     /**
@@ -204,19 +203,19 @@ const VegaTextarea = class {
      */
     this.validationRules = [];
     this.renderTextareaContainer = () => {
-      return (index.h("div", { class: { 'vega-textarea-container': true, 'vega-textarea-not-resizable': !this.resizable }, ref: (e) => (this.inputContainerRef = e) }, index.h("textarea", { rows: 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }), this.showCounter && this.renderCharacterCounter()));
+      return (globalSlimmerRegistry.h("div", { class: { 'vega-textarea-container': true, 'vega-textarea-not-resizable': !this.resizable }, ref: (e) => (this.inputContainerRef = e) }, globalSlimmerRegistry.h("textarea", { rows: 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }), this.showCounter && this.renderCharacterCounter()));
     };
     this.renderHintMessage = () => {
-      return index.h("vega-text", null, this.hint);
+      return globalSlimmerRegistry.h("vega-text", null, this.hint);
     };
     this.renderCharacterCounter = () => {
-      return (index.h("div", { class: {
+      return (globalSlimmerRegistry.h("div", { class: {
           'vega-textarea-counter': true,
           'counter-exceed-max-length': this.isExceedMaxLength(this.value, this.maxLength),
-        } }, index.h("span", { id: "current" }, this.currentCharCount), this.maxLength != null && this.renderMaxLengthNumber()));
+        } }, globalSlimmerRegistry.h("span", { id: "current" }, this.currentCharCount), this.maxLength != null && this.renderMaxLengthNumber()));
     };
     this.renderMaxLengthNumber = () => {
-      return index.h("span", { id: "maximum" }, "/", this.maxLength);
+      return globalSlimmerRegistry.h("span", { id: "maximum" }, "/", this.maxLength);
     };
     this.setTextareaRef = (textareaRef) => {
       if (textareaRef && this.textareaRef !== textareaRef) {
@@ -266,14 +265,14 @@ const VegaTextarea = class {
     this.currentCharCount = this.value.length;
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         disabled: this.disabled,
       } }, this.renderLabelDom(), this.renderTextareaContainer(), this.hint && this.renderHintMessage()), this.host);
   }
   renderLabelDom() {
-    return (index.h("vega-field-label", { onClick: this.inputFocus, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
+    return (globalSlimmerRegistry.h("vega-field-label", { onClick: this.inputFocus, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"],
     "validationRules": ["watchValidationRules"]

package/dist/cjs/vega-time-picker_2.cjs.entry.js

@@ -2,48 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const date = require('./date-0a6bb035.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 formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a982ead.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const ui = require('./ui-08f33116.js');
+const date = require('./date-ffe382a4.js');
+const component = require('./component-63af66ea.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const ui = require('./ui-b5906704.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const array = require('./array-5adef7b2.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-415d261a.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-8e2d4b5d.js');
-const typeGuard = require('./type-guard-a07b353b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const translationSlimmer = require('./translation-slimmer-32aa13e7.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-0dd70e61.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-9be2a880.js');
+const typeGuard = require('./type-guard-4ba85fdc.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const translationSlimmer = require('./translation-slimmer-90f9f71f.js');
 require('./string-21427167.js');
-require('./observer-f49483e8.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-79be9bc5.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('./dynamic-slimmer-dc30600a.js');
+require('./vega-internal-event-id-85b68849.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('./number-4816603d.js');
-require('./internal-vega-z-index-manager-f03ddb37.js');
-require('./responsive-format-facade-ad2f67bf.js');
+require('./internal-vega-z-index-manager-e24e4309.js');
+require('./responsive-format-facade-74079f1b.js');
 require('./pixel-98f2a10c.js');
-require('./keyboard-manager-34b78600.js');
+require('./keyboard-manager-5afbc8f1.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.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('./feature-flag-controller-e97b5f29.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
 
 /**
  * A rule that checks if time is empty or not
@@ -135,7 +134,7 @@ class VegaTimePickerLabelRenderer extends globalSlimmerRegistry.VegaSlimmer {
     };
   }
   render() {
-    return (index.h("vega-field-label", { onClick: this.onTimePickerFocus, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
+    return (globalSlimmerRegistry.h("vega-field-label", { onClick: this.onTimePickerFocus, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
   }
 }
 __decorate$d([
@@ -195,8 +194,8 @@ class VegaTimePickerSingleInputRenderer extends globalSlimmerRegistry.VegaSlimme
   }
   /* istanbul ignore next */
   render() {
-    return (index.h("div", { class: "time-picker-input" },
-      index.h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholder(), disabled: this.disabled, size: this.size, value: typeof this.value === 'string' ? this.value : '', ref: (ref) => {
+    return (globalSlimmerRegistry.h("div", { class: "time-picker-input" },
+      globalSlimmerRegistry.h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholder(), disabled: this.disabled, size: this.size, value: typeof this.value === 'string' ? this.value : '', ref: (ref) => {
           this.timeInputRef = ref;
           this.handleVegaInputEvent(ref);
         } })));
@@ -213,14 +212,14 @@ class VegaTimePickerSingleInputRenderer extends globalSlimmerRegistry.VegaSlimme
    * @param {HTMLVegaInputElement} ref - The ref parameter is a reference to an HTML input element with the type "vega".
    */
   handleVegaInputEvent(ref) {
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, (input) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, (input) => {
       this.onChildVegaInputChange(input);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaFocus, () => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaFocus, () => {
       this.singleDropdownController.show();
     });
     //When the filled time format is incorrect, the value needs to be set to empty, the initial value may also be empty, so the input needs to be set to an empty value.
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaBlur, (input) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaBlur, (input) => {
       this.valueController.checkValueAfterInputBlur(input);
     });
   }
@@ -269,7 +268,7 @@ class VegaTimePickerSingleDropdownRenderer extends globalSlimmerRegistry.VegaSli
     super(...arguments);
     this.isMobileDevice = ui.getDeviceType() === ui.DeviceType.MOBILE;
     this.renderDropdownByTimeSource = () => {
-      return (index.h(index.Fragment, null,
+      return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
         this.renderDropdownColumn(this.dropdownSource.hours, 'hour'),
         this.renderDropdownColumn(this.dropdownSource.minutes, 'minute'),
         this.timeFormat === '12-hour' && this.renderDropdownColumn(['AM', 'PM'], 'amPm')));
@@ -328,18 +327,18 @@ class VegaTimePickerSingleDropdownRenderer extends globalSlimmerRegistry.VegaSli
     return elements;
   }
   render() {
-    return (index.h("vega-time-picker-dropdown", { class: {
+    return (globalSlimmerRegistry.h("vega-time-picker-dropdown", { class: {
         'vega-time-picker-dropdown': true,
         /* istanbul ignore next */
         'mobile': this.isMobileDevice,
       }, ref: (e) => (this.dropdown = e) },
-      index.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.dropdownContainer = e) },
-        index.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownByTimeSource()),
-        index.h("div", { class: "horizontal-divider v-my-size-12" }),
+      globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.dropdownContainer = e) },
+        globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownByTimeSource()),
+        globalSlimmerRegistry.h("div", { class: "horizontal-divider v-my-size-12" }),
         this.renderDropdownFoot())));
   }
   renderDropdownColumn(items, sourceType) {
-    return (index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
+    return (globalSlimmerRegistry.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
         'vega-time-picker-panel-column': true,
       } }, items.map((item, index) => {
       {
@@ -352,25 +351,25 @@ class VegaTimePickerSingleDropdownRenderer extends globalSlimmerRegistry.VegaSli
    * @see{module:vega-time-picker-select-time-e2e}
    */
   /* istanbul ignore next */
-  renderDropdownItem(item, sourceType, index$1) {
-    return (index.h("li", { key: item, role: "menuitem", "aria-label": item, class: {
+  renderDropdownItem(item, sourceType, index) {
+    return (globalSlimmerRegistry.h("li", { key: item, role: "menuitem", "aria-label": item, class: {
         'vega-dropdown-item-selected': this.isItemSelected(item, sourceType),
-      }, tabIndex: index$1 === 0 ? 0 : -1, "data-index": index$1, 
+      }, tabIndex: index === 0 ? 0 : -1, "data-index": index, 
       /* eslint-disable-next-line react/jsx-no-bind */
       onClick: () => this.onItemClick(item, sourceType), onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-      index.h("span", { "data-index": index$1, innerHTML: item })));
+      globalSlimmerRegistry.h("span", { "data-index": index, innerHTML: item })));
   }
   renderDropdownFoot() {
-    return (index.h("div", { class: "vega-time-picker-dropdown-footer" },
-      index.h("div", { class: "vega-time-picker-now" },
-        index.h("vega-button-link", { size: "small", label: "Now", ref: (ref) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
+    return (globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-footer" },
+      globalSlimmerRegistry.h("div", { class: "vega-time-picker-now" },
+        globalSlimmerRegistry.h("vega-button-link", { size: "small", label: "Now", ref: (ref) => {
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
               this.onNowButtonClick();
             });
           } })),
-      index.h("div", null,
-        index.h("vega-button-link", { size: "small", label: "Apply", ref: (ref) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
+      globalSlimmerRegistry.h("div", null,
+        globalSlimmerRegistry.h("vega-button-link", { size: "small", label: "Apply", ref: (ref) => {
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
               this.onApplyButtonClick();
             });
           } }))));
@@ -1181,29 +1180,29 @@ class VegaTimePickerRangeInputRenderer extends globalSlimmerRegistry.VegaSlimmer
   render() {
     const startValue = Array.isArray(this.value) ? this.value[0] : '';
     const endValue = Array.isArray(this.value) ? this.value[1] : '';
-    return (index.h(index.Fragment, null,
-      index.h("vega-flex", { class: "v-w-full", gap: "0", "align-items": "center", direction: this.isMobileDevice ? 'col' : 'row' },
-        index.h("div", { class: "time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow" },
-          index.h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholderBySourceType('start'), disabled: this.disabled, size: this.size, value: startValue, ref: (ref) => {
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+      globalSlimmerRegistry.h("vega-flex", { class: "v-w-full", gap: "0", "align-items": "center", direction: this.isMobileDevice ? 'col' : 'row' },
+        globalSlimmerRegistry.h("div", { class: "time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow" },
+          globalSlimmerRegistry.h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholderBySourceType('start'), disabled: this.disabled, size: this.size, value: startValue, ref: (ref) => {
               this.handlerEvent(ref);
               return (this.startTimeInputRef = ref);
             }, "show-clear-icon": "false" })),
-        index.h("span", { class: "range-input-divider v-min-w-min vega-flex-shrink-0" }),
-        index.h("div", { class: "time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow" },
-          index.h("vega-input", { placeholder: this.getPlaceholderBySourceType('end'), disabled: this.disabled, size: this.size, value: endValue, ref: (ref) => {
+        globalSlimmerRegistry.h("span", { class: "range-input-divider v-min-w-min vega-flex-shrink-0" }),
+        globalSlimmerRegistry.h("div", { class: "time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow" },
+          globalSlimmerRegistry.h("vega-input", { placeholder: this.getPlaceholderBySourceType('end'), disabled: this.disabled, size: this.size, value: endValue, ref: (ref) => {
               this.handlerEvent(ref);
               return (this.endTimeInputRef = ref);
             }, "show-clear-icon": "false" }))),
       this.rangeClearButtonRenderer.render()));
   }
   handlerEvent(ref) {
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaBlur, (input) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaBlur, (input) => {
       this.timePickerInputBlur(input);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, (input) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, (input) => {
       this.onInputChange(input);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaFocus, (input) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaFocus, (input) => {
       this.timePickerInputFocus(input);
     });
   }
@@ -1285,28 +1284,28 @@ class VegaTimePickerRangeDropdownRenderer extends globalSlimmerRegistry.VegaSlim
     this.isMobileDevice = ui.getDeviceType() === ui.DeviceType.MOBILE;
     /** The `renderStartDropdown` method is a private method of the `VegaTimePickerRangeDropdownRenderer` class. It is responsible for rendering the start dropdown element in the component's JSX. */
     this.renderStartDropdown = () => {
-      return (index.h("vega-time-picker-dropdown", { class: {
+      return (globalSlimmerRegistry.h("vega-time-picker-dropdown", { class: {
           'vega-time-picker-dropdown start-dropdown': true,
           /* istanbul ignore next */
           'mobile': this.isMobileDevice,
         }, ref: (e) => (this.startDropdown = e) },
-        index.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.startDropdownContainer = e) },
-          index.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownList('start')))));
+        globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.startDropdownContainer = e) },
+          globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownList('start')))));
     };
     /** The `renderEndDropdown` method is a private method of the `VegaTimePickerRangeDropdownRenderer` class. It is responsible for rendering the end dropdown element in the component's JSX. */
     this.renderEndDropdown = () => {
-      return (index.h("vega-time-picker-dropdown", { class: {
+      return (globalSlimmerRegistry.h("vega-time-picker-dropdown", { class: {
           'vega-time-picker-dropdown end-dropdown': true,
           /* istanbul ignore next */
           'mobile': this.isMobileDevice,
         }, ref: (e) => (this.endDropdown = e) },
-        index.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.endDropdownContainer = e) },
-          index.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownList('end')))));
+        globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.endDropdownContainer = e) },
+          globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownList('end')))));
     };
     /** The `renderDropdownList` method is a private method of the `VegaTimePickerRangeDropdownRenderer` class. It is responsible for rendering the dropdown list of time values in the component's JSX. */
     this.renderDropdownList = (rangeIndex) => {
       const source = this.getTimeArray();
-      return (index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
+      return (globalSlimmerRegistry.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
           'vega-time-picker-panel-column': true,
         } }, source.map((item, index) => {
         {
@@ -1363,7 +1362,7 @@ class VegaTimePickerRangeDropdownRenderer extends globalSlimmerRegistry.VegaSlim
     return elements;
   }
   render() {
-    return (index.h(index.Fragment, null,
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
       this.renderStartDropdown(),
       this.renderEndDropdown()));
   }
@@ -1373,13 +1372,13 @@ class VegaTimePickerRangeDropdownRenderer extends globalSlimmerRegistry.VegaSlim
    */
   /* istanbul ignore next */
   /** The `renderDropdownItem` method is responsible for rendering each item in the dropdown list of time values. It creates an `<li>` element with the following attributes and event handlers: */
-  renderDropdownItem(item, rangeIndex, index$1) {
-    return (index.h("li", { key: item, role: "menuitem", "aria-label": item, class: {
+  renderDropdownItem(item, rangeIndex, index) {
+    return (globalSlimmerRegistry.h("li", { key: item, role: "menuitem", "aria-label": item, class: {
         'vega-dropdown-item-selected': this.isItemSelected(item, rangeIndex),
-      }, tabIndex: index$1 === 0 ? 0 : -1, "data-index": index$1, 
+      }, tabIndex: index === 0 ? 0 : -1, "data-index": index, 
       /* eslint-disable-next-line react/jsx-no-bind */
       onClick: () => this.onItemClick(item, rangeIndex), onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-      index.h("span", { "data-index": index$1, innerHTML: item })));
+      globalSlimmerRegistry.h("span", { "data-index": index, innerHTML: item })));
   }
   /*
    * The below method is e2e-test covered in
@@ -1493,11 +1492,11 @@ class VegaTimePickerRangeClearButtonRenderer extends globalSlimmerRegistry.VegaS
     };
   }
   render() {
-    return (index.h("div", { class: {
+    return (globalSlimmerRegistry.h("div", { class: {
         'vega-time-picker-range-clear-icon': true,
         'invisible': !this.isInvisible(),
       }, "aria-label": "clear input", role: "button", tabindex: "-1", onClick: this.onClickClearIcon, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-      index.h("vega-icon", { icon: "close", class: "v-min-w-min vega-flex-shrink-0" })));
+      globalSlimmerRegistry.h("vega-icon", { icon: "close", class: "v-min-w-min vega-flex-shrink-0" })));
   }
   /**
    * The function checks if the value is an array and if either of the elements in the array is truthy, returning true if so.
@@ -1869,9 +1868,9 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaTimePicker = 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.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.labelRenderer = new VegaTimePickerLabelRenderer();
@@ -1921,8 +1920,8 @@ const VegaTimePicker = class {
     this.startDropdownController = new VegaTimePickerRangeDropdownController('start');
     this.endDropdownController = new VegaTimePickerRangeDropdownController('end');
     this.inputMaskController = new VegaTimePickerInputMaskController();
-    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.inputContainerRef);
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTimePicker, vegaEventId.VegaChange);
+    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.inputContainerRef);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTimePicker, domNodeSubjectObserverFactory.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaTimePickerRuntimeMetricsPayloadDefinition);
     this.isMobileDevice = ui.getDeviceType() === ui.DeviceType.MOBILE;
     /** dropdown source */
@@ -2040,15 +2039,15 @@ const VegaTimePicker = class {
   }
   render() {
     const isRangeMode = this.mode === 'range';
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         disabled: this.disabled,
-      } }, this.labelRenderer.render(), index.h("div", { class: {
+      } }, this.labelRenderer.render(), globalSlimmerRegistry.h("div", { class: {
         'vega-time-picker-input-container': true,
         'range-mode': isRangeMode,
         'mobile': isRangeMode && this.isMobileDevice,
       }, ref: (node) => (this.inputContainerRef = node) }, isRangeMode ? this.rangeInputRenderer.render() : this.singleInputRenderer.render()), isRangeMode ? this.rangeDropdownRenderer.render() : this.singleDropdownRenderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "isDropdownShow": ["watchIsDropdownShow"],
     "selectedTimeValue": ["watchSelectedTimeValue"],
@@ -2136,14 +2135,14 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaTimePickerDropdown = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()