@globalpayments/vega 2.26.0 → 2.28.0

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

@@ -3,32 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const minNumberRule = require('./min-number-rule-0ce5347c.js');
-const minStringLengthRule = require('./min-string-length-rule-d1a1ea94.js');
-const requiredFieldRule = require('./required-field-rule-8655758f.js');
+const minNumberRule = require('./min-number-rule-84f21ad9.js');
+const minStringLengthRule = require('./min-string-length-rule-75f24a48.js');
+const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
 const component = require('./component-73a88c4e.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8b314ba2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-223f8ee3.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-0ac6e18a.js');
-const typeGuard = require('./type-guard-4d05d4b2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-fcfa5bb7.js');
+const typeGuard = require('./type-guard-a07b353b.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 require('./number-459031f7.js');
 require('./string-21427167.js');
+require('./observer-f49483e8.js');
 require('./ui-08f33116.js');
-require('./misc-3d30df91.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./vega-internal-event-id-c98e9a7d.js');
-require('./page-resize-observer-slimmer-1e404fc7.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+require('./translation-0dd74433.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');
@@ -54,7 +56,7 @@ class EmailFieldRule {
    * It checks if the input is a valid email address.
    *
    * @param {string} input - string
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    * @throws {Error} if input is unable to evaluate
    */
   evaluate(input) {
@@ -252,11 +254,12 @@ class NumberMaskStrategy {
    * @returns {string} The formatted number string.
    */
   format(input) {
-    if (this.skipFormat(input)) {
-      return input;
+    const redressedInput = this.redressAbnormalNumber(input);
+    if (this.skipFormat(redressedInput)) {
+      return redressedInput;
     }
-    const resultStringBuilder = [...input];
-    for (let i = input.length - 1; i >= 0; i--) {
+    const resultStringBuilder = [...redressedInput];
+    for (let i = redressedInput.length - 1; i >= 0; i--) {
       const value = resultStringBuilder.join('');
       if (this.inputNeedFormat(value)) {
         resultStringBuilder.pop();
@@ -264,6 +267,19 @@ class NumberMaskStrategy {
     }
     return resultStringBuilder.join('');
   }
+  /**
+   * Get the position of caret
+   *
+   * @param {string} input - input number
+   * @param {number} caretPosition - The current caret position
+   * @returns {number} The new position of caret
+   */
+  calculateCaretPosition(input, caretPosition) {
+    if (typeGuard.isNonNullable(caretPosition)) {
+      const redressedInput = this.redressAbnormalNumber(input);
+      return caretPosition - (input.length - redressedInput.length);
+    }
+  }
   /**
    * Whether the input string need delete the latest char
    *
@@ -273,6 +289,23 @@ class NumberMaskStrategy {
   inputNeedFormat(value) {
     return !this.mask.test(value);
   }
+  /**
+   * Remove zero of beginning, example:
+   *    00012 -> 12
+   *    000.12 -> 0.12
+   *    00123,456 -> 123,456
+   *    .12 -> 0.12
+   *
+   * @param {string} input - the input value
+   * @returns {string} - redressed Number
+   */
+  redressAbnormalNumber(input) {
+    let removedZeroBeginning = input.replace(/^0+(?!$)/, '');
+    if (removedZeroBeginning.startsWith('.')) {
+      removedZeroBeginning = `0${removedZeroBeginning}`;
+    }
+    return removedZeroBeginning;
+  }
   /**
    * Get the number RegExp
    *
@@ -373,11 +406,12 @@ class NumberThousandCommaStrategy extends NumberMaskStrategy {
    * @returns {string} The input string, but with commas as thousands separator.
    */
   format(input) {
-    if (this.skipFormat(input)) {
-      return input;
+    const redressedInput = this.redressAbnormalNumber(input);
+    if (this.skipFormat(redressedInput)) {
+      return redressedInput;
     }
-    const resultStringBuilder = [...input];
-    for (let i = input.length - 1; i >= 0; i--) {
+    const resultStringBuilder = [...redressedInput];
+    for (let i = redressedInput.length - 1; i >= 0; i--) {
       const value = resultStringBuilder.join('');
       if (this.inputNeedFormat(value.replace(/,/g, ''))) {
         resultStringBuilder.pop();
@@ -393,12 +427,13 @@ class NumberThousandCommaStrategy extends NumberMaskStrategy {
    * @returns {number} The new position of caret
    */
   calculateCaretPosition(input, caretPosition) {
-    const formatInput = this.format(input);
+    const redressedInput = this.redressAbnormalNumber(input);
+    const formattedInput = this.format(input);
     const oldFrontInput = input.substring(0, caretPosition);
-    const newFrontInput = formatInput.substring(0, caretPosition);
+    const newFrontInput = formattedInput.substring(0, caretPosition);
     const oldFrontCommaCount = (oldFrontInput.match(/,/g) || []).length;
     const newFrontCommaCount = (newFrontInput.match(/,/g) || []).length;
-    return caretPosition + (newFrontCommaCount - oldFrontCommaCount);
+    return (caretPosition + (newFrontCommaCount - oldFrontCommaCount) - (input.length - redressedInput.length));
   }
   /**
    * The function `thousandCommaFormat` takes a string input, removes non-numeric characters, formats the number with thousand commas, and returns the result.
@@ -686,7 +721,7 @@ const VegaInput = class {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the input field.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.label = '';
     /**
@@ -695,7 +730,7 @@ const VegaInput = class {
      * It provides essential information and functionality
      *  related to the suffix button's role and behavior.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.labelSuffixButtonProps = null;
     /**
@@ -708,7 +743,7 @@ const VegaInput = class {
      * If the value is too long, it may be truncated with
      *    an ellipsis for visual presentation.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
@@ -717,7 +752,7 @@ const VegaInput = class {
      *     It controls whether the event is dispatched
      *     after typing in the input or after a change event.
      *
-     * @version 2.24.0
+     * @vegaVersion 2.24.0
      */
     this.valueUpdateTrigger = 'input';
     /**
@@ -726,14 +761,14 @@ const VegaInput = class {
      * It specifies the intended format or purpose of the
      *    data to be entered by the user.
      *
-     * @version 1.0.9
+     * @vegaVersion 1.0.9
      */
     this.type = 'text';
     /**
      * Defines the specific name of the input field.
      *
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.name = '';
     /**
@@ -741,7 +776,7 @@ const VegaInput = class {
      *    input should receive automated suggestions or
      *    previously entered values.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.autocomplete = 'off';
     /**
@@ -751,51 +786,51 @@ const VegaInput = class {
      *    standard email formatting rules.
      *
      * @deprecated Please use `type='email'` instead.
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.email = false;
     /**
      * Determines whether the input field is required.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
      * Sets the minimum allowable numeric value for the input value.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.min = null;
     /**
      * Sets the maximum allowable numeric value for the input value.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.max = null;
     /**
      * Sets the minimum length requirement for the input value.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.minLength = null;
     /**
      * Sets the maximum length requirement for the input value.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.maxLength = null;
     /**
      * Determines whether the clear icon should be displayed or hidden.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.showClearIcon = true;
     /**
      * Indicates whether the current value in the field is considered valid or
      *    invalid based on the defined validation rules.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -803,39 +838,39 @@ const VegaInput = class {
      * Determines whether the input field should undergo automatic validation
      *    during the user's input.
      *
-     * @version 1.0.10
+     * @vegaVersion 1.0.10
      */
     this.autoValidation = true;
     /**
      * Defines custom validation rules for the input field.
      *
-     * @version 1.0.10
+     * @vegaVersion 1.0.10
      */
     this.validationRules = [];
     /**
      * Defines the size of the input field,
      *    specifying its width or length.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.size = 'default';
     /**
      * Determines whether the input field is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the input field.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.hint = '';
     /**
      * Controls whether copying or pasting is enabled for the input.
      *
-     * @version 2.1.0
+     * @vegaVersion 2.1.0
      */
     this.disableCopyPaste = false;
     this.focusInput = () => {
@@ -921,7 +956,7 @@ const VegaInput = class {
   /**
    * Invoke this method to focus the current input.
    *
-   * @version 1.12.0
+   * @vegaVersion 1.12.0
    */
   async doFocus() {
     this.focusInput();
@@ -929,7 +964,7 @@ const VegaInput = class {
   /**
    * Invoke this method to blur the current input.
    *
-   * @version 1.12.0
+   * @vegaVersion 1.12.0
    */
   async doBlur() {
     this.inputRef.blur();

package/dist/cjs/vega-item-toggle.cjs.entry.js

@@ -4,14 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
-const ui = require('./ui-077fc009.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.js');
+const ui = require('./ui-32e69595.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 require('./change-manager-a297e4d2.js');
+require('./observer-f49483e8.js');
 require('./ui-08f33116.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-627b1328.js');
@@ -80,19 +81,19 @@ const VegaItemToggle = class {
      * Defines the labels and icons associated with the toggle states.
      * @deprecated This property will be removed soon and replaced by prop statusMap
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.itemToggleStatusMap = VegaItemToggle.defaultStatusMap;
     /**
      * Defines the labels and icons associated with the toggle states.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.statusMap = VegaItemToggle.defaultStatusMap;
     /**
      * Determines whether the item is toggled on.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isToggled = false;

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -7,38 +7,38 @@ const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
 const effect = require('./effect-37695d3d.js');
-const featureFlagController = require('./feature-flag-controller-e031c341.js');
-const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
+const featureFlagController = require('./feature-flag-controller-078da332.js');
+const internalIconManager = require('./internal-icon-manager-858baff1.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
-const breakpoints = require('./breakpoints-cb3291ba.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
+const breakpoints = require('./breakpoints-7e2dff90.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaInternalEventId = require('./vega-internal-event-id-c98e9a7d.js');
 const chevronDown = require('./chevron-down-ca2fa88e.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
+const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const ui = require('./ui-08f33116.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
-const designToken = require('./design-token-2c2cdd7d.js');
+const designToken = require('./design-token-17b8e4d8.js');
 require('./index-5792390b.js');
-require('./icon-manager-2c3cf5ba.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+require('./icon-manager-5a2b67cf.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./misc-3d30df91.js');
 require('./number-459031f7.js');
-require('./ui-077fc009.js');
+require('./ui-32e69595.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./object-bbd4ed7f.js');
-require('./type-guard-4d05d4b2.js');
+require('./type-guard-a07b353b.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-aa849dc7.js');
+require('./responsive-format-facade-7bc51a43.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-33ae4282.js');
+require('./state-background-color-formatter-418b84e6.js');
 
 var __decorate$i = (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;
@@ -542,7 +542,7 @@ const VegaLeftNav = class {
     /**
      * Determines whether the left navigation is expanded or collapsed.
      *
-     * @version 1.39.2
+     * @vegaVersion 1.39.2
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.open = false;
@@ -551,14 +551,14 @@ const VegaLeftNav = class {
      *
      * You can use this property to define a custom title and subtitle.
      *
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     this.headerConfig = {};
     /**
      * Provides additional information or context in the form of
      *    a footnote in the left-nav footer.
      *
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     this.footnote = '';
     /**
@@ -572,11 +572,11 @@ const VegaLeftNav = class {
      *    within an element possessing the class `vega-left-nav-content` immediately following the
      *    `vega-left-nav` component.
      *
-     * @version 1.33.0
+     * @vegaVersion 1.33.0
      */
     this.showAsOverlay = true;
     /** Determines whether the left navigation automatically collapses when the left navigation link is clicked in overlay mode. *
-     * @version 2.7.0
+     * @vegaVersion 2.7.0
      */
     this.autoCollapseOnOverlay = false;
   }
@@ -589,7 +589,7 @@ const VegaLeftNav = class {
   /**
    * Invoke this method to toggle the left-nav's open state.
    *
-   * @version 1.31.0
+   * @vegaVersion 1.31.0
    */
   async toggle() {
   }
@@ -721,7 +721,7 @@ class VegaNavObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * The function creates an observer to observe the subject of LEFT_NAV_LINK_SELECTED_TOPIC.
    */
   componentWillLoad() {
-    this.observer = new domNodeSubjectObserverFactory.Observer(this.isAcceptableNavListObserver.bind(this), this.observerListener.bind(this));
+    this.observer = new observer.Observer(this.isAcceptableNavListObserver.bind(this), this.observerListener.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.LEFT_NAV_LINK_SELECTED_TOPIC, this.observer);
   }
   /**
@@ -795,7 +795,7 @@ const VegaLeftNavGroup = class {
     this.groupClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavGroup, vegaEventId.VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /** label attached to the left nav group items **
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     this.label = '';
   }
@@ -957,7 +957,7 @@ const VegaLeftNavLink = class {
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /** boolean indicating if current link item is selected **
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.selected = false;

package/dist/cjs/vega-line-chart.cjs.entry.js

@@ -336,7 +336,7 @@ const VegaLineChart = class {
    *    ensure that this method is invoked after the chart is shown
    *    to ensure proper rendering.
    *
-   * @version 1.32.0
+   * @vegaVersion 1.32.0
    */
   async reRender() {
     this.reRenderTimer && clearTimeout(this.reRenderTimer);

package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -7,11 +7,11 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const component = require('./component-73a88c4e.js');
 const ui = require('./ui-08f33116.js');
-const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
-const breakpoints = require('./breakpoints-cb3291ba.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
-require('./type-guard-4d05d4b2.js');
-require('./ui-077fc009.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7bc51a43.js');
+const breakpoints = require('./breakpoints-7e2dff90.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
+require('./type-guard-a07b353b.js');
+require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
@@ -101,14 +101,14 @@ const VegaLoadingIndicator = class {
     /**
      * Specifies the shape of the loading indicator.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.shape = 'circle';
     /**
      * Specifies the size of the loading indicator.
      *    It is provided as a ResponsiveType.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.size = 'default';
     /**
@@ -116,34 +116,34 @@ const VegaLoadingIndicator = class {
      *
      * When the mode is set to `determinate`, there will be no animation.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.mode = 'indeterminate';
     /**
      * Specifies the completion percentage when
      *    the mode is set to `determinate`.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.percent = 0;
     /**
      * Provides a descriptive text or message that indicates
      *    the status or progress of the process.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.label = '';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the ongoing loading process.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.hint = '';
     /**
      * Indicates the current status or state of the loading process.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.status = 'default';
     this.renderCircleLoader = () => {