@globalpayments/vega 2.24.2 → 2.26.0

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

@@ -1,33 +1,33 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
-import { F as FeatureFlag } from './feature-flag-controller-9be58397.js';
+import { F as FeatureFlag } from './feature-flag-controller-a5fe5022.js';
 import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './regex-dfe11abf.js';
 import { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-232f2986.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bf7441bd.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { e as VegaChange, x as VegaBlur, w as VegaFocus } from './vega-event-id-728eb2ac.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d3883004.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { e as VegaChange, y as VegaBlur, x as VegaFocus } from './vega-event-id-7465a011.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
 import './index-0863eec6.js';
 import './number-e2519d1c.js';
 import './string-be824360.js';
-import './ui-153f4ae7.js';
+import './ui-0132dbb5.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-809b4ec8.js';
+import './vega-internal-event-id-7e05cf4a.js';
 import './page-resize-observer-slimmer-8caeb03b.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
 import './icon-manager-754cda3f.js';
 import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';

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

@@ -2,22 +2,22 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { e as VegaChange, y as VegaCountryChange } from './vega-event-id-728eb2ac.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { e as VegaChange, z as VegaCountryChange } from './vega-event-id-7465a011.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
-import { s as staticRemoteInvocationCallRegistry } from './static-remote-invocation-call-registry-651b0701.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 { r as remoteInvocationRegistry } from './remote-invocation-registry-cf9c81bb.js';
+import { d as VegaDropdownRenderItemInternalOverridden, e as VegaDropdownSearchInternalOverridden } from './vega-internal-event-id-7e05cf4a.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bf7441bd.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d3883004.js';
+import './ui-0132dbb5.js';
 import './icon-manager-754cda3f.js';
 import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './string-be824360.js';
-import './ui-153f4ae7.js';
-import './vega-internal-event-id-809b4ec8.js';
 import './page-resize-observer-slimmer-8caeb03b.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
@@ -25,9 +25,9 @@ import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
 import './number-e2519d1c.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-a5fe5022.js';
 import './index-0863eec6.js';
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -8471,7 +8471,7 @@ class CountrySelectRenderer extends VegaSlimmer {
           (e) => {
             this.handleCountrySelectChange(e.detail);
           });
-          staticRemoteInvocationCallRegistry.register(DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, this.renderDropdownItem.bind(this));
+          remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaDropdownRenderItemInternalOverridden), this.renderDropdownItem.bind(this));
         }, value: this.countryCode })));
   }
   /*
@@ -8528,6 +8528,9 @@ class CountrySelectRenderer extends VegaSlimmer {
   VegaInternalIconManager.register(CountryFlags);
 })();
 CountrySelectRenderer.allCountries = COUNTRIES;
+__decorate$4([
+  MapToComponentField()
+], CountrySelectRenderer.prototype, "host", void 0);
 __decorate$4([
   MapToComponentField()
 ], CountrySelectRenderer.prototype, "size", void 0);
@@ -8662,11 +8665,26 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  * countryCode properties.
  */
 class CountrySelectController extends VegaSlimmer {
+  /**
+   * Component lifecycle - connectedCallback
+   */
+  connectedCallback() {
+    this.registerRemoteDropdownSearch();
+  }
+  /**
+   * The function `setCountryCode` sets the countryCode property of an object to the specified VegaCountryCode value.
+   *
+   * @param {VegaCountryCode} countryCode - The `countryCode` parameter is of type `VegaCountryCode`, which is likely a
+   * custom data type representing a country code.
+   */
+  setCountryCode(countryCode) {
+    this.countryCode = countryCode;
+  }
   /**
    * Registers a remote invocation call for a dropdown search.
    */
-  static registerRemoteDropdownSearch() {
-    staticRemoteInvocationCallRegistry.register(DROPDOWN_SEARCH_INTERNAL_OVERRIDEN, this.filterDropdownSourcesBySearchString.bind(this));
+  registerRemoteDropdownSearch() {
+    remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaDropdownSearchInternalOverridden), this.filterDropdownSourcesBySearchString.bind(this));
   }
   /**
    * Remote invocation call for a dropdown search.
@@ -8675,27 +8693,23 @@ class CountrySelectController extends VegaSlimmer {
    * @param {string} searchString - Searching string of dropdown.
    * @returns  {DropdownSourceItem[]}  The searched source.
    */
-  static filterDropdownSourcesBySearchString(source, searchString) {
+  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.
-   *
-   * @param {VegaCountryCode} countryCode - The `countryCode` parameter is of type `VegaCountryCode`, which is likely a
-   * custom data type representing a country code.
-   */
-  setCountryCode(countryCode) {
-    this.countryCode = countryCode;
-  }
 }
 CountrySelectController.defaultCountryCode = 'US';
 CountrySelectController.defaultAllowedCountryCodes = getCountries();
 __decorate$2([
   MapToComponentField({ writable: true })
 ], CountrySelectController.prototype, "countryCode", void 0);
-CountrySelectController.registerRemoteDropdownSearch();
+__decorate$2([
+  MapToComponentField()
+], CountrySelectController.prototype, "host", void 0);
+__decorate$2([
+  MapToComponentMethod('connectedCallback')
+], CountrySelectController.prototype, "connectedCallback", null);
 
 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;
@@ -8732,19 +8746,23 @@ class VegaInputPhoneNumberValueController extends VegaSlimmer {
     this.updateValue(this.value);
   }
   /**
-   * The `watchValue` function emits a change event with the provided value and notifies the
-   * ChangeManager about the form element value change.
+   * The `watchValue` function updates a value and emits change events based on certain conditions.
    *
-   * @param {string} value - The `value` parameter is a string that represents the value being watched or
-   * monitored.
+   * @param {string} newValue - The `newValue` parameter represents the new value that is being watched
+   * for changes.
+   * @param {string} oldValue - The `oldValue` parameter in the `watchValue` function represents the
+   * previous value before the update. It is used to compare with the new value (`newValue`) to determine
+   * if there has been a change in the value.
    */
-  watchValue(value) {
-    this.updateValue(value);
-    this.changeEventEmitter.emit(value);
-    ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
-      host: this.host,
-      detail: value,
-    });
+  watchValue(newValue, oldValue) {
+    this.updateValue(newValue);
+    if (oldValue && oldValue !== this.value) {
+      this.changeEventEmitter.emit(this.value);
+      ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
+        host: this.host,
+        detail: this.value,
+      });
+    }
   }
   /**
    * The function `getCallingCodePrefix` returns the calling code prefix for a given country code.
@@ -9109,6 +9127,7 @@ const VegaInputPhoneNumber = class {
     /**
      * Specifies the value of the phone number input in [E.164]{@link https://en.wikipedia.org/wiki/E.164} format.
      *
+     * @VegaWarning Note: The input phone number field will always have a value. If no phone number is entered, the default format is `+{default_country_code}`. For example, if the default country code is US, the default value will be `+1`.
      * @version 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
@@ -9144,7 +9163,7 @@ const VegaInputPhoneNumber = class {
   }
   watchCountryCode(newCountryCode, oldCountryCode) {
   }
-  watchValue(value) {
+  watchValue(newValue, oldValue) {
   }
   watchValidationRules() {
   }

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

@@ -2,21 +2,21 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
-import { e as VegaChange } from './vega-event-id-728eb2ac.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { e as VegaChange } from './vega-event-id-7465a011.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bf7441bd.js';
 import { i as isArrayEqual } from './array-506b88b9.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
-import { g as getDeviceType, D as DeviceType } from './ui-153f4ae7.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { g as getDeviceType, D as DeviceType } from './ui-0132dbb5.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d3883004.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './internal-vega-event-manager-722461c1.js';
 import './string-be824360.js';
 import './misc-9fdbcfbb.js';
-import './vega-internal-event-id-809b4ec8.js';
+import './vega-internal-event-id-7e05cf4a.js';
 import './page-resize-observer-slimmer-8caeb03b.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
@@ -24,7 +24,7 @@ import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './number-e2519d1c.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-a5fe5022.js';
 import './index-0863eec6.js';
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -3,23 +3,23 @@ import { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { a as arrayToClassString } from './ui-153f4ae7.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.js';
+import { a as arrayToClassString } from './ui-0132dbb5.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-4488d609.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { l as VegaDropdownShow, m as VegaDropdownHide, b as VegaDropdownClick, n as VegaDropdownSearch, e as VegaChange, k as VegaSearch } from './vega-event-id-728eb2ac.js';
-import { b as VegaInternalDropdownTemplateItemsChange, c as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-809b4ec8.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { l as VegaDropdownShow, m as VegaDropdownHide, b as VegaDropdownClick, n as VegaDropdownSearch, e as VegaChange, k as VegaSearch } from './vega-event-id-7465a011.js';
+import { b as VegaInternalDropdownTemplateItemsChange, c as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-7e05cf4a.js';
 import { i as isArrayEqual } from './array-506b88b9.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.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-ebe6ecf4.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bf7441bd.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d2435342.js';
-import { M as isArrayOfType, O as isSelectSourceItemType } from './type-guard-4bc3fbf5.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d3883004.js';
+import { N as isArrayOfType, P as isSelectSourceItemType } from './type-guard-467c9e3e.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-9086b5cc.js';
 import './ui-df46cc20.js';
@@ -30,9 +30,9 @@ import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './string-be824360.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-a5fe5022.js';
 import './index-0863eec6.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';

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

@@ -8,27 +8,27 @@ import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.j
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
-import { e as VegaChange, w as VegaFocus, x as VegaBlur } from './vega-event-id-728eb2ac.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bf7441bd.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { e as VegaChange, x as VegaFocus, y as VegaBlur, o as VegaLabelButtonClick } from './vega-event-id-7465a011.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-7170d6b3.js';
-import { P as isNonNullable } from './type-guard-4bc3fbf5.js';
+import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-633271ed.js';
+import { M as isNonNullable } from './type-guard-467c9e3e.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
 import './number-e2519d1c.js';
 import './string-be824360.js';
-import './dom-node-subject-observer-factory-926991a9.js';
-import './ui-153f4ae7.js';
+import './ui-0132dbb5.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-809b4ec8.js';
+import './vega-internal-event-id-7e05cf4a.js';
 import './page-resize-observer-slimmer-8caeb03b.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './internal-vega-event-manager-722461c1.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 
@@ -628,6 +628,8 @@ const VegaInput = class {
     this.blur = createEvent(this, "blur", 7);
     this.vegaFocus = createEvent(this, "vegaFocus", 7);
     this.focus = createEvent(this, "focus", 7);
+    this.vegaLabelButtonClick = createEvent(this, "vegaLabelButtonClick", 7);
+    this.labelButtonClick = createEvent(this, "labelButtonClick", 7);
     this.globalSlimmers = {};
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
@@ -672,6 +674,7 @@ const VegaInput = class {
     this.changeEventEmitter = createEventEmitSlimmer(VegaInput, VegaChange);
     this.focusEventEmitter = createEventEmitSlimmer(VegaInput, VegaFocus);
     this.blurEventEmitter = createEventEmitSlimmer(VegaInput, VegaBlur);
+    this.labelButtonClickEventEmitter = createEventEmitSlimmer(VegaInput, VegaLabelButtonClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaInputRuntimeMetricsPayloadDefinition);
     /**
      * Specifies the label or title for the input field.
@@ -682,6 +685,15 @@ const VegaInput = class {
      * @version 1.0.5
      */
     this.label = '';
+    /**
+     * Specifies the properties for the suffix button associated with the input.
+     *
+     * It provides essential information and functionality
+     *  related to the suffix button's role and behavior.
+     *
+     * @version 2.25.0
+     */
+    this.labelSuffixButtonProps = null;
     /**
      * Represents a pre-set or default value for the input field.
      *
@@ -865,6 +877,9 @@ const VegaInput = class {
         this.value = e.target.value;
       }
     };
+    this.handleLabelButtonClick = () => {
+      this.labelButtonClickEventEmitter.emit();
+    };
   }
   /**
    * The input component is embedded in other components.
@@ -936,7 +951,9 @@ const VegaInput = class {
     return (h("div", { class: "vega-input", part: "container-wrapper" }, this.renderLabelDom(), h("div", { ref: (e) => (this.inputContainerRef = e), part: "input-container", class: containerClass, onClick: this.focusInput, "aria-label": "input container", role: "textbox", tabIndex: !this.disabled ? -1 : null, onKeyDown: createEnterKeyHandlerToTriggerClick() }, this.prefixSlotRenderer.render(), this.containerDom(), this.showClearIcon && this.renderClearIcon()), this.renderHintDom()));
   }
   renderLabelDom() {
-    return (h("vega-field-label", { onClick: this.focusInput, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
+    return (h("vega-field-label", { onClick: this.focusInput, "is-field-required": this.required, disabled: this.disabled, label: this.label, suffixButtonProps: this.labelSuffixButtonProps, ref: (node) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, VegaLabelButtonClick, this.handleLabelButtonClick);
+      } }));
   }
   renderClearIcon() {
     return (h("div", { class: {
@@ -978,6 +995,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "blurEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInput.prototype, "labelButtonClickEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

package/dist/esm/{vega-internal-event-id-809b4ec8.js → vega-internal-event-id-7e05cf4a.js}

@@ -29,5 +29,7 @@ const VegaInternalDropdownTemplateItemsChange = new VegaInternalEventID('dropdow
 const VegaInternalTableRowSelect = new VegaInternalEventID('tableRowSelect');
 const VegaInternalTableRowSelectAll = new VegaInternalEventID('tableRowSelectAll');
 const VegaInternalTableRowExpand = new VegaInternalEventID('tableRowExpand');
+const VegaDropdownRenderItemInternalOverridden = new VegaInternalEventID('dropdownRenderItemInternalOverridden');
+const VegaDropdownSearchInternalOverridden = new VegaInternalEventID('VegaDropdownSearchInternalOverridden');
 
-export { VegaInternalFieldErrorStateChange as V, VegaInternalValid as a, VegaInternalDropdownTemplateItemsChange as b, VegaInternalVirtualScrollToBottom as c, VegaInternalButtonGroupClick as d, VegaInternalSubStatePull as e, VegaInternalSubStatePush as f, VegaInternalCalendarMonthEventsChange as g, VegaInternalLeftNavLinkClick as h, VegaInternalTableRowExpand as i, VegaInternalTableRowSelect as j, VegaInternalTableRowSelectAll as k };
+export { VegaInternalFieldErrorStateChange as V, VegaInternalValid as a, VegaInternalDropdownTemplateItemsChange as b, VegaInternalVirtualScrollToBottom as c, VegaDropdownRenderItemInternalOverridden as d, VegaDropdownSearchInternalOverridden as e, VegaInternalButtonGroupClick as f, VegaInternalSubStatePull as g, VegaInternalSubStatePush as h, VegaInternalCalendarMonthEventsChange as i, VegaInternalLeftNavLinkClick as j, VegaInternalTableRowExpand as k, VegaInternalTableRowSelect as l, VegaInternalTableRowSelectAll as m };

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

@@ -1,15 +1,16 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { I as ItemToggleTransitionMillisecond } from './ui-df46cc20.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { z as VegaToggleStatus, a as VegaClick } from './vega-event-id-728eb2ac.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { A as VegaToggleStatus, a as VegaClick } from './vega-event-id-7465a011.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
 import './change-manager-6a7eb88c.js';
+import './ui-0132dbb5.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './internal-vega-event-manager-722461c1.js';
 import './object-261e7344.js';
 
 const VegaItemToggleRuntimeMetricsPayloadDefinition = [

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

@@ -5,34 +5,36 @@ import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
 import { e as executeAfterTransition } from './effect-8efd2c3c.js';
+import { F as FeatureFlag } from './feature-flag-controller-a5fe5022.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-79be1c60.js';
-import { B as VegaStateUpdate, C as VegaGroupClick, D as VegaMenuClick, a as VegaClick, E as VegaActionClick } from './vega-event-id-728eb2ac.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { C as VegaStateUpdate, D as VegaGroupClick, E as VegaMenuClick, a as VegaClick, F as VegaActionClick } from './vega-event-id-7465a011.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-000e0c11.js';
-import { D as DomNodeSubjectObserverFactory, O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { h as VegaInternalLeftNavLinkClick } from './vega-internal-event-id-809b4ec8.js';
+import { D as DomNodeSubjectObserverFactory, O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { j as VegaInternalLeftNavLinkClick } from './vega-internal-event-id-7e05cf4a.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-2e153754.js';
+import { L as LEFT_NAV_LINK_SELECTED_TOPIC } from './static-subject-title-2a4d6602.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { f as findParent } from './ui-153f4ae7.js';
+import { f as findParent } from './ui-0132dbb5.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
-import { f as formatAndValidResponsiveToken } from './design-token-abcaac42.js';
+import { f as formatAndValidResponsiveToken } from './design-token-44525832.js';
+import './index-0863eec6.js';
 import './icon-manager-754cda3f.js';
 import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './number-e2519d1c.js';
 import './ui-df46cc20.js';
-import './internal-vega-event-manager-c17ae641.js';
+import './internal-vega-event-manager-722461c1.js';
 import './object-261e7344.js';
-import './type-guard-4bc3fbf5.js';
+import './type-guard-467c9e3e.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-2fcb7c02.js';
+import './responsive-format-facade-4488d609.js';
 import './pixel-f32c07ce.js';
-import './state-background-color-formatter-0f86292d.js';
+import './state-background-color-formatter-de7e6522.js';
 
 var __decorate$i = (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;
@@ -60,7 +62,15 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
    */
   /* istanbul ignore next */
   componentDidLoad() {
-    this.open === true ? (this.openState = 'open') : (this.openState = 'close');
+    if (this.open === true) {
+      this.openState = 'open';
+      if (FeatureFlag.isEnabled('VEGA_LEFT_NAV.DISABLE_ANIMATION_ON_LOAD')) {
+        this.host.classList.add('disableAnimation');
+      }
+    }
+    else {
+      this.openState = 'close';
+    }
   }
   /** Call this method to toggle the left nav menu */
   async toggle() {
@@ -81,6 +91,10 @@ class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
     else {
       this.open = false;
+      if (FeatureFlag.isEnabled('VEGA_LEFT_NAV.DISABLE_ANIMATION_ON_LOAD') &&
+        this.host.classList.contains('disableAnimation')) {
+        this.host.classList.remove('disableAnimation');
+      }
     }
     this.stateUpdateEventEmitter.emit(this.openState);
   }
@@ -415,7 +429,7 @@ __decorate$d([
   MapToComponentField()
 ], VegaNavListRenderer.prototype, "source", void 0);
 
-const vegaLeftNavContentCss = ".vega-left-nav-content{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms;transition-property:margin}.vega-left-nav-content.open{margin-left:300px}";
+const vegaLeftNavContentCss = ".vega-left-nav-content{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms;transition-property:margin}vega-left-nav.disableAnimation+.vega-left-nav-content.open{transition-duration:0s}.vega-left-nav-content.open{margin-left:300px}";
 
 var __decorate$c = (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;
@@ -492,7 +506,7 @@ const VegaLeftNavRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-const vegaLeftNavCss = ":host{display:none;flex-direction:column;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));position:fixed;top:0px;right:0px;bottom:0px;left:0px;text-align:left;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);width:300px;transition-duration:200ms;transition-property:transform;transform:translateX(-320px)}:host(.open){transform:translateX(0px)}.header-container{padding-left:24px;padding-right:24px;padding-top:24px;padding-bottom:16px}.header-container .header-title{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:28px;font-weight:700;line-height:36px;letter-spacing:0px}}.header-container .header-subtitle{color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;margin-top:2px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.header-container .header-subtitle{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){.header-container .header-subtitle{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){.header-container .header-subtitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}.header-footer-separator-container{padding-left:12px;padding-right:12px}.header-footer-separator{width:100%;height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}.vega-nav-list-container{flex-grow:1;padding-left:12px;padding-right:12px;padding-top:12px;overflow-y:auto;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-nav-list-container .vega-links-icon .prefix-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:20px;height:20px}a .vega-links-name{flex:1 1 0%;overflow:hidden;overflow-wrap:break-word}.footer-container{padding-top:16px;padding-bottom:16px;padding-left:24px;padding-right:24px}.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}body.vega-overflow-hidden{overflow:hidden}.header-container vega-icon{width:142px;height:26px}.header-container vega-icon[icon=\"v-internal-icon heartland-logo\"]+.header-subtitle{margin-top:8px}";
+const vegaLeftNavCss = ":host{display:none;flex-direction:column;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));position:fixed;top:0px;right:0px;bottom:0px;left:0px;text-align:left;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);width:300px;transition-duration:200ms;transition-property:transform;transform:translateX(-320px)}:host(.open.disableAnimation){transition-duration:0s}:host(.open){transform:translateX(0px)}.header-container{padding-left:24px;padding-right:24px;padding-top:24px;padding-bottom:16px}.header-container .header-title{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.header-container .header-title{font-family:\"Inter\", sans-serif;font-size:28px;font-weight:700;line-height:36px;letter-spacing:0px}}.header-container .header-subtitle{color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;margin-top:2px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.header-container .header-subtitle{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){.header-container .header-subtitle{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){.header-container .header-subtitle{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}.header-footer-separator-container{padding-left:12px;padding-right:12px}.header-footer-separator{width:100%;height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}.vega-nav-list-container{flex-grow:1;padding-left:12px;padding-right:12px;padding-top:12px;overflow-y:auto;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-nav-list-container .vega-links-icon .prefix-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:20px;height:20px}a .vega-links-name{flex:1 1 0%;overflow:hidden;overflow-wrap:break-word}.footer-container{padding-top:16px;padding-bottom:16px;padding-left:24px;padding-right:24px}.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.footer-container .footer-footnote{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}body.vega-overflow-hidden{overflow:hidden}.header-container vega-icon{width:142px;height:26px}.header-container vega-icon[icon=\"v-internal-icon heartland-logo\"]+.header-subtitle{margin-top:8px}";
 
 var __decorate$b = (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/esm/vega-loader-wrapper_2.entry.js

@@ -2,11 +2,11 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-18
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { a as arrayToClassString } from './ui-153f4ae7.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.js';
+import { a as arrayToClassString } from './ui-0132dbb5.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-4488d609.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import './type-guard-4bc3fbf5.js';
+import './type-guard-467c9e3e.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-153f4ae7.js';
+import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-0132dbb5.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { a as VegaClick } from './vega-event-id-728eb2ac.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { a as VegaClick } from './vega-event-id-7465a011.js';
 import './change-manager-6a7eb88c.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}}";