@globalpayments/vega 2.33.0 → 2.34.1

package/dist/cjs/vega-input-credit-card.cjs.entry.js

@@ -2,40 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const featureFlagController = require('./feature-flag-controller-0d1015fa.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const featureFlagController = require('./feature-flag-controller-e97b5f29.js');
 const regex = require('./regex-c1f70fd4.js');
-const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
+const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a9ae5d9.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 childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const internalIconManager = require('./internal-icon-manager-2ff58050.js');
-require('./index-5792390b.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 childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const internalIconManager = require('./internal-icon-manager-2282a62f.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
 require('./number-4816603d.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('./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('./internal-vega-event-manager-5fe83465.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./icon-manager-3787af39.js');
+require('./icon-manager-36dcfb65.js');
 
 const CARDS_INFO = [
   {
@@ -160,13 +159,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaInputCreditCard = 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);
-    this.vegaFocus = index.createEvent(this, "vegaFocus", 7);
-    this.focus = index.createEvent(this, "focus", 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.vegaFocus = globalSlimmerRegistry.createEvent(this, "vegaFocus", 7);
+    this.focus = globalSlimmerRegistry.createEvent(this, "focus", 7);
     this.globalSlimmers = {};
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
@@ -185,10 +184,10 @@ const VegaInputCreditCard = class {
       inputContainerGetter: () => this.inputContainerGetter(),
       touchableAreaGetter: () => this.touchableAreaGetter(),
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputCreditCard, vegaEventId.VegaChange);
-    this.blurEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputCreditCard, vegaEventId.VegaBlur);
-    this.focusEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputCreditCard, vegaEventId.VegaFocus);
-    this.inputCreditCardEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange, vegaEventId.VegaFocus, vegaEventId.VegaBlur], () => this.host, true);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputCreditCard, domNodeSubjectObserverFactory.VegaChange);
+    this.blurEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputCreditCard, domNodeSubjectObserverFactory.VegaBlur);
+    this.focusEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputCreditCard, domNodeSubjectObserverFactory.VegaFocus);
+    this.inputCreditCardEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange, domNodeSubjectObserverFactory.VegaFocus, domNodeSubjectObserverFactory.VegaBlur], () => this.host, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaInputCreditCardRuntimeMetricsPayloadDefinition);
     this.maskConfig = {
       type: 'custom',
@@ -288,15 +287,15 @@ const VegaInputCreditCard = class {
     this.renderInputContainer = () => {
       var _a;
       const iconName = ((_a = this.getCreditCardType(this.value)) === null || _a === void 0 ? void 0 : _a.iconName) || 'regular-credit-card';
-      return (index.h("vega-input", { label: this.label, type: "number", prefixIcon: internalIconManager.VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(), placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, showClearIcon: false, ref: (e) => {
+      return (globalSlimmerRegistry.h("vega-input", { label: this.label, type: "number", prefixIcon: internalIconManager.VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(), placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, showClearIcon: false, ref: (e) => {
           this.inputRef = e;
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, vegaEventId.VegaChange, (input) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, domNodeSubjectObserverFactory.VegaChange, (input) => {
             this.handleVegaChange(input);
           });
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, vegaEventId.VegaBlur, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, domNodeSubjectObserverFactory.VegaBlur, () => {
             this.handleVegaBlur();
           });
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, vegaEventId.VegaFocus, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(e, domNodeSubjectObserverFactory.VegaFocus, () => {
             this.handleVegaFocus();
           });
         } }));
@@ -336,7 +335,7 @@ const VegaInputCreditCard = class {
     }
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderInputContainer()), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.renderInputContainer()), this.host);
   }
   getCreditCardType(value) {
     return CARDS_INFO.filter((card) => card.pattern.test(value))[0];
@@ -377,7 +376,7 @@ const VegaInputCreditCard = class {
       return replacementChar.repeat(element.length);
     });
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "validationRules": ["watchValidationRules"],
     "value": ["watchValue"]

package/dist/cjs/vega-input-numeric.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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-8e2d4b5d.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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-9be2a880.js');
 const number = require('./number-4816603d.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a982ead.js');
-const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-13f1892b.js');
-require('./observer-f49483e8.js');
-require('./ui-08f33116.js');
-require('./internal-vega-event-manager-5fe83465.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
+const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-73201c53.js');
+require('./ui-b5906704.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0d1015fa.js');
-require('./index-5792390b.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./keyboard-manager-34b78600.js');
+require('./feature-flag-controller-e97b5f29.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./keyboard-manager-5afbc8f1.js');
 require('./string-21427167.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.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('./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');
 
@@ -62,9 +61,9 @@ class VegaInputNumericRenderer extends globalSlimmerRegistry.VegaSlimmer {
     if (this.integerOnly) {
       maskOptions.precision = 0;
     }
-    return (index.h("vega-input", { value: this.value || '', showClearIcon: true, disabled: this.disabled, label: this.label, hint: this.hint, required: this.required, type: "number", placeholder: this.placeholder, size: this.size === 'small' ? 'small' : 'default', prefixIcon: this.prefixIcon, ref: (ref) => {
+    return (globalSlimmerRegistry.h("vega-input", { value: this.value || '', showClearIcon: true, disabled: this.disabled, label: this.label, hint: this.hint, required: this.required, type: "number", placeholder: this.placeholder, size: this.size === 'small' ? 'small' : 'default', prefixIcon: this.prefixIcon, ref: (ref) => {
         this.vegaInputRef = ref;
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, (payload) => this.onInputChange(payload));
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, (payload) => this.onInputChange(payload));
       }, maskConfig: {
         type: 'number',
         options: maskOptions,
@@ -239,15 +238,15 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaInputNumeric = 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.valueController = new VegaInputNumericValueController();
     this.keyboardController = new VegaInputNumericKeyboardController();
     this.renderer = new VegaInputNumericRenderer();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputNumeric, vegaEventId.VegaChange);
-    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.host, { useCapture: true });
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputNumeric, domNodeSubjectObserverFactory.VegaChange);
+    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host, { useCapture: true });
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -362,9 +361,9 @@ const VegaInputNumeric = 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 {
     "prefixText": ["watchPrefixText"],
     "suffixText": ["watchSuffixText"],

package/dist/cjs/vega-input-phone-number.cjs.entry.js

@@ -2,38 +2,37 @@
 
 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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const internalIconManager = require('./internal-icon-manager-2ff58050.js');
-const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-79be9bc5.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a982ead.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
-require('./observer-f49483e8.js');
-require('./ui-08f33116.js');
-require('./icon-manager-3787af39.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-require('./dynamic-slimmer-f31fdfd7.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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const internalIconManager = require('./internal-icon-manager-2282a62f.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-71a45468.js');
+const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+require('./ui-b5906704.js');
+require('./icon-manager-36dcfb65.js');
+require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./dynamic-slimmer-dc30600a.js');
 require('./string-21427167.js');
-require('./translation-42c1b2c8.js');
-require('./page-resize-observer-slimmer-a8cf1874.js');
-require('./breakpoints-7e2dff90.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');
 
 var __decorate$5 = (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;
@@ -46,9 +45,9 @@ class VegaInputPhoneNumberRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.inputPhoneNumberContainerRef;
   }
   render() {
-    return (index.h(index.Fragment, null,
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
       this.renderLabel(),
-      index.h("vega-flex", { class: "vega-input-phone-number-container", gap: "size-12", ref: (dom) => (this.inputPhoneNumberContainerRef = dom) },
+      globalSlimmerRegistry.h("vega-flex", { class: "vega-input-phone-number-container", gap: "size-12", ref: (dom) => (this.inputPhoneNumberContainerRef = dom) },
         this.countrySelectRenderer.render(),
         this.phoneNumberInputRenderer.render()),
       this.renderHint()));
@@ -59,7 +58,7 @@ class VegaInputPhoneNumberRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {HTMLVegaFieldLabelElement} An HTMLVegaFieldLabelElement is being returned.
    */
   renderLabel() {
-    return (index.h("vega-field-label", { onClick: this.countrySelectRenderer.openSelectDropdown, isFieldRequired: this.required, disabled: this.disabled, label: this.label }));
+    return (globalSlimmerRegistry.h("vega-field-label", { onClick: this.countrySelectRenderer.openSelectDropdown, isFieldRequired: this.required, disabled: this.disabled, label: this.label }));
   }
   /**
    * The function `renderHint` returns a label element with a hint text if the `hint` property is provided.
@@ -70,8 +69,8 @@ class VegaInputPhoneNumberRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   renderHint() {
     if (this.hint) {
-      return (index.h("label", { class: "vega-input-phone-number-hint" },
-        index.h("vega-font", { variant: "font-footnote1-short", color: "text-secondary" }, this.hint)));
+      return (globalSlimmerRegistry.h("label", { class: "vega-input-phone-number-hint" },
+        globalSlimmerRegistry.h("vega-font", { variant: "font-footnote1-short", color: "text-secondary" }, this.hint)));
     }
   }
 }
@@ -8419,11 +8418,11 @@ class CountrySelectRenderer extends globalSlimmerRegistry.VegaSlimmer {
      * the `VegaInputPhoneNumberCountryCodeRenderer` component.
      */
     this.renderDropdownItem = (item, fixHeight) => {
-      return (index.h("vega-dropdown-item", { height: fixHeight, label: item.label, itemKey: item.key, key: item.key },
-        index.h("vega-flex", { alignItems: "center", gap: "size-12" },
-          index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey(item.key), size: "size-16" }),
-          index.h("vega-font", { variant: "font-field-value", color: "text-primary" }, COUNTRIES[item.key]),
-          index.h("vega-font", { variant: "font-field-value", color: "text-primary" }, `(${item.label})`))));
+      return (globalSlimmerRegistry.h("vega-dropdown-item", { height: fixHeight, label: item.label, itemKey: item.key, key: item.key },
+        globalSlimmerRegistry.h("vega-flex", { alignItems: "center", gap: "size-12" },
+          globalSlimmerRegistry.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey(item.key), size: "size-16" }),
+          globalSlimmerRegistry.h("vega-font", { variant: "font-field-value", color: "text-primary" }, COUNTRIES[item.key]),
+          globalSlimmerRegistry.h("vega-font", { variant: "font-field-value", color: "text-primary" }, `(${item.label})`))));
     };
     /**
      * The `private customCountriesFilter` function is a custom filter function used to filter out
@@ -8458,8 +8457,8 @@ class CountrySelectRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   render() {
     const countries = this.getCountrySelectOptions();
-    return (index.h("vega-box", null,
-      index.h("vega-input-select", { source: countries.map((country) => ({
+    return (globalSlimmerRegistry.h("vega-box", null,
+      globalSlimmerRegistry.h("vega-input-select", { source: countries.map((country) => ({
           id: country.countryCode,
           displayName: `+${country.callingCode}`,
         })), vegaDropdownProps: {
@@ -8467,7 +8466,7 @@ class CountrySelectRenderer extends globalSlimmerRegistry.VegaSlimmer {
           size: this.estimateMaxWidthOfCountries(countries),
         }, size: this.size, prefixIcon: internalIconManager.VegaInternalIconManager.getIconKey(this.countryCode), disabled: this.disabled, placeholder: "", ref: (inputSelect) => {
           this.inputSelectRef = inputSelect;
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(inputSelect, vegaEventId.VegaChange, 
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(inputSelect, domNodeSubjectObserverFactory.VegaChange, 
           /*
            * The below method is e2e-test covered in
            * @see{module:vega-input-phone-number-country-select-change}
@@ -8605,10 +8604,10 @@ class PhoneNumberInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * set with corresponding values or functions.
    */
   render() {
-    return (index.h("vega-box", { flexGrow: 1 },
-      index.h("vega-input", { size: this.size, disabled: this.disabled, placeholder: this.placeholder, ref: (ref) => {
+    return (globalSlimmerRegistry.h("vega-box", { flexGrow: 1 },
+      globalSlimmerRegistry.h("vega-input", { size: this.size, disabled: this.disabled, placeholder: this.placeholder, ref: (ref) => {
           this.inputRef = ref;
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, this.handleInputChange.bind(this));
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, this.handleInputChange.bind(this));
         }, value: this.phoneNumberInputValue, maskConfig: {
           type: 'custom-formatter',
           formatter: this.phoneNumberMaskFormatter,
@@ -9050,11 +9049,11 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaInputPhoneNumber = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaChange = index.createEvent(this, "vegaChange", 7);
-    this.change = index.createEvent(this, "change", 7);
-    this.vegaCountryChange = index.createEvent(this, "vegaCountryChange", 7);
-    this.countryChange = index.createEvent(this, "countryChange", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
+    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
+    this.vegaCountryChange = globalSlimmerRegistry.createEvent(this, "vegaCountryChange", 7);
+    this.countryChange = globalSlimmerRegistry.createEvent(this, "countryChange", 7);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.valueController = new VegaInputPhoneNumberValueController();
@@ -9062,9 +9061,9 @@ const VegaInputPhoneNumber = class {
     this.countrySelectRenderer = new CountrySelectRenderer();
     this.phoneNumberInputRenderer = new PhoneNumberInputRenderer();
     this.countrySelectController = new CountrySelectController();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputPhoneNumber, vegaEventId.VegaChange);
-    this.countryChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputPhoneNumber, vegaEventId.VegaCountryChange);
-    this.inputPhoneNumberEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.host, true);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputPhoneNumber, domNodeSubjectObserverFactory.VegaChange);
+    this.countryChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputPhoneNumber, domNodeSubjectObserverFactory.VegaCountryChange);
+    this.inputPhoneNumberEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host, true);
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -9176,9 +9175,9 @@ const VegaInputPhoneNumber = class {
   watchValidationRules() {
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.inputPhoneNumberRenderer.render()), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.inputPhoneNumberRenderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "countryCode": ["watchCountryCode"],
     "value": ["watchValue"],

package/dist/cjs/vega-input-range.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 eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a982ead.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 eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
 const array = require('./array-5adef7b2.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const ui = require('./ui-08f33116.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const ui = require('./ui-b5906704.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const translationSlimmer = require('./translation-slimmer-32aa13e7.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-5fe83465.js');
+const translationSlimmer = require('./translation-slimmer-90f9f71f.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./string-21427167.js');
-require('./observer-f49483e8.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.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('./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('./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');
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -60,9 +59,9 @@ class VegaInputRangeRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * included in the returned structure.
    */
   render() {
-    return (index.h(index.Fragment, null,
-      index.h("vega-flex", { class: "vega-input-range-container", direction: this.stack !== 'horizontal' ? 'col' : 'row', alignItems: this.stack !== 'horizontal' ? 'start' : 'center', gap: "size-8", ref: (dom) => (this.inputRangeContainerRef = dom) },
-        index.h("vega-field-label", { onClick: this.inputRangeInputRenderer.focusFirstInput, isFieldRequired: this.required, disabled: this.disabled, label: this.label }),
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+      globalSlimmerRegistry.h("vega-flex", { class: "vega-input-range-container", direction: this.stack !== 'horizontal' ? 'col' : 'row', alignItems: this.stack !== 'horizontal' ? 'start' : 'center', gap: "size-8", ref: (dom) => (this.inputRangeContainerRef = dom) },
+        globalSlimmerRegistry.h("vega-field-label", { onClick: this.inputRangeInputRenderer.focusFirstInput, isFieldRequired: this.required, disabled: this.disabled, label: this.label }),
         this.inputRangeInputRenderer.render()),
       this.renderHintDom()));
   }
@@ -75,8 +74,8 @@ class VegaInputRangeRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   renderHintDom() {
     if (this.hint) {
-      return (index.h("label", { class: "vega-input-range-hint" },
-        index.h("vega-font", { variant: "font-footnote1-short", color: "text-secondary" }, this.hint)));
+      return (globalSlimmerRegistry.h("label", { class: "vega-input-range-hint" },
+        globalSlimmerRegistry.h("vega-font", { variant: "font-footnote1-short", color: "text-secondary" }, this.hint)));
     }
   }
 }
@@ -223,22 +222,22 @@ class VegaInputRangeInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   /** The `render()` method in the `VegaInputRangeInputRenderer` class is responsible for rendering the JSX structure of the input range component. Here's a breakdown of what the `render()` method is doing: */
   render() {
-    return (index.h("vega-box", { class: {
+    return (globalSlimmerRegistry.h("vega-box", { class: {
         'vega-input-range-input-container': true,
         'input-range-disabled': this.disabled,
         'input-range-mobile': this.isMobileDevice,
         'input-range-with-clear-icon': this.showClearIcon && !this.disabled,
       }, corners: "rounded-8", backgroundColor: this.disabled ? 'bg-secondary' : 'bg-primary' },
-      index.h("vega-flex", { "align-items": "center", direction: this.isMobileDevice ? 'col' : 'row' },
-        index.h("vega-input", Object.assign({ prefixIcon: this.prefixIcon }, this.getInputPropsByRangeIndex(0), { ref: (input) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(input, vegaEventId.VegaChange, this.inputValueChange);
+      globalSlimmerRegistry.h("vega-flex", { "align-items": "center", direction: this.isMobileDevice ? 'col' : 'row' },
+        globalSlimmerRegistry.h("vega-input", Object.assign({ prefixIcon: this.prefixIcon }, this.getInputPropsByRangeIndex(0), { ref: (input) => {
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(input, domNodeSubjectObserverFactory.VegaChange, this.inputValueChange);
             this.minFieldInputRef = input;
           } })),
-        index.h("span", { class: "vega-input-range-divider" }),
-        index.h("vega-input", Object.assign({ class: {
+        globalSlimmerRegistry.h("span", { class: "vega-input-range-divider" }),
+        globalSlimmerRegistry.h("vega-input", Object.assign({ class: {
             'with-left-padding-in-mobile': !!this.prefixIcon && this.isMobileDevice,
           } }, this.getInputPropsByRangeIndex(1), { ref: (input) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(input, vegaEventId.VegaChange, this.inputValueChange);
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(input, domNodeSubjectObserverFactory.VegaChange, this.inputValueChange);
             this.maxFieldInputRef = input;
           } }))),
       this.clearIconRenderer.render()));
@@ -492,11 +491,11 @@ class VegaInputRangeClearIconRenderer extends globalSlimmerRegistry.VegaSlimmer
    * @returns {HTMLElement} the clear button
    */
   render() {
-    return (index.h("div", { class: {
+    return (globalSlimmerRegistry.h("div", { class: {
         'vega-input-range-clear-icon': true,
         'invisible': !this.shouldShowClearIcon(),
       }, "aria-label": "clear input range", role: "button", tabindex: "-1", onClick: this.clearInputRangeValue, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-      index.h("vega-icon", { icon: "close" })));
+      globalSlimmerRegistry.h("vega-icon", { icon: "close" })));
   }
   /**
    * It is responsible for determining whether the clear icon should be displayed based on certain conditions.
@@ -540,9 +539,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaInputRange = 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.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
@@ -575,8 +574,8 @@ const VegaInputRange = class {
     this.clearIconRenderer = new VegaInputRangeClearIconRenderer();
     this.inputRangeRenderer = new VegaInputRangeRenderer();
     this.valueController = new VegaInputRangeValueController();
-    this.inputChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.inputRangeRenderer.getInputRangeContainerRef());
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputRange, vegaEventId.VegaChange);
+    this.inputChangeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.inputRangeRenderer.getInputRangeContainerRef());
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputRange, domNodeSubjectObserverFactory.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Specifies the label or title for the input range.
@@ -703,9 +702,9 @@ const VegaInputRange = class {
   watchValidationRules() {
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: { disabled: this.disabled } }, this.inputRangeRenderer.render()), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: { disabled: this.disabled } }, this.inputRangeRenderer.render()), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"],
     "validationRules": ["watchValidationRules"]