@globalpayments/vega 2.24.0 → 2.24.2

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

@@ -1,5 +1,5 @@
 import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-187f71d1.js';
-import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
+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';
@@ -7,7 +7,7 @@ import { a as arrayToClassString } from './ui-153f4ae7.js';
 import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.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-6ac7ca51.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 { i as isArrayEqual } from './array-506b88b9.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
@@ -17,8 +17,8 @@ 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 { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.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 { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-9086b5cc.js';
@@ -30,7 +30,7 @@ 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-c16aea68.js';
+import './internal-vega-event-manager-c17ae641.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -675,10 +675,14 @@ const VegaInputSelect = class {
      *
      * It provides descriptive text that helps identify the purpose or
      *    content expected in the input select field.
+     *
+     * @version 1.3.0
      */
     this.label = '';
     /**
      * Determines whether the input select field is required.
+     *
+     * @version 1.0.7
      */
     this.required = false;
     /**
@@ -686,17 +690,23 @@ const VegaInputSelect = class {
      *    select field when multiple items are selected.
      *    The default format for the selected label is
      *    `${number of selected items} Selected`.
+     *
+     * @version 1.35.0
      */
     this.selectedLabel = (value) => `${value.length} Selected`;
     /**
      * Controls the selection capabilities of the associated dropdown menu.
+     *
+     * @version 1.35.0
      */
     this.selectType = 'single';
     /**
      * Specifies the dataset used to populate the options
      *    available in the select input dropdown menu.
+     *
+     * @version 1.0.7
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.source = [];
     /**
      * Specifies the ID of the item selected from the source data
@@ -705,30 +715,40 @@ const VegaInputSelect = class {
      * The ID should be unique within the source collection to
      *    correctly associate the chosen option with its
      *    corresponding data entry.
+     *
+     * @version 1.0.7
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.selectType === 'multiple' ? [] : '';
     /**
      * Indicates the current validation status of the user's selection
      *    from the dropdown menu.
+     *
+     * @version 1.3.0
      */
-    /* eslint-disable @stencil/strict-mutable */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * Specifies whether the system should automatically carry out
      *    validation checks on the user's selection in real-time,
      *    ensuring that the input adheres to predefined criteria before
      *    submission or proceeding further.
+     *
+     * @version 1.0.11
      */
     this.autoValidation = true;
     /**
      * Allows setting custom criteria or constraints that
      *    the user's selection in the dropdown menu must
      *    comply with.
+     *
+     * @version 1.0.11
      */
     this.validationRules = [];
     /**
      * Specifies whether the input select field is disabled.
+     *
+     * @version 1.3.0
      */
     this.disabled = false;
     /**
@@ -736,6 +756,8 @@ const VegaInputSelect = class {
      *    example inside the input select field.
      *
      * It indicates the expected format or pattern of the input.
+     *
+     * @version 1.0.7
      */
     this.placeholder = 'Please select';
     /**
@@ -743,10 +765,14 @@ const VegaInputSelect = class {
      *    in the input select element.
      *
      * You can specify custom properties and their corresponding values as needed.
+     *
+     * @version 1.3.0
      */
     this.vegaDropdownProps = {};
     /**
      * Defines the size of the input select field.
+     *
+     * @version 1.18.0
      */
     this.size = 'default';
   }
@@ -761,18 +787,24 @@ const VegaInputSelect = class {
   /**
    * Invoke this method to close the select dropdown and clear
    *    the dropdown element reference.
+   *
+   * @version 1.0.7
    */
   async doClose() {
     await this.vegaInputSelectDropdownRenderer.hide();
   }
   /**
    * Invoke this method to open the select dropdown.
+   *
+   * @version 1.0.7
    */
   async doOpen() {
     await this.vegaInputSelectDropdownRenderer.show();
   }
   /**
    * Invoke this method to change the ID of the select source item.
+   *
+   * @version 1.0.7
    */
   async doChange(value) {
     this.vegaInputSelectValueController.setValue(value);

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
 import { M as MinNumberRule, a as MaxNumberRule } from './min-number-rule-88e546e5.js';
 import { M as MinStringLengthRule, a as MaxStringLengthRule } from './min-string-length-rule-27a8ba07.js';
-import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
+import { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
@@ -9,8 +9,8 @@ import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } fr
 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-e952b0b0.js';
-import { e as VegaChange, t as VegaFocus, u as VegaBlur } from './vega-event-id-6ac7ca51.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 { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-7170d6b3.js';
@@ -28,7 +28,7 @@ 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-c16aea68.js';
+import './internal-vega-event-manager-c17ae641.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 
@@ -678,6 +678,8 @@ const VegaInput = class {
      *
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the input field.
+     *
+     * @version 1.0.5
      */
     this.label = '';
     /**
@@ -689,12 +691,17 @@ const VegaInput = class {
      *
      * If the value is too long, it may be truncated with
      *    an ellipsis for visual presentation.
+     *
+     * @version 1.0.5
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
     /**
      * Specifies when the vegaChange event is triggered.
      *     It controls whether the event is dispatched
      *     after typing in the input or after a change event.
+     *
+     * @version 2.24.0
      */
     this.valueUpdateTrigger = 'input';
     /**
@@ -702,17 +709,23 @@ const VegaInput = class {
      *
      * It specifies the intended format or purpose of the
      *    data to be entered by the user.
+     *
+     * @version 1.0.9
      */
     this.type = 'text';
     /**
      * Defines the specific name of the input field.
      *
+     *
+     * @version 1.0.5
      */
     this.name = '';
     /**
      * Controls the autofill behavior and specifies whether the
      *    input should receive automated suggestions or
      *    previously entered values.
+     *
+     * @version 1.0.5
      */
     this.autocomplete = 'off';
     /**
@@ -722,64 +735,91 @@ const VegaInput = class {
      *    standard email formatting rules.
      *
      * @deprecated Please use `type='email'` instead.
+     * @version 1.0.5
      */
     this.email = false;
     /**
      * Determines whether the input field is required.
+     *
+     * @version 1.0.5
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
      * Sets the minimum allowable numeric value for the input value.
+     *
+     * @version 1.0.5
      */
     this.min = null;
     /**
      * Sets the maximum allowable numeric value for the input value.
+     *
+     * @version 1.0.5
      */
     this.max = null;
     /**
      * Sets the minimum length requirement for the input value.
+     *
+     * @version 1.0.5
      */
     this.minLength = null;
     /**
      * Sets the maximum length requirement for the input value.
+     *
+     * @version 1.0.5
      */
     this.maxLength = null;
     /**
      * Determines whether the clear icon should be displayed or hidden.
+     *
+     * @version 1.3.0
      */
     this.showClearIcon = true;
     /**
      * Indicates whether the current value in the field is considered valid or
      *    invalid based on the defined validation rules.
+     *
+     * @version 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * Determines whether the input field should undergo automatic validation
      *    during the user's input.
+     *
+     * @version 1.0.10
      */
     this.autoValidation = true;
     /**
      * Defines custom validation rules for the input field.
+     *
+     * @version 1.0.10
      */
     this.validationRules = [];
     /**
      * Defines the size of the input field,
      *    specifying its width or length.
+     *
+     * @version 1.3.0
      */
     this.size = 'default';
     /**
      * Determines whether the input field is disabled.
+     *
+     * @version 1.3.0
      */
     this.disabled = false;
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the input field.
+     *
+     * @version 1.3.0
      */
     this.hint = '';
     /**
      * Controls whether copying or pasting is enabled for the input.
+     *
+     * @version 2.1.0
      */
     this.disableCopyPaste = false;
     this.focusInput = () => {
@@ -861,12 +901,16 @@ const VegaInput = class {
   }
   /**
    * Invoke this method to focus the current input.
+   *
+   * @version 1.12.0
    */
   async doFocus() {
     this.focusInput();
   }
   /**
    * Invoke this method to blur the current input.
+   *
+   * @version 1.12.0
    */
   async doBlur() {
     this.inputRef.blur();

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

@@ -2,14 +2,14 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { I as ItemToggleTransitionMillisecond } from './ui-df46cc20.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { w as VegaToggleStatus, a as VegaClick } from './vega-event-id-6ac7ca51.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.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 { 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 './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-c17ae641.js';
 import './object-261e7344.js';
 
 const VegaItemToggleRuntimeMetricsPayloadDefinition = [
@@ -74,15 +74,22 @@ const VegaItemToggle = class {
     /**
      * Defines the labels and icons associated with the toggle states.
      * @deprecated This property will be removed soon and replaced by prop statusMap
+     *
+     * @version 1.3.0
      */
     this.itemToggleStatusMap = VegaItemToggle.defaultStatusMap;
     /**
      * Defines the labels and icons associated with the toggle states.
+     *
+     * @version 2.2.0
      */
     this.statusMap = VegaItemToggle.defaultStatusMap;
     /**
      * Determines whether the item is toggled on.
+     *
+     * @version 1.3.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isToggled = false;
     this.handleToggle = () => {
       if (!this.isTogglingOrUnToggling()) {

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

@@ -8,8 +8,8 @@ import { e as executeAfterTransition } from './effect-8efd2c3c.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-e952b0b0.js';
-import { y as VegaStateUpdate, z as VegaGroupClick, A as VegaMenuClick, a as VegaClick, B as VegaActionClick } from './vega-event-id-6ac7ca51.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 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';
@@ -25,7 +25,7 @@ import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './number-e2519d1c.js';
 import './ui-df46cc20.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-c17ae641.js';
 import './object-261e7344.js';
 import './type-guard-4bc3fbf5.js';
 import './regex-dfe11abf.js';
@@ -523,18 +523,24 @@ const VegaLeftNav = class {
     this.openState = 'close';
     /**
      * Determines whether the left navigation is expanded or collapsed.
+     *
+     * @version 1.39.2
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.open = false;
     /**
      * Specifies the configuration options for the header within the left-nav.
      *
      * You can use this property to define a custom title and subtitle.
+     *
+     * @version 1.31.0
      */
     this.headerConfig = {};
     /**
      * Provides additional information or context in the form of
      *    a footnote in the left-nav footer.
+     *
+     * @version 1.31.0
      */
     this.footnote = '';
     /**
@@ -547,9 +553,13 @@ const VegaLeftNav = class {
      *    property is set to `false` within the `vega-left-nav` component. Additionally, enclose all content
      *    within an element possessing the class `vega-left-nav-content` immediately following the
      *    `vega-left-nav` component.
+     *
+     * @version 1.33.0
      */
     this.showAsOverlay = true;
-    /** Determines whether the left navigation automatically collapses when the left navigation link is clicked in overlay mode. */
+    /** Determines whether the left navigation automatically collapses when the left navigation link is clicked in overlay mode. *
+     * @version 2.7.0
+     */
     this.autoCollapseOnOverlay = false;
   }
   watchOpenState() {
@@ -560,6 +570,8 @@ const VegaLeftNav = class {
   }
   /**
    * Invoke this method to toggle the left-nav's open state.
+   *
+   * @version 1.31.0
    */
   async toggle() {
   }
@@ -764,7 +776,9 @@ const VegaLeftNavGroup = class {
     this.controller = new VegaLeftNavGroupController();
     this.groupClickEventEmitter = createEventEmitSlimmer(VegaLeftNavGroup, VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
-    /** label attached to the left nav group items **/
+    /** label attached to the left nav group items **
+     * @version 1.31.0
+     */
     this.label = '';
   }
   render() {
@@ -924,8 +938,10 @@ const VegaLeftNavLink = class {
     this.menuClickEventEmitter = createEventEmitSlimmer(VegaLeftNavLink, VegaMenuClick);
     this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
-    /** boolean indicating if current link item is selected **/
-    // eslint-disable-next-line @stencil/strict-mutable
+    /** boolean indicating if current link item is selected **
+     * @version 1.31.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.selected = false;
   }
   render() {

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

@@ -331,6 +331,8 @@ const VegaLineChart = class {
    *    If the chart is displayed incorrectly within a modal or tab,
    *    ensure that this method is invoked after the chart is shown
    *    to ensure proper rendering.
+   *
+   * @version 1.32.0
    */
   async reRender() {
     this.reRenderTimer && clearTimeout(this.reRenderTimer);

package/dist/esm/vega-loader-wrapper_2.entry.js

@@ -96,36 +96,50 @@ const VegaLoadingIndicator = class {
     this.currentBreakpoint = getCurrentBreakpoint();
     /**
      * Specifies the shape of the loading indicator.
+     *
+     * @version 1.16.0
      */
     this.shape = 'circle';
     /**
      * Specifies the size of the loading indicator.
      *    It is provided as a ResponsiveType.
+     *
+     * @version 1.16.0
      */
     this.size = 'default';
     /**
      * Specifies the mode of the loading indicator.
      *
      * When the mode is set to `determinate`, there will be no animation.
+     *
+     * @version 1.16.0
      */
     this.mode = 'indeterminate';
     /**
      * Specifies the completion percentage when
      *    the mode is set to `determinate`.
+     *
+     * @version 1.16.0
      */
     this.percent = 0;
     /**
      * Provides a descriptive text or message that indicates
      *    the status or progress of the process.
+     *
+     * @version 1.16.0
      */
     this.label = '';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the ongoing loading process.
+     *
+     * @version 1.16.0
      */
     this.hint = '';
     /**
      * Indicates the current status or state of the loading process.
+     *
+     * @version 1.16.0
      */
     this.status = 'default';
     this.renderCircleLoader = () => {

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

@@ -5,7 +5,7 @@ import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-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-6ac7ca51.js';
+import { a as VegaClick } from './vega-event-id-728eb2ac.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}}";
@@ -37,6 +37,8 @@ const VegaPageNotification = class {
      *
      * It provides users with a concise and informative message
      *    that communicates the purpose or nature of the notification.
+     *
+     * @version 1.17.0
      */
     this.notificationTitle = '';
     /**
@@ -45,12 +47,16 @@ const VegaPageNotification = class {
      * It provides a detailed message or information that
      *    further explains the purpose or context of
      *    the notification.
+     *
+     * @version 1.17.0
      */
     this.message = '';
     /**
      * Specifies the type of page notification,
      *    indicating the visual style or category of
      *    the notification.
+     *
+     * @version 1.17.0
      */
     this.type = 'info';
     /**
@@ -59,11 +65,15 @@ const VegaPageNotification = class {
      *
      * If the duration is set to `0`, the notification will not
      *    close automatically.
+     *
+     * @version 1.17.0
      */
     this.duration = 5000;
     /**
      * Specifies whether to display the close button for
      *    the page notification.
+     *
+     * @version 1.17.0
      */
     this.showCloseButton = true;
     /**
@@ -73,6 +83,8 @@ const VegaPageNotification = class {
      * The action buttons provide interactive options for users to
      *    perform specific actions or operations related to
      *    the notification.
+     *
+     * @version 1.17.0
      */
     this.actionButtons = [];
     this.renderPrefixIcon = () => {
@@ -94,6 +106,8 @@ const VegaPageNotification = class {
   }
   /**
    * Invoke this method to close the page notification.
+   *
+   * @version 1.17.0
    */
   async close() {
     this.host.classList.add('vega-page-notification-fade-out');