@globalpayments/vega 2.24.0 → 2.24.2

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

@@ -13,6 +13,9 @@ import { VegaBannerActionButtonRenderer } from './slimmers/renderers/vega-banner
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaActionButtonClick, VegaClose } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 1.9.1
+ */
 export class VegaBanner {
   constructor() {
     this.globalSlimmers = {};
@@ -24,33 +27,47 @@ export class VegaBanner {
     this.actionButtonClickEventEmitter = createEventEmitSlimmer(VegaBanner, VegaActionButtonClick);
     /**
      * Specifies the type of the banner.
+     *
+     * @version 2.8.0
      */
     this.type = 'info';
     /**
      * Specifies the label or title for the banner.
+     *
+     * @version 2.8.0
      */
     this.bannerTitle = '';
     /**
      * Specifies the content displayed within the banner.
+     *
+     * @version 2.8.0
      */
     this.content = '';
     /**
      * Specifies the action buttons available within the banner.
      *    These buttons enable users to perform specific actions,
      *    enhancing user interaction within the banner.
+     *
+     * @version 2.8.0
      */
     this.actionButtons = null;
     /**
      * Determines whether the close icon is displayed.
+     *
+     * @version 1.13.0
      */
     this.showCloseButton = true;
     /**
      * Determines whether the banner is displayed.
+     *
+     * @version 2.13.0
      */
     this.isOpen = true;
   }
   /**
    * Invoke this method to close the banner.
+   *
+   * @version 2.8.0
    */
   async doClose() {
     this.host.remove();
@@ -84,7 +101,10 @@ export class VegaBanner {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.8.0"
+          }],
         "text": "Specifies the type of the banner."
       },
       "attribute": "type",
@@ -102,7 +122,10 @@ export class VegaBanner {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.8.0"
+          }],
         "text": "Specifies the label or title for the banner."
       },
       "attribute": "banner-title",
@@ -120,7 +143,10 @@ export class VegaBanner {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.8.0"
+          }],
         "text": "Specifies the content displayed within the banner."
       },
       "attribute": "content",
@@ -143,7 +169,10 @@ export class VegaBanner {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.8.0"
+          }],
         "text": "Specifies the action buttons available within the banner.\n   These buttons enable users to perform specific actions,\n   enhancing user interaction within the banner."
       },
       "defaultValue": "null"
@@ -159,7 +188,10 @@ export class VegaBanner {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.13.0"
+          }],
         "text": "Determines whether the close icon is displayed."
       },
       "attribute": "show-close-button",
@@ -177,7 +209,10 @@ export class VegaBanner {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.13.0"
+          }],
         "text": "Determines whether the banner is displayed."
       },
       "attribute": "is-open",
@@ -192,7 +227,10 @@ export class VegaBanner {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.13.0"
+          }],
         "text": "An event emitter notifying the banner close event."
       },
       "complexType": {
@@ -210,6 +248,9 @@ export class VegaBanner {
         "tags": [{
             "name": "eventSemantics",
             "text": "namespace:native"
+          }, {
+            "name": "version",
+            "text": "2.8.0"
           }],
         "text": "An event emitter notifying the banner close event."
       },
@@ -225,7 +266,10 @@ export class VegaBanner {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.18.0"
+          }],
         "text": "An event emitter notifying the banner action button has been clicked."
       },
       "complexType": {
@@ -248,6 +292,9 @@ export class VegaBanner {
         "tags": [{
             "name": "eventSemantics",
             "text": "namespace:native"
+          }, {
+            "name": "version",
+            "text": "2.18.0"
           }],
         "text": "An event emitter notifying the banner action button has been clicked."
       },
@@ -276,7 +323,10 @@ export class VegaBanner {
       },
       "docs": {
         "text": "Invoke this method to close the banner.",
-        "tags": []
+        "tags": [{
+            "name": "version",
+            "text": "2.8.0"
+          }]
       }
     }
   }; }

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

@@ -13,6 +13,9 @@ import { VegaBoxStateStylesController } from './slimmers/controllers/vega-box-st
 import responsiveFormatFacade from '../../helpers/formatter/responsive-map-formatter/responsive-format-facade';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 1.27.0
+ */
 export class VegaBox {
   constructor() {
     this.globalSlimmers = {};
@@ -97,7 +100,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.27.0"
+          }],
         "text": "Determines the spacing between the content and the edges of the box.\n   It can be set as a spacing value, such as `size-16` or `size-24`,\n   to apply the same padding on all sides.\n\nAlternatively, you can set the padding as a responsive map,\n   allowing you to define different padding values for different breakpoints.\n   The responsive map should follow the structure\n   `{default: 'size-12', L: { top: 'size-24', bottom: 'size-24'}}`.\n\nNote that the `default` value is required when using a responsive map\n   to provide a fallback padding value for breakpoints\n   that are not explicitly defined."
       },
       "attribute": "padding",
@@ -123,7 +129,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.27.0"
+          }],
         "text": "Defines the spacing around the box.\n   You can set it as a single spacing value,\n   such as `size-16` or `size-24`, which will apply\n   the same margin on all sides of the box.\n\nAlternatively, you can set the padding as a responsive map,\n   allowing you to define different margin values for different breakpoints.\n   The responsive map should follow the structure\n   `{default: 'size-12', L: { top: 'size-24', bottom: 'size-24'}}`.\n\nNote that the `default` value is required when using a responsive map\n   to provide a fallback margin value for breakpoints\n   that are not explicitly defined."
       },
       "attribute": "margin",
@@ -149,7 +158,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.38.0"
+          }],
         "text": "Defines the display behavior of the box, allowing you to choose from\n   standard display options like `block` and `none`."
       },
       "attribute": "display",
@@ -179,7 +191,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.0.0"
+          }],
         "text": "Defines the border of the box.\n   It accepts a string value representing a valid\n   border token."
       },
       "attribute": "border",
@@ -201,8 +216,11 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Specifies the line style of the box border."
+        "tags": [{
+            "name": "version",
+            "text": "2.7.0"
+          }],
+        "text": "Specifies the line style of the box border. *"
       },
       "attribute": "border-style",
       "reflect": false
@@ -227,7 +245,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.0.0"
+          }],
         "text": "Defines the box shadow of the box.\n   It accepts a string value representing a valid\n   box shadow token."
       },
       "attribute": "shadow",
@@ -257,7 +278,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.0.0"
+          }],
         "text": "Defines the border color of the box.\n   It accepts a string value representing a valid\n   border color token."
       },
       "attribute": "border-color",
@@ -287,7 +311,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.0.0"
+          }],
         "text": "Defines the background color of the box.\n   It accepts a string value representing a valid\n   background color token."
       },
       "attribute": "background-color",
@@ -313,7 +340,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.0.0"
+          }],
         "text": "Specifies the width of the box.\nIt accepts values in numeric, string and spacing token formats.\nFor numeric values, use a number to indicate the width\n   in pixels, e.g., 100 will be translated to 100px.\nFor string values, you can use CSS units like '%' or 'calc' expressions.\n   For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to\n   determine the width.\nFor spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens."
       },
       "attribute": "width",
@@ -339,7 +369,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.0.0"
+          }],
         "text": "Specifies the height of the box.\nIt accepts values in numeric, string and spacing token 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 '%' or 'calc' expressions.\n   For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to\n   determine the height.\nFor spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens."
       },
       "attribute": "height",
@@ -365,7 +398,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.7.0"
+          }],
         "text": "Specifies the minimum height of the box.\nIt accepts values in numeric, string and spacing token formats.\nNumeric values represent minimum heights in pixels\n   (e.g., 100 translates to 100px).\nString values allow the use of CSS units such as '%'\n   or keyword values like 'max-content'\n   (e.g., '100%' or 'max-content').\nSpacing tokens like 'size-2' or 'size-16' can also be used.\n   Please refer to https://vega.hlprd.com/tokens/spacing\n   to check the full list of spacing tokens."
       },
       "attribute": "min-height",
@@ -391,7 +427,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.7.0"
+          }],
         "text": "Specifies the maximum height of the box.\nIt accepts values in numeric, string and spacing token formats.\nNumeric values represent maximum heights in pixels\n   (e.g., 100 translates to 100px).\nString values allow the use of CSS units such as '%'\n   or keyword values like 'min-content'\n   (e.g., '100%' or 'min-content').\nSpacing tokens like 'size-2' or 'size-16' can also be used.\n   Please refer to https://vega.hlprd.com/tokens/spacing\n   to check the full list of spacing tokens."
       },
       "attribute": "max-height",
@@ -413,7 +452,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.0.0"
+          }],
         "text": "Defines the custom class name of the box."
       },
       "attribute": "responsive-class",
@@ -439,7 +481,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.0.0"
+          }],
         "text": "Defines the corner of the box.\n   It accepts a string value representing a valid\n   border radius token."
       },
       "attribute": "corners",
@@ -465,7 +510,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.3.0"
+          }],
         "text": "Specifies the base size of the box."
       },
       "attribute": "flex-basis",
@@ -491,7 +539,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.3.0"
+          }],
         "text": "Specifies how the box is grow."
       },
       "attribute": "flex-grow",
@@ -517,7 +568,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.3.0"
+          }],
         "text": "Specifies how much the box shrinks."
       },
       "attribute": "flex-shrink",
@@ -543,7 +597,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.3.0"
+          }],
         "text": "Specifies the display order of the box."
       },
       "attribute": "order",
@@ -569,7 +626,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.3.0"
+          }],
         "text": "Specifies how the box adjusts its size, growth, and alignment within a flex container."
       },
       "attribute": "flex",
@@ -595,7 +655,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.3.0"
+          }],
         "text": "Specifies how the box aligns itself within its container."
       },
       "attribute": "align-self",
@@ -621,7 +684,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.3.0"
+          }],
         "text": "Specifies how a single box justifies its content along the main axis within its container."
       },
       "attribute": "justify-self",
@@ -647,7 +713,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.5.0"
+          }],
         "text": "Determines the placement of the item within the grid along the horizontal axis."
       },
       "attribute": "grid-column",
@@ -673,7 +742,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.5.0"
+          }],
         "text": "Determines the placement of the item within the grid along the vertical axis."
       },
       "attribute": "grid-row",
@@ -699,7 +771,10 @@ export class VegaBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.5.0"
+          }],
         "text": "Defines the area within the grid occupied by the item. It accepts CSS values and can be set as ResponsiveType."
       },
       "attribute": "grid-area",

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

@@ -15,6 +15,9 @@ import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimm
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaClick } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 1.41.0
+ */
 export class VegaBreadcrumb {
   constructor() {
     this.globalSlimmers = {};
@@ -35,10 +38,14 @@ export class VegaBreadcrumb {
      * If you set this value to `none`, all items will remain expanded.
   
      * The minimum allowed value for this property is 4.
+     *
+     * @version 1.41.0
      */
     this.maxItems = 4;
     /**
      * Represents the individual elements within the `vega-breadcrumb` component.
+     *
+     * @version 1.41.0
      */
     this.items = [];
   }
@@ -70,7 +77,10 @@ export class VegaBreadcrumb {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.41.0"
+          }],
         "text": "Determines the maximum number of visible items in the `vega-breadcrumb` component,\n   primarily in desktop mode.\n\nWhen the number of items exceeds this limit, the component automatically\n   collapses the center items, rendering only the first and last items visible.\n\nIf you set this value to `none`, all items will remain expanded.\n\nThe minimum allowed value for this property is 4."
       },
       "attribute": "max-items",
@@ -93,7 +103,10 @@ export class VegaBreadcrumb {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.41.0"
+          }],
         "text": "Represents the individual elements within the `vega-breadcrumb` component."
       },
       "defaultValue": "[]"
@@ -106,7 +119,10 @@ export class VegaBreadcrumb {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.41.0"
+          }],
         "text": "An event emitter notifying that a breadcrumb item has been clicked."
       },
       "complexType": {
@@ -129,6 +145,9 @@ export class VegaBreadcrumb {
         "tags": [{
             "name": "eventSemantics",
             "text": "namespace:native"
+          }, {
+            "name": "version",
+            "text": "2.0.0"
           }],
         "text": "An event emitter notifying that a breadcrumb item has been clicked."
       },