@heartlandone/vega 2.59.1 → 2.61.0

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

@@ -6,25 +6,27 @@ const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
 const internalIconManager = require('./internal-icon-manager-f8677abb.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ae6e2c13.js');
+const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-b1971f43.js');
+require('./vega-skeleton-loader-controller-9c54f3aa.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
 require('./icon-manager-9072356d.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-b82b74de.js');
+require('./content-state-d7b8e70b.js');
+const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-07a95352.js');
+const typeGuard = require('./type-guard-f12b5bae.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-772d1892.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dab30e5c.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-5df43771.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
 require('./observer-f49483e8.js');
 require('./ui-4ce1fa08.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
@@ -35,19 +37,17 @@ require('./breakpoints-ebde4837.js');
 require('./try-get-document-c0ebd39a.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-83065493.js');
+require('./internal-vega-event-manager-7b87c2f4.js');
 require('./number-4816603d.js');
 require('./index-4d7bce1a.js');
-require('./code-block-4bfae76d.js');
+require('./code-block-ecb2df41.js');
 require('./string-39438062.js');
-require('./type-guard-aa8fdeaf.js');
-require('./regex-c1f70fd4.js');
-require('./typography-4560e7f1.js');
 require('./object-e2e28e3d.js');
+require('./typography-4560e7f1.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
-require('./sub-state-observer-slimmer-0788232a.js');
+require('./sub-state-observer-slimmer-df7df5bb.js');
 
 var __decorate$5 = (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;
@@ -6205,6 +6205,109 @@ __decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('watchCountryCode')
 ], CountrySelectRenderer.prototype, "watchCountryCode", null);
 
+/**
+ * A class for formatting phone number with the given mask format
+ *
+ * @augments StringFormatStrategy
+ */
+class VegaPhoneNumberInputStrategy extends stringFormatStrategy_abstract.StringFormatStrategy {
+  constructor(formatter) {
+    super();
+    this.formatter = formatter;
+  }
+  /**
+   * @inheritDoc
+   */
+  format(input) {
+    return this.formatter(input);
+  }
+  /*
+   * The below method is e2e-test covered in
+   * module: Should show normal when phone number with same country code
+   */
+  /* istanbul ignore next */
+  /**
+   * Get the position of
+   *
+   * @param {string} input - The input string
+   * @param {number} caretPosition - The current position of caret
+   * @returns {Nullable<number>} The new position of caret
+   */
+  calculateCaretPosition(input, caretPosition) {
+    if (typeGuard.isNonNullable(caretPosition)) {
+      const startValue = input.substring(0, caretPosition);
+      const numberCount = this.countNumbers(startValue);
+      const maskedInputValue = this.format(input);
+      const maskedStartValue = this.truncateToNumberCount(maskedInputValue, numberCount);
+      if (maskedStartValue.length !== startValue.length &&
+        !(maskedStartValue.endsWith(')') && maskedStartValue.slice(0, -1) === startValue)) {
+        return caretPosition + (maskedStartValue.length - startValue.length);
+      }
+      else {
+        return caretPosition;
+      }
+    }
+  }
+  /**
+   * Trigger the formatter at init
+   *
+   * @returns {boolean} true or false
+   */
+  shouldTriggerAtInit() {
+    return true;
+  }
+  /**
+   * Count the numbers in a given string
+   *
+   * @param {string} value - given string
+   * @returns {number} count
+   */
+  countNumbers(value) {
+    let count = 0;
+    for (let i = 0; i < value.length; i++) {
+      const char = value[i];
+      if (!isNaN(parseInt(char, 10)) && char !== ' ') {
+        count++;
+      }
+    }
+    return count;
+  }
+  /**
+   * The below method is e2e-test covered in
+   *
+   * module:vega-input-phone-number-input-delete
+   */
+  /* istanbul ignore next */
+  /**
+   *
+   * @param {string} value - a given string
+   * @param {number} count - count of numbers
+   * @returns {string} the return string
+   */
+  truncateToNumberCount(value, count) {
+    let numberCount = 0;
+    let result = '';
+    if (count <= 0)
+      return '';
+    for (let i = 0; i < value.length; i++) {
+      const char = value[i];
+      if (/^\d$/.test(char)) {
+        if (numberCount >= count) {
+          break;
+        }
+        numberCount++;
+        result += char;
+      }
+      else {
+        if (numberCount < count || char === ')') {
+          result += char;
+        }
+      }
+    }
+    return result;
+  }
+}
+
 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);
@@ -6216,19 +6319,6 @@ class PhoneNumberInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
     super(...arguments);
     this.phoneNumberMaskFormatter = (rawValue) => {
       const newValue = parseIncompletePhoneNumber(rawValue);
-      /*
-       * The below method is e2e-test covered in
-       * @see{module:vega-input-phone-number-input-delete}
-       */
-      /* istanbul ignore next */
-      /**
-       * work around for keyboard press Backspace
-       * (123) -> (123
-       */
-      if (newValue === parseIncompletePhoneNumber(this.phoneNumberInputValue) &&
-        this.phoneNumberInputValue.length > rawValue.length) {
-        return this.phoneNumberInputValue.slice(0, -1);
-      }
       return this.valueController.formatNationalNumber(newValue);
     };
   }
@@ -6254,9 +6344,8 @@ class PhoneNumberInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
           this.inputRef = ref;
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, this.handleInputChange.bind(this));
         }, value: this.phoneNumberInputValue, maskConfig: {
-          type: 'custom-formatter',
-          formatter: this.phoneNumberMaskFormatter,
-          resetCaretPosition: true,
+          type: 'custom',
+          strategy: () => new VegaPhoneNumberInputStrategy(this.phoneNumberMaskFormatter),
         } })));
   }
   /**

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

@@ -6,33 +6,33 @@ const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-772d1892.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dab30e5c.js');
 const array = require('./array-249289f2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const ui = require('./ui-4ce1fa08.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-5df43771.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const translationSlimmer = require('./translation-slimmer-af399096.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-83065493.js');
+require('./internal-vega-event-manager-7b87c2f4.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
-require('./vega-internal-event-id-ae6e2c13.js');
+require('./vega-internal-event-id-9647aaf8.js');
 require('./translation-cde4dce3.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-0788232a.js');
+require('./sub-state-observer-slimmer-df7df5bb.js');
 require('./number-4816603d.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');

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

@@ -8,11 +8,11 @@ const component = require('./component-1e352960.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-4ce1fa08.js');
-const responsiveFormatFacade = require('./responsive-format-facade-d2e03695.js');
+const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ae6e2c13.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
 const array = require('./array-249289f2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
@@ -20,10 +20,10 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const internalIconManager = require('./internal-icon-manager-f8677abb.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-772d1892.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-5df43771.js');
-const typeGuard = require('./type-guard-aa8fdeaf.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dab30e5c.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
+const typeGuard = require('./type-guard-f12b5bae.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 const translationSlimmer = require('./translation-slimmer-af399096.js');
@@ -35,24 +35,23 @@ require('./try-get-document-c0ebd39a.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-b1971f43.js');
+require('./vega-skeleton-loader-controller-9c54f3aa.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-83065493.js');
+require('./internal-vega-event-manager-7b87c2f4.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
 require('./icon-manager-9072356d.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-b82b74de.js');
-require('./code-block-4bfae76d.js');
+require('./content-state-d7b8e70b.js');
+require('./code-block-ecb2df41.js');
 require('./string-39438062.js');
 require('./object-e2e28e3d.js');
-require('./sub-state-observer-slimmer-0788232a.js');
-require('./regex-c1f70fd4.js');
+require('./sub-state-observer-slimmer-df7df5bb.js');
 require('./typography-4560e7f1.js');
 
 var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -13,18 +13,18 @@ const componentLoadRequired = require('./component-load-required-6cc74719.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-772d1892.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-efc70b94.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-bad99695.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dab30e5c.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-1b757bad.js');
-const typeGuard = require('./type-guard-aa8fdeaf.js');
-const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
-const cardConfig = require('./card-config-2ee5505e.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-df6e6df0.js');
+const stringMaskStrategy = require('./string-mask-strategy-6bdad95e.js');
+const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-07a95352.js');
+const typeGuard = require('./type-guard-f12b5bae.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-5a744e71.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-0788232a.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-df7df5bb.js');
 const array = require('./array-249289f2.js');
 const object = require('./object-e2e28e3d.js');
 require('./number-4816603d.js');
@@ -33,20 +33,17 @@ require('./observer-f49483e8.js');
 require('./ui-4ce1fa08.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-ae6e2c13.js');
+require('./vega-internal-event-id-9647aaf8.js');
 require('./translation-cde4dce3.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./internal-vega-event-manager-83065493.js');
+require('./internal-vega-event-manager-7b87c2f4.js');
 require('./try-get-document-c0ebd39a.js');
-require('./index-10199ee8.js');
-require('./wait-for-vega-handler-5469ff80.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
-require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./index-4d7bce1a.js');
-require('./_commonjsHelpers-537d719a.js');
+require('./index-da628bba.js');
+require('./wait-for-vega-handler-5469ff80.js');
 
 /**
  * This email regex from https://stackoverflow.com/a/201378
@@ -195,7 +192,7 @@ __decorate$4([
  *
  * @augments StringFormatStrategy
  */
-class ThousandCommaStrategy extends stringInputFormatterSlimmer.StringFormatStrategy {
+class ThousandCommaStrategy extends stringFormatStrategy_abstract.StringFormatStrategy {
   /**
    * If the input is a number, format it as a string
    *
@@ -231,7 +228,7 @@ class ThousandCommaStrategy extends stringInputFormatterSlimmer.StringFormatStra
 /**
  * A class for formatting number with the given mask format
  */
-class NumberMaskStrategy extends stringInputFormatterSlimmer.StringFormatStrategy {
+class NumberMaskStrategy extends stringFormatStrategy_abstract.StringFormatStrategy {
   /**
    * It creates a new instance of the Mask class.
    *
@@ -341,7 +338,7 @@ class NumberMaskStrategy extends stringInputFormatterSlimmer.StringFormatStrateg
 /**
  * Used to format a string using a custom formatter.
  */
-class CustomFormatterStrategy extends stringInputFormatterSlimmer.StringFormatStrategy {
+class CustomFormatterStrategy extends stringFormatStrategy_abstract.StringFormatStrategy {
   /**
    * The constructor function takes a CustomStringFormatter parameter and assigns it to the formatter
    * property of the class.
@@ -469,173 +466,6 @@ class NumberThousandCommaStrategy extends NumberMaskStrategy {
   }
 }
 
-/**
- * Credit card mask strategy abstract class
- */
-class CreditCardMaskStrategy extends stringInputFormatterSlimmer.StringMaskStrategy {
-  /* istanbul ignore next */
-  /**
-   * Get the position of caret
-   *
-   * @param {string} input - The input string
-   * @param {number} caretPosition - The current position of caret
-   * @returns {Nullable<number>} The new position of caret
-   */
-  calculateCaretPosition(input, caretPosition) {
-    if (!typeGuard.isNonNullable(caretPosition))
-      return null;
-    const maskConfigType = this.getCreditCardMaskConfig(input);
-    if (maskConfigType) {
-      if (input.length > this.getLengthLimit()) {
-        const exceededLength = input.length - this.getLengthLimit();
-        return caretPosition - exceededLength;
-      }
-      const startValue = input.substring(0, caretPosition);
-      const maskedStartValue = this.format(startValue);
-      return caretPosition + (maskedStartValue.length - startValue.length);
-    }
-    else {
-      return caretPosition;
-    }
-  }
-  /* istanbul ignore next */
-  /**
-   * @inheritDoc
-   */
-  format(input, inputStatus) {
-    const maskConfigType = this.getCreditCardMaskConfig(input);
-    if (maskConfigType) {
-      this.setMaskConfig(maskConfigType.options);
-      const caretPosition = inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.caretPosition;
-      if (input.length > this.getLengthLimit() && typeGuard.isNonNullable(caretPosition)) {
-        const rawValueArr = [...input];
-        const exceededLength = input.length - this.getLengthLimit();
-        rawValueArr.splice(caretPosition - exceededLength, exceededLength);
-        return rawValueArr.join('');
-      }
-      return this.replaceMaskWithMatchedInputSlots(input, this.getMatchedInputSlotValue(input));
-    }
-    else {
-      return input;
-    }
-  }
-  /**
-   * get credit card type
-   *
-   * @param {string} value - card number string
-   * @returns {CardConfigType} - card type config
-   */
-  getCreditCardType(value) {
-    return cardConfig.CARDS_INFO.filter((card) => card.pattern.test(value))[0];
-  }
-}
-
-/**
- * A class for formatting string with the given mask format
- *
- * @augments StringFormatStrategy
- */
-class CreditCardInputMaskStrategy extends CreditCardMaskStrategy {
-  /**
-   * It creates a new instance of the Mask class.
-   */
-  constructor() {
-    super({
-      mask: '',
-      slot: '9',
-      accept: /\d/,
-      triggerAtInit: featureFlagController.FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
-    });
-  }
-  /**
-   * get credit card mask config
-   *
-   * @param {string} value - card number string
-   * @returns {Nullable<MaskConfigType>} - mask config type
-   */
-  getCreditCardMaskConfig(value) {
-    let maskConfig;
-    const creditCardType = this.getCreditCardType(value);
-    if (creditCardType) {
-      maskConfig = creditCardType.maskConfig;
-    }
-    return maskConfig;
-  }
-}
-
-/**
- * A class for formatting string with the given mask format
- *
- * @augments StringFormatStrategy
- */
-class CreditCardBlurMaskStrategy extends CreditCardMaskStrategy {
-  /**
-   * It creates a new instance of the Mask class.
-   *
-   * @param {boolean} hideCardNumberOnBlur - boolean
-   */
-  constructor(hideCardNumberOnBlur) {
-    super({
-      mask: '',
-      slot: '9',
-      accept: /[\d\s]/,
-      insertMode: false,
-      triggerAtInit: featureFlagController.FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
-    });
-    this.hideCardNumberOnBlur = hideCardNumberOnBlur;
-  }
-  /**
-   * @inheritDoc
-   */
-  getCreditCardMaskConfig(value) {
-    let maskConfig;
-    const creditCardType = this.getCreditCardType(value);
-    if (creditCardType) {
-      if (this.hideCardNumberOnBlur && value.trim().includes(' ')) {
-        maskConfig = this.generateDynamicMask(value);
-      }
-    }
-    return maskConfig;
-  }
-  /*
-   * The below method is e2e-test covered in
-   *
-   * @see{module:vega-input-credit-card-dynamic-mask-e2e}
-   */
-  /* istanbul ignore next */
-  /**
-   * Transform the input card number with dynamic card number mask, for example: '4111 2222 3333 44' will be transformed to 'XXXX XXXX XXXX 99'
-   *
-   * @param {string} value - card number string
-   * @returns {MaskConfigType} - mask config type
-   */
-  generateDynamicMask(value) {
-    const maskConfig = {
-      type: 'credit-card',
-      options: {
-        mask: '',
-        slot: '9',
-        accept: /[\d\s]/,
-        insertMode: false,
-        triggerAtInit: featureFlagController.FeatureFlag.isEnabled('VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD'),
-      },
-      trigger: 'blur',
-    };
-    const cardNumberSplit = value.trim().split(' ');
-    const cardNumberMask = 
-    // Map through the array and replace each character with 'X' or '9' depending on the index
-    cardNumberSplit
-      .map((element, index) => {
-      // Replace each character in the string with 'X' except the last element, which uses '9'
-      const replacementChar = index === cardNumberSplit.length - 1 ? '9' : 'X';
-      return replacementChar.repeat(element.length);
-    })
-      .join(' ');
-    maskConfig.options.mask = cardNumberMask;
-    return maskConfig;
-  }
-}
-
 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);
@@ -723,13 +553,13 @@ class VegaInputMaskConfigController extends stringInputFormatterSlimmer.StringIn
     let stringFormatStrategy = null;
     switch (maskConfig === null || maskConfig === void 0 ? void 0 : maskConfig.type) {
       case 'phone':
-        stringFormatStrategy = stringInputFormatterSlimmer.StringMaskStrategy.PHONE_MASK;
+        stringFormatStrategy = stringMaskStrategy.StringMaskStrategy.PHONE_MASK;
         break;
       case 'taxId':
-        stringFormatStrategy = stringInputFormatterSlimmer.StringMaskStrategy.TAX_ID_MASK;
+        stringFormatStrategy = stringMaskStrategy.StringMaskStrategy.TAX_ID_MASK;
         break;
       case 'zipcode':
-        stringFormatStrategy = stringInputFormatterSlimmer.StringMaskStrategy.ZIPCODE_MASK;
+        stringFormatStrategy = stringMaskStrategy.StringMaskStrategy.ZIPCODE_MASK;
         break;
       case 'thousand-comma':
         stringFormatStrategy = new ThousandCommaStrategy();
@@ -737,14 +567,10 @@ class VegaInputMaskConfigController extends stringInputFormatterSlimmer.StringIn
       case 'number':
         stringFormatStrategy = this.getNumberTypeMaskStrategy(maskConfig.options);
         break;
-      case 'credit-card':
-        stringFormatStrategy =
-          maskTrigger === 'input'
-            ? new CreditCardInputMaskStrategy()
-            : new CreditCardBlurMaskStrategy(maskConfig.hideCardNumberOnBlur);
-        break;
       case 'custom':
-        stringFormatStrategy = new stringInputFormatterSlimmer.StringMaskStrategy(maskConfig.options);
+        stringFormatStrategy = maskConfig.strategy
+          ? maskConfig.strategy()
+          : new stringMaskStrategy.StringMaskStrategy(maskConfig.options);
         break;
       case 'custom-formatter':
         stringFormatStrategy = new CustomFormatterStrategy(maskConfig.formatter, maskConfig.resetCaretPosition);
@@ -777,8 +603,7 @@ class VegaInputMaskConfigController extends stringInputFormatterSlimmer.StringIn
    * 'custom' and a trigger of 'blur'.
    */
   isBlurModeMaskConfig(maskConfig) {
-    return ((maskConfig.type === 'custom' || maskConfig.type === 'credit-card') &&
-      maskConfig.trigger === 'blur');
+    return maskConfig.type === 'custom' && maskConfig.trigger === 'blur';
   }
 }
 __decorate$3([
@@ -1009,7 +834,7 @@ __decorate$1([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaInputStateController.prototype, "isCompactInputWidth", void 0);
 
-const vegaInputCss = ":host{cursor:text;display:block;text-align:left;line-height:normal}:host(.vega-input-inline-block){display:inline-block;width:100%}:host(.vega-input-hidden){display:none}vega-field-label{margin-bottom:8px}.vega-input-container{display:flex;align-items:center;border-radius:8px;gap:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}.vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-container.vega-input-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.vega-input-container.with-value{border-width:1px;border-style:solid;border-radius:8px}.vega-input-container:not(.no-focus):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}.vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-container.error:not(.no-focus):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-container.error .vega-input-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-input-prefix{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}.vega-input-prefix.vega-input-prefix-slot{height:24px;overflow:hidden}.vega-input-input{flex:1 1 0%;position:relative}.vega-input-input input{width:100%;outline:2px solid transparent;outline-offset:2px;border-style:none;height:24px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-input input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-input input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-input input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-input-input input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-input-size-small{padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px}.vega-input-size-default{padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px}.vega-input-input input:disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.vega-hint{padding-top:12px;padding-right:8px;padding-left:8px}.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:4px;padding:2px}.vega-input-clear-icon.invisible{visibility:hidden}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.vega-input-container.compact-input-width{gap:0px}.vega-input-container.compact-input-width .vega-input-prefix{margin-right:8px}.vega-input-container.compact-input-width .prefix-text,.vega-input-container.compact-input-width .suffix-text{margin-right:2px}.vega-input-container.compact-input-width .vega-input-clear-icon{margin-left:2px}.vega-input-container.compact-input-width .vega-input-input input{padding:0px;min-width:1px}.vega-input-container.compact-input-width.auto-width .vega-input-input{flex-grow:0}.vega-input-container.compact-input-width.auto-width .suffix-text{flex-grow:1}.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0;flex-grow:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}";
+const vegaInputCss = ":host{cursor:text;display:block;text-align:left;line-height:normal}:host(.vega-input-inline-block){display:inline-block;width:100%}:host(.vega-input-hidden){display:none}vega-field-label{margin-bottom:8px}.vega-input-container{display:flex;align-items:center;border-radius:8px;gap:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}.vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-container.vega-input-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.vega-input-container.with-value{border-width:1px;border-style:solid;border-radius:8px}.vega-input-container:not(.no-focus):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}.vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-container.error:not(.no-focus):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-container.error .vega-input-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-input-prefix{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}.vega-input-prefix.vega-input-prefix-slot{height:24px;overflow:hidden}.vega-input-input{flex:1 1 0%;position:relative}.vega-input-input input{width:100%;outline:2px solid transparent;outline-offset:2px;border-style:none;height:24px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-input input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-input input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-input input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-input-input input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-input-size-small{padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px}.vega-input-size-default{padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px}.vega-input-input input:disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.vega-hint{padding-top:12px;padding-right:8px;padding-left:8px}.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:4px;padding:2px}.vega-input-clear-icon.invisible{visibility:hidden}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=password]::-ms-reveal{display:none}.vega-input-container.compact-input-width{gap:0px}.vega-input-container.compact-input-width .vega-input-prefix{margin-right:8px}.vega-input-container.compact-input-width .prefix-text,.vega-input-container.compact-input-width .suffix-text{margin-right:2px}.vega-input-container.compact-input-width .vega-input-clear-icon{margin-left:2px}.vega-input-container.compact-input-width .vega-input-input input{padding:0px;min-width:1px}.vega-input-container.compact-input-width.auto-width .vega-input-input{flex-grow:0}.vega-input-container.compact-input-width.auto-width .suffix-text{flex-grow:1}.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0;flex-grow:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}";
 
 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;

package/dist/cjs/{vega-internal-event-id-ae6e2c13.js → vega-internal-event-id-9647aaf8.js}

@@ -58,6 +58,7 @@ const VegaInternalColumnBodyCellRenderInputRIC = new VegaInternalEventID('tableC
 const VegaInternalCalendarEventPreviewUpdate = new VegaInternalEventID('calendarEventPreviewUpdate');
 const VegaInternalCalendarEventPreviewClear = new VegaInternalEventID('calendarEventPreviewClear');
 const VegaInternalUpdateRTECursorPosition = new VegaInternalEventID('InternalUpdateRTECursorPosition');
+const VegaInternalMonthYearChange = new VegaInternalEventID('internalMonthYearChange');
 
 exports.VegaDropdownRenderItemInternalOverridden = VegaDropdownRenderItemInternalOverridden;
 exports.VegaDropdownSearchInternalOverridden = VegaDropdownSearchInternalOverridden;
@@ -78,6 +79,7 @@ exports.VegaInternalInitializeLeftNavLinkSelected = VegaInternalInitializeLeftNa
 exports.VegaInternalLeftNavGroupExpand = VegaInternalLeftNavGroupExpand;
 exports.VegaInternalLeftNavLinkClick = VegaInternalLeftNavLinkClick;
 exports.VegaInternalLeftNavLinkSelected = VegaInternalLeftNavLinkSelected;
+exports.VegaInternalMonthYearChange = VegaInternalMonthYearChange;
 exports.VegaInternalNestEAHierarchyTreeChange = VegaInternalNestEAHierarchyTreeChange;
 exports.VegaInternalPaginationCurrentChange = VegaInternalPaginationCurrentChange;
 exports.VegaInternalPaginationPageSizeChange = VegaInternalPaginationPageSizeChange;