@globalpayments/vega 2.25.0 → 2.27.0

package/dist/collection/components/vega-nav/vega-left-nav-group/vega-left-nav-group.js

@@ -13,7 +13,7 @@ import { createEventEmitSlimmer, } from '../../../helpers/event-manager/slimmers
 import { VegaGroupClick } from '../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.31.0
+ * @vegaVersion 1.31.0
  */
 export class VegaLeftNavGroup {
   constructor() {
@@ -23,7 +23,7 @@ export class VegaLeftNavGroup {
     this.groupClickEventEmitter = createEventEmitSlimmer(VegaLeftNavGroup, VegaGroupClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     /** label attached to the left nav group items **
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     this.label = '';
   }
@@ -52,7 +52,7 @@ export class VegaLeftNavGroup {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.31.0"
           }],
         "text": "icon attached to the left nav group items **"
@@ -72,7 +72,7 @@ export class VegaLeftNavGroup {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.31.0"
           }],
         "text": "label attached to the left nav group items **"
@@ -90,7 +90,7 @@ export class VegaLeftNavGroup {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.41.0"
           }],
         "text": "event emitter used for notifying consumers the click event *"
@@ -111,7 +111,7 @@ export class VegaLeftNavGroup {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter used for notifying consumers the click event"

package/dist/collection/components/vega-nav/vega-left-nav-link/vega-left-nav-link.js

@@ -14,7 +14,7 @@ import { VegaMenuClick } from '../../../helpers/event-manager/event-id/vega-even
 import { createDeprecatedPropertySlimmer, } from '../../../helpers/slimmers/deprecated-property-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.31.0
+ * @vegaVersion 1.31.0
  */
 export class VegaLeftNavLink {
   constructor() {
@@ -25,7 +25,7 @@ export class VegaLeftNavLink {
     this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     /** boolean indicating if current link item is selected **
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.selected = false;
@@ -55,7 +55,7 @@ export class VegaLeftNavLink {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.31.0"
           }],
         "text": "icon attached to the left nav link items **"
@@ -75,7 +75,7 @@ export class VegaLeftNavLink {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.31.0"
           }],
         "text": "boolean indicating if current link item is selected **"
@@ -96,7 +96,7 @@ export class VegaLeftNavLink {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.31.0"
           }],
         "text": "url attached to the left nav link item **"
@@ -124,7 +124,7 @@ export class VegaLeftNavLink {
             "name": "deprecatedAttribute",
             "text": "[counter] The 'counter' attribute is deprecated and will be removed soon. Please use 'count' instead."
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.31.0"
           }],
         "text": "config the counter badge for left nav link items"
@@ -139,7 +139,7 @@ export class VegaLeftNavLink {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.31.0"
           }],
         "text": "An event emitter notifying the link click event. *"
@@ -160,7 +160,7 @@ export class VegaLeftNavLink {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the link click event."

package/dist/collection/components/vega-nav/vega-left-nav-section/vega-left-nav-section.js

@@ -12,7 +12,7 @@ import { createEventEmitSlimmer, } from '../../../helpers/event-manager/slimmers
 import { VegaActionClick } from '../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.31.0
+ * @vegaVersion 1.31.0
  */
 export class VegaLeftNavSection {
   constructor() {
@@ -51,7 +51,7 @@ export class VegaLeftNavSection {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.31.0"
           }],
         "text": "sectionHeader attached to the left nav section **"
@@ -66,7 +66,7 @@ export class VegaLeftNavSection {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.11.0"
           }],
         "text": "An event emitter notifying the action click event when the action link is not configured."
@@ -87,7 +87,7 @@ export class VegaLeftNavSection {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.11.0"
           }],
         "text": "An event emitter notifying the action click event when the action link is not configured."

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

@@ -12,7 +12,7 @@ import { VegaNavCardMaxHeightController } from './slimmers/controllers/vega-nav-
 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
+ * @vegaVersion 1.42.0
  */
 export class VegaNavCard {
   constructor() {
@@ -56,7 +56,7 @@ export class VegaNavCard {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.42.0"
           }],
         "text": "Specifies the source data used to populate the list within\n   the `vega-nav-card` component."
@@ -83,7 +83,7 @@ export class VegaNavCard {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "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."

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

@@ -8,7 +8,7 @@ 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
+ * @vegaVersion 2.0.0
  */
 export class VegaPageNotificationList {
   constructor() {

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

@@ -20,7 +20,7 @@ const typeIconMap = {
   info: 'info-circle-filled',
 };
 /**
- * @version 1.17.0
+ * @vegaVersion 1.17.0
  */
 export class VegaPageNotification {
   constructor() {
@@ -33,7 +33,7 @@ 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
+     * @vegaVersion 1.17.0
      */
     this.notificationTitle = '';
     /**
@@ -43,7 +43,7 @@ export class VegaPageNotification {
      *    further explains the purpose or context of
      *    the notification.
      *
-     * @version 1.17.0
+     * @vegaVersion 1.17.0
      */
     this.message = '';
     /**
@@ -51,7 +51,7 @@ export class VegaPageNotification {
      *    indicating the visual style or category of
      *    the notification.
      *
-     * @version 1.17.0
+     * @vegaVersion 1.17.0
      */
     this.type = 'info';
     /**
@@ -61,14 +61,14 @@ export class VegaPageNotification {
      * If the duration is set to `0`, the notification will not
      *    close automatically.
      *
-     * @version 1.17.0
+     * @vegaVersion 1.17.0
      */
     this.duration = 5000;
     /**
      * Specifies whether to display the close button for
      *    the page notification.
      *
-     * @version 1.17.0
+     * @vegaVersion 1.17.0
      */
     this.showCloseButton = true;
     /**
@@ -79,7 +79,7 @@ export class VegaPageNotification {
      *    perform specific actions or operations related to
      *    the notification.
      *
-     * @version 1.17.0
+     * @vegaVersion 1.17.0
      */
     this.actionButtons = [];
     this.renderPrefixIcon = () => {
@@ -105,7 +105,7 @@ export class VegaPageNotification {
   /**
    * Invoke this method to close the page notification.
    *
-   * @version 1.17.0
+   * @vegaVersion 1.17.0
    */
   async close() {
     this.host.classList.add('vega-page-notification-fade-out');
@@ -159,7 +159,7 @@ export class VegaPageNotification {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "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."
@@ -180,7 +180,7 @@ export class VegaPageNotification {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "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."
@@ -206,7 +206,7 @@ export class VegaPageNotification {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.17.0"
           }],
         "text": "Specifies the type of page notification,\n   indicating the visual style or category of\n   the notification."
@@ -227,7 +227,7 @@ export class VegaPageNotification {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "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."
@@ -248,7 +248,7 @@ export class VegaPageNotification {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.17.0"
           }],
         "text": "Specifies whether to display the close button for\n   the page notification."
@@ -274,7 +274,7 @@ export class VegaPageNotification {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "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."
@@ -297,7 +297,7 @@ export class VegaPageNotification {
       "docs": {
         "text": "Invoke this method to close the page notification.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.17.0"
           }]
       }

package/dist/collection/components/vega-pagination/internal/vega-pagination-current-page-label.js

@@ -1,6 +1,6 @@
 import { h } from '@stencil/core';
-export const VegaPaginationCurrentPageLabel = ({ pageSize, current, total, }) => {
+export const VegaPaginationCurrentPageLabel = ({ pageSize, current, total, translationSlimmer, }) => {
   const rangeFrom = total > 0 ? pageSize * (current - 1) + 1 : 0;
   const rangeTo = Math.min(current * pageSize, total);
-  return h("vega-field-label", { label: `Viewing ${rangeFrom}-${rangeTo} of ${total}` });
+  return (h("vega-field-label", { label: translationSlimmer.t('Viewing {0}-{1} of {2}', rangeFrom, rangeTo, total) }));
 };

package/dist/collection/components/vega-pagination/internal/vega-pagination-go-to.js

@@ -2,7 +2,7 @@ import { h } from '@stencil/core';
 import { convertToNumber, normalizeNumberByRanger } from '../../../utils/number';
 import { DomNodeSubjectObserverFactory } from '../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaBlur, VegaFormSubmit } from '../../../helpers/event-manager/event-id/vega-event-id';
-export const VegaPaginationGoTo = ({ onChange, pageCount, }) => {
+export const VegaPaginationGoTo = ({ onChange, pageCount, translationSlimmer, }) => {
   let inputRef;
   const handleChange = () => {
     if (inputRef.value) {
@@ -15,7 +15,7 @@ export const VegaPaginationGoTo = ({ onChange, pageCount, }) => {
     e.stopPropagation();
   };
   return (h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
-    h("vega-field-label", { label: "Go To" }),
+    h("vega-field-label", { label: translationSlimmer.t('Go To') }),
     h("vega-form", { 
       /* eslint-disable-next-line react/jsx-no-bind */
       ref: (ref) => {

package/dist/collection/components/vega-pagination/internal/vega-pagination-page-size-selector.js

@@ -1,7 +1,7 @@
 import { h } from '@stencil/core';
 import { DomNodeSubjectObserverFactory } from '../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaChange } from '../../../helpers/event-manager/event-id/vega-event-id';
-export const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, onChange, }) => {
+export const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, onChange, translationSlimmer, }) => {
   const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
   const handleChange = (input) => {
     // Because input-select use single mode, so the detail is always a string type
@@ -9,7 +9,7 @@ export const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptio
     onChange(pageSize);
   };
   return (h("vega-flex", { alignItems: "center", justifyContent: "center", gap: "size-8" },
-    h("vega-field-label", { label: "Show" }),
+    h("vega-field-label", { label: translationSlimmer.t('Show') }),
     h("div", null,
       h("vega-input-select", { size: "small", source: mergedPageSizeOptions.map((option) => ({
           id: option.toString(),

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

@@ -15,12 +15,14 @@ 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';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
- * @version 1.3.0
+ * @vegaVersion 1.3.0
  */
 export class VegaPagination {
   constructor() {
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.childEventPrevent = new ChildNodesEventPreventSlimmer([VegaFormSubmit], () => this.host);
     this.childValueChangePrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host, true);
     this.vegaChangeEventEmitter = createEventEmitSlimmer(VegaPagination, VegaChange);
@@ -40,21 +42,21 @@ export class VegaPagination {
      * Specifies the current page number for
      *    the pagination component.
      *
-     * @version 1.3.0
+     * @vegaVersion 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
+     * @vegaVersion 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
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.pageSize = 10;
@@ -65,14 +67,14 @@ 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
+     * @vegaVersion 1.25.0
      */
     this.extensions = [['pageSelector']];
     /**
      * Specifies the options available for the page size selector
      *    in the pagination component.
      *
-     * @version 1.25.0
+     * @vegaVersion 1.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.pageSizeSelectorOptions = [10, 20, 50, 100];
@@ -84,17 +86,17 @@ export class VegaPagination {
     this.renderPaginationItem = (item) => {
       switch (item) {
         case 'currentPageLabel':
-          return (h(VegaPaginationCurrentPageLabel, { total: this.total, current: this.current, pageSize: this.pageSize }));
+          return (h(VegaPaginationCurrentPageLabel, { total: this.total, current: this.current, pageSize: this.pageSize, translationSlimmer: this.translationSlimmer }));
         case 'pageSizeSelector': {
           const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
             ? this.pageSizeSelectorOptions
             : [...this.pageSizeSelectorOptions, this.pageSize];
-          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, onChange: this.onPageSizeSelectorChange }));
+          return (h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer }));
         }
         case 'pageSelector':
           return (h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));
         case 'goTo':
-          return (h(VegaPaginationGoTo, { onChange: this.handlePaginationGoToChange, pageCount: this.pageCount }));
+          return (h(VegaPaginationGoTo, { onChange: this.handlePaginationGoToChange, pageCount: this.pageCount, translationSlimmer: this.translationSlimmer }));
       }
     };
     this.handlePaginationGoToChange = (page) => {
@@ -187,7 +189,7 @@ export class VegaPagination {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the current page number for\n   the pagination component."
@@ -208,7 +210,7 @@ export class VegaPagination {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the total number of data items for the pagination component."
@@ -229,7 +231,7 @@ export class VegaPagination {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the number of data items to be displayed per page in\n   the pagination component."
@@ -255,7 +257,7 @@ export class VegaPagination {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "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."
@@ -274,7 +276,7 @@ export class VegaPagination {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.25.0"
           }],
         "text": "Specifies the options available for the page size selector\n   in the pagination component."
@@ -293,7 +295,7 @@ export class VegaPagination {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "An event emitter notifying the current page change."
@@ -314,7 +316,7 @@ export class VegaPagination {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the current page change."
@@ -332,7 +334,7 @@ export class VegaPagination {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.25.0"
           }],
         "text": "An event emitter notifying a change in the number of\n   data items displayed per page."
@@ -353,7 +355,7 @@ export class VegaPagination {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying a change in the number of\n   data items displayed per page."
@@ -382,6 +384,9 @@ export class VegaPagination {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaPagination.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaPagination.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaPagination.prototype, "childEventPrevent", void 0);

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

@@ -9,7 +9,7 @@ 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
+ * @vegaVersion 2.0.0
  */
 export class VegaPopoverContentBox {
   constructor() {
@@ -18,7 +18,7 @@ export class VegaPopoverContentBox {
     /**
      * Controls whether the arrow is display.
      *
-     * @version 2.8.0
+     * @vegaVersion 2.8.0
      */
     this.showArrow = true;
   }
@@ -53,7 +53,7 @@ export class VegaPopoverContentBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.8.0"
           }],
         "text": "Controls whether the arrow is display."