@globalpayments/vega 2.24.0 → 2.24.2

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const requiredFieldRule = require('./required-field-rule-814cad99.js');
+const requiredFieldRule = require('./required-field-rule-8655758f.js');
 const component = require('./component-73a88c4e.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
@@ -11,7 +11,7 @@ const ui = require('./ui-08f33116.js');
 const responsiveFormatFacade = require('./responsive-format-facade-f7e69718.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
+const vegaEventId = require('./vega-event-id-8aa22611.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ac20ea74.js');
 const array = require('./array-6e559cde.js');
 const changeManager = require('./change-manager-a297e4d2.js');
@@ -21,8 +21,8 @@ const chevronDown = require('./chevron-down-ca2fa88e.js');
 const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-af463dad.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-8daa650c.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-176d59ee.js');
 const typeGuard = require('./type-guard-4d05d4b2.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-79b60f28.js');
@@ -34,7 +34,7 @@ require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./string-21427167.js');
-require('./internal-vega-event-manager-3e0a8ac5.js');
+require('./internal-vega-event-manager-b80fede0.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-0e5235e1.js');
 require('./index-5792390b.js');
@@ -679,10 +679,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;
     /**
@@ -690,17 +694,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
@@ -709,30 +719,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;
     /**
@@ -740,6 +760,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';
     /**
@@ -747,10 +769,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';
   }
@@ -765,18 +791,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/cjs/vega-input.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-09acd3c9.js');
 const minNumberRule = require('./min-number-rule-0ce5347c.js');
 const minStringLengthRule = require('./min-string-length-rule-d1a1ea94.js');
-const requiredFieldRule = require('./required-field-rule-814cad99.js');
+const requiredFieldRule = require('./required-field-rule-8655758f.js');
 const component = require('./component-73a88c4e.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
@@ -13,8 +13,8 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-af463dad.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
+const vegaEventId = require('./vega-event-id-8aa22611.js');
 const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-0ac6e18a.js');
@@ -32,7 +32,7 @@ require('./ui-077fc009.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-79b60f28.js');
 require('./array-6e559cde.js');
-require('./internal-vega-event-manager-3e0a8ac5.js');
+require('./internal-vega-event-manager-b80fede0.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 
@@ -682,6 +682,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 = '';
     /**
@@ -693,12 +695,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';
     /**
@@ -706,17 +713,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';
     /**
@@ -726,64 +739,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 = () => {
@@ -865,12 +905,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/cjs/vega-item-toggle.cjs.entry.js

@@ -6,14 +6,14 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const ui = require('./ui-077fc009.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-af463dad.js');
+const vegaEventId = require('./vega-event-id-8aa22611.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 require('./change-manager-a297e4d2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-3e0a8ac5.js');
+require('./internal-vega-event-manager-b80fede0.js');
 require('./object-bbd4ed7f.js');
 
 const VegaItemToggleRuntimeMetricsPayloadDefinition = [
@@ -78,15 +78,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/cjs/vega-left-nav_5.cjs.entry.js

@@ -12,8 +12,8 @@ const effect = require('./effect-37695d3d.js');
 const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-af463dad.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
+const vegaEventId = require('./vega-event-id-8aa22611.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ac20ea74.js');
@@ -29,7 +29,7 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./number-459031f7.js');
 require('./ui-077fc009.js');
-require('./internal-vega-event-manager-3e0a8ac5.js');
+require('./internal-vega-event-manager-b80fede0.js');
 require('./object-bbd4ed7f.js');
 require('./type-guard-4d05d4b2.js');
 require('./regex-c1f70fd4.js');
@@ -527,18 +527,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 = '';
     /**
@@ -551,9 +557,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() {
@@ -564,6 +574,8 @@ const VegaLeftNav = class {
   }
   /**
    * Invoke this method to toggle the left-nav's open state.
+   *
+   * @version 1.31.0
    */
   async toggle() {
   }
@@ -768,7 +780,9 @@ const VegaLeftNavGroup = class {
     this.controller = new VegaLeftNavGroupController();
     this.groupClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavGroup, vegaEventId.VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    /** label attached to the left nav group items **/
+    /** label attached to the left nav group items **
+     * @version 1.31.0
+     */
     this.label = '';
   }
   render() {
@@ -928,8 +942,10 @@ const VegaLeftNavLink = class {
     this.menuClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaLeftNavLink, vegaEventId.VegaMenuClick);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.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/cjs/vega-line-chart.cjs.entry.js

@@ -335,6 +335,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/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -100,36 +100,50 @@ const VegaLoadingIndicator = class {
     this.currentBreakpoint = breakpoints.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/cjs/vega-page-notification_2.cjs.entry.js

@@ -9,7 +9,7 @@ const ui = require('./ui-08f33116.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
+const vegaEventId = require('./vega-event-id-8aa22611.js');
 require('./change-manager-a297e4d2.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}}";
@@ -41,6 +41,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 = '';
     /**
@@ -49,12 +51,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';
     /**
@@ -63,11 +69,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;
     /**
@@ -77,6 +87,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 = () => {
@@ -98,6 +110,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');