@globalpayments/vega 2.20.0 → 2.21.0

package/dist/esm/vega-hint.entry.js

@@ -0,0 +1,34 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c3505689.js';
+import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
+import { s as sanitizeVegaComponent } from './component-40be4402.js';
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaHint = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, h("vega-box", { padding: { x: 'size-8', top: 'size-4' } }, h("vega-font", { variant: "font-footnote1-short", color: "text-secondary" }, h("slot", null)))), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaHint.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaHint.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+
+export { VegaHint as vega_hint };

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

@@ -6,15 +6,15 @@ import { R as ResponsiveFormatFacade } from './responsive-format-facade-b96ca811
 import { m as methodPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { a as VegaClick, e as VegaChange, r as VegaRemove, s as VegaCancel } from './vega-event-id-e2ea4301.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { a as VegaClick, e as VegaChange, r as VegaRemove, s as VegaCancel } from './vega-event-id-13e22d1e.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { V as VegaDialog } from './vega-dialog-controller-1f5923a6.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
 import { f as findParent, d as getDeepActiveElementInShadow } from './ui-28499aab.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
 import './type-guard-4bc3fbf5.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
@@ -28,9 +28,9 @@ import './dynamic-slimmer-ef83e258.js';
 import './vega-internal-event-id-3c684f5c.js';
 import './page-resize-observer-slimmer-e2e9f248.js';
 import './mutation-observer-slimmer-a4dbad26.js';
-import './mutation-observer-filters-8e5cb1e0.js';
-import './array-8c82516c.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './mutation-observer-filters-a484f098.js';
+import './array-506b88b9.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9818c025.js';
 import './index-dc8f8d91.js';

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

@@ -6,13 +6,13 @@ import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { e as VegaChange, t as VegaFocus, u as VegaBlur } from './vega-event-id-e2ea4301.js';
+import { e as VegaChange, t as VegaFocus, u as VegaBlur } from './vega-event-id-13e22d1e.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ca269960.js';
 import './index-dc8f8d91.js';
 import './number-e2519d1c.js';
@@ -25,9 +25,9 @@ import './page-resize-observer-slimmer-e2e9f248.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-a4dbad26.js';
-import './mutation-observer-filters-8e5cb1e0.js';
-import './array-8c82516c.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './mutation-observer-filters-a484f098.js';
+import './array-506b88b9.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './vega-env-manager-8f8dc473.js';
 import './icon-manager-6ac84741.js';
 

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

@@ -3,13 +3,14 @@ import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { a as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { e as VegaChange, k as VegaSearch, v as VegaCountryChange } from './vega-event-id-e2ea4301.js';
+import { e as VegaChange, v as VegaCountryChange } from './vega-event-id-13e22d1e.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ca269960.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { s as staticRemoteInvocationCallRegistry } from './static-remote-invocation-call-registry-56d7e6b2.js';
+import { D as DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, h as DROPDOWN_SEARCH_INTERNAL_OVERRIDEN, b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
 import './icon-manager-6ac84741.js';
 import './string-be824360.js';
 import './ui-28499aab.js';
@@ -20,10 +21,10 @@ import './page-resize-observer-slimmer-e2e9f248.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-a4dbad26.js';
-import './mutation-observer-filters-8e5cb1e0.js';
-import './array-8c82516c.js';
+import './mutation-observer-filters-a484f098.js';
+import './array-506b88b9.js';
 import './number-e2519d1c.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9818c025.js';
 import './index-dc8f8d91.js';
@@ -8408,31 +8409,15 @@ class CountrySelectRenderer extends VegaSlimmer {
       void this.inputSelectRef.doOpen();
     };
     /**
-     * This `renderOption` function is responsible for rendering a dropdown item for a specific country in
+     * This `renderDropdownItem` function is responsible for rendering a dropdown item for a specific country in
      * the `VegaInputPhoneNumberCountryCodeRenderer` component.
      */
-    this.renderOption = (countryType) => {
-      const { callingCode, countryCode, name } = countryType;
-      const callingCodeWithPrefix = `+${callingCode}`;
-      return (h("vega-dropdown-item", { label: callingCodeWithPrefix, itemKey: countryCode, key: countryCode },
+    this.renderDropdownItem = (item, fixHeight) => {
+      return (h("vega-dropdown-item", { height: fixHeight, label: item.label, itemKey: item.key, key: item.key },
         h("vega-flex", { alignItems: "center", gap: "size-12" },
-          h("vega-icon", { icon: VegaInternalIconManager.getIconKey(countryCode), size: "size-16" }),
-          h("vega-font", { variant: "font-field-value", color: "text-primary" }, name),
-          h("vega-font", { variant: "font-field-value", color: "text-primary" }, `(${callingCodeWithPrefix})`))));
-    };
-    /**
-     * The `private countrySearchFilter` function is a filter function defined within the
-     * `CountrySelectController` class. It takes a `VegaCountryType` object as input and returns a boolean
-     * value based on whether the country matches the search criteria specified by the `countryCodeSearchString`
-     * property of the class.
-     *
-     * @param {VegaCountryType} country - the country to be searched
-     * @returns {boolean} the boolean return value
-     */
-    this.countrySearchFilter = (country) => {
-      return this.countryCodeSearchString
-        ? `${country.name.toLowerCase()} +${country.callingCode}`.includes(this.countryCodeSearchString.toLowerCase())
-        : true;
+          h("vega-icon", { icon: VegaInternalIconManager.getIconKey(item.key), size: "size-16" }),
+          h("vega-font", { variant: "font-field-value", color: "text-primary" }, COUNTRIES[item.key]),
+          h("vega-font", { variant: "font-field-value", color: "text-primary" }, `(${item.label})`))));
     };
     /**
      * The `private customCountriesFilter` function is a custom filter function used to filter out
@@ -8466,8 +8451,15 @@ class CountrySelectRenderer extends VegaSlimmer {
    * rendering the JSX structure of the component. Here's a breakdown of what it is doing:
    */
   render() {
+    const countries = this.getCountrySelectOptions();
     return (h("vega-box", null,
-      h("vega-input-select", { vegaDropdownProps: { matchTargetWidth: false }, size: this.size, prefixIcon: VegaInternalIconManager.getIconKey(this.countryCode), disabled: this.disabled, placeholder: "", ref: (inputSelect) => {
+      h("vega-input-select", { source: countries.map((country) => ({
+          id: country.countryCode,
+          displayName: `+${country.callingCode}`,
+        })), vegaDropdownProps: {
+          matchTargetWidth: false,
+          size: this.estimateMaxWidthOfCountries(countries),
+        }, size: this.size, prefixIcon: VegaInternalIconManager.getIconKey(this.countryCode), disabled: this.disabled, placeholder: "", ref: (inputSelect) => {
           this.inputSelectRef = inputSelect;
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(inputSelect, VegaChange, 
           /*
@@ -8478,12 +8470,8 @@ class CountrySelectRenderer extends VegaSlimmer {
           (e) => {
             this.handleCountrySelectChange(e.detail);
           });
-          DomNodeSubjectObserverFactory.addUniqueObserverToNode(inputSelect, VegaSearch, (e) => {
-            this.countrySelectController.setCountryCodeSearchString(e.detail);
-          });
-        }, value: this.countryCode },
-        h("div", { slot: "items" },
-          h("div", null, this.getCountrySelectOptions().map((country) => this.renderOption(country)))))));
+          staticRemoteInvocationCallRegistry.register(DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, this.renderDropdownItem.bind(this));
+        }, value: this.countryCode })));
   }
   /*
    * The below method is e2e-test covered in
@@ -8507,9 +8495,7 @@ class CountrySelectRenderer extends VegaSlimmer {
    * `countrySearchFilter` filters.
    */
   getCountrySelectOptions() {
-    return this.constructCountryArray(CountrySelectRenderer.allCountries)
-      .filter(this.customCountriesFilter)
-      .filter(this.countrySearchFilter);
+    return this.constructCountryArray(CountrySelectRenderer.allCountries).filter(this.customCountriesFilter);
   }
   /**
    * The function constructCountryArray takes a list of country names and returns an array of country
@@ -8530,6 +8516,12 @@ class CountrySelectRenderer extends VegaSlimmer {
       name: countries[country],
     }));
   }
+  estimateMaxWidthOfCountries(countries) {
+    const maxLength = Math.max(...countries.map((country) => country.name.length));
+    // 162 is extra element width in dropdown-item, includes checked icon, country icon, country calling code,
+    //   and gap of item, padding of item.
+    return maxLength * 8.5 + 162;
+  }
 }
 (() => {
   VegaInternalIconManager.register(CountryFlags);
@@ -8547,9 +8539,6 @@ __decorate$4([
 __decorate$4([
   MapToComponentField()
 ], CountrySelectRenderer.prototype, "allowedCountryCodes", void 0);
-__decorate$4([
-  MapToComponentField()
-], CountrySelectRenderer.prototype, "countryCodeSearchString", void 0);
 __decorate$4([
   MapToComponentField()
 ], CountrySelectRenderer.prototype, "countrySelectController", void 0);
@@ -8614,6 +8603,7 @@ class PhoneNumberInputRenderer extends VegaSlimmer {
         }, value: this.phoneNumberInputValue, maskConfig: {
           type: 'custom-formatter',
           formatter: this.phoneNumberMaskFormatter,
+          resetCaretPosition: true,
         } })));
   }
   /**
@@ -8672,13 +8662,22 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  */
 class CountrySelectController extends VegaSlimmer {
   /**
-   * The setCountryCodeSearchString function in TypeScript sets the value of the countryCodeSearchString property.
+   * Registers a remote invocation call for a dropdown search.
+   */
+  static registerRemoteDropdownSearch() {
+    staticRemoteInvocationCallRegistry.register(DROPDOWN_SEARCH_INTERNAL_OVERRIDEN, this.filterDropdownSourcesBySearchString.bind(this));
+  }
+  /**
+   * Remote invocation call for a dropdown search.
    *
-   * @param {string} value - The `value` parameter in the `setCountryCodeSearchString` method is of type `string`
-   * and represents the new search string that will be set for the object.
+   * @param {DropdownSourceItem[]} source - Source of dropdown.
+   * @param {string} searchString - Searching string of dropdown.
+   * @returns  {DropdownSourceItem[]}  The searched source.
    */
-  setCountryCodeSearchString(value) {
-    this.countryCodeSearchString = value;
+  static filterDropdownSourcesBySearchString(source, searchString) {
+    return source.filter((item) => `${COUNTRIES[item.key].toLowerCase()} +${item.label}`
+      .toLowerCase()
+      .includes(searchString.toLowerCase()));
   }
   /**
    * The function `setCountryCode` sets the countryCode property of an object to the specified VegaCountryCode value.
@@ -8692,12 +8691,10 @@ class CountrySelectController extends VegaSlimmer {
 }
 CountrySelectController.defaultCountryCode = 'US';
 CountrySelectController.defaultAllowedCountryCodes = getCountries();
-__decorate$2([
-  MapToComponentField({ writable: true })
-], CountrySelectController.prototype, "countryCodeSearchString", void 0);
 __decorate$2([
   MapToComponentField({ writable: true })
 ], CountrySelectController.prototype, "countryCode", void 0);
+CountrySelectController.registerRemoteDropdownSearch();
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -9061,7 +9058,6 @@ const VegaInputPhoneNumber = class {
       inputContainerGetter: () => this.inputPhoneNumberRenderer.getInputPhoneNumberContainerRef(),
       touchableAreaGetter: () => [this.phoneNumberInputRenderer.getInputRef()],
     });
-    this.countryCodeSearchString = '';
     this.phoneNumberInputValue = '';
     /**
      * Specifies the label or title for the phone number input field.

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

@@ -2,18 +2,18 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { a as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { e as VegaChange } from './vega-event-id-e2ea4301.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
-import { d as isArrayEqual } from './array-8c82516c.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { e as VegaChange } from './vega-event-id-13e22d1e.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
+import { i as isArrayEqual } from './array-506b88b9.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { g as getDeviceType, D as DeviceType } from './ui-28499aab.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import './dynamic-slimmer-ef83e258.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './string-be824360.js';
 import './misc-c21a85c9.js';
 import './vega-internal-event-id-3c684f5c.js';
@@ -21,7 +21,7 @@ import './page-resize-observer-slimmer-e2e9f248.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-a4dbad26.js';
-import './mutation-observer-filters-8e5cb1e0.js';
+import './mutation-observer-filters-a484f098.js';
 import './number-e2519d1c.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9818c025.js';

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

@@ -7,21 +7,21 @@ import { a as arrayToClassString } from './ui-28499aab.js';
 import { R as ResponsiveFormatFacade } from './responsive-format-facade-b96ca811.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { l as VegaDropdownShow, m as VegaDropdownHide, b as VegaDropdownClick, n as VegaDropdownSearch, k as VegaSearch, e as VegaChange } from './vega-event-id-e2ea4301.js';
+import { l as VegaDropdownShow, m as VegaDropdownHide, b as VegaDropdownClick, n as VegaDropdownSearch, k as VegaSearch, e as VegaChange } from './vega-event-id-13e22d1e.js';
 import { b as VegaInternalDropdownTemplateItemsChange, c as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-3c684f5c.js';
-import { d as isArrayEqual } from './array-8c82516c.js';
+import { i as isArrayEqual } from './array-506b88b9.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { c as chevronUp, a as chevronDown } from './chevron-down-4303bddb.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ca269960.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e2e9f248.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
 import { M as isArrayOfType, O as isSelectSourceItemType } from './type-guard-4bc3fbf5.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-a4dbad26.js';
-import { T as TagNameMutationFilter } from './mutation-observer-filters-8e5cb1e0.js';
+import { T as TagNameMutationFilter } from './mutation-observer-filters-a484f098.js';
 import './ui-df46cc20.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
@@ -29,7 +29,7 @@ import './icon-manager-6ac84741.js';
 import './string-be824360.js';
 import './misc-c21a85c9.js';
 import './dynamic-slimmer-ef83e258.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9818c025.js';
 import './index-dc8f8d91.js';

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

@@ -8,12 +8,13 @@ import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.j
 import { a as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { e as VegaChange, t as VegaFocus, u as VegaBlur } from './vega-event-id-e2ea4301.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { e as VegaChange, t as VegaFocus, u as VegaBlur } from './vega-event-id-13e22d1e.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
 import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-c5d422e3.js';
+import { P as isNonNullable } from './type-guard-4bc3fbf5.js';
 import './number-e2519d1c.js';
 import './string-be824360.js';
 import './dom-node-subject-observer-factory-4c0f1048.js';
@@ -25,10 +26,9 @@ import './page-resize-observer-slimmer-e2e9f248.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-a4dbad26.js';
-import './mutation-observer-filters-8e5cb1e0.js';
-import './array-8c82516c.js';
-import './internal-vega-event-manager-16ece1ab.js';
-import './type-guard-4bc3fbf5.js';
+import './mutation-observer-filters-a484f098.js';
+import './array-506b88b9.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 
@@ -302,9 +302,12 @@ class CustomFormatterStrategy {
    * string formatter class that you are passing to the constructor of the class. This custom string
    * formatter class likely contains methods or properties related to formatting strings in a specific
    * way according to your requirements.
+   * @param {boolean} resetCaretPosition - The caret position should update to the last or keep the current position after format
    */
-  constructor(formatter) {
+  constructor(formatter, resetCaretPosition = false) {
+    this.resetCaretPositionFlag = false;
     this.formatter = formatter;
+    this.resetCaretPositionFlag = resetCaretPosition;
   }
   /**
    * The format function in TypeScript takes a string input and returns the formatted output using a
@@ -323,16 +326,24 @@ class CustomFormatterStrategy {
    *
    * @param {string} input - The `input` parameter in the `calculateCaretPosition` function is a string
    * that represents the text input where you want to calculate the caret position.
+   * @param {number} caretPosition - The current position of caret
    * @returns {Nullable<number>} The `calculateCaretPosition` function is returning the length of the formatted input
    * string.
    */
-  calculateCaretPosition(input) {
-    return this.format(input).length;
+  calculateCaretPosition(input, caretPosition) {
+    if (this.resetCaretPositionFlag === true) {
+      return this.format(input).length;
+    }
+    else if (isNonNullable(caretPosition)) {
+      const startValue = input.substring(0, caretPosition);
+      const maskedStartValue = this.format(startValue);
+      return caretPosition + (maskedStartValue.length - startValue.length);
+    }
   }
   /**
    * Trigger the formatter at init
    *
-   * @returns {boolean} true
+   * @returns {boolean} true or false
    */
   shouldTriggerAtInit() {
     return true;
@@ -433,7 +444,7 @@ class VegaInputMaskConfigController extends StringInputFormatterSlimmer {
         stringFormatStrategy = new StringMaskStrategy(maskConfig.options);
         break;
       case 'custom-formatter':
-        stringFormatStrategy = new CustomFormatterStrategy(maskConfig.formatter);
+        stringFormatStrategy = new CustomFormatterStrategy(maskConfig.formatter, maskConfig.resetCaretPosition);
         break;
     }
     if (this.type === 'number' && maskTrigger === 'input' && !maskConfig) {

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

@@ -2,14 +2,14 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { I as ItemToggleTransitionMillisecond } from './ui-df46cc20.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { a as VegaClick, w as VegaToggleStatus } from './vega-event-id-e2ea4301.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
+import { a as VegaClick, w as VegaToggleStatus } from './vega-event-id-13e22d1e.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-4b33f760.js';
 import './change-manager-8ddd9afe.js';
 import './dynamic-slimmer-ef83e258.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './object-261e7344.js';
 
 const VegaItemToggleRuntimeMetricsPayloadDefinition = [

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

@@ -8,13 +8,13 @@ import { e as executeAfterTransition } from './effect-8efd2c3c.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ca269960.js';
 import { Z as ZIndexManager } from './z-index-manager-7179cb75.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { y as VegaStateUpdate, z as VegaGroupClick, A as VegaMenuClick, a as VegaClick, B as VegaActionClick } from './vega-event-id-e2ea4301.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { y as VegaStateUpdate, z as VegaGroupClick, A as VegaMenuClick, a as VegaClick, B as VegaActionClick } from './vega-event-id-13e22d1e.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-120bf3c8.js';
 import { D as DomNodeSubjectObserverFactory, O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
 import { h as VegaInternalLeftNavLinkClick } from './vega-internal-event-id-3c684f5c.js';
 import { c as chevronUp, a as chevronDown } from './chevron-down-4303bddb.js';
-import { L as LEFT_NAV_LINK_SELECTED_TOPIC } from './static-subject-title-2a4d6602.js';
+import { L as LEFT_NAV_LINK_SELECTED_TOPIC } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
 import { f as findParent } from './ui-28499aab.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-4b33f760.js';
@@ -23,7 +23,7 @@ import './icon-manager-6ac84741.js';
 import './number-e2519d1c.js';
 import './ui-df46cc20.js';
 import './dynamic-slimmer-ef83e258.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './object-261e7344.js';
 import './type-guard-4bc3fbf5.js';
 import './regex-dfe11abf.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement, H as Host } from './index-c3505689.js';
-import { B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-ea4840cb.js';
-import { t as timeParse, a as timeFormat, s as second, b as timeMinute, c as timeHour, d as timeDay, e as timeMonth, f as timeSunday, g as timeYear, X as XAxisInputProcessor, Y as YAxisInputProcessor, h as XAxisDrawer, i as YAxisDrawer } from './y-axis-input-processor-1d9192ae.js';
-import { f as flatNestedArray, c as convertArrayToNestedArray, s as sortAsExistArray, a as sortArrayOrNestedArray } from './array-8c82516c.js';
+import { B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-abb0b4f4.js';
+import { t as timeParse, a as timeFormat, s as second, b as timeMinute, c as timeHour, d as timeDay, e as timeMonth, f as timeSunday, g as timeYear, X as XAxisInputProcessor, Y as YAxisInputProcessor, h as XAxisDrawer, i as YAxisDrawer } from './y-axis-input-processor-08c89594.js';
+import { f as flatNestedArray, c as convertArrayToNestedArray, s as sortAsExistArray, a as sortArrayOrNestedArray } from './array-506b88b9.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';

package/dist/esm/vega-page-notification_2.entry.js

@@ -5,7 +5,7 @@ import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { a as VegaClick } from './vega-event-id-e2ea4301.js';
+import { a as VegaClick } from './vega-event-id-13e22d1e.js';
 import './change-manager-8ddd9afe.js';
 
 const vegaPageNotificationCss = ":host{display:inline-block;box-sizing:border-box;border-radius:12px;max-width:480px;box-shadow:0 4px 8px rgba(2, 2, 15, 0.1), 0 12px 20px rgba(2, 2, 15, 0.15);animation:fade-in-right 300ms ease-in-out}:host(.mobile){width:100%;max-width:100%;animation:fade-in-up 300ms ease-in-out}:host(.vega-page-notification-fade-out){opacity:0;animation:fade-out 300ms ease-in-out}:host vega-icon{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}:host .vega-page-notification-prefix{display:flex}:host(.mobile) .vega-page-notification-prefix{padding-top:4px}:host .vega-page-notification-content{flex:1 1 0%;overflow:auto}:host .vega-page-notification-close-btn{cursor:pointer;display:inline-flex;margin-top:4px}:host(.mobile) .vega-page-notification-close-btn{padding:2px}:host .vega-page-notification-actions-container{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:24px}:host(.mobile) .vega-page-notification-actions-container{margin-top:16px}:host .vega-page-notification-title{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-page-notification-message{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;overflow-wrap:break-word;margin-top:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));border:2px solid rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}.vega-page-notification-list{display:flex;flex-direction:column;align-items:flex-end;position:fixed}.vega-page-notification-list-topRight{top:24px;right:24px}.vega-page-notification-list-bottom{left:0px;right:0px;padding-left:16px;padding-right:16px;align-items:center;bottom:0px}@keyframes fade-in-right{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}@keyframes fade-in-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes fade-out{from{opacity:1}to{opacity:0}}";

package/dist/esm/vega-pagination.entry.js

@@ -2,14 +2,14 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { n as normalizeNumberByRanger, c as convertToNumber } from './number-e2519d1c.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { o as VegaFormSubmit, u as VegaBlur, e as VegaChange, a as VegaClick, C as VegaPageSizeChange } from './vega-event-id-e2ea4301.js';
+import { o as VegaFormSubmit, u as VegaBlur, e as VegaChange, a as VegaClick, C as VegaPageSizeChange } from './vega-event-id-13e22d1e.js';
 import { a as arrayToClassString } from './ui-28499aab.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
 import './change-manager-8ddd9afe.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9818c025.js';
 import './index-dc8f8d91.js';
@@ -248,8 +248,12 @@ const VegaPagination = class {
       switch (item) {
         case 'currentPageLabel':
           return (h(VegaPaginationCurrentPageLabel, { total: this.total, current: this.current, pageSize: this.pageSize }));
-        case 'pageSizeSelector':
-          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: this.pageSizeSelectorOptions, onChange: this.onPageSizeSelectorChange }));
+        case 'pageSizeSelector': {
+          const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
+            ? this.pageSizeSelectorOptions
+            : [...this.pageSizeSelectorOptions, this.pageSize];
+          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, onChange: this.onPageSizeSelectorChange }));
+        }
         case 'pageSelector':
           return (h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));
         case 'goTo':

package/dist/esm/vega-pie-chart.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, g as getElement, H as Host } from './index-c3505689.js';
-import { h as array, t as tau, j as constant, I as InteractingEntryGenerator, k as d3Select, B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-ea4840cb.js';
+import { h as array, t as tau, j as constant, I as InteractingEntryGenerator, k as d3Select, B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-abb0b4f4.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
-import './array-8c82516c.js';
+import './array-506b88b9.js';
 import './number-e2519d1c.js';
 import './typography-a8fc4764.js';
 import './pixel-f32c07ce.js';

package/dist/esm/vega-popover_2.entry.js

@@ -3,15 +3,15 @@ import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { I as InjectKeyboardManager } from './inject-keyboard-manager-09215243.js';
 import { a as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { D as VegaPopoverShow, E as VegaPopoverHide } from './vega-event-id-e2ea4301.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { D as VegaPopoverShow, E as VegaPopoverHide } from './vega-event-id-13e22d1e.js';
 import { E as ElementAppenderSlimmer } from './element-appender-slimmer-4b08a52e.js';
 import './keyboard-manager-bf9284d2.js';
 import './ui-28499aab.js';
 import './dynamic-slimmer-ef83e258.js';
 import './change-manager-8ddd9afe.js';
 import './dom-node-subject-observer-factory-4c0f1048.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './ui-df46cc20.js';
 import './type-guard-4bc3fbf5.js';
 import './breakpoints-e59edf8d.js';