@globalpayments/vega 2.28.0 → 2.28.1

package/dist/cjs/{string-input-formatter-slimmer-fcfa5bb7.js → string-input-formatter-slimmer-79272527.js}

@@ -220,7 +220,10 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.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);
       }
@@ -231,12 +234,8 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.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();
       }
     };
   }
@@ -253,9 +252,7 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.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 });
@@ -270,9 +267,7 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.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/cjs/vega-calendar_3.cjs.entry.js

@@ -1690,7 +1690,13 @@ class CalendarEventDailyRepeatPattern extends CalendarEventBaseRepeatPattern {
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate.toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate && newNextMatchDate.toDate() <= nextMatchDate.toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.cache.length >= this.count) {
           break;
         }
@@ -1762,7 +1768,13 @@ class CalendarEventMonthlyRepeatPattern extends CalendarEventBaseRepeatPattern {
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate.toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate && newNextMatchDate.toDate() <= nextMatchDate.toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.cache.length >= this.count) {
           break;
         }
@@ -1866,7 +1878,15 @@ class CalendarEventWeeklyRepeatPattern extends CalendarEventBaseRepeatPattern {
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate[0].toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate &&
+          newNextMatchDate[0] &&
+          newNextMatchDate[0].toDate() <= nextMatchDate[0].toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.getValidCache().length >= this.count) {
           break;
         }
@@ -2013,7 +2033,13 @@ class CalendarEventYearlyRepeatPattern extends CalendarEventBaseRepeatPattern {
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate.toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate && newNextMatchDate.toDate() <= nextMatchDate.toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.cache.length >= this.count) {
           break;
         }

package/dist/cjs/vega-date-picker_2.cjs.entry.js

@@ -17,7 +17,7 @@ const index$1 = require('./index-5792390b.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
 const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-fcfa5bb7.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-79272527.js');
 const elementAppenderSlimmer = require('./element-appender-slimmer-bf5ecbd8.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-8e2d4b5d.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');

package/dist/cjs/vega-env-manager-23b8b23c.js

@@ -11,9 +11,9 @@ exports.FrameworkEnum = void 0;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.28.0` will be replaced to a version string when running publish script.
+    // The `2.28.1` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.28.0';
+    this.vegaVersion = '2.28.1';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

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

@@ -17,7 +17,7 @@ const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-fcfa5bb7.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-79272527.js');
 const typeGuard = require('./type-guard-a07b353b.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 require('./number-459031f7.js');
@@ -445,9 +445,8 @@ 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/components/vega-calendar/slimmers/common/helpers/repeat-pattern/calendar-event-daily-repeat-pattern.js

@@ -34,7 +34,13 @@ export class CalendarEventDailyRepeatPattern extends CalendarEventBaseRepeatPatt
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate.toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate && newNextMatchDate.toDate() <= nextMatchDate.toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.cache.length >= this.count) {
           break;
         }

package/dist/collection/components/vega-calendar/slimmers/common/helpers/repeat-pattern/calendar-event-monthly-repeat-pattern.js

@@ -37,7 +37,13 @@ export class CalendarEventMonthlyRepeatPattern extends CalendarEventBaseRepeatPa
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate.toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate && newNextMatchDate.toDate() <= nextMatchDate.toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.cache.length >= this.count) {
           break;
         }

package/dist/collection/components/vega-calendar/slimmers/common/helpers/repeat-pattern/calendar-event-weekly-repeat-pattern.js

@@ -53,7 +53,15 @@ export class CalendarEventWeeklyRepeatPattern extends CalendarEventBaseRepeatPat
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate[0].toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate &&
+          newNextMatchDate[0] &&
+          newNextMatchDate[0].toDate() <= nextMatchDate[0].toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.getValidCache().length >= this.count) {
           break;
         }

package/dist/collection/components/vega-calendar/slimmers/common/helpers/repeat-pattern/calendar-event-yearly-repeat-pattern.js

@@ -38,7 +38,13 @@ export class CalendarEventYearlyRepeatPattern extends CalendarEventBaseRepeatPat
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate.toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate && newNextMatchDate.toDate() <= nextMatchDate.toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.cache.length >= this.count) {
           break;
         }

package/dist/collection/components/vega-calendar/slimmers/common/helpers/test/calendar-event-repeat-pattern-factory.test.js

@@ -102,4 +102,60 @@ describe('calendarEventRepeatPatternFactory', () => {
     const dayPeriod = new DayPeriod(new CalendarDate(2024, 8, 1));
     expect(pattern['isSeriesInPeriod'](new CalendarDate(2024, 7, 31), 3, dayPeriod)).toBeTruthy();
   });
+  it('dailyPattern#generateRepeatDateCacheUntilEndDate  boundary testing', () => {
+    const pattern = calendarEventRepeatPatternFactory.getPattern(new Date(2024, 0, 1), {
+      frequency: 'daily',
+      interval: 1,
+      until: '01/04/2024',
+    });
+    spyOn(CalendarDate, 'from').and.callFake(function (item) {
+      return item.getDate() === 3
+        ? new CalendarDate(item.getFullYear(), 1, 1)
+        : new CalendarDate(item.getFullYear(), item.getMonth() + 1, item.getDate());
+    });
+    pattern['generateRepeatDateCacheUntilEndDate'](CalendarDate.from(new Date(2024, 1, 1)));
+    expect(pattern['cache'].length).toEqual(2);
+  });
+  it('monthlyPattern#generateRepeatDateCacheUntilEndDate boundary testing', () => {
+    const pattern = calendarEventRepeatPatternFactory.getPattern(new Date(2024, 0, 1), {
+      frequency: 'monthly',
+      interval: 1,
+      until: '04/03/2024',
+    });
+    spyOn(CalendarDate, 'from').and.callFake(function (item) {
+      return item.getMonth() === 2
+        ? new CalendarDate(item.getFullYear(), 1, 1)
+        : new CalendarDate(item.getFullYear(), item.getMonth() + 1, item.getDate());
+    });
+    pattern['generateRepeatDateCacheUntilEndDate'](CalendarDate.from(new Date(2024, 4, 1)));
+    expect(pattern['cache'].length).toEqual(2);
+  });
+  it('yearlyPattern#generateRepeatDateCacheUntilEndDate boundary testing', () => {
+    const pattern = calendarEventRepeatPatternFactory.getPattern(new Date(2024, 0, 1), {
+      frequency: 'yearly',
+      interval: 1,
+      until: '03/03/2027',
+    });
+    spyOn(CalendarDate, 'from').and.callFake(function (item) {
+      return item.getFullYear() === 2026
+        ? new CalendarDate(1900, 1, 1)
+        : new CalendarDate(item.getFullYear(), item.getMonth() + 1, item.getDate());
+    });
+    pattern['generateRepeatDateCacheUntilEndDate'](CalendarDate.from(new Date(2028, 1, 1)));
+    expect(pattern['cache'].length).toEqual(2);
+  });
+  it('weeklyPattern#generateRepeatDateCacheUntilEndDate boundary testing', () => {
+    const pattern = calendarEventRepeatPatternFactory.getPattern(new Date(2024, 0, 1), {
+      frequency: 'weekly',
+      interval: 1,
+      until: '02/01/2024',
+    });
+    spyOn(CalendarDate, 'from').and.callFake(function (item) {
+      return item.getDate() === 15
+        ? new CalendarDate(item.getFullYear(), 1, 1)
+        : new CalendarDate(item.getFullYear(), item.getMonth() + 1, item.getDate());
+    });
+    pattern['generateRepeatDateCacheUntilEndDate'](CalendarDate.from(new Date(2024, 3, 1)));
+    expect(pattern['cache'].length).toEqual(2);
+  });
 });

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

@@ -57,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-thousand-comma-mask-strategy.test.js

@@ -29,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/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,12 +176,25 @@ 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) {

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/{string-input-formatter-slimmer-bfe3f5e5.js → string-input-formatter-slimmer-fc23bc9f.js}

@@ -218,7 +218,10 @@ 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);
       }
@@ -229,12 +232,8 @@ 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();
       }
     };
   }
@@ -251,9 +250,7 @@ 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 });
@@ -268,9 +265,7 @@ 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/esm/vega-calendar_3.entry.js

@@ -1686,7 +1686,13 @@ class CalendarEventDailyRepeatPattern extends CalendarEventBaseRepeatPattern {
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate.toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate && newNextMatchDate.toDate() <= nextMatchDate.toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.cache.length >= this.count) {
           break;
         }
@@ -1758,7 +1764,13 @@ class CalendarEventMonthlyRepeatPattern extends CalendarEventBaseRepeatPattern {
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate.toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate && newNextMatchDate.toDate() <= nextMatchDate.toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.cache.length >= this.count) {
           break;
         }
@@ -1862,7 +1874,15 @@ class CalendarEventWeeklyRepeatPattern extends CalendarEventBaseRepeatPattern {
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate[0].toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate &&
+          newNextMatchDate[0] &&
+          newNextMatchDate[0].toDate() <= nextMatchDate[0].toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.getValidCache().length >= this.count) {
           break;
         }
@@ -2009,7 +2029,13 @@ class CalendarEventYearlyRepeatPattern extends CalendarEventBaseRepeatPattern {
       (!this.count || (typeof this.count === 'number' && this.cache.length < this.count))) {
       let nextMatchDate = this.getNextRepeatStartDate(lastMatchDate);
       while (nextMatchDate && nextMatchDate.toDate() < endDate.toDate()) {
-        nextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        const newNextMatchDate = this.getNextRepeatStartDate(nextMatchDate);
+        //The below if block is used to break the infinite loop when the `getNextRepeatStartDate` method return unexpected result. such as when the date is greater than a certain value, it will be returned back 1900.
+        if (newNextMatchDate && newNextMatchDate.toDate() <= nextMatchDate.toDate()) {
+          this.cache.pop();
+          break;
+        }
+        nextMatchDate = newNextMatchDate;
         if (typeof this.count === 'number' && this.cache.length >= this.count) {
           break;
         }

package/dist/esm/vega-date-picker_2.entry.js

@@ -13,7 +13,7 @@ import { c as createCommonjsModule } from './index-0863eec6.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-6987a80b.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-bfe3f5e5.js';
+import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-fc23bc9f.js';
 import { E as ElementAppenderSlimmer } from './element-appender-slimmer-1172e2ea.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-8723f20f.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';