@globalpayments/vega 2.25.0 → 2.27.0

package/dist/collection/components/vega-color-picker/vega-color-picker.js

@@ -18,7 +18,7 @@ import { VegaChange } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaColorPickerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-color-picker/runtime-metrics-payload-definition';
 /**
- * @version 1.13.0
+ * @vegaVersion 1.13.0
  */
 export class VegaColorPicker {
   constructor() {
@@ -42,7 +42,7 @@ export class VegaColorPicker {
      * Specifies the initial or preset color value of the color picker.
      *    It is represented as a hexadecimal string.
      *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
@@ -50,20 +50,20 @@ export class VegaColorPicker {
      * Displays a supplementary prompt message that assists users
      *    in understanding the expected value for the color picker.
      *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.hint = '';
     /**
      * Specifies whether the color picker element is disabled.
      *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.disabled = false;
     /**
      * Specifies whether a color must be selected for
      *    the color picker to pass form validation.
      *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.required = false;
     /**
@@ -72,13 +72,13 @@ export class VegaColorPicker {
      * It provides descriptive text that helps identify
      *    the purpose or content expected in the color picker.
      *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.label = '';
     /**
      * Specifies the validation status of the color picker component.
      *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -86,13 +86,13 @@ export class VegaColorPicker {
      * Determines whether automatic validation should be implemented
      *  for the color picker when a color is selected.
      *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.autoValidation = true;
     /**
      * Specifies custom validation rules for the color picker.
      *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.validationRules = [];
     /**
@@ -100,7 +100,7 @@ export class VegaColorPicker {
      *
      * It should be an array of hexadecimal strings representing different colors.
      *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.colors = [
       '#73E6DC',
@@ -200,7 +200,7 @@ export class VegaColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Specifies the initial or preset color value of the color picker.\n   It is represented as a hexadecimal string."
@@ -221,7 +221,7 @@ export class VegaColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Displays a supplementary prompt message that assists users\n   in understanding the expected value for the color picker."
@@ -242,7 +242,7 @@ export class VegaColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Specifies whether the color picker element is disabled."
@@ -263,7 +263,7 @@ export class VegaColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Specifies whether a color must be selected for\n   the color picker to pass form validation."
@@ -284,7 +284,7 @@ export class VegaColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Specifies the label or title for the color picker.\n\nIt provides descriptive text that helps identify\n   the purpose or content expected in the color picker."
@@ -305,7 +305,7 @@ export class VegaColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Specifies the validation status of the color picker component."
@@ -326,7 +326,7 @@ export class VegaColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Determines whether automatic validation should be implemented\n for the color picker when a color is selected."
@@ -352,7 +352,7 @@ export class VegaColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Specifies custom validation rules for the color picker."
@@ -371,7 +371,7 @@ export class VegaColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Defines custom color options for the color picker.\n\nIt should be an array of hexadecimal strings representing different colors."
@@ -387,7 +387,7 @@ export class VegaColorPicker {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "An event emitter notifying changes in the value of the color picker,\n   whether triggered programmatically or through user interaction."
@@ -408,7 +408,7 @@ export class VegaColorPicker {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying changes in the value of the color picker,\n   whether triggered programmatically or through user interaction."

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

@@ -22,7 +22,7 @@ import ChangeManager from '../../helpers/change-manager/change-manager';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaComboBoxRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-combo-box/runtime-metrics-payload-definition';
 /**
- * @version 1.11.0
+ * @vegaVersion 1.11.0
  */
 export class VegaComboBox {
   constructor() {
@@ -55,21 +55,21 @@ export class VegaComboBox {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the combo box.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.label = '';
     /**
      * Specifies whether a value must be entered for the
      *    combo box to pass form validation.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.required = false;
     /**
      * Specifies the source data used to populate the
      *    dropdown menu associated with the combo box.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.source = [];
@@ -78,13 +78,13 @@ export class VegaComboBox {
      *
      * It should be an array of strings representing the selected values.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.value = [];
     /**
      * Specifies the validation status of the combo box component.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -92,19 +92,19 @@ export class VegaComboBox {
      * Determines whether automatic validation should be implemented
      *    when a value is edited in the combo box.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.autoValidation = true;
     /**
      * Specifies custom validation rules for the combo box.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.validationRules = [];
     /**
      * Specifies whether the combo box element is disabled.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.disabled = false;
     /**
@@ -113,20 +113,20 @@ export class VegaComboBox {
      *
      * It indicates the expected format or pattern of the input.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.placeholder = '';
     /**
      * Provides a supplementary prompt message that is displayed
      *    alongside the combo box input field.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.hint = '';
     /**
      * Specifies the size of the combo box.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.size = 'medium';
     /**
@@ -134,7 +134,7 @@ export class VegaComboBox {
      *    that are used to configure the dropdown menu
      *    associated with the combo box.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.vegaDropdownProps = {};
     /**
@@ -144,7 +144,7 @@ export class VegaComboBox {
      * Setting this property to `false` enables custom text input handling
      *    by listening for the `vegaSearch` event.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.useDefaultFilter = true;
     this.onItemClick = async () => {
@@ -213,7 +213,7 @@ export class VegaComboBox {
   /**
    * Invoke this method to close the dropdown menu associated with the combo box.
    *
-   * @version 1.11.0
+   * @vegaVersion 1.11.0
    */
   async close() {
     if (!this.disabled) {
@@ -223,7 +223,7 @@ export class VegaComboBox {
   /**
    * Invoke this method to open the dropdown menu associated with the combo box.
    *
-   * @version 1.11.0
+   * @vegaVersion 1.11.0
    */
   async open() {
     if (!this.disabled) {
@@ -351,7 +351,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies the label or title for the combo box.\n\nIt provides descriptive text that helps identify the\n   purpose or content expected in the combo box."
@@ -372,7 +372,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies whether a value must be entered for the\n   combo box to pass form validation."
@@ -398,7 +398,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies the source data used to populate the\n   dropdown menu associated with the combo box."
@@ -417,7 +417,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Sets the initial or preset values of the combo box.\n\nIt should be an array of strings representing the selected values."
@@ -436,7 +436,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies the validation status of the combo box component."
@@ -457,7 +457,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Determines whether automatic validation should be implemented\n   when a value is edited in the combo box."
@@ -483,7 +483,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies custom validation rules for the combo box."
@@ -502,7 +502,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies whether the combo box element is disabled."
@@ -523,7 +523,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Sets a placeholder string that provides a temporary hint\n   or example inside the combo box input field.\n\nIt indicates the expected format or pattern of the input."
@@ -544,7 +544,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Provides a supplementary prompt message that is displayed\n   alongside the combo box input field."
@@ -570,7 +570,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies the size of the combo box."
@@ -596,7 +596,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies partial properties of the `vega-dropdown` component\n   that are used to configure the dropdown menu\n   associated with the combo box."
@@ -615,7 +615,7 @@ export class VegaComboBox {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Determines whether to display the associated dropdown menu and\n   filter its options based on the text entered into the combo box.\n\nSetting this property to `false` enables custom text input handling\n   by listening for the `vegaSearch` event."
@@ -633,7 +633,7 @@ export class VegaComboBox {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "An event emitter notifying changes in the items of the combo box value,\n   whether triggered programmatically or through user interaction."
@@ -654,7 +654,7 @@ export class VegaComboBox {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying changes in the items of the combo box value,\n   whether triggered programmatically or through user interaction."
@@ -672,7 +672,7 @@ export class VegaComboBox {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.14.0"
           }],
         "text": "An event emitter notifying when the user has chosen to add a new value\n   to the source and value of the combo box.\n\nThe event's `detail` property contains the new value.\n\nThe combo box _does not_ automatically add the new value to its `source` and `value`."
@@ -693,7 +693,7 @@ export class VegaComboBox {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying when the user has chosen to add a new value\n   to the source and value of the combo box.\n\nThe event's `detail` property contains the new value.\n\nThe combo box _does not_ automatically add the new value to its `source` and `value`."
@@ -711,7 +711,7 @@ export class VegaComboBox {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "An event emitter notifying the user's search action in the combo box,\n   but only if the `useDefaultFilter` property is set to `false`."
@@ -732,7 +732,7 @@ export class VegaComboBox {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the user's search action in the combo box,\n   but only if the `useDefaultFilter` property is set to `false`."
@@ -758,7 +758,7 @@ export class VegaComboBox {
       "docs": {
         "text": "Invoke this method to close the dropdown menu associated with the combo box.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }]
       }
@@ -777,7 +777,7 @@ export class VegaComboBox {
       "docs": {
         "text": "Invoke this method to open the dropdown menu associated with the combo box.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }]
       }

package/dist/collection/components/vega-counter-badge/vega-counter-badge.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 1.15.0
+ * @vegaVersion 1.15.0
  */
 export class VegaCounterBadge {
   constructor() {
@@ -21,7 +21,7 @@ export class VegaCounterBadge {
      * If set to `true`, the count is hidden,
      *    and the badge is rendered as a smaller dot.
      *
-     * @version 1.15.0
+     * @vegaVersion 1.15.0
      */
     this.dot = false;
     /**
@@ -31,20 +31,20 @@ export class VegaCounterBadge {
      *    demands the user's attention.
      * - Use 'bg-action' to represent a mere count of items.
      *
-     * @version 1.15.0
+     * @vegaVersion 1.15.0
      */
     this.color = 'bg-danger';
     /**
      * Represents the number that will be displayed on the badge.
      *
-     * @version 1.15.0
+     * @vegaVersion 1.15.0
      */
     this.count = 0;
     /**
      * Specifies the offset of the badge `[left, top]` from
      *    its default position at the top right corner.
      *
-     * @version 1.15.0
+     * @vegaVersion 1.15.0
      */
     this.offset = [0, 0];
   }
@@ -91,7 +91,7 @@ export class VegaCounterBadge {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.15.0"
           }],
         "text": "Determines whether the badge is displayed without a specific count.\n\nIf set to `true`, the count is hidden,\n   and the badge is rendered as a smaller dot."
@@ -112,7 +112,7 @@ export class VegaCounterBadge {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.15.0"
           }],
         "text": "Specifies the background color token to indicate prominence.\n\n- Use 'bg-danger' to represent critical information that\n   demands the user's attention.\n- Use 'bg-action' to represent a mere count of items."
@@ -133,7 +133,7 @@ export class VegaCounterBadge {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.15.0"
           }],
         "text": "Represents the number that will be displayed on the badge."
@@ -154,7 +154,7 @@ export class VegaCounterBadge {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.15.0"
           }],
         "text": "Specifies the offset of the badge `[left, top]` from\n   its default position at the top right corner."

package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.js

@@ -11,6 +11,7 @@ export class VegaDatePickerCalendarRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.alterLitePickerHeader = (ui) => {
+      this.renderMonthName(ui);
       this.renderWeekdays(ui);
       this.renderPrevAndNextMonthButtons(ui);
     };
@@ -34,7 +35,7 @@ export class VegaDatePickerCalendarRenderer extends VegaSlimmer {
     this.renderWeekdays = (ui) => {
       ui.querySelectorAll('.month-item-weekdays-row').forEach((row) => {
         Array.from(row.children).forEach((item) => {
-          item.innerText = item.innerText.replace(/^(Mon|Tue|Wed|Thu|Fri|Sat|Sun)$/, (match) => match[0]);
+          item.innerText = item.innerText.replace(/^(Mon|Tue|Wed|Thu|Fri|Sat|Sun)$/, (match) => this.translationSlimmer.t(`${match}-short`));
         });
       });
     };
@@ -60,7 +61,7 @@ export class VegaDatePickerCalendarRenderer extends VegaSlimmer {
       const footerContainer = document.createElement('div');
       footerContainer.className = 'footer-container';
       const clearButton = document.createElement('vega-button-link');
-      clearButton.label = 'Clear';
+      clearButton.label = this.translationSlimmer.t('Clear');
       clearButton.addEventListener('click', this.vegaDatePickerCalendarController.handleClear);
       footerContainer.append(clearButton);
       const mainContainer = ui.querySelector('.container__main');
@@ -215,6 +216,16 @@ export class VegaDatePickerCalendarRenderer extends VegaSlimmer {
       this.initDatePicker();
     }
   }
+  /**
+   * Render date picker calendar month name
+   *
+   * @param {HTMLElement} ui - Calendar dom ref
+   */
+  renderMonthName(ui) {
+    ui.querySelectorAll('.month-item-name').forEach((item) => {
+      item.innerText = this.translationSlimmer.t(item.innerText);
+    });
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-date-picker-render-ui-with-single}
@@ -300,6 +311,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "vegaDatePickerRangeInputRenderer", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerCalendarRenderer.prototype, "translationSlimmer", void 0);
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarRenderer.prototype, "connectedCallback", null);

package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-range-input-renderer.js

@@ -24,11 +24,11 @@ export class VegaDatePickerRangeInputRenderer extends VegaSlimmer {
     };
     this.getRangePlaceholder = () => {
       if (!this.placeholder) {
-        return ['Start Date', 'End Date'];
+        return ['Start Date', 'End Date'].map((item) => this.translationSlimmer.t(item));
       }
       if (!Array.isArray(this.placeholder) || this.placeholder.length !== 2) {
         LogUtility.warn('The placeholder should be an array, including start and end placeholder');
-        return ['Start Date', 'End Date'];
+        return ['Start Date', 'End Date'].map((item) => this.translationSlimmer.t(item));
       }
       return this.placeholder;
     };
@@ -109,6 +109,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerRenderer", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerRangeInputRenderer.prototype, "translationSlimmer", void 0);
 __decorate([
   MapToComponentMethod('componentWillRender')
 ], VegaDatePickerRangeInputRenderer.prototype, "componentWillRender", null);

package/dist/collection/components/vega-date-picker/vega-date-picker-calendar/vega-date-picker-calendar.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 VegaDatePickerCalendar {
   constructor() {