@globalpayments/vega 2.24.0 → 2.25.0

package/dist/collection/components/vega-nav/vega-nav-card/vega-nav-card.js

@@ -11,6 +11,9 @@ import { VegaNavListRenderer } from '../slimmers/renderers/vega-nav-list-rendere
 import { VegaNavCardMaxHeightController } from './slimmers/controllers/vega-nav-card-max-height-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaNavCardRuntimeMetricsPayloadDefinition } from '../../../constants/runtime-metrics-payload-definition/vega-nav-card/runtime-metrics-payload-definition';
+/**
+ * @version 1.42.0
+ */
 export class VegaNavCard {
   constructor() {
     this.globalSlimmers = {};
@@ -52,7 +55,10 @@ export class VegaNavCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.42.0"
+          }],
         "text": "Specifies the source data used to populate the list within\n   the `vega-nav-card` component."
       }
     },
@@ -76,7 +82,10 @@ export class VegaNavCard {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.44.0"
+          }],
         "text": "Specifies the maximum height for the scrollable list\n    within the `vega-nav-card` component.\nIt accepts values in both numeric and string formats.\nFor numeric values, use a number to indicate the height\n   in pixels, e.g., 100 will be translated to 100px.\nFor string values, you can use CSS units like 'vh' or 'calc' expressions.\n   For example, '100vh' sets the height to 100% of the viewport height,\n   and 'calc(100vh - 20px)' allows for more complex calculations to\n   determine the height."
       },
       "attribute": "max-height",

package/dist/collection/components/vega-page-notification/vega-page-notification-list/vega-page-notification-list.js

@@ -7,6 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, Host, h, Element } from '@stencil/core';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 2.0.0
+ */
 export class VegaPageNotificationList {
   constructor() {
     this.globalSlimmers = {};

package/dist/collection/components/vega-page-notification/vega-page-notification.js

@@ -19,6 +19,9 @@ const typeIconMap = {
   error: 'help-filled',
   info: 'info-circle-filled',
 };
+/**
+ * @version 1.17.0
+ */
 export class VegaPageNotification {
   constructor() {
     this.globalSlimmers = {};
@@ -29,6 +32,8 @@ export class VegaPageNotification {
      *
      * It provides users with a concise and informative message
      *    that communicates the purpose or nature of the notification.
+     *
+     * @version 1.17.0
      */
     this.notificationTitle = '';
     /**
@@ -37,12 +42,16 @@ export class VegaPageNotification {
      * 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';
     /**
@@ -51,11 +60,15 @@ export class VegaPageNotification {
      *
      * 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;
     /**
@@ -65,6 +78,8 @@ export class VegaPageNotification {
      * 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 = () => {
@@ -89,6 +104,8 @@ export class VegaPageNotification {
   }
   /**
    * Invoke this method to close the page notification.
+   *
+   * @version 1.17.0
    */
   async close() {
     this.host.classList.add('vega-page-notification-fade-out');
@@ -141,7 +158,10 @@ export class VegaPageNotification {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.17.0"
+          }],
         "text": "Specifies the title text for the page notification.\n\nIt provides users with a concise and informative message\n   that communicates the purpose or nature of the notification."
       },
       "attribute": "title",
@@ -159,7 +179,10 @@ export class VegaPageNotification {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.17.0"
+          }],
         "text": "Specifies the content text for the page notification.\n\nIt provides a detailed message or information that\n   further explains the purpose or context of\n   the notification."
       },
       "attribute": "message",
@@ -182,7 +205,10 @@ export class VegaPageNotification {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.17.0"
+          }],
         "text": "Specifies the type of page notification,\n   indicating the visual style or category of\n   the notification."
       },
       "attribute": "type",
@@ -200,7 +226,10 @@ export class VegaPageNotification {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.17.0"
+          }],
         "text": "Specifies the duration, in milliseconds, before the\n   page notification automatically closes.\n\nIf the duration is set to `0`, the notification will not\n   close automatically."
       },
       "attribute": "duration",
@@ -218,7 +247,10 @@ export class VegaPageNotification {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.17.0"
+          }],
         "text": "Specifies whether to display the close button for\n   the page notification."
       },
       "attribute": "show-close-button",
@@ -241,7 +273,10 @@ export class VegaPageNotification {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.17.0"
+          }],
         "text": "Specifies the configuration array for the action buttons of\n   the page notification.\n\nThe action buttons provide interactive options for users to\n   perform specific actions or operations related to\n   the notification."
       },
       "defaultValue": "[]"
@@ -261,7 +296,10 @@ export class VegaPageNotification {
       },
       "docs": {
         "text": "Invoke this method to close the page notification.",
-        "tags": []
+        "tags": [{
+            "name": "version",
+            "text": "1.17.0"
+          }]
       }
     }
   }; }

package/dist/collection/components/vega-pagination/vega-pagination.js

@@ -15,6 +15,9 @@ import { VegaChange, VegaFormSubmit, VegaPageSizeChange, } from '../../helpers/e
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 1.3.0
+ */
 export class VegaPagination {
   constructor() {
     this.globalSlimmers = {};
@@ -36,16 +39,24 @@ export class VegaPagination {
     /**
      * Specifies the current page number for
      *    the pagination component.
+     *
+     * @version 1.3.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.current = 1;
     /**
      * Specifies the total number of data items for the pagination component.
+     *
+     * @version 1.3.0
      */
     this.total = 0;
     /**
      * Specifies the number of data items to be displayed per page in
      *    the pagination component.
+     *
+     * @version 1.3.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.pageSize = 10;
     /**
      * Specifies the extensions associated with the pagination items
@@ -53,12 +64,17 @@ export class VegaPagination {
      *
      * It refers to additional elements or components that can be added to
      *    enhance the functionality or appearance of each pagination item.
+     *
+     * @version 1.25.0
      */
     this.extensions = [['pageSelector']];
     /**
      * Specifies the options available for the page size selector
      *    in the pagination component.
+     *
+     * @version 1.25.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.pageSizeSelectorOptions = [10, 20, 50, 100];
     this.renderPaginationItemsWrapper = (extensionArr) => {
       return (h("vega-flex", { gap: "size-24", alignItems: "center", key: this.generateWrapperKey(extensionArr) }, extensionArr.map((item) => {
@@ -170,7 +186,10 @@ export class VegaPagination {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the current page number for\n   the pagination component."
       },
       "attribute": "current",
@@ -188,7 +207,10 @@ export class VegaPagination {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the total number of data items for the pagination component."
       },
       "attribute": "total",
@@ -206,7 +228,10 @@ export class VegaPagination {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the number of data items to be displayed per page in\n   the pagination component."
       },
       "attribute": "page-size",
@@ -229,7 +254,10 @@ export class VegaPagination {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.25.0"
+          }],
         "text": "Specifies the extensions associated with the pagination items\n   in the pagination component.\n\nIt refers to additional elements or components that can be added to\n   enhance the functionality or appearance of each pagination item."
       },
       "defaultValue": "[['pageSelector']]"
@@ -245,7 +273,10 @@ export class VegaPagination {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.25.0"
+          }],
         "text": "Specifies the options available for the page size selector\n   in the pagination component."
       },
       "defaultValue": "[10, 20, 50, 100]"
@@ -261,7 +292,10 @@ export class VegaPagination {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "An event emitter notifying the current page change."
       },
       "complexType": {
@@ -279,6 +313,9 @@ export class VegaPagination {
         "tags": [{
             "name": "eventSemantics",
             "text": "namespace:native"
+          }, {
+            "name": "version",
+            "text": "2.0.0"
           }],
         "text": "An event emitter notifying the current page change."
       },
@@ -294,7 +331,10 @@ export class VegaPagination {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.25.0"
+          }],
         "text": "An event emitter notifying a change in the number of\n   data items displayed per page."
       },
       "complexType": {
@@ -312,6 +352,9 @@ export class VegaPagination {
         "tags": [{
             "name": "eventSemantics",
             "text": "namespace:native"
+          }, {
+            "name": "version",
+            "text": "2.0.0"
           }],
         "text": "An event emitter notifying a change in the number of\n   data items displayed per page."
       },

package/dist/collection/components/vega-popover/vega-popover-content-box/vega-popover-content-box.js

@@ -8,12 +8,17 @@ import { Component, Host, h, Element, Prop } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../../utils/component';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 2.0.0
+ */
 export class VegaPopoverContentBox {
   constructor() {
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Controls whether the arrow is display.
+     *
+     * @version 2.8.0
      */
     this.showArrow = true;
   }
@@ -47,7 +52,10 @@ export class VegaPopoverContentBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.8.0"
+          }],
         "text": "Controls whether the arrow is display."
       },
       "attribute": "show-arrow",

package/dist/collection/components/vega-popover/vega-popover.js

@@ -13,6 +13,9 @@ import { VegaPopoverShow, VegaPopoverHide } from '../../helpers/event-manager/ev
 import { VegaPopoverAppenderRenderer } from './slimmers/renderers/vega-popover-appender-renderer';
 import { VegaPopoverAppenderController } from './slimmers/controllers/vega-popover-appender-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 1.19.0
+ */
 export class VegaPopover {
   constructor() {
     this.globalSlimmers = {};
@@ -30,19 +33,27 @@ export class VegaPopover {
      * If there is insufficient space to display the popover in the
      *    default position, it will automatically adjust its placement
      *    based on the following order: `top`, `left`, `bottom`, `right`.
+     *
+     * @version 1.19.0
      */
     this.placement = 'top';
     /**
      * Controls how the popover aligns horizontally and vertically,
      *    ensuring it is displayed in the desired position.
+     *
+     * @version 1.19.0
      */
     this.alignment = 'center';
     /**
      * Specifies the trigger mode for the popover.
+     *
+     * @version 2.1.0
      */
     this.trigger = 'click';
     /**
      * Controls whether the arrow is display.
+     *
+     * @version 2.8.0
      */
     this.showArrow = true;
     /* istanbul ignore next */
@@ -70,6 +81,8 @@ export class VegaPopover {
   }
   /**
    * Invoke this method to show the popover.
+   *
+   * @version 1.22.0
    */
   async show() {
     if (!this.isPopoverShow) {
@@ -78,6 +91,8 @@ export class VegaPopover {
   }
   /**
    * Invoke this method to close the popover.
+   *
+   * @version 1.22.0
    */
   async hide() {
     if (this.isPopoverShow) {
@@ -118,7 +133,10 @@ export class VegaPopover {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.19.0"
+          }],
         "text": "Specifies the size of the popover component.\n\nIt is provided as a number or ResponsiveType."
       },
       "attribute": "size",
@@ -140,7 +158,10 @@ export class VegaPopover {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.19.0"
+          }],
         "text": "Specifies the placement or position of the popover\n   in relation to its parent element.\n\nIf there is insufficient space to display the popover in the\n   default position, it will automatically adjust its placement\n   based on the following order: `top`, `left`, `bottom`, `right`."
       },
       "attribute": "placement",
@@ -163,7 +184,10 @@ export class VegaPopover {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.19.0"
+          }],
         "text": "Controls how the popover aligns horizontally and vertically,\n   ensuring it is displayed in the desired position."
       },
       "attribute": "alignment",
@@ -181,7 +205,10 @@ export class VegaPopover {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.19.0"
+          }],
         "text": "Specifies the selector for the element that will\n   contain the popover.\n\nIf this parameter is not provided, the popover will be appended to\n   the body element of the page. However, if you encounter any issues\n   with the positioning of the popover, especially when scrolling occurs,\n   you can modify this property to specify a different element\n   as the container for the popover."
       },
       "attribute": "position-relative-to",
@@ -198,7 +225,10 @@ export class VegaPopover {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.1.0"
+          }],
         "text": "Specifies the trigger mode for the popover."
       },
       "attribute": "trigger",
@@ -216,7 +246,10 @@ export class VegaPopover {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.8.0"
+          }],
         "text": "Controls whether the arrow is display."
       },
       "attribute": "show-arrow",
@@ -234,7 +267,10 @@ export class VegaPopover {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.22.0"
+          }],
         "text": "An event emitter notifying the popover show event."
       },
       "complexType": {
@@ -252,6 +288,9 @@ export class VegaPopover {
         "tags": [{
             "name": "eventSemantics",
             "text": "namespace:native"
+          }, {
+            "name": "version",
+            "text": "2.0.0"
           }],
         "text": "An event emitter notifying the popover show event."
       },
@@ -267,7 +306,10 @@ export class VegaPopover {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.22.0"
+          }],
         "text": "An event emitter notifying the popover hide event."
       },
       "complexType": {
@@ -285,6 +327,9 @@ export class VegaPopover {
         "tags": [{
             "name": "eventSemantics",
             "text": "namespace:native"
+          }, {
+            "name": "version",
+            "text": "2.0.0"
           }],
         "text": "An event emitter notifying the popover hide event."
       },
@@ -308,7 +353,10 @@ export class VegaPopover {
       },
       "docs": {
         "text": "Invoke this method to show the popover.",
-        "tags": []
+        "tags": [{
+            "name": "version",
+            "text": "1.22.0"
+          }]
       }
     },
     "hide": {
@@ -324,7 +372,10 @@ export class VegaPopover {
       },
       "docs": {
         "text": "Invoke this method to close the popover.",
-        "tags": []
+        "tags": [{
+            "name": "version",
+            "text": "1.22.0"
+          }]
       }
     }
   }; }

package/dist/collection/components/vega-progress-tracker/vega-progress-tracker.css

@@ -254,6 +254,11 @@
   }
 }
 
+@media screen and (min-width: 320px) and (max-width: 767px) {
+  :host {
+    flex: 1 1 100%;
+  }
+}
 /* vertical css in mobile */
 @media screen and (min-width: 320px) and (max-width: 767px) {
   :host .vega-progress-tracker__container {