@globalpayments/vega 2.26.0 → 2.27.0

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

@@ -22,7 +22,7 @@ import domNodeSubjectFactory from '../../helpers/change-manager/subject/dom-node
 import { VegaInternalValid } from '../../helpers/event-manager/event-id/vega-internal-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.3.0
+ * @vegaVersion 1.3.0
  */
 export class VegaForm {
   constructor() {
@@ -74,7 +74,7 @@ export class VegaForm {
      *      form-controlled elements to ensure that the value reflects
      *      the most up-to-date form validation status.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -87,7 +87,7 @@ export class VegaForm {
      *   2. When resetting the form, this parameter is set to `false`.
      *   3. When invoking the `setValue` method, this parameter is set to `false`.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.isTouched = false;
     /**
@@ -148,7 +148,7 @@ export class VegaForm {
    *
    * @param {boolean | 'rule'} showError determine whether the validation result should be reflected in UI
    * @return {Promise<FormValidateResult> } validation result
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async valid(showError = true) {
     const result = { isValid: true, invalidFields: [] };
@@ -176,7 +176,7 @@ export class VegaForm {
    *
    * @param {FormControlOption} [option] form control option to skip disabled/invisible components
    * @return {Promise<T>} object with key and field value as key-value pair
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async getValue(option) {
     const result = {};
@@ -198,7 +198,7 @@ export class VegaForm {
    *
    * @param value to prefill into the vega-form
    * @param {FormControlOption} [option] form control option to skip disabled/invisible components
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async setValue(value, option) {
     if (value) {
@@ -228,7 +228,7 @@ export class VegaForm {
    * @param defaultValueMap map of the vega form field name to default value
    * @param {FormControlOption} [option] form control option to skip disabled/invisible components
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async reset(defaultValueMap = {}, option) {
     await this.navigateVegaFormChildren(async (element, isForm) => {
@@ -441,7 +441,7 @@ export class VegaForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Indicates whether the current form-controlled elements are valid.\n\nForm-controlled elements are considered for validation if they\n   have the `data-vega-form` property.\n\nDisabled and invisible elements are excluded from validation.\n\nIf the value is `undefined`, it means there are no\n   form-controlled elements that can be validated.\n\n**Additional Notes:**\n  1. When depending on `isValid` for form validation, it is advised\n     not to modify the following properties of the monitored DOM:\n     - `disabled` property\n     - Element visibility style\n  2. As this property relies heavily on the `VegaValidate` event emitted,\n     it is highly recommended to enable auto-validation for all\n     form-controlled elements to ensure that the value reflects\n     the most up-to-date form validation status."
@@ -462,7 +462,7 @@ export class VegaForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Indicates whether the value of any current\n   form-controlled elements has been changed.\n\n  1. When the value of any form-controlled element is changed,\n     this parameter is set to `true`.\n  2. When resetting the form, this parameter is set to `false`.\n  3. When invoking the `setValue` method, this parameter is set to `false`."
@@ -480,7 +480,7 @@ export class VegaForm {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.9.1"
           }],
         "text": "An event emitter notifying the change in the validation result."
@@ -501,7 +501,7 @@ export class VegaForm {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the change in the validation result."
@@ -519,7 +519,7 @@ export class VegaForm {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "An event emitter notifying the submission of the form."
@@ -540,7 +540,7 @@ export class VegaForm {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the submission of the form."
@@ -558,7 +558,7 @@ export class VegaForm {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "An event emitter notifying the reset of the form."
@@ -579,7 +579,7 @@ export class VegaForm {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the reset of the form."
@@ -627,7 +627,7 @@ export class VegaForm {
             "name": "return",
             "text": "validation result"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }
@@ -674,7 +674,7 @@ export class VegaForm {
             "name": "return",
             "text": "object with key and field value as key-value pair"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }
@@ -724,7 +724,7 @@ export class VegaForm {
             "name": "param",
             "text": "option form control option to skip disabled/invisible components"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }
@@ -771,7 +771,7 @@ export class VegaForm {
             "name": "param",
             "text": "option form control option to skip disabled/invisible components"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }

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

@@ -11,7 +11,7 @@ import { arrayToClassString } from '../../utils/ui';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.3.0
+ * @vegaVersion 1.3.0
  */
 export class VegaGrid {
   constructor() {
@@ -35,7 +35,7 @@ export class VegaGrid {
      *    such as `default` or `L`, and the values can be integers or strings following the
      *    same patterns mentioned above.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.column = 1;
     /**
@@ -56,7 +56,7 @@ export class VegaGrid {
      *    such as `default` or `L`, and the values can be integers or strings following the
      *    same patterns mentioned above.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.row = 1;
   }
@@ -83,7 +83,7 @@ export class VegaGrid {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<GridColumnsType>",
-        "resolved": "2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
+        "resolved": "3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
         "references": {
           "ResponsiveType": {
             "location": "import",
@@ -99,7 +99,7 @@ export class VegaGrid {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines the configuration of the grid columns.\n   It can be provided as an integer, string, or a responsive map\n   using key-value pairs.\n\nIf provided as an integer from 1 to 12, each column will have the same width.\n   The CSS for this configuration is `grid-template-columns: repeat(number, minmax(0, 1fr))`.\n\nIf provided as a string in the format of n-auto\n   (e.g., `1-auto`, `2-auto`, ..., `12-auto`),\n   each column will have auto width. The CSS for this configuration is\n   `grid-template-columns: repeat(number, auto)`.\n\nAlternatively, you can use a responsive map to define different column configurations\n   for various breakpoints. The keys in the map should represent the breakpoints,\n   such as `default` or `L`, and the values can be integers or strings following the\n   same patterns mentioned above."
@@ -113,7 +113,7 @@ export class VegaGrid {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<GridRowsType>",
-        "resolved": "2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
+        "resolved": "3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
         "references": {
           "ResponsiveType": {
             "location": "import",
@@ -129,7 +129,7 @@ export class VegaGrid {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines the configuration of the grid rows.\n   It can be provided as an integer, string, or a responsive map\n   using key-value pairs.\n\nIf provided as an integer from 1 to 6, each row will have the same height.\n   The CSS for this configuration is `grid-template-rows: repeat(number, minmax(0, 1fr))`.\n\nIf provided as a string in the format of n-auto\n   (e.g., `1-auto`, `2-auto`, ..., `6-auto`),\n   each row will have auto height. The CSS for this configuration is\n   `grid-template-rows: repeat(number, auto)`.\n\nAlternatively, you can use a responsive map to define different row configurations\n   for various breakpoints. The keys in the map should represent the breakpoints,\n   such as `default` or `L`, and the values can be integers or strings following the\n   same patterns mentioned above."
@@ -159,7 +159,7 @@ export class VegaGrid {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines the spacing between grid cells.\n\nIt can be provided as a spacing value, such as `size-16` or `size-24`.\n\nAlternatively, you can use a responsive map to define different gap values for\n   various breakpoints. The keys in the map should represent the breakpoints,\n   such as `default` or `L`, and the values should be spacing values."

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

@@ -10,7 +10,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { sanitizeVegaComponent } from '../../utils/component';
 /**
  * @VegaInternalComponent
- * @version 2.20.1
+ * @vegaVersion 2.20.1
  */
 /**
  * This is an internal used component and shouldn't be used by client,

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

@@ -15,7 +15,7 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { LogUtility } from '../../utils/log';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.0.4
+ * @vegaVersion 1.0.4
  */
 export class VegaIcon {
   constructor() {
@@ -26,7 +26,7 @@ export class VegaIcon {
      *    For Third Party Icons (e.g., Font Awesome),
      *    it sets the icon's font-size.
      *
-     * @version 1.0.4
+     * @vegaVersion 1.0.4
      */
     this.size = 'size-16';
     /**
@@ -216,7 +216,7 @@ export class VegaIcon {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.4"
           }],
         "text": "Specifies the required icon design token for the icon."
@@ -241,7 +241,7 @@ export class VegaIcon {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.4"
           }],
         "text": "Specifies the width and height of the icon.\n   For Third Party Icons (e.g., Font Awesome),\n   it sets the icon's font-size."
@@ -267,7 +267,7 @@ export class VegaIcon {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.26.0"
           }],
         "text": "Specifies the color of the icon.\n\nIf the color prop is `undefined`, it defaults to `currentColor`."

package/dist/collection/components/vega-image-uploader/slimmers/renderers/vega-image-uploader-default-content-renderer.js

@@ -24,7 +24,7 @@ export class VegaImageUploaderDefaultContentRenderer extends VegaSlimmer {
   render() {
     return (h("div", { class: "action-wrapper", role: "button", tabIndex: 0, onClick: this.handleUploaderClick, onKeyDown: createEnterKeyHandlerToTriggerClick() },
       h("vega-icon", { icon: "plus-sign", size: "size-24" }),
-      h("div", { class: "vega-image-uploader-text" }, this.actionTitle),
+      h("div", { class: "vega-image-uploader-text" }, this.translationSlimmer.t(this.actionTitle)),
       this.renderSubtitle()));
   }
   renderSubtitle() {
@@ -40,3 +40,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaImageUploaderDefaultContentRenderer.prototype, "actionSubTitle", void 0);
+__decorate([
+  MapToComponentField()
+], VegaImageUploaderDefaultContentRenderer.prototype, "translationSlimmer", void 0);