@globalpayments/vega 2.25.0 → 2.27.0

package/dist/collection/components/vega-selection-tile/vega-selection-tile.js

@@ -18,7 +18,7 @@ import { CHECKBOX_VALUE_CHANGE, RADIO_VALUE_CHANGE, } from '../../helpers/change
 import { ChildNodesNotifyObserverSlimmer, } from '../../helpers/event-manager/slimmers/child-nodes-notify-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 2.7.0
+ * @vegaVersion 2.7.0
  */
 export class VegaSelectionTile {
   constructor() {
@@ -44,13 +44,13 @@ export class VegaSelectionTile {
      * Specifies the text content of the title displayed
      *    within the selection tile.
      *
-     * @version 2.7.0
+     * @vegaVersion 2.7.0
      */
     this.titleText = '';
     /**
      * Determines if the selection tile is disabled.
      *
-     * @version 2.7.0
+     * @vegaVersion 2.7.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.disabled = false;
@@ -62,7 +62,7 @@ export class VegaSelectionTile {
      * - `checkbox`:
      *      Displays a checkbox for selection.
      *
-     * @version 2.7.0
+     * @vegaVersion 2.7.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.selectType = 'radio';
@@ -91,7 +91,7 @@ export class VegaSelectionTile {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.7.0"
           }],
         "text": "Specifies the text content of the title displayed\n   within the selection tile."
@@ -112,7 +112,7 @@ export class VegaSelectionTile {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.7.0"
           }],
         "text": "Specifies the text content of the note displayed\n   within the selection tile."
@@ -132,7 +132,7 @@ export class VegaSelectionTile {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.7.0"
           }],
         "text": "Specifies the prefix icon displayed within the selection tile."
@@ -152,7 +152,7 @@ export class VegaSelectionTile {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.7.0"
           }],
         "text": "Determines if the selection tile is disabled."
@@ -173,7 +173,7 @@ export class VegaSelectionTile {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.7.0"
           }],
         "text": "Determines if the selection tile is checked."
@@ -193,7 +193,7 @@ export class VegaSelectionTile {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.7.0"
           }],
         "text": "Determines the selection method for the tile. Options are:\n\n- `radio`:\n     Displays a radio button for selection.\n- `checkbox`:\n     Displays a checkbox for selection."
@@ -214,7 +214,7 @@ export class VegaSelectionTile {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.7.0"
           }],
         "text": "Determines the value that is associated with the selection-tile\n   when it is checked or unchecked."
@@ -234,7 +234,7 @@ export class VegaSelectionTile {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.7.0"
           }],
         "text": "An event emitter notifying changes in the value of the selection tile,\n   whether triggered programmatically or through user interaction."
@@ -255,7 +255,7 @@ export class VegaSelectionTile {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.7.0"
           }],
         "text": "An event emitter notifying changes in the value of the selection tile,\n   whether triggered programmatically or through user interaction."

package/dist/collection/components/vega-signature-capture/slimmers/written-mode/renderers/written-mode-renderer.js

@@ -51,7 +51,7 @@ export class WrittenModeRenderer extends VegaSlimmer {
         right: 'size-24',
       } },
       this.placeholderIcon && (h("vega-icon", { class: "placeholder-container-icon", size: "size-20", color: "text-secondary", icon: this.placeholderIcon })),
-      h("div", { class: "placeholder-container-content" }, this.placeholder))));
+      h("div", { class: "placeholder-container-content" }, this.translationSlimmer.t(this.placeholder)))));
   }
   /*
    * When the clear button is displayed, since the error message and the clear button are in the same line, this element is displayed.
@@ -74,7 +74,7 @@ export class WrittenModeRenderer extends VegaSlimmer {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
             this.writtenModeSvgController.clear();
           });
-        } }, "Clear Signature")));
+        }, label: this.translationSlimmer.t('Clear Signature') })));
   }
 }
 (() => {
@@ -110,3 +110,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], WrittenModeRenderer.prototype, "writtenModeSvgController", void 0);
+__decorate([
+  MapToComponentField()
+], WrittenModeRenderer.prototype, "translationSlimmer", void 0);

package/dist/collection/components/vega-signature-capture/vega-signature-capture.js

@@ -18,12 +18,14 @@ import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-co
 import { RequiredFieldRule } from '../../helpers/validator/rules/required-field-rule';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { getCurrentBreakpoint } from '../../utils/breakpoints';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
- * @version 2.19.0
+ * @vegaVersion 2.19.0
  */
 export class VegaSignatureCapture {
   constructor() {
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaSignatureCaptureRenderer = new VegaSignatureCaptureRenderer();
     this.writtenModeRenderer = new WrittenModeRenderer();
@@ -51,7 +53,7 @@ export class VegaSignatureCapture {
     /**
      * Specifies the mode of the signature capture
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     this.mode = 'written';
     /**
@@ -60,19 +62,19 @@ export class VegaSignatureCapture {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the signature capture.
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     this.label = '';
     /**
      * Determines whether the signature capture field is required.
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     this.required = false;
     /**
      * Determines whether the clear button is displayed.
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     this.showClearBtn = true;
     /**
@@ -81,7 +83,7 @@ export class VegaSignatureCapture {
      *
      * It indicates the expected format or pattern of the signature capture.
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     this.placeholder = 'Please sign here';
     /**
@@ -89,19 +91,19 @@ export class VegaSignatureCapture {
      *    providing visual context or enhancing the aesthetic appearance
      *    of the signature capture.
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     this.placeholderIcon = VegaInternalIconManager.getIconKey('signature');
     /**
      * Specifies whether the signature capture is disabled.
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     this.disabled = false;
     /**
      * Specifies the value of the signature capture
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = null;
@@ -109,7 +111,7 @@ export class VegaSignatureCapture {
      * Indicates whether the current value in the field is considered valid or
      *    invalid based on the defined validation rules.
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -117,19 +119,19 @@ export class VegaSignatureCapture {
      * Determines whether the signature capture field should undergo automatic validation
      *    during the user's sign.
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     this.autoValidation = true;
     /**
      * Defines custom validation rules for the signature capture field.
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     this.validationRules = [];
     /**
      * Defines the height of the signature capture field.
      *
-     * @version 2.20.0
+     * @vegaVersion 2.20.0
      */
     this.height = '320px';
   }
@@ -142,7 +144,7 @@ export class VegaSignatureCapture {
   /**
    * Invoke this method to clear the signature
    *
-   * @version 2.19.0
+   * @vegaVersion 2.19.0
    */
   async clear() {
     methodPlaceholder();
@@ -176,7 +178,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Specifies the mode of the signature capture"
@@ -197,7 +199,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Specifies the label or title for the signature capture.\n\nIt provides descriptive text that helps identify the\n   purpose or content expected in the signature capture."
@@ -218,7 +220,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Determines whether the signature capture field is required."
@@ -239,7 +241,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Determines whether the clear button is displayed."
@@ -260,7 +262,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Specifies a placeholder string that displays as a temporary hint\n   or example inside the signature capture.\n\nIt indicates the expected format or pattern of the signature capture."
@@ -281,7 +283,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Specifies an icon or symbol that appears before the placeholder,\n   providing visual context or enhancing the aesthetic appearance\n   of the signature capture."
@@ -302,7 +304,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Specifies whether the signature capture is disabled."
@@ -328,7 +330,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Specifies the value of the signature capture"
@@ -347,7 +349,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Indicates whether the current value in the field is considered valid or\n   invalid based on the defined validation rules."
@@ -368,7 +370,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Determines whether the signature capture field should undergo automatic validation\n   during the user's sign."
@@ -394,7 +396,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Defines custom validation rules for the signature capture field."
@@ -422,7 +424,7 @@ export class VegaSignatureCapture {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.20.0"
           }],
         "text": "Defines the height of the signature capture field."
@@ -444,7 +446,7 @@ export class VegaSignatureCapture {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "An event emitter notifying a value change."
@@ -470,7 +472,7 @@ export class VegaSignatureCapture {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "An event emitter notifying a value change."
@@ -501,7 +503,7 @@ export class VegaSignatureCapture {
       "docs": {
         "text": "Invoke this method to clear the signature",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }]
       }
@@ -519,6 +521,9 @@ export class VegaSignatureCapture {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaSignatureCapture.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSignatureCapture.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaSignatureCapture.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

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

@@ -15,7 +15,7 @@ import { VegaSkeletonTableRenderer } from './slimmers/renderers/vega-skeleton-ta
 import { VegaSkeletonRendererManager } from './slimmers/renderers/vega-skeleton-renderer-manager';
 import { VegaSkeletonEllipseRenderer } from './slimmers/renderers/vega-skeleton-ellipse-renderer';
 /**
- * @version 2.15.0
+ * @vegaVersion 2.15.0
  */
 export class VegaSkeleton {
   constructor() {
@@ -31,13 +31,13 @@ export class VegaSkeleton {
     /**
      * Specifies the type of the skeleton.
      *
-     * @version 2.15.0
+     * @vegaVersion 2.15.0
      */
     this.type = 'text';
     /**
      * Indicates whether the skeleton displays an animation effect.
      *
-     * @version 2.15.0
+     * @vegaVersion 2.15.0
      */
     this.animated = false;
   }
@@ -70,7 +70,7 @@ export class VegaSkeleton {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.15.0"
           }],
         "text": "Specifies the type of the skeleton."
@@ -96,7 +96,7 @@ export class VegaSkeleton {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.15.0"
           }],
         "text": "Specifies the width of the skeleton."
@@ -121,7 +121,7 @@ export class VegaSkeleton {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.15.0"
           }],
         "text": "Specifies the height of the skeleton.\n- This property is applicable only when {@link type} is set to is `image` or `ellipse`."
@@ -141,7 +141,7 @@ export class VegaSkeleton {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.15.0"
           }],
         "text": "Indicates whether the skeleton displays an animation effect."

package/dist/collection/components/vega-slot-container/vega-slot-container.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 1.47.0
+ * @vegaVersion 1.47.0
  */
 export class VegaSlotContainer {
   constructor() {

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

@@ -21,7 +21,7 @@ import { arrayToClassString } from '../../utils/ui';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaStepperRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-stepper/runtime-metrics-payload-definition';
 /**
- * @version 1.0.5
+ * @vegaVersion 1.0.5
  */
 export class VegaStepper {
   constructor() {
@@ -49,20 +49,20 @@ export class VegaStepper {
      * Defines the upper limit or maximum value that can be
      *    incremented within the stepper component.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.max = 9999;
     /**
      * Defines the lower limit or minimum value that can be
      *    decremented within the stepper component.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.min = 0;
     /**
      * Defines the initial or current value of the stepper component.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = 0;
@@ -70,7 +70,7 @@ export class VegaStepper {
      * Provides a descriptive text or string that serves
      *    as the label or title for the stepper component.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.label = '';
     /**
@@ -78,19 +78,19 @@ export class VegaStepper {
      *    stepper component is disabled. The increment and
      *    decrement buttons are unaffected by this setting.
      *
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     this.inputDisabled = null;
     /**
      * Specifies whether the stepper component is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
     /**
      * Specifies the validation status of the stepper component.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -98,13 +98,13 @@ export class VegaStepper {
      * Determines whether automatic validation should be
      *    implemented for the stepper component.
      *
-     * @version 1.18.0
+     * @vegaVersion 1.18.0
      */
     this.autoValidation = true;
     /**
      * Specifies the style variant for the stepper buttons.
      *
-     * @version 1.19.0
+     * @vegaVersion 1.19.0
      */
     this.buttonVariant = 'primary';
     /**
@@ -217,7 +217,7 @@ export class VegaStepper {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the unique identifier for the stepper component."
@@ -237,7 +237,7 @@ export class VegaStepper {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.5"
           }],
         "text": "Defines the upper limit or maximum value that can be\n   incremented within the stepper component."
@@ -258,7 +258,7 @@ export class VegaStepper {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.5"
           }],
         "text": "Defines the lower limit or minimum value that can be\n   decremented within the stepper component."
@@ -279,7 +279,7 @@ export class VegaStepper {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.5"
           }],
         "text": "Defines the initial or current value of the stepper component."
@@ -300,7 +300,7 @@ export class VegaStepper {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.5"
           }],
         "text": "Provides a descriptive text or string that serves\n   as the label or title for the stepper component."
@@ -321,7 +321,7 @@ export class VegaStepper {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.31.0"
           }],
         "text": "Specifies whether the input field of the\n   stepper component is disabled. The increment and\n   decrement buttons are unaffected by this setting."
@@ -342,7 +342,7 @@ export class VegaStepper {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies whether the stepper component is disabled."
@@ -363,7 +363,7 @@ export class VegaStepper {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the validation status of the stepper component."
@@ -384,7 +384,7 @@ export class VegaStepper {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.18.0"
           }],
         "text": "Determines whether automatic validation should be\n   implemented for the stepper component."
@@ -405,7 +405,7 @@ export class VegaStepper {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.19.0"
           }],
         "text": "Specifies the style variant for the stepper buttons."
@@ -423,7 +423,7 @@ export class VegaStepper {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.8"
           }],
         "text": "An event emitter notifying changes in the value of the stepper component."
@@ -444,7 +444,7 @@ export class VegaStepper {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying changes in the value of the stepper component."

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-page-index-controller.js

@@ -11,7 +11,12 @@ export class VegaTabGroupPageIndexController extends VegaSlimmer {
    * update the page index when component call watchTabPagesChange method
    */
   handleTabPagesChange() {
-    this.setCurrentPageIndexWhenTabPagesChange();
+    if (this.selectedTabDataTarget) {
+      this.setCurrentPageIndexBySelectedTab(this.selectedTabDataTarget);
+    }
+    else {
+      this.setCurrentPageIndexWhenTabPagesChange();
+    }
   }
   /**
    * update the page index when component call watchSelectedTabDataTargetChange method