@globalpayments/vega 2.26.0 → 2.27.0

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

@@ -28,12 +28,14 @@ import { VegaChange } from '../../helpers/event-manager/event-id/vega-event-id';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaDatePickerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-date-picker/runtime-metrics-payload-definition';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
- * @version 1.3.0
+ * @vegaVersion 1.3.0
  */
 export class VegaDatePicker {
   constructor() {
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.vegaDatePickerMobileController = new VegaDatePickerMobileController();
     this.vegaDatePickerCalendarController = new VegaDatePickerCalendarController();
     this.vegaDatePickerZIndexController = new VegaDatePickerZIndexController();
@@ -90,13 +92,13 @@ export class VegaDatePicker {
      *  - Use `single` to allow selecting a single date.
      *  - Use `range` to allow selecting a date range.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.mode = 'single';
     /**
      * Specifies the selected date or date range in the date picker.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.mode === 'range' ? ['', ''] : '';
@@ -106,13 +108,13 @@ export class VegaDatePicker {
      * Specifies whether a date or range must be selected for
      *    the date picker to pass form validation.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.required = false;
     /**
      * Specifies the validation status of the date picker component.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -120,31 +122,31 @@ export class VegaDatePicker {
      * Determines whether automatic validation should be implemented
      *    when a date or range is selected.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.autoValidation = true;
     /**
      * Specifies the desired date format.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.format = 'MM/DD/YYYY';
     /**
      * Specifies the size of the date picker field.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.size = 'default';
     /**
      * Specifies custom validation rules for the date picker field.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.validationRules = [];
     /**
      * Specifies whether to display the clear button when the calendar is shown.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.clearButton = false;
     /**
@@ -153,7 +155,7 @@ export class VegaDatePicker {
      * If set to `true`, keyboards and touch devices will skip
      *    interacting with this element.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.readOnly = false;
     /**
@@ -161,20 +163,20 @@ export class VegaDatePicker {
      *    start date or end date of an already selected date range
      *    without completely resetting the selected range.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.allowRepick = false;
     /**
      * Specifies the configuration for the calendar dropdown
      *    associated with the date picker.
      *
-     * @version 1.5.0
+     * @vegaVersion 1.5.0
      */
     this.dropdownConfig = {};
     /**
      * Specifies whether the date picker field is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
   }
@@ -231,7 +233,7 @@ export class VegaDatePicker {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   /* istanbul ignore next */
   async doClose() {
@@ -242,7 +244,7 @@ export class VegaDatePicker {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   /* istanbul ignore next */
   async doOpen() {
@@ -277,7 +279,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the selection mode of the date picker.\n\n - Use `single` to allow selecting a single date.\n - Use `range` to allow selecting a date range."
@@ -307,7 +309,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the selected date or date range in the date picker."
@@ -328,7 +330,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the label or title for the date picker field.\n\nIt provides descriptive text that helps identify the\n   purpose or content expected in the date picker field."
@@ -348,7 +350,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines whether the date picker field is required.\n\nSpecifies whether a date or range must be selected for\n   the date picker to pass form validation."
@@ -369,7 +371,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the validation status of the date picker component."
@@ -390,7 +392,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines whether automatic validation should be implemented\n   when a date or range is selected."
@@ -411,7 +413,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the desired date format."
@@ -432,7 +434,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the size of the date picker field."
@@ -458,7 +460,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies custom validation rules for the date picker field."
@@ -477,7 +479,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the minimum selectable date in the date picker."
@@ -497,7 +499,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the maximum selectable date in the date picker."
@@ -517,7 +519,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies a placeholder string that displays as a temporary hint\n   or example inside the date picker field.\n\nIt indicates the expected format or pattern of the date picker field."
@@ -537,7 +539,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies whether to display the clear button when the calendar is shown."
@@ -558,7 +560,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies whether the date picker field is set to read-only.\n\nIf set to `true`, keyboards and touch devices will skip\n   interacting with this element."
@@ -579,7 +581,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies whether the user is allowed to change either the\n   start date or end date of an already selected date range\n   without completely resetting the selected range."
@@ -605,7 +607,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.5.0"
           }],
         "text": "Specifies the configuration for the calendar dropdown\n   associated with the date picker."
@@ -624,7 +626,7 @@ export class VegaDatePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies whether the date picker field is disabled."
@@ -642,7 +644,7 @@ export class VegaDatePicker {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "An event emitter notifying the change of the value in the date picker,\n   whether triggered programmatically or through user interaction."
@@ -663,7 +665,7 @@ export class VegaDatePicker {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the change of the value in the date picker,\n   whether triggered programmatically or through user interaction."
@@ -692,7 +694,7 @@ export class VegaDatePicker {
             "name": "see",
             "text": "{module :vega-date-picker-click-call-do-open-close}"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }
@@ -714,7 +716,7 @@ export class VegaDatePicker {
             "name": "see",
             "text": "{module :vega-date-picker-click-call-do-open-close}"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }
@@ -750,6 +752,9 @@ export class VegaDatePicker {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaDatePicker.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDatePicker.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerMobileController", void 0);

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

@@ -13,7 +13,7 @@ import { DomNodeSubjectObserverFactory } from '../../helpers/change-manager/subj
 import { VegaClick, VegaClose } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.24.0
+ * @vegaVersion 1.24.0
  */
 export class VegaDialog {
   constructor() {
@@ -34,20 +34,20 @@ export class VegaDialog {
      *
      * Use the value `danger` when the dialog's primary action is destructive.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.type = 'default';
     /**
      * Determines whether the cancel button should be displayed.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.showCancel = true;
     /**
      * Represents a dictionary that contains the configuration options
      *    for the modal component used to display the dialog.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.modalProps = {};
     this.handleCancelBtnClick = (e) => {
@@ -122,7 +122,7 @@ export class VegaDialog {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Specifies the title of the dialog."
@@ -142,7 +142,7 @@ export class VegaDialog {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Specifies the text content of the dialog."
@@ -162,7 +162,7 @@ export class VegaDialog {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Specifies the type of the dialog.\n\nUse the value `danger` when the dialog's primary action is destructive."
@@ -188,7 +188,7 @@ export class VegaDialog {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Represents a dictionary that contains the configuration options\n   for the action button in the dialog."
@@ -211,7 +211,7 @@ export class VegaDialog {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Represents the function that will be executed when the\n   user clicks the action button in the dialog."
@@ -234,7 +234,7 @@ export class VegaDialog {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Represents a dictionary that contains the configuration options\n   for the cancel button in the dialog."
@@ -257,7 +257,7 @@ export class VegaDialog {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Represents the function that will be executed when the user\n   clicks the cancel button in the dialog."
@@ -275,7 +275,7 @@ export class VegaDialog {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Determines whether the cancel button should be displayed."
@@ -307,7 +307,7 @@ export class VegaDialog {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Represents a dictionary that contains the configuration options\n   for the modal component used to display the dialog."

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

@@ -14,7 +14,7 @@ import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-ob
 import { getCurrentBreakpoint } from '../../utils/breakpoints';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 2.10.0
+ * @vegaVersion 2.10.0
  */
 export class VegaDivider {
   constructor() {
@@ -29,13 +29,13 @@ export class VegaDivider {
      * It can be set to either horizontal or vertical,
      *    determining the orientation of the separation.
      *
-     * @version 2.10.0
+     * @vegaVersion 2.10.0
      */
     this.direction = 'horizontal';
     /**
      * Determines the rendering style for the divider.
      *
-     * @version 2.10.0
+     * @vegaVersion 2.10.0
      */
     this.variant = 'primary';
     /**
@@ -44,7 +44,7 @@ export class VegaDivider {
      * It can be set as ResponsiveType or any sizing token
      *    for precise control over layout and appearance.
      *
-     * @version 2.10.0
+     * @vegaVersion 2.10.0
      */
     this.margin = '0';
   }
@@ -85,7 +85,7 @@ export class VegaDivider {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.10.0"
           }],
         "text": "Specifies the direction of the divider.\n\nIt can be set to either horizontal or vertical,\n   determining the orientation of the separation."
@@ -111,7 +111,7 @@ export class VegaDivider {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.10.0"
           }],
         "text": "Determines the rendering style for the divider."
@@ -141,7 +141,7 @@ export class VegaDivider {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.10.0"
           }],
         "text": "Specifies the margin within the divider,\n   offering flexibility in adjusting spacing.\nIt can be set as ResponsiveType or any sizing token\n   for precise control over layout and appearance."

package/dist/collection/components/vega-dropdown/slimmers/renderers/vega-dropdown-list-renderer.js

@@ -46,7 +46,9 @@ export class VegaDropdownListRenderer extends VegaSlimmer {
       h("div", { class: {
           'vega-dropdown-empty-list': true,
           'v-hidden': this.sourceForRender.length > 0,
-        } }, this.searchString ? 'No results found' : 'No options'),
+        } }, this.searchString
+        ? this.translationSlimmer.t('No results found')
+        : this.translationSlimmer.t('No options')),
       h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
           'v-hidden': this.sourceForRender.length === 0,
         } },
@@ -96,3 +98,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "renderModeController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownListRenderer.prototype, "translationSlimmer", void 0);

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

@@ -11,7 +11,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
 import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaClick } from '../../../helpers/event-manager/event-id/vega-event-id';
 /**
- * @version 2.0.0
+ * @vegaVersion 2.0.0
  */
 export class VegaDropdownContentBox {
   constructor() {

package/dist/collection/components/vega-dropdown/vega-dropdown-group/vega-dropdown-group.js

@@ -10,7 +10,7 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, slotPlaceholder, } from 've
 import { VegaDropdownGroupRenderer } from './slimmers/renderers/vega-dropdown-group-renderer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.47.0
+ * @vegaVersion 1.47.0
  */
 export class VegaDropdownGroup {
   constructor() {
@@ -21,7 +21,7 @@ export class VegaDropdownGroup {
      * Determines whether to include a dividing line at
      *      the bottom of the dropdown group.
      *
-     * @version 1.47.0
+     * @vegaVersion 1.47.0
      */
     this.divide = true;
   }
@@ -50,7 +50,7 @@ export class VegaDropdownGroup {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }],
         "text": "Specifies the label for the dropdown group's level."
@@ -70,7 +70,7 @@ export class VegaDropdownGroup {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }],
         "text": "Determines whether to include a dividing line at\n     the bottom of the dropdown group."

package/dist/collection/components/vega-dropdown/vega-dropdown-item/vega-dropdown-item.js

@@ -15,7 +15,7 @@ import { createEventEmitSlimmer, } from '../../../helpers/event-manager/slimmers
 import { VegaChange, VegaClick } from '../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.47.0
+ * @vegaVersion 1.47.0
  */
 export class VegaDropdownItem {
   constructor() {
@@ -42,7 +42,7 @@ export class VegaDropdownItem {
     /**
      * Specifies the disabled status of the dropdown item.
      *
-     * @version 1.47.0
+     * @vegaVersion 1.47.0
      */
     this.disabled = false;
     /**
@@ -50,7 +50,7 @@ export class VegaDropdownItem {
      * 	  It highlights actions that may have critical consequences
      * 	     when the select type is set to none.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.danger = false;
   }
@@ -79,7 +79,7 @@ export class VegaDropdownItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }],
         "text": "Specifies the label for the dropdown item."
@@ -99,7 +99,7 @@ export class VegaDropdownItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }],
         "text": "Specifies the key for the dropdown item."
@@ -119,7 +119,7 @@ export class VegaDropdownItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }],
         "text": "Specifies the dropdown item's count."
@@ -139,7 +139,7 @@ export class VegaDropdownItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }],
         "text": "Specifies the prefix icon for the dropdown item."
@@ -159,7 +159,7 @@ export class VegaDropdownItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }],
         "text": "Specifies the disabled status of the dropdown item."
@@ -180,7 +180,7 @@ export class VegaDropdownItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }],
         "text": "Specifies the height of the dropdown item."
@@ -200,7 +200,7 @@ export class VegaDropdownItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.25.0"
           }],
         "text": "Specifies whether the dropdown item represents a danger action.\n\t  It highlights actions that may have critical consequences\n\t     when the select type is set to none."
@@ -224,7 +224,7 @@ export class VegaDropdownItem {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }],
         "text": "An event emitter notifying the dropdown item has been clicked."
@@ -250,7 +250,7 @@ export class VegaDropdownItem {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the dropdown item has been clicked."