@globalpayments/vega 2.27.0 → 2.28.1

package/dist/collection/helpers/calendar/calendar-view-generator/week-view-generator.js

@@ -10,6 +10,13 @@ export class WeekViewGenerator extends CalendarViewGenerator {
    */
   generate(period) {
     const dates = this.generateDates(period);
-    return new CalendarView(this.generateWeekHead(), [dates.map(CalendarDate.from)]);
+    const showWeekends = period.showWeekends;
+    let weekDays = this.generateWeekHead();
+    let dateItems = [dates.map(CalendarDate.from)];
+    if (showWeekends === false) {
+      weekDays = weekDays.slice(1, 6);
+      dateItems = dateItems.map((items) => items.slice(1, 6));
+    }
+    return new CalendarView(weekDays, dateItems);
   }
 }

package/dist/collection/helpers/calendar/test/calendar-period/day-period.test.js

@@ -62,4 +62,20 @@ describe('day-period', () => {
       endDate: previousDate,
     });
   });
+  it('should go to closet workday when call the now method and the showWeekend set to false', () => {
+    // Sun
+    jest.setSystemTime(new Date(2024, 10, 10));
+    const dayPeriod = new DayPeriod(undefined, false);
+    const { current } = dayPeriod.now();
+    expect(current.date).toEqual(11);
+  });
+  it('should get closet workday when call the method and the showWeekend set to false', () => {
+    //Sat
+    const calendarDate = new CalendarDate(2024, 11, 9);
+    let dayPeriod = new DayPeriod(calendarDate, false);
+    dayPeriod = dayPeriod.next();
+    expect(dayPeriod.current.date).toEqual(11);
+    dayPeriod = dayPeriod.previous();
+    expect(dayPeriod.current.date).toEqual(8);
+  });
 });

package/dist/collection/helpers/calendar/test/calendar-view-generator/month-view-generator.test.js

@@ -70,4 +70,54 @@ describe('month-view-generator', () => {
       _weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
     });
   });
+  it('should generate a month view calendar without weekends', () => {
+    const generator = new MonthViewGenerator();
+    expect(generator.generate(new MonthPeriod(undefined, false))).toEqual({
+      _dateItems: [
+        [
+          { _date: 28, _month: 3, _year: 2022 },
+          { _date: 29, _month: 3, _year: 2022 },
+          { _date: 30, _month: 3, _year: 2022 },
+          { _date: 31, _month: 3, _year: 2022 },
+          { _date: 1, _month: 4, _year: 2022 },
+        ],
+        [
+          { _date: 4, _month: 4, _year: 2022 },
+          { _date: 5, _month: 4, _year: 2022 },
+          { _date: 6, _month: 4, _year: 2022 },
+          { _date: 7, _month: 4, _year: 2022 },
+          { _date: 8, _month: 4, _year: 2022 },
+        ],
+        [
+          { _date: 11, _month: 4, _year: 2022 },
+          { _date: 12, _month: 4, _year: 2022 },
+          { _date: 13, _month: 4, _year: 2022 },
+          { _date: 14, _month: 4, _year: 2022 },
+          { _date: 15, _month: 4, _year: 2022 },
+        ],
+        [
+          { _date: 18, _month: 4, _year: 2022 },
+          { _date: 19, _month: 4, _year: 2022 },
+          { _date: 20, _month: 4, _year: 2022 },
+          { _date: 21, _month: 4, _year: 2022 },
+          { _date: 22, _month: 4, _year: 2022 },
+        ],
+        [
+          { _date: 25, _month: 4, _year: 2022 },
+          { _date: 26, _month: 4, _year: 2022 },
+          { _date: 27, _month: 4, _year: 2022 },
+          { _date: 28, _month: 4, _year: 2022 },
+          { _date: 29, _month: 4, _year: 2022 },
+        ],
+        [
+          { _date: 2, _month: 5, _year: 2022 },
+          { _date: 3, _month: 5, _year: 2022 },
+          { _date: 4, _month: 5, _year: 2022 },
+          { _date: 5, _month: 5, _year: 2022 },
+          { _date: 6, _month: 5, _year: 2022 },
+        ],
+      ],
+      _weekdays: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
+    });
+  });
 });

package/dist/collection/helpers/calendar/test/calendar-view-generator/week-view-generator.test.js

@@ -25,4 +25,19 @@ describe('week-view-generator', () => {
       _weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
     });
   });
+  it('should generate a week view calendar without weekends', () => {
+    const generator = new WeekViewGenerator();
+    expect(generator.generate(new WeekPeriod(undefined, false))).toEqual({
+      _dateItems: [
+        [
+          { _date: 4, _month: 4, _year: 2022 },
+          { _date: 5, _month: 4, _year: 2022 },
+          { _date: 6, _month: 4, _year: 2022 },
+          { _date: 7, _month: 4, _year: 2022 },
+          { _date: 8, _month: 4, _year: 2022 },
+        ],
+      ],
+      _weekdays: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
+    });
+  });
 });

package/dist/collection/helpers/formatter/string-formatter/number-mask-strategy.js

@@ -1,3 +1,4 @@
+import { isNonNullable } from '../../../types/type-guard';
 /**
  * A class for formatting number with the given mask format
  */
@@ -34,11 +35,12 @@ export 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();
@@ -46,6 +48,19 @@ export 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 (isNonNullable(caretPosition)) {
+      const redressedInput = this.redressAbnormalNumber(input);
+      return caretPosition - (input.length - redressedInput.length);
+    }
+  }
   /**
    * Whether the input string need delete the latest char
    *
@@ -55,6 +70,23 @@ export 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
    *

package/dist/collection/helpers/formatter/string-formatter/number-thousand-comma-strategy.js

@@ -18,11 +18,12 @@ export 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();
@@ -38,12 +39,13 @@ export 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.
@@ -55,9 +57,8 @@ export class NumberThousandCommaStrategy extends NumberMaskStrategy {
     if (!input.length)
       return input;
     const inputValue = input.replace(/[^\d.-]/g, '');
-    const { precision } = this.maskConfig;
     const pointIndex = inputValue.indexOf('.');
-    const decimals = precision && inputValue.length > 1 && pointIndex >= 1 ? inputValue.slice(pointIndex) : '';
+    const decimals = inputValue.length > 1 && pointIndex >= 1 ? inputValue.slice(pointIndex) : '';
     const numValue = Number(inputValue.split('.')[0]);
     if (!isNaN(numValue) && numValue <= Number.MAX_SAFE_INTEGER) {
       return numValue.toLocaleString('en-US') + decimals;

package/dist/collection/helpers/formatter/test/string-formatter/number-mask-strategy.test.js

@@ -18,7 +18,9 @@ describe('numberStrategy', () => {
     expect(numberStrategy.format('-0.1')).toBe('-0.1');
     expect(numberStrategy.format('1q')).toBe('1');
     expect(numberStrategy.format('1e')).toBe('1');
-    expect(numberStrategy.format('.')).toBe('');
+    expect(numberStrategy.format('.12')).toBe('0.12');
+    expect(numberStrategy.format('0012')).toBe('12');
+    expect(numberStrategy.format('00.12')).toBe('0.12');
   });
   it('format input allow 2 decimal places', () => {
     const numberStrategy = new NumberMaskStrategy({ precision: 2 });
@@ -47,7 +49,7 @@ describe('numberStrategy', () => {
     expect(numberStrategy.format('-123.456.1.1')).toBe('-123.45');
     expect(numberStrategy.format('-123.4=')).toBe('-123.4');
     expect(numberStrategy.format('-123.4')).toBe('-123.4');
-    expect(numberStrategy.format('.')).toBe('');
+    expect(numberStrategy.format('.12')).toBe('0.12');
   });
   it('format input allow 1 decimal places', () => {
     const numberStrategy = new NumberMaskStrategy({ precision: 1 });
@@ -80,4 +82,11 @@ describe('numberStrategy', () => {
     expect(numberStrategy.format('0')).toBe('0');
     expect(numberStrategy.format('0.1')).toBe('0');
   });
+  it('calculateCaretPosition work proper', () => {
+    const numberStrategy = new NumberMaskStrategy();
+    expect(numberStrategy.calculateCaretPosition('123', 3)).toBe(3);
+    expect(numberStrategy.calculateCaretPosition('00123', 5)).toBe(3);
+    expect(numberStrategy.calculateCaretPosition('00.123', 6)).toBe(5);
+    expect(numberStrategy.calculateCaretPosition('00.123', undefined)).toBe(undefined);
+  });
 });

package/dist/collection/helpers/formatter/test/string-formatter/number-thousand-comma-mask-strategy.test.js

@@ -17,6 +17,8 @@ describe('NumberThousandCommaStrategy', () => {
     expect(numberStrategy.format('a')).toBe('');
     expect(numberStrategy.format(',')).toBe('');
     expect(numberStrategy.format('9007199254740992')).toBe('9007199254740992');
+    expect(numberStrategy.format('0012')).toBe('12');
+    expect(numberStrategy.format('00123456')).toBe('123,456');
   });
   it('should method calculateCaretPosition run as expect', () => {
     const numberStrategy = new NumberThousandCommaStrategy({
@@ -27,4 +29,12 @@ describe('NumberThousandCommaStrategy', () => {
     expect(numberStrategy.calculateCaretPosition('1,23', 4)).toBe(3);
     expect(numberStrategy.calculateCaretPosition('-123', 4)).toBe(4);
   });
+  it('format thousand comma if set property thousandComma is true and not set precision', () => {
+    const numberStrategy = new NumberThousandCommaStrategy({});
+    expect(numberStrategy.format('123')).toBe('123');
+    expect(numberStrategy.format('0.12345')).toBe('0.12345');
+    expect(numberStrategy.format('12.12')).toBe('12.12');
+    expect(numberStrategy.format('123456.012')).toBe('123,456.012');
+    expect(numberStrategy.format('-123456.012')).toBe('-123,456.012');
+  });
 });

package/dist/collection/helpers/slimmers/string-input-formatter-slimmer.js

@@ -57,7 +57,10 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
       const rawValue = target.value;
       const caretPosition = target.selectionStart; // selectionStart is nullable, link https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#dom-textarea/input-selectionstart
       if (this.inputFormatStrategy) {
-        const maskedValue = this.inputFormatStrategy.format(rawValue, caretPosition);
+        const maskedValue = this.inputFormatStrategy.format(rawValue, 
+        // Paste input is difference with type input, it can set much characters at one time,
+        // so we should make caretPosition as undefined to format all value.
+        e.inputType === 'insertFromPaste' ? null : caretPosition);
         this.updateInputValue(rawValue, maskedValue);
         this.updateInputCaretPosition(rawValue, caretPosition);
       }
@@ -68,12 +71,8 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
      * @param {ClipboardEvent} e - paste event
      */
     this.onPaste = (e) => {
-      var _a;
-      e.preventDefault();
-      const rawValue = ((_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) || '';
-      if (this.inputFormatStrategy) {
-        const maskedValue = this.inputFormatStrategy.format(rawValue);
-        this.updateInputValue(rawValue, maskedValue);
+      if (this.disableCopyPaste) {
+        e.preventDefault();
       }
     };
   }
@@ -90,9 +89,7 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
       this.onInit();
       if (this.inputFormatStrategy) {
         this.inputElement.addEventListener('input', this.onKeyDown, { capture: true });
-        if (!this.disableCopyPaste) {
-          this.inputElement.addEventListener('paste', this.onPaste, { capture: true });
-        }
+        this.inputElement.addEventListener('paste', this.onPaste, { capture: true });
       }
       if (this.blurFormatStrategy) {
         this.inputElement.addEventListener('blur', this.onBlur, { capture: true });
@@ -107,9 +104,7 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
     if (this.inputElement) {
       if (this.inputFormatStrategy) {
         this.inputElement.removeEventListener('input', this.onKeyDown, { capture: true });
-        if (!this.disableCopyPaste) {
-          this.inputElement.removeEventListener('paste', this.onPaste, { capture: true });
-        }
+        this.inputElement.removeEventListener('paste', this.onPaste, { capture: true });
       }
       if (this.blurFormatStrategy) {
         this.inputElement.removeEventListener('blur', this.onBlur, { capture: true });

package/dist/collection/helpers/slimmers/sub-state/sub-state-observer-slimmer.js

@@ -26,7 +26,7 @@ export class SubStateObserverSlimmer extends VegaSlimmer {
      * @returns {boolean} a boolean value indicating whether the input is an acceptable observer payload.
      */
     this.isAcceptableObserverPayload = (input) => {
-      return input['host'] === this.parent;
+      return typeof input === 'object' && !!input && input['host'] === this.parent;
     };
     this.observerEntry = observerEntry;
   }
@@ -68,7 +68,7 @@ export class SubStateObserverSlimmer extends VegaSlimmer {
    * The function `getParent` returns the parent element of a given host element, based on the observer
    * entry and appender element.
    *
-   * @returns {HTMLElement} the parent HTMLElement.
+   * @returns {Nullable<HTMLElement>} the parent HTMLElement.
    */
   getParent() {
     if (typeof this.observerEntry.parent === 'string') {

package/dist/collection/helpers/slimmers/test/string-input-formatter-slimmer.test.js

@@ -9,6 +9,7 @@ import { InjectVegaSlimmer } from 'vega-slimmer/core';
 import { StringInputFormatterSlimmer } from '../string-input-formatter-slimmer';
 import { StringMaskStrategy } from '../../formatter/string-formatter/string-mask-strategy';
 import { ThousandCommaStrategy } from '../../formatter/string-formatter/thousand-comma-strategy';
+import { dispatchPasteEvent } from '../../../utils/spec-utils';
 const createMockedInput = () => {
   const inputEl = document.createElement('input');
   inputEl.setSelectionRange = jest.fn();
@@ -129,21 +130,25 @@ describe('StringInputFormatterSlimmer test suite', () => {
     mockedComponent['stringFormatter']['inputRef'] = inputEl;
     mockedComponent['stringFormatter']['inputStrategy'] = stringFormatStrategy;
     mockedComponent['stringFormatter'].setup();
-    const pasteEvent = new Event('paste');
-    const clipboardDataMock = {
-      getData: jest.fn().mockReturnValue('7777 is my lucky number'),
-    };
-    Object.defineProperty(pasteEvent, 'clipboardData', { value: clipboardDataMock });
+    const pasteEvent = dispatchPasteEvent(inputEl, '7777 is my lucky number');
     const preventDefaultSpy = jest.spyOn(pasteEvent, 'preventDefault');
-    mockedComponent['stringFormatter']['onPaste'](pasteEvent);
-    expect(preventDefaultSpy).toHaveBeenCalled();
-    expect(clipboardDataMock.getData).toHaveBeenCalledWith('text');
-    expect(clipboardDataMock.getData('text')).toEqual('7777 is my lucky number');
+    expect(preventDefaultSpy).not.toHaveBeenCalled();
     expect(inputEl.value).toEqual('(777) 7');
     jest.spyOn(inputEl, 'removeEventListener');
     mockedComponent['stringFormatter'].destroy();
     expect(inputEl.removeEventListener).toBeCalledWith('paste', expect.any(Function), { capture: true });
   });
+  test('should handle paste content correctly when input a valid string', () => {
+    const mockedComponent = new MockedComponent();
+    mockedComponent.host = document.createElement('input');
+    const stringFormatStrategy = StringMaskStrategy.PHONE_MASK;
+    const inputEl = createMockedInput();
+    mockedComponent['stringFormatter']['inputRef'] = inputEl;
+    mockedComponent['stringFormatter']['inputStrategy'] = stringFormatStrategy;
+    mockedComponent['stringFormatter'].setup();
+    dispatchPasteEvent(inputEl, '(777');
+    expect(inputEl.value).toEqual('(777');
+  });
   test('should not handle paste content if paste is disabled', () => {
     const mockedComponent = new MockedComponent();
     mockedComponent.host = document.createElement('input');
@@ -153,19 +158,13 @@ describe('StringInputFormatterSlimmer test suite', () => {
     mockedComponent['stringFormatter']['disableCopyPaste'] = true;
     mockedComponent['stringFormatter']['inputStrategy'] = stringFormatStrategy;
     mockedComponent['stringFormatter'].setup();
-    const pasteEvent = new Event('paste');
-    Object.defineProperty(pasteEvent, 'clipboardData', {
-      value: {
-        getData: jest.fn().mockReturnValue('7777 is my lucky number'),
-      },
-    });
-    inputEl.dispatchEvent(pasteEvent);
+    dispatchPasteEvent(inputEl, '7777 is my lucky number');
     expect(inputEl.value).toEqual('');
     jest.spyOn(inputEl, 'addEventListener');
-    expect(inputEl.addEventListener).not.toBeCalledWith('paste', expect.any(Function), { capture: true });
+    expect(inputEl.addEventListener).not.toBeCalledWith('input', expect.any(Function), { capture: true });
     jest.spyOn(inputEl, 'removeEventListener');
     mockedComponent['stringFormatter'].destroy();
-    expect(inputEl.removeEventListener).not.toBeCalledWith('paste', expect.any(Function), {
+    expect(inputEl.removeEventListener).toBeCalledWith('paste', expect.any(Function), {
       capture: true,
     });
   });
@@ -177,10 +176,43 @@ describe('StringInputFormatterSlimmer test suite', () => {
     mockedComponent['stringFormatter']['inputRef'] = inputEl;
     mockedComponent['stringFormatter']['inputStrategy'] = stringFormatStrategy;
     mockedComponent['stringFormatter'].setup();
-    const pasteEvent = new Event('paste');
     const formatSpy = jest.spyOn(stringFormatStrategy, 'format');
-    mockedComponent['stringFormatter']['onPaste'](pasteEvent);
+    dispatchPasteEvent(inputEl, '');
     expect(formatSpy).toHaveBeenCalledWith('');
     expect(inputEl.value).toEqual('');
   });
+  test('should handle paste content with not formatted value', () => {
+    const mockedComponent = new MockedComponent();
+    mockedComponent.host = document.createElement('input');
+    const stringFormatStrategy = StringMaskStrategy.PHONE_MASK;
+    const inputEl = createMockedInput();
+    mockedComponent['stringFormatter']['inputRef'] = inputEl;
+    mockedComponent['stringFormatter']['inputStrategy'] = stringFormatStrategy;
+    mockedComponent['stringFormatter'].setup();
+    dispatchPasteEvent(inputEl, 
+    // should pick up numbers and then to format by this input string
+    // eslint-disable-next-line spellcheck/spell-checker
+    'nGLNBk1x1ZKVN5qfcwNpPvK9cLPiDrChJDMW0RnzDyUf2BaGSKqXMbj4ckbGmAZbH0V5Krhzv58vpALGFF8PXvqE6cdpUFJW0vApkYk82gUuf2CkPw4q92DQ7JJSacbFEdGFdRiAKfXzaHUBPQYLbkmAR8TmmSa87zPzFzBvdrYPVpQFD1DLLTPnM0WR0Qr8WGnHRF8P0K6b0d');
+    expect(inputEl.value).toEqual('(115) 902-4055');
+  });
+  test('should work proper while formatter have not implement calculateCaretPosition method', () => {
+    class FormatterSlimmer {
+      format(input) {
+        return input;
+      }
+    }
+    const mockedComponent = new MockedComponent();
+    mockedComponent.host = document.createElement('input');
+    const stringFormatStrategy = new FormatterSlimmer();
+    const inputEl = createMockedInput();
+    inputEl.value = '1111111111';
+    inputEl.selectionStart = inputEl.value.length;
+    mockedComponent['stringFormatter']['inputRef'] = inputEl;
+    mockedComponent['stringFormatter']['inputStrategy'] = stringFormatStrategy;
+    mockedComponent['stringFormatter'].setup();
+    const inputEvent = new Event('input');
+    inputEl.dispatchEvent(inputEvent);
+    expect(inputEl.value).toEqual('1111111111');
+    expect(inputEl.selectionStart).toEqual(10);
+  });
 });

package/dist/collection/utils/spec-utils.js

@@ -166,3 +166,31 @@ export function queryVegaDropdownItem(page, itemSelector = 'vega-dropdown-item')
   const virtualScroll = dropdownBox.shadowRoot.querySelector('vega-virtual-scroll');
   return virtualScroll.shadowRoot.querySelector(itemSelector);
 }
+/**
+ * Dispatch paste event for a element.
+ *
+ * @param {HTMLElement} element - Content editable element, such as input, textarea.
+ * @param {string} data - data to paste.
+ * @returns {ClipboardEvent} - Paste event.
+ */
+export function dispatchPasteEvent(element, data) {
+  element.focus();
+  const pasteEvent = new Event('paste', {
+    bubbles: true,
+    cancelable: true,
+  });
+  const clipboardDataMock = {
+    getData: jest.fn().mockReturnValue(data),
+  };
+  Object.defineProperty(pasteEvent, 'clipboardData', { value: clipboardDataMock });
+  element.dispatchEvent(pasteEvent);
+  if (!pasteEvent.defaultPrevented) {
+    const inputEvent = new Event('input', { bubbles: true, cancelable: true });
+    Object.defineProperty(inputEvent, 'inputType', { value: 'insertFromPaste' });
+    Object.defineProperty(inputEvent, 'data', { value: data });
+    Object.defineProperty(element, 'selectionStart', { value: data.length });
+    element['value'] = data;
+    element.dispatchEvent(inputEvent);
+  }
+  return pasteEvent;
+}

package/dist/collection/utils/test-utils.js

@@ -132,3 +132,24 @@ export function sleep(ms) {
     setTimeout(resolve, ms);
   });
 }
+/* istanbul ignore next */
+/**
+ * NOTE: This const is only for **E2E** test cases.
+ * This method is to assert values of two arrays are close.
+ *
+ * @param {number[]} actualValue - The actualValue.
+ * @param {number[]} expectedValue  - The expectedValue.
+ * @param {number} tolerance - The value difference tolerance of two arrays.
+ * @returns {boolean} - the return value
+ */
+export function ArrayComparing(actualValue, expectedValue, tolerance) {
+  if (actualValue.length !== expectedValue.length) {
+    throw new Error('Arrays must be of the same length');
+  }
+  actualValue.forEach((value, index) => {
+    if (Math.abs(value - expectedValue[index]) > tolerance) {
+      throw new Error(`actualValue: ${JSON.stringify(actualValue)} expectedValue: ${JSON.stringify(expectedValue)}`); // output values of two arrays if values are not close
+    }
+  });
+  return true; // values of two arrays are close
+}

package/dist/esm/{app-globals-d0b86358.js → app-globals-41797af8.js}

@@ -4,7 +4,7 @@ import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as
 import { V as VegaDialog } from './vega-dialog-controller-3b905672.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { V as VegaIconManager } from './icon-manager-0f030f8a.js';
-import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-3b437b6d.js';
+import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-0fa7cf77.js';
 import { T as TypographyUrls } from './typography-a8fc4764.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-232f2986.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-6987a80b.js';

package/dist/esm/{form-field-controller-slimmer-2f9c871b.js → form-field-controller-slimmer-edbaaf7c.js}

@@ -8,7 +8,7 @@ import { i as isAsyncFunction, g as generateUUID } from './create-public-api-run
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { V as VegaInternalFieldErrorStateChange, a as VegaInternalValid } from './vega-internal-event-id-7e05cf4a.js';
-import { V as VegaInternalTranslation } from './translation-3b437b6d.js';
+import { V as VegaInternalTranslation } from './translation-0fa7cf77.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-9086b5cc.js';

package/dist/esm/index.js

@@ -13,7 +13,7 @@ export { V as VegaDialog } from './vega-dialog-controller-3b905672.js';
 export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-722461c1.js';
 export { V as VegaIconManager } from './icon-manager-0f030f8a.js';
 export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-232f2986.js';
-export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-3b437b6d.js';
+export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-0fa7cf77.js';
 import './responsive-format-facade-5a1329a7.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';