@globalpayments/vega 2.20.0 → 2.21.0

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

@@ -7,13 +7,14 @@ const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const internalIconManager = require('./internal-icon-manager-26e974c2.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticRemoteInvocationCallRegistry = require('./static-remote-invocation-call-registry-d231186a.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-ed04784c.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 require('./icon-manager-a973bf0f.js');
 require('./string-21427167.js');
 require('./ui-fa68545a.js');
@@ -27,7 +28,7 @@ require('./mutation-observer-slimmer-a54ddfb1.js');
 require('./mutation-observer-filters-95cb1596.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');
@@ -8412,31 +8413,15 @@ class CountrySelectRenderer extends globalSlimmerRegistry.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 (index.h("vega-dropdown-item", { label: callingCodeWithPrefix, itemKey: countryCode, key: countryCode },
+    this.renderDropdownItem = (item, fixHeight) => {
+      return (index.h("vega-dropdown-item", { height: fixHeight, label: item.label, itemKey: item.key, key: item.key },
         index.h("vega-flex", { alignItems: "center", gap: "size-12" },
-          index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey(countryCode), size: "size-16" }),
-          index.h("vega-font", { variant: "font-field-value", color: "text-primary" }, name),
-          index.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;
+          index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey(item.key), size: "size-16" }),
+          index.h("vega-font", { variant: "font-field-value", color: "text-primary" }, COUNTRIES[item.key]),
+          index.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
@@ -8470,8 +8455,15 @@ class CountrySelectRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * rendering the JSX structure of the component. Here's a breakdown of what it is doing:
    */
   render() {
+    const countries = this.getCountrySelectOptions();
     return (index.h("vega-box", null,
-      index.h("vega-input-select", { vegaDropdownProps: { matchTargetWidth: false }, size: this.size, prefixIcon: internalIconManager.VegaInternalIconManager.getIconKey(this.countryCode), disabled: this.disabled, placeholder: "", ref: (inputSelect) => {
+      index.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: internalIconManager.VegaInternalIconManager.getIconKey(this.countryCode), disabled: this.disabled, placeholder: "", ref: (inputSelect) => {
           this.inputSelectRef = inputSelect;
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(inputSelect, vegaEventId.VegaChange, 
           /*
@@ -8482,12 +8474,8 @@ class CountrySelectRenderer extends globalSlimmerRegistry.VegaSlimmer {
           (e) => {
             this.handleCountrySelectChange(e.detail);
           });
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(inputSelect, vegaEventId.VegaSearch, (e) => {
-            this.countrySelectController.setCountryCodeSearchString(e.detail);
-          });
-        }, value: this.countryCode },
-        index.h("div", { slot: "items" },
-          index.h("div", null, this.getCountrySelectOptions().map((country) => this.renderOption(country)))))));
+          staticRemoteInvocationCallRegistry.staticRemoteInvocationCallRegistry.register(staticSubjectTitle.DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, this.renderDropdownItem.bind(this));
+        }, value: this.countryCode })));
   }
   /*
    * The below method is e2e-test covered in
@@ -8511,9 +8499,7 @@ class CountrySelectRenderer extends globalSlimmerRegistry.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
@@ -8534,6 +8520,12 @@ class CountrySelectRenderer extends globalSlimmerRegistry.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;
+  }
 }
 (() => {
   internalIconManager.VegaInternalIconManager.register(CountryFlags);
@@ -8551,9 +8543,6 @@ __decorate$4([
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], CountrySelectRenderer.prototype, "allowedCountryCodes", void 0);
-__decorate$4([
-  globalSlimmerRegistry.MapToComponentField()
-], CountrySelectRenderer.prototype, "countryCodeSearchString", void 0);
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], CountrySelectRenderer.prototype, "countrySelectController", void 0);
@@ -8618,6 +8607,7 @@ class PhoneNumberInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
         }, value: this.phoneNumberInputValue, maskConfig: {
           type: 'custom-formatter',
           formatter: this.phoneNumberMaskFormatter,
+          resetCaretPosition: true,
         } })));
   }
   /**
@@ -8676,13 +8666,22 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  */
 class CountrySelectController extends globalSlimmerRegistry.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.staticRemoteInvocationCallRegistry.register(staticSubjectTitle.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.
@@ -8696,12 +8695,10 @@ class CountrySelectController extends globalSlimmerRegistry.VegaSlimmer {
 }
 CountrySelectController.defaultCountryCode = 'US';
 CountrySelectController.defaultAllowedCountryCodes = getCountries();
-__decorate$2([
-  globalSlimmerRegistry.MapToComponentField({ writable: true })
-], CountrySelectController.prototype, "countryCodeSearchString", void 0);
 __decorate$2([
   globalSlimmerRegistry.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;
@@ -9065,7 +9062,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/cjs/vega-input-range.cjs.entry.js

@@ -6,18 +6,18 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
 const array = require('./array-6e559cde.js');
 const changeManager = require('./change-manager-ed04784c.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const ui = require('./ui-fa68545a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./vega-internal-event-id-4d32e170.js');

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

@@ -11,18 +11,18 @@ const ui = require('./ui-fa68545a.js');
 const responsiveFormatFacade = require('./responsive-format-facade-a5cfa51a.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const vegaInternalEventId = require('./vega-internal-event-id-4d32e170.js');
 const array = require('./array-6e559cde.js');
 const changeManager = require('./change-manager-ed04784c.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const chevronDown = require('./chevron-down-ca2fa88e.js');
 const internalIconManager = require('./internal-icon-manager-26e974c2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-190f6217.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 const typeGuard = require('./type-guard-4d05d4b2.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-a54ddfb1.js');
 const mutationObserverFilters = require('./mutation-observer-filters-95cb1596.js');
@@ -33,7 +33,7 @@ require('./icon-manager-a973bf0f.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');

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

@@ -12,12 +12,13 @@ const componentLoadRequired = require('./component-load-required-16d76afa.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-ed04784c.js');
 const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-22996088.js');
+const typeGuard = require('./type-guard-4d05d4b2.js');
 require('./number-459031f7.js');
 require('./string-21427167.js');
 require('./dom-node-subject-observer-factory-465e5483.js');
@@ -31,8 +32,7 @@ require('./ui-077fc009.js');
 require('./mutation-observer-slimmer-a54ddfb1.js');
 require('./mutation-observer-filters-95cb1596.js');
 require('./array-6e559cde.js');
-require('./internal-vega-event-manager-908ef630.js');
-require('./type-guard-4d05d4b2.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 
@@ -306,9 +306,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
@@ -327,16 +330,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 (typeGuard.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;
@@ -437,7 +448,7 @@ class VegaInputMaskConfigController extends stringInputFormatterSlimmer.StringIn
         stringFormatStrategy = new stringInputFormatterSlimmer.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/cjs/vega-item-toggle.cjs.entry.js

@@ -6,14 +6,14 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const ui = require('./ui-077fc009.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-d4733234.js');
 require('./change-manager-ed04784c.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./object-bbd4ed7f.js');
 
 const VegaItemToggleRuntimeMetricsPayloadDefinition = [

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

@@ -12,13 +12,13 @@ const effect = require('./effect-37695d3d.js');
 const internalIconManager = require('./internal-icon-manager-26e974c2.js');
 const zIndexManager = require('./z-index-manager-792e5b7f.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-bb190eb6.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
 const vegaInternalEventId = require('./vega-internal-event-id-4d32e170.js');
 const chevronDown = require('./chevron-down-ca2fa88e.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-ed04784c.js');
 const ui = require('./ui-fa68545a.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-d4733234.js');
@@ -27,7 +27,7 @@ require('./icon-manager-a973bf0f.js');
 require('./number-459031f7.js');
 require('./ui-077fc009.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./object-bbd4ed7f.js');
 require('./type-guard-4d05d4b2.js');
 require('./regex-c1f70fd4.js');

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

@@ -9,7 +9,7 @@ const ui = require('./ui-fa68545a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 require('./change-manager-ed04784c.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/cjs/vega-pagination.cjs.entry.js

@@ -6,14 +6,14 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const number = require('./number-459031f7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const ui = require('./ui-fa68545a.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 require('./change-manager-ed04784c.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');
@@ -252,8 +252,12 @@ const VegaPagination = class {
       switch (item) {
         case 'currentPageLabel':
           return (index.h(VegaPaginationCurrentPageLabel, { total: this.total, current: this.current, pageSize: this.pageSize }));
-        case 'pageSizeSelector':
-          return (index.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 (index.h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, onChange: this.onPageSizeSelectorChange }));
+        }
         case 'pageSelector':
           return (index.h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));
         case 'goTo':

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

@@ -7,15 +7,15 @@ const component = require('./component-c3bbaf20.js');
 const injectKeyboardManager = require('./inject-keyboard-manager-a6572de5.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const elementAppenderSlimmer = require('./element-appender-slimmer-2221d5f3.js');
 require('./keyboard-manager-802cc091.js');
 require('./ui-fa68545a.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./change-manager-ed04784c.js');
 require('./dom-node-subject-observer-factory-465e5483.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./ui-077fc009.js');
 require('./type-guard-4d05d4b2.js');
 require('./breakpoints-cb3291ba.js');

package/dist/cjs/vega-progress-tracker.cjs.entry.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-c3bbaf20.js');
 const number = require('./number-459031f7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-d4733234.js');
 require('./change-manager-ed04784c.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./object-bbd4ed7f.js');
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [

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

@@ -6,35 +6,35 @@ const index = require('./index-1299d729.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-c3bbaf20.js');
 const changeManager = require('./change-manager-ed04784c.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
 const ui = require('./ui-fa68545a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const vegaInternalEventId = require('./vega-internal-event-id-4d32e170.js');
 const requiredFieldRule = require('./required-field-rule-814cad99.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-2f21e0a1.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-b3e59267.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-a54ddfb1.js');
 const mutationObserverFilters = require('./mutation-observer-filters-95cb1596.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./page-resize-observer-slimmer-190f6217.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
+require('./array-6e559cde.js');
+require('./number-459031f7.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');
 require('./keyboard-manager-802cc091.js');
-require('./array-6e559cde.js');
-require('./number-459031f7.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;

package/dist/cjs/vega-segment-control.cjs.entry.js

@@ -6,13 +6,13 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-190f6217.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./change-manager-ed04784c.js');
 require('./dom-node-subject-observer-factory-465e5483.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 

package/dist/cjs/vega-selection-tile_2.cjs.entry.js

@@ -7,20 +7,20 @@ const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const changeManager = require('./change-manager-ed04784c.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-5907d8f1.js');
 const vegaInternalEventId = require('./vega-internal-event-id-4d32e170.js');
 const ui = require('./ui-fa68545a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-2f21e0a1.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
 const requiredFieldRule = require('./required-field-rule-814cad99.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');

package/dist/cjs/vega-signature-capture.cjs.entry.js

@@ -8,13 +8,13 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const internalIconManager = require('./internal-icon-manager-26e974c2.js');
 const component = require('./component-c3bbaf20.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const designToken = require('./design-token-7eed47ca.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-ed04784c.js');
 const object = require('./object-bbd4ed7f.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
 const requiredFieldRule = require('./required-field-rule-814cad99.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-190f6217.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
@@ -28,7 +28,7 @@ require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
 require('./state-background-color-formatter-36538496.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./string-21427167.js');
 require('./ui-fa68545a.js');
 require('./misc-0197689b.js');

package/dist/cjs/{vega-skeleton-loader-controller-38ab6039.js → vega-skeleton-loader-controller-aa3e09d6.js}

@@ -7,7 +7,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const dynamicSlimmer = require('./dynamic-slimmer-d5ea4204.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-190f6217.js');
 const index = require('./index-bf98b054.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-908ef630.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-6ba0e3ab.js');
 
 /**
  * Vega loader controller to control the loading indicator