@globalpayments/vega 2.28.0 → 2.29.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const designToken = require('./design-token-17b8e4d8.js');
+const designToken = require('./design-token-92906579.js');
 const component = require('./component-73a88c4e.js');
 const ui = require('./ui-08f33116.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
@@ -13,8 +13,8 @@ require('./breakpoints-7e2dff90.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-7bc51a43.js');
-require('./number-459031f7.js');
+require('./responsive-format-facade-ad2f67bf.js');
+require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./state-background-color-formatter-418b84e6.js');
 

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

@@ -6,20 +6,20 @@ const index = require('./index-09acd3c9.js');
 const icons = require('./icons-dbc3eb9c.js');
 const typeGuard = require('./type-guard-a07b353b.js');
 const component = require('./component-73a88c4e.js');
-const designToken = require('./design-token-17b8e4d8.js');
+const designToken = require('./design-token-92906579.js');
 const ui = require('./ui-08f33116.js');
-const iconManager = require('./icon-manager-5a2b67cf.js');
+const iconManager = require('./icon-manager-3787af39.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 require('./breakpoints-7e2dff90.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-7bc51a43.js');
-require('./number-459031f7.js');
+require('./responsive-format-facade-ad2f67bf.js');
+require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./state-background-color-formatter-418b84e6.js');
-require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
+require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 
 const vegaIconCss = ":host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-w-0),.v-w-0{width:0px}:host(.v-w-size-0),.v-w-size-0{width:0px}:host(.v-w-size-4),.v-w-size-4{width:4px}:host(.v-w-size-8),.v-w-size-8{width:8px}:host(.v-w-size-12),.v-w-size-12{width:12px}:host(.v-w-size-16),.v-w-size-16{width:16px}:host(.v-w-size-20),.v-w-size-20{width:20px}:host(.v-w-size-24),.v-w-size-24{width:24px}:host(.v-w-size-32),.v-w-size-32{width:32px}:host(.v-w-size-40),.v-w-size-40{width:40px}:host(.v-w-size-48),.v-w-size-48{width:48px}:host(.v-w-size-64),.v-w-size-64{width:64px}:host(.v-w-size-72),.v-w-size-72{width:72px}:host(.v-w-size-80),.v-w-size-80{width:80px}:host(.v-w-size-112),.v-w-size-112{width:112px}:host(.v-w-size-2),.v-w-size-2{width:2px}:host(.v-h-0),.v-h-0{height:0px}:host(.v-h-size-0),.v-h-size-0{height:0px}:host(.v-h-size-4),.v-h-size-4{height:4px}:host(.v-h-size-8),.v-h-size-8{height:8px}:host(.v-h-size-12),.v-h-size-12{height:12px}:host(.v-h-size-16),.v-h-size-16{height:16px}:host(.v-h-size-20),.v-h-size-20{height:20px}:host(.v-h-size-24),.v-h-size-24{height:24px}:host(.v-h-size-32),.v-h-size-32{height:32px}:host(.v-h-size-40),.v-h-size-40{height:40px}:host(.v-h-size-48),.v-h-size-48{height:48px}:host(.v-h-size-64),.v-h-size-64{height:64px}:host(.v-h-size-72),.v-h-size-72{height:72px}:host(.v-h-size-80),.v-h-size-80{height:80px}:host(.v-h-size-112),.v-h-size-112{height:112px}:host(.v-h-size-2),.v-h-size-2{height:2px}:host{display:inline-flex;user-select:none}i{line-height:1}:host(:not(.vega-auto-size)) ::slotted(svg){width:100%;height:100%}";

package/dist/cjs/vega-image-uploader.cjs.entry.js

@@ -6,38 +6,38 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-7bc51a43.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ad2f67bf.js');
 const placeholder = require('./placeholder-cb6d37ad.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-e40ac8f0.js');
-const staticSubjectTitle = require('./static-subject-title-3599787e.js');
+const staticSubjectTitle = require('./static-subject-title-471e1793.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const vegaDialogController = require('./vega-dialog-controller-6a8525b3.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-223f8ee3.js');
+const vegaDialogController = require('./vega-dialog-controller-dce8cdaf.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a4231b97.js');
 const ui = require('./ui-08f33116.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
-const translationSlimmer = require('./translation-slimmer-83577cfd.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-0245d631.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-d409d0ac.js');
+const translationSlimmer = require('./translation-slimmer-32aa13e7.js');
 require('./type-guard-a07b353b.js');
 require('./breakpoints-7e2dff90.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./number-459031f7.js');
+require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./observer-f49483e8.js');
-require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
+require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./string-21427167.js');
-require('./vega-internal-event-id-c98e9a7d.js');
-require('./translation-0dd74433.js');
+require('./vega-internal-event-id-99cc22e1.js');
+require('./translation-42c1b2c8.js');
 require('./page-resize-observer-slimmer-a8cf1874.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
-require('./mutation-observer-filters-79b60f28.js');
-require('./array-6e559cde.js');
-require('./internal-vega-event-manager-627b1328.js');
+require('./mutation-observer-filters-e5a7f85a.js');
+require('./array-5adef7b2.js');
+require('./internal-vega-event-manager-4d9a8e67.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');

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

@@ -6,36 +6,36 @@ const index = require('./index-09acd3c9.js');
 const featureFlagController = require('./feature-flag-controller-078da332.js');
 const regex = require('./regex-c1f70fd4.js');
 const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
-const validCreditCardNumberRule = require('./valid-credit-card-number-rule-8d8f04f1.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-223f8ee3.js');
-const staticSubjectTitle = require('./static-subject-title-3599787e.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a4231b97.js');
+const staticSubjectTitle = require('./static-subject-title-471e1793.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-d409d0ac.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-0245d631.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const internalIconManager = require('./internal-icon-manager-858baff1.js');
+const internalIconManager = require('./internal-icon-manager-2ff58050.js');
 require('./index-5792390b.js');
-require('./number-459031f7.js');
+require('./number-4816603d.js');
 require('./string-21427167.js');
 require('./observer-f49483e8.js');
 require('./ui-08f33116.js');
-require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
+require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-c98e9a7d.js');
-require('./translation-0dd74433.js');
+require('./vega-internal-event-id-99cc22e1.js');
+require('./translation-42c1b2c8.js');
 require('./page-resize-observer-slimmer-a8cf1874.js');
 require('./breakpoints-7e2dff90.js');
 require('./ui-32e69595.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
-require('./mutation-observer-filters-79b60f28.js');
-require('./array-6e559cde.js');
-require('./internal-vega-event-manager-627b1328.js');
+require('./mutation-observer-filters-e5a7f85a.js');
+require('./array-5adef7b2.js');
+require('./internal-vega-event-manager-4d9a8e67.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./icon-manager-5a2b67cf.js');
+require('./icon-manager-3787af39.js');
 
 const CARDS_INFO = [
   {

package/dist/cjs/vega-input-numeric.cjs.entry.js

@@ -0,0 +1,410 @@
+'use strict';
+
+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-e40ac8f0.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-0245d631.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-d409d0ac.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 number = require('./number-4816603d.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a4231b97.js');
+const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-c729699e.js');
+require('./observer-f49483e8.js');
+require('./ui-08f33116.js');
+require('./internal-vega-event-manager-4d9a8e67.js');
+require('./vega-env-manager-23b8b23c.js');
+require('./feature-flag-controller-078da332.js');
+require('./index-5792390b.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./keyboard-manager-34b78600.js');
+require('./string-21427167.js');
+require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
+require('./vega-internal-event-id-99cc22e1.js');
+require('./translation-42c1b2c8.js');
+require('./page-resize-observer-slimmer-a8cf1874.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
+require('./mutation-observer-slimmer-895b3d3e.js');
+require('./mutation-observer-filters-e5a7f85a.js');
+require('./array-5adef7b2.js');
+
+var __decorate$3 = (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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class VegaInputNumericRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.onInputChange = (payload) => {
+      this.valueController.updateValue(payload.detail);
+    };
+  }
+  getInputRef() {
+    return this.vegaInputRef.shadowRoot.querySelector('input');
+  }
+  getContainerRef() {
+    return this.vegaInputRef.shadowRoot.querySelector('.vega-input-container');
+  }
+  render() {
+    const maskOptions = {
+      thousandComma: this.thousandComma,
+    };
+    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) => {
+        this.vegaInputRef = ref;
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, (payload) => this.onInputChange(payload));
+      }, maskConfig: {
+        type: 'number',
+        options: maskOptions,
+      } }));
+  }
+}
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericRenderer.prototype, "prefixIcon", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericRenderer.prototype, "value", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericRenderer.prototype, "size", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericRenderer.prototype, "disabled", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericRenderer.prototype, "placeholder", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericRenderer.prototype, "label", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericRenderer.prototype, "hint", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericRenderer.prototype, "required", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericRenderer.prototype, "thousandComma", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericRenderer.prototype, "integerOnly", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericRenderer.prototype, "valueController", void 0);
+
+var __decorate$2 = (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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Input numeric value controller
+ */
+class VegaInputNumericValueController extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * The `watchValue` function emits a change event with the current value and notifies the
+   * `ChangeManager` about a form element value change.
+   */
+  watchValue() {
+    this.changeEventEmitter.emit(this.value);
+    changeManager.ChangeManager.notify(staticSubjectTitle.FORM_ELEMENT_VALUE_CHANGE, {
+      host: this.host,
+      detail: this.value,
+    });
+  }
+  /**
+   * Sets a value based on the input and emits a change event with that value.
+   *
+   * @param {string} input - input value
+   */
+  updateValue(input) {
+    this.value = input;
+  }
+}
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericValueController.prototype, "host", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaInputNumericValueController.prototype, "value", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericValueController.prototype, "changeEventEmitter", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentMethod('watchValue')
+], VegaInputNumericValueController.prototype, "watchValue", null);
+
+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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Input numeric keyboard controller
+ */
+class VegaInputNumericKeyboardController extends keyboardManagerSlimmer.KeyboardManagerSlimmer {
+  constructor() {
+    super((target) => {
+      return [
+        {
+          keyCode: ['ArrowUp', 'ArrowDown'],
+          activeElementInScope: [target.host],
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: target.onArrowUpOrDown,
+        },
+        // Vega-input converts number inputs to text. When using the ArrowUp key in a text input,
+        //   the cursor moves to the front. Since the value changes,
+        //   vega-input formats the value and moves the cursor to the end, causing flickering.
+        //   This behavior is prevented here.
+        {
+          keyCode: ['ArrowUp'],
+          eventName: 'keydown',
+          activeElementInScope: [target.host],
+          /*
+           * The below method is e2e-test covered in
+           * @see{module:vega-input-numeric-increment-keyboard-e2e}
+           */
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: /* istanbul ignore next */ (event) => {
+            event.preventDefault();
+          },
+        },
+      ];
+    });
+    /*
+     * The below method is e2e-test covered in
+     * @see{module:vega-input-numeric-increment-keyboard-e2e}
+     */
+    /* istanbul ignore next */
+    /**
+     * Update the value while press ArrowUp or ArrowDown
+     *
+     * @param {KeyboardEvent} event - keyboard event
+     */
+    this.onArrowUpOrDown = (event) => {
+      const updateValue = event.shiftKey ? this.majorIncrement : this.minorIncrement;
+      const value = number.convertToNumber(this.value.replace(/,/g, '')) || 0;
+      const decimalCount = Math.max(number.countDecimals(value), number.countDecimals(updateValue));
+      if (event.code === 'ArrowUp') {
+        this.valueController.updateValue(`${(value + updateValue).toFixed(decimalCount)}`);
+      }
+      else if (event.code === 'ArrowDown') {
+        this.valueController.updateValue(`${(value - updateValue).toFixed(decimalCount)}`);
+      }
+    };
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericKeyboardController.prototype, "host", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericKeyboardController.prototype, "value", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericKeyboardController.prototype, "minorIncrement", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericKeyboardController.prototype, "majorIncrement", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputNumericKeyboardController.prototype, "valueController", void 0);
+
+const vegaInputNumericCss = ":host{display:inline-block;width:100%}";
+
+var __decorate = (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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaInputNumeric = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.vegaChange = index.createEvent(this, "vegaChange", 7);
+    this.change = index.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.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
+      propertyRules: [
+        {
+          propertyName: 'required',
+          ruleFactory: (isRequired) => (isRequired ? new requiredFieldRule.RequiredFieldRule() : null),
+        },
+      ],
+      validationRulesName: 'validationRules',
+      inputContainerGetter: () => this.renderer.getContainerRef(),
+      touchableAreaGetter: () => [this.renderer.getInputRef()],
+      defaultValue: '',
+      attributeGetter: (propertyName) => this[propertyName],
+    });
+    this.prefixTextNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaInputNumeric, 'prefixText', 'watchPrefixText');
+    this.suffixTextNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaInputNumeric, 'suffixText', 'watchSuffixText');
+    this.isCompactInputWidthNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaInputNumeric, 'isCompactInputWidth');
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.isCompactInputWidth = true;
+    /**
+     * Defines the prefix for the input numeric field.
+     * It provides additional context or information displayed
+     *    before the numeric value, helping to
+     *    clarify its purpose or usage.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.prefixText = '';
+    /**
+     * Represents a pre-set or default value for the input numeric field.
+     *
+     * @vegaVersion 2.29.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.value = '';
+    /**
+     * Defines the size of the input numeric field.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.size = 'medium';
+    /**
+     * Determines whether the numeric input field should format numbers
+     *    with thousand separators (commas) during user input.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.thousandComma = false;
+    /**
+     * Determines whether the numeric input field should restrict
+     *    input to integers only.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.integerOnly = false;
+    /**
+     * Determines whether the input numeric field is disabled.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.disabled = false;
+    /**
+     * Specifies the step value for increasing or decreasing the input
+     *    when pressing the ArrowUp or ArrowDown key.
+     *    It controls the finer adjustments in the numeric input.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.minorIncrement = 1;
+    /**
+     * Specifies the step value for increasing or decreasing the input
+     *    when pressing the ArrowUp or ArrowDown key
+     *    while holding the Shift key.
+     *    It controls larger adjustments in the numeric input.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.majorIncrement = 10;
+    /**
+     * Provides a descriptive text or string that serves
+     *    as the label or title for the input numeric.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.label = '';
+    /**
+     * Defines custom validation rules for the input numeric field.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.validationRules = [];
+    /**
+     * Specifies the validation status of the input numeric field.
+     *
+     * @vegaVersion 2.29.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.isValid = null;
+    /**
+     * Determines whether the input field should undergo automatic validation
+     *    during the user's input.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.autoValidation = true;
+  }
+  watchPrefixText() {
+  }
+  watchSuffixText() {
+  }
+  watchValue() {
+  }
+  watchValidationRules() {
+  }
+  render() {
+    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "prefixText": ["watchPrefixText"],
+    "suffixText": ["watchSuffixText"],
+    "value": ["watchValue"],
+    "validationRules": ["watchValidationRules"]
+  }; }
+};
+__decorate([
+  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
+], VegaInputNumeric.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "valueController", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "keyboardController", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "renderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "changeEventEmitter", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "inputEventPrevent", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "formFieldController", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "prefixTextNotifySlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "suffixTextNotifySlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "isCompactInputWidthNotifySlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputNumeric.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaInputNumeric.style = vegaInputNumericCss;
+
+exports.vega_input_numeric = VegaInputNumeric;

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

@@ -8,29 +8,29 @@ 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-e40ac8f0.js');
-const internalIconManager = require('./internal-icon-manager-858baff1.js');
+const internalIconManager = require('./internal-icon-manager-2ff58050.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-c98e9a7d.js');
-const staticSubjectTitle = require('./static-subject-title-3599787e.js');
+const vegaInternalEventId = require('./vega-internal-event-id-99cc22e1.js');
+const staticSubjectTitle = require('./static-subject-title-471e1793.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-223f8ee3.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a4231b97.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-d409d0ac.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-0245d631.js');
 require('./observer-f49483e8.js');
 require('./ui-08f33116.js');
-require('./icon-manager-5a2b67cf.js');
-require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
+require('./icon-manager-3787af39.js');
+require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./string-21427167.js');
-require('./translation-0dd74433.js');
+require('./translation-42c1b2c8.js');
 require('./page-resize-observer-slimmer-a8cf1874.js');
 require('./breakpoints-7e2dff90.js');
 require('./ui-32e69595.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
-require('./mutation-observer-filters-79b60f28.js');
-require('./array-6e559cde.js');
-require('./number-459031f7.js');
-require('./internal-vega-event-manager-627b1328.js');
+require('./mutation-observer-filters-e5a7f85a.js');
+require('./array-5adef7b2.js');
+require('./number-4816603d.js');
+require('./internal-vega-event-manager-4d9a8e67.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');