@globalpayments/vega 2.32.0 → 2.34.0

package/dist/cjs/vega-signature-capture.cjs.entry.js

@@ -2,41 +2,39 @@
 
 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 internalIconManager = require('./internal-icon-manager-2ff58050.js');
-const component = require('./component-73a88c4e.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const designToken = require('./design-token-92906579.js');
-const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const changeManager = require('./change-manager-a297e4d2.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const internalIconManager = require('./internal-icon-manager-2282a62f.js');
+const component = require('./component-63af66ea.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const designToken = require('./design-token-908e3f69.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const changeManager = require('./change-manager-bda1d107.js');
 const object = require('./object-bbd4ed7f.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a982ead.js');
-const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
-const breakpoints = require('./breakpoints-7e2dff90.js');
-const translationSlimmer = require('./translation-slimmer-32aa13e7.js');
-require('./icon-manager-3787af39.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./observer-f49483e8.js');
-require('./ui-08f33116.js');
-require('./type-guard-a07b353b.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
+const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
+const breakpoints = require('./breakpoints-17d6c4c7.js');
+const translationSlimmer = require('./translation-slimmer-90f9f71f.js');
+require('./icon-manager-36dcfb65.js');
+require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./ui-b5906704.js');
+require('./type-guard-4ba85fdc.js');
+require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-ad2f67bf.js');
+require('./responsive-format-facade-74079f1b.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-418b84e6.js');
-require('./internal-vega-event-manager-5fe83465.js');
+require('./state-background-color-formatter-d32a1098.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./string-21427167.js');
-require('./vega-internal-event-id-79be9bc5.js');
-require('./translation-42c1b2c8.js');
-require('./mutation-observer-slimmer-895b3d3e.js');
+require('./vega-internal-event-id-85b68849.js');
+require('./translation-f6b7ee84.js');
+require('./mutation-observer-slimmer-98bbbdf0.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
 
@@ -48,7 +46,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaSignatureCaptureRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return index.h(index.Host, null, this.mode === 'written' && this.writtenModeRenderer.render());
+    return globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.mode === 'written' && this.writtenModeRenderer.render());
   }
 }
 __decorate$3([
@@ -86,16 +84,16 @@ class WrittenModeRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.signatureCaptureContainerRef;
   }
   render() {
-    return (index.h("vega-flex", { direction: "col", gap: "size-8" },
+    return (globalSlimmerRegistry.h("vega-flex", { direction: "col", gap: "size-8" },
       this.renderLabel(),
       this.renderContainer(),
       this.renderFooter()));
   }
   renderLabel() {
-    return (this.label && (index.h("vega-field-label", { onClick: this.signatureCaptureFocus, isFieldRequired: this.required, label: this.label, disabled: this.disabled })));
+    return (this.label && (globalSlimmerRegistry.h("vega-field-label", { onClick: this.signatureCaptureFocus, isFieldRequired: this.required, label: this.label, disabled: this.disabled })));
   }
   renderContainer() {
-    return (index.h("div", { class: {
+    return (globalSlimmerRegistry.h("div", { class: {
         'signature-capture-written-container': true,
         'disabled': this.disabled,
       }, "aria-label": "Please sign here", role: "textbox", tabIndex: this.disabled ? -1 : 0, ref: (ref) => (this.signatureCaptureContainerRef = ref) },
@@ -105,32 +103,32 @@ class WrittenModeRenderer extends globalSlimmerRegistry.VegaSlimmer {
   renderPlaceholder() {
     if (this.isDrawing || this.value)
       return;
-    return (this.placeholder && (index.h("vega-flex", { class: "placeholder-container", gap: "size-8", justifyContent: "center", alignItems: "center", margin: {
+    return (this.placeholder && (globalSlimmerRegistry.h("vega-flex", { class: "placeholder-container", gap: "size-8", justifyContent: "center", alignItems: "center", margin: {
         left: 'size-24',
         right: 'size-24',
       } },
-      this.placeholderIcon && (index.h("vega-icon", { class: "placeholder-container-icon", size: "size-20", color: "text-secondary", icon: this.placeholderIcon })),
-      index.h("div", { class: "placeholder-container-content" }, this.translationSlimmer.t(this.placeholder)))));
+      this.placeholderIcon && (globalSlimmerRegistry.h("vega-icon", { class: "placeholder-container-icon", size: "size-20", color: "text-secondary", icon: this.placeholderIcon })),
+      globalSlimmerRegistry.h("div", { class: "placeholder-container-content" }, this.translationSlimmer.t(this.placeholder)))));
   }
   /*
    * When the clear button is displayed, since the error message and the clear button are in the same line, this element is displayed.
    */
   renderSignaturePad() {
-    return (index.h("svg", { style: {
+    return (globalSlimmerRegistry.h("svg", { style: {
         width: '100%',
         height: designToken.formatAndValidResponsiveToken(this.height, 'widthAndHeight'),
         touchAction: 'none',
       }, ref: (ref) => this.writtenModeSvgController.setSignatureContainerRef(ref) }));
   }
   renderFooter() {
-    return (this.showClearBtn && (index.h("vega-flex", { class: "signature-capture-written-footer", justifyContent: "space-between" },
-      index.h("div", { class: "vega-error vega-hidden vega-error-content" }),
+    return (this.showClearBtn && (globalSlimmerRegistry.h("vega-flex", { class: "signature-capture-written-footer", justifyContent: "space-between" },
+      globalSlimmerRegistry.h("div", { class: "vega-error vega-hidden vega-error-content" }),
       this.renderClearBtn())));
   }
   renderClearBtn() {
-    return (index.h("div", { class: "clear-button" },
-      index.h("vega-button-link", { size: "small", disabled: this.disabled, ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => {
+    return (globalSlimmerRegistry.h("div", { class: "clear-button" },
+      globalSlimmerRegistry.h("vega-button-link", { size: "small", disabled: this.disabled, ref: (ref) => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
             this.writtenModeSvgController.clear();
           });
         }, label: this.translationSlimmer.t('Clear Signature') })));
@@ -406,16 +404,16 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaSignatureCapture = 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.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaSignatureCaptureRenderer = new VegaSignatureCaptureRenderer();
     this.writtenModeRenderer = new WrittenModeRenderer();
     this.writtenModeSvgController = new WrittenModeSvgController();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSignatureCapture, vegaEventId.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaSignatureCapture, domNodeSubjectObserverFactory.VegaChange);
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -534,7 +532,7 @@ const VegaSignatureCapture = class {
   render() {
     return component.sanitizeVegaComponent(this.vegaSignatureCaptureRenderer.render(), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"],
     "validationRules": ["watchValidationRules"]

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

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const component = require('./component-73a88c4e.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const component = require('./component-63af66ea.js');
 const pixel = require('./pixel-98f2a10c.js');
 
 var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -19,7 +18,7 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
  */
 class VegaSkeletonRendererBase extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: { animated: this.animated }, style: this.assignHostStyle() }, this.renderChildren()), this.host);
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: { animated: this.animated }, style: this.assignHostStyle() }, this.renderChildren()), this.host);
   }
 }
 __decorate$8([
@@ -47,7 +46,7 @@ class VegaSkeletonTextRenderer extends VegaSkeletonRendererBase {
     };
   }
   renderChildren() {
-    return index.h("div", { class: "vega-skeleton-text" });
+    return globalSlimmerRegistry.h("div", { class: "vega-skeleton-text" });
   }
 }
 __decorate$7([
@@ -68,10 +67,10 @@ class VegaSkeletonParagraphRenderer extends VegaSkeletonRendererBase {
     return { width: this.getWidthWithUnit() };
   }
   renderChildren() {
-    return (index.h("vega-flex", { gap: "size-16", direction: "col" },
-      index.h("div", { class: "vega-skeleton-text" }),
-      index.h("div", { class: "vega-skeleton-text", style: { width: `calc(${this.getWidthWithUnit()} * 0.8)` } }),
-      index.h("div", { class: "vega-skeleton-text", style: { width: `calc(${this.getWidthWithUnit()} * 0.6)` } })));
+    return (globalSlimmerRegistry.h("vega-flex", { gap: "size-16", direction: "col" },
+      globalSlimmerRegistry.h("div", { class: "vega-skeleton-text" }),
+      globalSlimmerRegistry.h("div", { class: "vega-skeleton-text", style: { width: `calc(${this.getWidthWithUnit()} * 0.8)` } }),
+      globalSlimmerRegistry.h("div", { class: "vega-skeleton-text", style: { width: `calc(${this.getWidthWithUnit()} * 0.6)` } })));
   }
   getWidthWithUnit() {
     const { width = '320px' } = this;
@@ -98,10 +97,10 @@ class VegaSkeletonFullWidthParagraphRenderer extends VegaSkeletonRendererBase {
     return { width: widthWithUnit };
   }
   renderChildren() {
-    return (index.h("vega-flex", { gap: "size-16", direction: "col" },
-      index.h("div", { class: "vega-skeleton-text full-width" }),
-      index.h("div", { class: "vega-skeleton-text full-width" }),
-      index.h("div", { class: "vega-skeleton-text full-width" })));
+    return (globalSlimmerRegistry.h("vega-flex", { gap: "size-16", direction: "col" },
+      globalSlimmerRegistry.h("div", { class: "vega-skeleton-text full-width" }),
+      globalSlimmerRegistry.h("div", { class: "vega-skeleton-text full-width" }),
+      globalSlimmerRegistry.h("div", { class: "vega-skeleton-text full-width" })));
   }
 }
 __decorate$5([
@@ -128,7 +127,7 @@ class VegaSkeletonImageRenderer extends VegaSkeletonRendererBase {
     };
   }
   renderChildren() {
-    return index.h("div", { class: "vega-skeleton-image" });
+    return globalSlimmerRegistry.h("div", { class: "vega-skeleton-image" });
   }
 }
 __decorate$4([
@@ -153,9 +152,9 @@ class VegaSkeletonTableRenderer extends VegaSkeletonRendererBase {
     this.rows = 4;
     this.cells = 5;
     this.renderCells = () => {
-      return (index.h(index.Fragment, null, [...Array(this.cells).keys()].map((cell) => {
-        return (index.h("td", { class: "vega-skeleton-table-cell", key: cell },
-          index.h("vega-skeleton", { type: "text", width: "100%", animated: this.animated })));
+      return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null, [...Array(this.cells).keys()].map((cell) => {
+        return (globalSlimmerRegistry.h("td", { class: "vega-skeleton-table-cell", key: cell },
+          globalSlimmerRegistry.h("vega-skeleton", { type: "text", width: "100%", animated: this.animated })));
       })));
     };
   }
@@ -165,11 +164,11 @@ class VegaSkeletonTableRenderer extends VegaSkeletonRendererBase {
     return { width: widthWithUnit };
   }
   renderChildren() {
-    return (index.h("table", { class: "vega-skeleton-table" },
-      index.h("thead", { class: "vega-skeleton-table-head" },
-        index.h("tr", { class: "vega-skeleton-table-row" }, this.renderCells())),
-      index.h("tbody", { class: "vega-skeleton-table-body" }, [...Array(this.rows).keys()].map((row) => {
-        return (index.h("tr", { class: "vega-skeleton-table-row", key: row }, this.renderCells()));
+    return (globalSlimmerRegistry.h("table", { class: "vega-skeleton-table" },
+      globalSlimmerRegistry.h("thead", { class: "vega-skeleton-table-head" },
+        globalSlimmerRegistry.h("tr", { class: "vega-skeleton-table-row" }, this.renderCells())),
+      globalSlimmerRegistry.h("tbody", { class: "vega-skeleton-table-body" }, [...Array(this.rows).keys()].map((row) => {
+        return (globalSlimmerRegistry.h("tr", { class: "vega-skeleton-table-row", key: row }, this.renderCells()));
       }))));
   }
 }
@@ -246,7 +245,7 @@ class VegaSkeletonEllipseRenderer extends VegaSkeletonRendererBase {
     };
   }
   renderChildren() {
-    return index.h("div", { class: "vega-skeleton-ellipse" });
+    return globalSlimmerRegistry.h("div", { class: "vega-skeleton-ellipse" });
   }
 }
 __decorate$1([
@@ -270,7 +269,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaSkeleton = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaSkeletonTextRenderer = new VegaSkeletonTextRenderer();
@@ -296,7 +295,7 @@ const VegaSkeleton = class {
   render() {
     return this.vegaSkeletonRendererManager.render();
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()

package/dist/cjs/vega-slot-container.cjs.entry.js

@@ -2,9 +2,8 @@
 
 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 globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
 
 const vegaSlotContainerCss = ":host{display:contents}";
 
@@ -20,14 +19,14 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaSlotContainer = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
+    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("slot", null)));
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()

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

@@ -2,36 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
 const minNumberRule = require('./min-number-rule-115c5a3b.js');
-const component = require('./component-73a88c4e.js');
+const component = require('./component-63af66ea.js');
 const number = require('./number-4816603d.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 childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-88ed23c2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.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 ui = require('./ui-08f33116.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.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 ui = require('./ui-b5906704.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('./array-5adef7b2.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-f9d3ce38.js');
-require('./index-5792390b.js');
+require('./feature-flag-controller-e97b5f29.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
 
 const VegaStepperRuntimeMetricsPayloadDefinition = [
   {
@@ -98,9 +97,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaStepper = 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.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
@@ -118,8 +117,8 @@ const VegaStepper = class {
       touchableAreaGetter: () => this.touchableAreaGetter(),
       inputContainerGetter: () => this.stepperContainerRef,
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaStepper, vegaEventId.VegaChange);
-    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaBlur, vegaEventId.VegaChange], () => this.stepperContainerRef);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaStepper, domNodeSubjectObserverFactory.VegaChange);
+    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaBlur, domNodeSubjectObserverFactory.VegaChange], () => this.stepperContainerRef);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaStepperRuntimeMetricsPayloadDefinition);
     /**
      * Defines the upper limit or maximum value that can be
@@ -248,26 +247,26 @@ const VegaStepper = class {
     });
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: ui.arrayToClassString([
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: ui.arrayToClassString([
         'vega-flex-shrink-0',
         this.inputDisabled || this.disabled ? 'disabled' : '',
-      ]) }, this.renderLabelDom(), index.h("div", { class: {
+      ]) }, this.renderLabelDom(), globalSlimmerRegistry.h("div", { class: {
         'vega-stepper-container': true,
         'vega-stepper-container-edited': this.inputDisabled,
-      }, ref: (node) => (this.stepperContainerRef = node) }, index.h("vega-button-circle", { label: "Decrease", showTooltip: false, icon: "minus-sign", ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => this.onDecrease());
-      }, disabled: this.value <= this.min || this.disabled, size: "small", variant: this.buttonVariant == 'secondary' ? 'secondary' : 'primary' }), index.h("vega-input", { size: "small", type: "number", max: this.max, min: this.min, value: `${this.value}`, disabled: this.inputDisabled || this.disabled, showClearIcon: false, ref: (el) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaBlur, (input) => this.handleInputBlur(input));
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaChange, (input) => this.onChildInputChange(input));
+      }, ref: (node) => (this.stepperContainerRef = node) }, globalSlimmerRegistry.h("vega-button-circle", { label: "Decrease", showTooltip: false, icon: "minus-sign", ref: (ref) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => this.onDecrease());
+      }, disabled: this.value <= this.min || this.disabled, size: "small", variant: this.buttonVariant == 'secondary' ? 'secondary' : 'primary' }), globalSlimmerRegistry.h("vega-input", { size: "small", type: "number", max: this.max, min: this.min, value: `${this.value}`, disabled: this.inputDisabled || this.disabled, showClearIcon: false, ref: (el) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, domNodeSubjectObserverFactory.VegaBlur, (input) => this.handleInputBlur(input));
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, domNodeSubjectObserverFactory.VegaChange, (input) => this.onChildInputChange(input));
         return (this.inputRef = el);
-      } }), index.h("vega-button-circle", { label: "Increase", showTooltip: false, ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, () => this.onIncrease());
+      } }), globalSlimmerRegistry.h("vega-button-circle", { label: "Increase", showTooltip: false, ref: (ref) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => this.onIncrease());
       }, icon: "plus-sign", disabled: this.value >= this.max || this.disabled, size: "small", variant: this.buttonVariant == 'secondary' ? 'secondary' : 'primary' }))), this.host);
   }
   renderLabelDom() {
-    return this.label ? (index.h("label", { class: "v-text-center v-text-medium-typeset-1", htmlFor: this.stepperId }, this.label)) : null;
+    return this.label ? (globalSlimmerRegistry.h("label", { class: "v-text-center v-text-medium-typeset-1", htmlFor: this.stepperId }, this.label)) : null;
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"]
   }; }