@globalpayments/vega 2.25.0 → 2.27.0

package/dist/collection/components/vega-input-range/vega-input-range.js

@@ -18,12 +18,14 @@ import { InputRangeRequiredRule } from '../../helpers/validator/rules/input-rang
 import { InputRangeMinAndMaxRule } from '../../helpers/validator/rules/input-range-min-and-max-rule';
 import { VegaInputRangeClearIconRenderer } from './slimmers/renderers/vega-input-range-clear-icon-renderer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
- * @version 2.2.0
+ * @vegaVersion 2.2.0
  */
 export class VegaInputRange {
   constructor() {
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -63,7 +65,7 @@ export class VegaInputRange {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the input field.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.label = '';
     /**
@@ -76,32 +78,32 @@ export class VegaInputRange {
      * If the value is too long, it may be truncated with
      *    an ellipsis for visual presentation.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = ['', ''];
     /**
      * Determines whether the clear icon should be displayed.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.showClearIcon = true;
     /**
      * Sets the minimum allowable numeric value for the input value.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.min = null;
     /**
      * Sets the maximum allowable numeric value for the input value.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.max = null;
     /**
      * Determines whether the input range is required.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
@@ -109,7 +111,7 @@ export class VegaInputRange {
      * Indicates whether the current value in the field is considered valid
      *    based on the defined validation rules.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -117,20 +119,20 @@ export class VegaInputRange {
      * Determines whether the input field should undergo automatic validation
      *    during the user's input.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.autoValidation = true;
     /**
      * Defines custom validation rules for the input field.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.validationRules = [];
     /**
      * Defines the size of the input range,
      *    specifying its width or length.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.size = 'default';
     /**
@@ -139,27 +141,27 @@ export class VegaInputRange {
      *
      * It indicates the expected format or pattern of the input.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.placeholder = ['Minimum', 'Maximum'];
     /**
      * Determines whether the input range is disabled.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.disabled = false;
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the input field.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.hint = '';
     /**
      * Determines the arrangement and appearance of
      *    the label and input areas.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.stack = 'vertical';
   }
@@ -207,7 +209,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Specifies the label or title for the input range.\n\nIt provides descriptive text that helps identify the\n   purpose or content expected in the input field."
@@ -233,7 +235,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Represents a pre-set or default value for the input field.\n\nIt allows you to initialize the field with a specific value,\n   which is displayed to the user when the input is\n   initially rendered.\n\nIf the value is too long, it may be truncated with\n   an ellipsis for visual presentation."
@@ -252,7 +254,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Specifies an icon or symbol that appears before the input range,\n   providing visual context or enhancing the aesthetic appearance\n   of the input."
@@ -272,7 +274,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Determines whether the clear icon should be displayed."
@@ -293,7 +295,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Sets the minimum allowable numeric value for the input value."
@@ -314,7 +316,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Sets the maximum allowable numeric value for the input value."
@@ -335,7 +337,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Determines whether the input range is required."
@@ -356,7 +358,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Indicates whether the current value in the field is considered valid\n   based on the defined validation rules."
@@ -377,7 +379,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Determines whether the input field should undergo automatic validation\n   during the user's input."
@@ -403,7 +405,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Defines custom validation rules for the input field."
@@ -422,7 +424,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Defines the size of the input range,\n   specifying its width or length."
@@ -443,7 +445,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Specifies a placeholder string that displays as a temporary hint\n   or example inside the input field.\n\nIt indicates the expected format or pattern of the input."
@@ -462,7 +464,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Determines whether the input range is disabled."
@@ -483,7 +485,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Provides a supplementary prompt message that assists users in\n   understanding the expected value for the input field."
@@ -509,7 +511,7 @@ export class VegaInputRange {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "Determines the arrangement and appearance of\n   the label and input areas."
@@ -527,7 +529,7 @@ export class VegaInputRange {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "An event emitter notifying a value change."
@@ -548,7 +550,7 @@ export class VegaInputRange {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.2.0"
           }],
         "text": "An event emitter notifying a value change."
@@ -571,6 +573,9 @@ export class VegaInputRange {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaInputRange.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputRange.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputRange.prototype, "formFieldController", void 0);

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

@@ -39,7 +39,7 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
         return (h("span", { class: "vega-input-select-selected" }, this.selectedLabel(this.value)));
       }
       else {
-        return h("div", { class: "vega-input-select-placeholder" }, this.placeholder);
+        return (h("div", { class: "vega-input-select-placeholder" }, this.translationSlimmer.t(this.placeholder)));
       }
     };
     this.renderSingleSelected = () => {
@@ -48,7 +48,7 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
         return h("span", { class: "vega-input-select-selected" }, item.displayName);
       }
       else {
-        return h("div", { class: "vega-input-select-placeholder" }, this.placeholder);
+        return (h("div", { class: "vega-input-select-placeholder" }, this.translationSlimmer.t(this.placeholder)));
       }
     };
     this.getVegaDropdownProperties = () => {
@@ -140,3 +140,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputSelectDropdownRenderer.prototype, "sourceController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectDropdownRenderer.prototype, "translationSlimmer", void 0);

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -23,12 +23,14 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { VegaInputSelectRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-input-select/runtime-metrics-payload-definition';
 import { VegaInputSelectSourceController } from './slimmers/controllers/vega-input-select-source-controller';
 import { VegaInputSelectItemsSlotController } from './slimmers/controllers/vega-input-select-items-slot-controler';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
- * @version 1.0.7
+ * @vegaVersion 1.0.7
  */
 export class VegaInputSelect {
   constructor() {
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.sourceController = new VegaInputSelectSourceController();
     this.vegaInputSelectRenderer = new VegaInputSelectRenderer();
     this.vegaInputSelectDropdownController = new VegaInputSelectDropdownController();
@@ -63,13 +65,13 @@ export class VegaInputSelect {
      * It provides descriptive text that helps identify the purpose or
      *    content expected in the input select field.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.label = '';
     /**
      * Determines whether the input select field is required.
      *
-     * @version 1.0.7
+     * @vegaVersion 1.0.7
      */
     this.required = false;
     /**
@@ -78,20 +80,20 @@ export class VegaInputSelect {
      *    The default format for the selected label is
      *    `${number of selected items} Selected`.
      *
-     * @version 1.35.0
+     * @vegaVersion 1.35.0
      */
     this.selectedLabel = (value) => `${value.length} Selected`;
     /**
      * Controls the selection capabilities of the associated dropdown menu.
      *
-     * @version 1.35.0
+     * @vegaVersion 1.35.0
      */
     this.selectType = 'single';
     /**
      * Specifies the dataset used to populate the options
      *    available in the select input dropdown menu.
      *
-     * @version 1.0.7
+     * @vegaVersion 1.0.7
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.source = [];
@@ -103,7 +105,7 @@ export class VegaInputSelect {
      *    correctly associate the chosen option with its
      *    corresponding data entry.
      *
-     * @version 1.0.7
+     * @vegaVersion 1.0.7
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.selectType === 'multiple' ? [] : '';
@@ -111,7 +113,7 @@ export class VegaInputSelect {
      * Indicates the current validation status of the user's selection
      *    from the dropdown menu.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -121,7 +123,7 @@ export class VegaInputSelect {
      *    ensuring that the input adheres to predefined criteria before
      *    submission or proceeding further.
      *
-     * @version 1.0.11
+     * @vegaVersion 1.0.11
      */
     this.autoValidation = true;
     /**
@@ -129,13 +131,13 @@ export class VegaInputSelect {
      *    the user's selection in the dropdown menu must
      *    comply with.
      *
-     * @version 1.0.11
+     * @vegaVersion 1.0.11
      */
     this.validationRules = [];
     /**
      * Specifies whether the input select field is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
     /**
@@ -144,7 +146,7 @@ export class VegaInputSelect {
      *
      * It indicates the expected format or pattern of the input.
      *
-     * @version 1.0.7
+     * @vegaVersion 1.0.7
      */
     this.placeholder = 'Please select';
     /**
@@ -153,13 +155,13 @@ export class VegaInputSelect {
      *
      * You can specify custom properties and their corresponding values as needed.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.vegaDropdownProps = {};
     /**
      * Defines the size of the input select field.
      *
-     * @version 1.18.0
+     * @vegaVersion 1.18.0
      */
     this.size = 'default';
   }
@@ -179,7 +181,7 @@ export class VegaInputSelect {
    * Invoke this method to close the select dropdown and clear
    *    the dropdown element reference.
    *
-   * @version 1.0.7
+   * @vegaVersion 1.0.7
    */
   async doClose() {
     await this.vegaInputSelectDropdownRenderer.hide();
@@ -187,7 +189,7 @@ export class VegaInputSelect {
   /**
    * Invoke this method to open the select dropdown.
    *
-   * @version 1.0.7
+   * @vegaVersion 1.0.7
    */
   async doOpen() {
     await this.vegaInputSelectDropdownRenderer.show();
@@ -195,7 +197,7 @@ export class VegaInputSelect {
   /**
    * Invoke this method to change the ID of the select source item.
    *
-   * @version 1.0.7
+   * @vegaVersion 1.0.7
    */
   async doChange(value) {
     this.vegaInputSelectValueController.setValue(value);
@@ -224,7 +226,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the label or title for the input field.\n\nIt provides descriptive text that helps identify the purpose or\n   content expected in the input select field."
@@ -245,7 +247,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.7"
           }],
         "text": "Determines whether the input select field is required."
@@ -271,7 +273,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.35.0"
           }],
         "text": "Allows customization of the text displayed within the\n   select field when multiple items are selected.\n   The default format for the selected label is\n   `${number of selected items} Selected`."
@@ -295,7 +297,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.35.0"
           }],
         "text": "Controls the selection capabilities of the associated dropdown menu."
@@ -321,7 +323,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.7"
           }],
         "text": "Specifies the dataset used to populate the options\n   available in the select input dropdown menu."
@@ -349,7 +351,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.7"
           }],
         "text": "Specifies the ID of the item selected from the source data\n   in the dropdown menu.\n\nThe ID should be unique within the source collection to\n   correctly associate the chosen option with its\n   corresponding data entry."
@@ -370,7 +372,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Indicates the current validation status of the user's selection\n   from the dropdown menu."
@@ -391,7 +393,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.11"
           }],
         "text": "Specifies whether the system should automatically carry out\n   validation checks on the user's selection in real-time,\n   ensuring that the input adheres to predefined criteria before\n   submission or proceeding further."
@@ -417,7 +419,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.11"
           }],
         "text": "Allows setting custom criteria or constraints that\n   the user's selection in the dropdown menu must\n   comply with."
@@ -436,7 +438,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies a prefix icon for visual context or aesthetic enhancement."
@@ -456,7 +458,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies whether the input select field is disabled."
@@ -477,7 +479,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.7"
           }],
         "text": "Specifies a placeholder string that displays as a temporary hint or\n   example inside the input select field.\n\nIt indicates the expected format or pattern of the input."
@@ -498,7 +500,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Provides a supplementary prompt message that assists users in\n   understanding the expected value for the input select field."
@@ -511,7 +513,7 @@ export class VegaInputSelect {
       "mutable": false,
       "complexType": {
         "original": "VegaDropdownPropsForSelect",
-        "resolved": "{ caseSensitive?: boolean; matchContainerHeight?: boolean; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchable?: boolean; size?: ResponsiveType<SizeType>; useDefaultFilter?: boolean; }",
+        "resolved": "{ caseSensitive?: boolean; matchContainerHeight?: boolean; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchTriggerBy?: VegaDropdownSearchTriggerByType; searchable?: boolean; size?: ResponsiveType<SizeType>; useDefaultFilter?: boolean; }",
         "references": {
           "VegaDropdownPropsForSelect": {
             "location": "import",
@@ -523,7 +525,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Provides partial properties for the dropdown component used\n   in the input select element.\n\nYou can specify custom properties and their corresponding values as needed."
@@ -551,7 +553,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.18.0"
           }],
         "text": "Defines the size of the input select field."
@@ -577,7 +579,7 @@ export class VegaInputSelect {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.3.0"
           }],
         "text": "Specifies the callback function for source lazy loading, which returns new data to load.\n\nWhen the dropdown reaches the bottom, this function is triggered and\n    receives the current end index as a parameter."
@@ -597,7 +599,7 @@ export class VegaInputSelect {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.11"
           }],
         "text": "An event emitter notifying the change of the select value."
@@ -627,7 +629,7 @@ export class VegaInputSelect {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the change of the select value."
@@ -654,7 +656,7 @@ export class VegaInputSelect {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.50.0"
           }],
         "text": "An event emitter notifying the search of the dropdown."
@@ -675,7 +677,7 @@ export class VegaInputSelect {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the search of the dropdown."
@@ -701,7 +703,7 @@ export class VegaInputSelect {
       "docs": {
         "text": "Invoke this method to close the select dropdown and clear\n   the dropdown element reference.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.7"
           }]
       }
@@ -720,7 +722,7 @@ export class VegaInputSelect {
       "docs": {
         "text": "Invoke this method to open the select dropdown.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.7"
           }]
       }
@@ -750,7 +752,7 @@ export class VegaInputSelect {
       "docs": {
         "text": "Invoke this method to change the ID of the select source item.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.7"
           }]
       }
@@ -771,6 +773,9 @@ export class VegaInputSelect {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaInputSelect.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputSelect.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "sourceController", void 0);