@globalpayments/vega 2.25.0 → 2.27.0

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

@@ -28,12 +28,15 @@ import { DROPDOWN_ITEM_CLICK } from '../../helpers/change-manager/subject/static
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaDropdownRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-dropdown/runtime-metrics-payload-definition';
 import { VegaDropdownScrollableController } from './slimmers/controllers/vega-dropdown-scrollable-controller';
+import { VegaDropdownRemoteInvocationController } from './slimmers/controllers/vega-dropdown-remote-invocation-controller';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
- * @version 1.3.0
+ * @vegaVersion 1.3.0
  */
 export class VegaDropdown {
   constructor() {
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.renderer = new VegaDropdownRenderer();
     this.sourceController = new VegaDropdownSourceController();
     this.searchRenderer = new VegaDropdownSearchRenderer();
@@ -52,6 +55,7 @@ export class VegaDropdown {
     this.selectedController = new VegaDropdownSelectedController();
     this.renderModeController = new VegaDropdownRenderModeController();
     this.scrollableController = new VegaDropdownScrollableController();
+    this.remoteInvocationController = new VegaDropdownRemoteInvocationController();
     this.selectTypeNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'selectType', 'watchSelectType');
     this.selectedSourceKeyNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'selectedSourceKey', 'watchSelectedSourceKey');
     this.prefixIconSlotNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'prefixIconSlot', 'watchPrefixIconSlot');
@@ -68,7 +72,7 @@ export class VegaDropdown {
     /**
      * Specifies the trigger mode for the dropdown.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.trigger = 'hover';
     /**
@@ -77,7 +81,7 @@ export class VegaDropdown {
      *
      * By default, the dropdown is displayed on the left-bottom of the target.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.translocation = {
       X: 0,
@@ -87,7 +91,7 @@ export class VegaDropdown {
      * Sets the source array of items for the dropdown,
      *    where each item must have a `key` and `label` property.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.source = [];
@@ -106,46 +110,46 @@ export class VegaDropdown {
      *      this mode releases the `vegaDropdownClick` event. Unlike the others, however,
      *      Determines the selection mode for multiple item selection.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.selectType = 'none';
     /**
      * Represents the key corresponding to the selected item in the dropdown menu.
      *    It becomes active only when `selectType` is set to `single` or `multiple`.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.selectedSourceKey = this.selectType === 'multiple' ? [] : '';
     /**
      * Controls whether the prefix icon occupy a position, even if prefix has no value.
      *
-     * @version 1.47.0
+     * @vegaVersion 1.47.0
      */
     this.prefixIconSlot = false;
     /**
      * Specifies the maximum height for the dropdown.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.maxHeight = 400;
     /**
      * Controls whether the dropdown list can be searched.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.searchable = false;
     /**
      * Determines whether the dropdown should have the
      *    same width as the target element.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.matchTargetWidth = false;
     /**
      * Specifies the display rule for items in the dropdown.
      *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.itemDisplayRule = 'newline';
     /**
@@ -155,7 +159,7 @@ export class VegaDropdown {
      * If set to `true`, the dropdown will always be positioned at
      *    the bottom of the available space.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.matchContainerHeight = false;
     /**
@@ -164,7 +168,7 @@ export class VegaDropdown {
      * Note that the default filter rules are fuzzy matching and case-insensitive.
      *    This parameter only takes effect when `searchable` is set to `true`.
      *
-     * @version 1.4.0
+     * @vegaVersion 1.4.0
      */
     this.caseSensitive = false;
     /**
@@ -172,7 +176,7 @@ export class VegaDropdown {
      *    no proper item is available. It becomes active only when
      *    `searchable` is set to `true`.
      *
-     * @version 1.16.0
+     * @vegaVersion 1.16.0
      */
     this.dynamicOption = false;
     /**
@@ -185,35 +189,41 @@ export class VegaDropdown {
      * Note that the `dynamicOption` property will not work when
      *    this property is set to `false`.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.useDefaultFilter = true;
     /**
      * Determines whether the dropdown displays a loading status.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.isLoading = false;
     /**
      * Specifies the vertical positioning of the dropdown
      *    within its container or relative to a reference point.
      *
-     * @version 1.41.0
+     * @vegaVersion 1.41.0
      */
     this.placement = ['bottom', 'top'];
     /**
      * Determines the horizontal positioning of the dropdown
      *    within its container or relative to a reference point.
      *
-     * @version 1.41.0
+     * @vegaVersion 1.41.0
      */
     this.alignment = 'start';
     /**
      * Determines whether the dropdown displays a lazy loading status.
      *
-     * @version 2.3.0
+     * @vegaVersion 2.3.0
      */
     this.isLazyLoading = false;
+    /**
+     * Determines whether the dropdown search is triggered by input or pressing the Enter key.
+     *
+     * @vegaVersion 2.26.0
+     */
+    this.searchTriggerBy = 'input';
   }
   watchIsDropdownShow() {
     methodPlaceholder();
@@ -236,7 +246,7 @@ export class VegaDropdown {
   /**
    * Invoke this method to programmatically display the dropdown menu.
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async show() {
     methodPlaceholder();
@@ -244,7 +254,7 @@ export class VegaDropdown {
   /**
    * Invoke this method to programmatically dismiss the dropdown menu.
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async hide() {
     methodPlaceholder();
@@ -255,7 +265,7 @@ export class VegaDropdown {
    *
    * This method is applicable only when the dropdown is searchable.
    *
-   * @version 1.11.0
+   * @vegaVersion 1.11.0
    */
   async search(input) {
     methodPlaceholder(input);
@@ -264,7 +274,7 @@ export class VegaDropdown {
    * Invoke this method to clear the selected items keys,
    *    removing any current selection.
    *
-   * @version 1.47.0
+   * @vegaVersion 1.47.0
    */
   async clearSelection() {
     methodPlaceholder();
@@ -274,7 +284,7 @@ export class VegaDropdown {
    *    providing an key or list of the keys representing
    *    the currently selected items.
    *
-   * @version 1.47.0
+   * @vegaVersion 1.47.0
    */
   async getSelection() {
     return methodPlaceholder();
@@ -285,7 +295,7 @@ export class VegaDropdown {
    *    the desired selected items.
    *
    * @param {string[]} keys - Row keys to be set as selected.
-   * @version 1.47.0
+   * @vegaVersion 1.47.0
    */
   async setSelection(keys) {
     methodPlaceholder(keys);
@@ -324,7 +334,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the size of the dropdown.\n   It can be provided as a number or a ResponsiveType.\n\nIf no size is set, the dropdown will default to fitting the item content width."
@@ -344,7 +354,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the trigger mode for the dropdown."
@@ -374,7 +384,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the position adjustment for the dropdown\n   relative to the target element.\n\nBy default, the dropdown is displayed on the left-bottom of the target."
@@ -398,7 +408,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Sets the source array of items for the dropdown,\n   where each item must have a `key` and `label` property."
@@ -417,7 +427,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the relative positioning of the dropdown menu\n   in relation to its container.\n\nIf not specified, the dropdown will be appended to the menu by default.\n   Adjust this property when facing scrolling positioning problems."
@@ -437,7 +447,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Controls the dropdown menu's selection. It accepts three values:\n\n- `none`:\n     After an item is selected, this option not only triggers the `vegaDropdownClick`\n     event but also conceals the dropdown menu immediately.\n- `single`:\n     Upon selection of an item whose key matches the `selectedSourceKey` property,\n     this setting both dispatches the `vegaDropdownClick` event and\n     hides the dropdown menu.\n- `multiple`:\n     When an item with a key found in the `selectedSourceKey` array is selected,\n     this mode releases the `vegaDropdownClick` event. Unlike the others, however,\n     Determines the selection mode for multiple item selection."
@@ -458,7 +468,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Represents the key corresponding to the selected item in the dropdown menu.\n   It becomes active only when `selectType` is set to `single` or `multiple`."
@@ -479,7 +489,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }],
         "text": "Controls whether the prefix icon occupy a position, even if prefix has no value."
@@ -500,7 +510,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the maximum height for the dropdown."
@@ -521,7 +531,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Controls whether the dropdown list can be searched."
@@ -542,7 +552,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines whether the dropdown should have the\n   same width as the target element."
@@ -572,7 +582,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Specifies the minimum width of the dropdown. It can be provided as\n   a number or a ResponsiveType."
@@ -601,7 +611,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Specifies the maximum width of the dropdown. It can be provided as\n   a number or a ResponsiveType."
@@ -621,7 +631,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.13.0"
           }],
         "text": "Specifies the display rule for items in the dropdown."
@@ -642,7 +652,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines if the dropdown height should be automatically adjusted\n   to fit its container height.\n\nIf set to `true`, the dropdown will always be positioned at\n   the bottom of the available space."
@@ -663,7 +673,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.4.0"
           }],
         "text": "Specifies whether the search source list is case-sensitive.\n\nNote that the default filter rules are fuzzy matching and case-insensitive.\n   This parameter only takes effect when `searchable` is set to `true`."
@@ -684,7 +694,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.16.0"
           }],
         "text": "Controls whether the dropdown can add a new item when\n   no proper item is available. It becomes active only when\n   `searchable` is set to `true`."
@@ -705,7 +715,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Determines whether to enable source filtering based on input words.\n\nWhen set to 'false', the component will emit a `vegaSearch` event\n   when input words are provided. In this case, you are responsible for\n   managing the source, including adding, deleting, and updating the source.\n\nNote that the `dynamicOption` property will not work when\n   this property is set to `false`."
@@ -726,7 +736,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "Determines whether the dropdown displays a loading status."
@@ -752,7 +762,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.41.0"
           }],
         "text": "Specifies the vertical positioning of the dropdown\n   within its container or relative to a reference point."
@@ -778,7 +788,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.41.0"
           }],
         "text": "Determines the horizontal positioning of the dropdown\n   within its container or relative to a reference point."
@@ -799,7 +809,7 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.3.0"
           }],
         "text": "Determines whether the dropdown displays a lazy loading status."
@@ -807,6 +817,32 @@ export class VegaDropdown {
       "attribute": "is-lazy-loading",
       "reflect": false,
       "defaultValue": "false"
+    },
+    "searchTriggerBy": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaDropdownSearchTriggerByType",
+        "resolved": "\"enter\" | \"input\"",
+        "references": {
+          "VegaDropdownSearchTriggerByType": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.26.0"
+          }],
+        "text": "Determines whether the dropdown search is triggered by input or pressing the Enter key."
+      },
+      "attribute": "search-trigger-by",
+      "reflect": false,
+      "defaultValue": "'input'"
     }
   }; }
   static get states() { return {
@@ -822,7 +858,7 @@ export class VegaDropdown {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "An event emitter notifying that a dropdown item has been clicked.\n\nThe event's `detail` property contains the key of the clicked item."
@@ -843,7 +879,7 @@ export class VegaDropdown {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying that a dropdown item has been clicked.\n\nThe event's `detail` property contains the key of the clicked item."
@@ -861,7 +897,7 @@ export class VegaDropdown {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "An event emitter notifying that the dropdown has been displayed,\n   either programmatically or via user interaction."
@@ -882,7 +918,7 @@ export class VegaDropdown {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying that the dropdown has been displayed,\n   either programmatically or via user interaction. The name is not `show` because already has a method `show`."
@@ -900,7 +936,7 @@ export class VegaDropdown {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Event emitter notifying that the dropdown has been dismissed,\n   either programmatically or via user interaction."
@@ -921,7 +957,7 @@ export class VegaDropdown {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying that the dropdown has been dismissed,\n   either programmatically or via user interaction. The name is not `hide` because already has a method `hide`."
@@ -939,7 +975,7 @@ export class VegaDropdown {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.14.0"
           }],
         "text": "An event emitter notifying the addition of a new value\n   to the dropdown source list.\n\nThe event's `detail` property contains the new value.\n\nThe dropdown _does not_ automatically add the new value to the source list."
@@ -960,7 +996,7 @@ export class VegaDropdown {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the addition of a new value\n   to the dropdown source list.\n\nThe event's `detail` property contains the new value.\n\nThe dropdown _does not_ automatically add the new value to the source list."
@@ -978,7 +1014,7 @@ export class VegaDropdown {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "An event emitter notifying the search event in the dropdown,\n   but only if `useDefaultFilter` is set to `false`."
@@ -999,7 +1035,7 @@ export class VegaDropdown {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the search event in the dropdown,\n   but only if `useDefaultFilter` is set to `false`. The name is not `search` because already has a method `search`."
@@ -1025,7 +1061,7 @@ export class VegaDropdown {
       "docs": {
         "text": "Invoke this method to programmatically display the dropdown menu.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }
@@ -1044,7 +1080,7 @@ export class VegaDropdown {
       "docs": {
         "text": "Invoke this method to programmatically dismiss the dropdown menu.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }
@@ -1066,7 +1102,7 @@ export class VegaDropdown {
       "docs": {
         "text": "Invoke this method to set the search input value and\n   filter the list of items in the dropdown.\n\nThis method is applicable only when the dropdown is searchable.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }]
       }
@@ -1085,7 +1121,7 @@ export class VegaDropdown {
       "docs": {
         "text": "Invoke this method to clear the selected items keys,\n   removing any current selection.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }]
       }
@@ -1104,7 +1140,7 @@ export class VegaDropdown {
       "docs": {
         "text": "Invoke this method to retrieve the selected items keys,\n   providing an key or list of the keys representing\n   the currently selected items.",
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }]
       }
@@ -1132,7 +1168,7 @@ export class VegaDropdown {
             "name": "param",
             "text": "keys - Row keys to be set as selected."
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.47.0"
           }]
       }
@@ -1162,6 +1198,9 @@ export class VegaDropdown {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaDropdown.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDropdown.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "renderer", void 0);
@@ -1204,6 +1243,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "scrollableController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDropdown.prototype, "remoteInvocationController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "selectTypeNotifySlimmer", void 0);

package/dist/collection/components/vega-field-error/vega-field-error.js

@@ -10,7 +10,7 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from '
 import { VegaFieldErrorMessageController } from './slimmers/controllers/vega-field-error-message-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.45.0
+ * @vegaVersion 1.45.0
  */
 /** The VegaFieldBox class is a TypeScript React component that renders a box with a message and a slot for additional content. */
 export class VegaFieldError {
@@ -22,7 +22,7 @@ export class VegaFieldError {
      * Specifies the error message when the input field should display an error.
      *    The input field will clear the error status when the message is empty.
      *
-     * @version 1.45.0
+     * @vegaVersion 1.45.0
      */
     this.message = '';
   }
@@ -54,7 +54,7 @@ export class VegaFieldError {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.45.0"
           }],
         "text": "Specifies the error message when the input field should display an error.\n   The input field will clear the error status when the message is empty."