@globalpayments/vega 2.29.0 → 2.31.0

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

@@ -22,7 +22,7 @@ import { VegaDropdownRenderModeController } from './slimmers/controllers/vega-dr
 import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
 import { VegaDropdownChildrenController } from './slimmers/controllers/vega-dropdown-children-controller';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
-import { VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaSearchTrigger, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { ChildNodesNotifyObserverSlimmer, } from '../../helpers/event-manager/slimmers/child-nodes-notify-observer-slimmer';
 import { DROPDOWN_ITEM_CLICK } from '../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
@@ -65,6 +65,7 @@ export class VegaDropdown {
     this.dropdownClickEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownClick);
     this.createEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaCreate);
     this.searchEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownSearch);
+    this.searchTriggerEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaSearchTrigger);
     this.itemDisplayRuleNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'itemDisplayRule', 'watchItemDisplayRule');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaDropdownRuntimeMetricsPayloadDefinition);
     this.searchString = null;
@@ -218,12 +219,6 @@ export class VegaDropdown {
      * @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();
@@ -841,8 +836,7 @@ export class VegaDropdown {
         "text": "Determines whether the dropdown search is triggered by input or pressing the Enter key."
       },
       "attribute": "search-trigger-by",
-      "reflect": false,
-      "defaultValue": "'input'"
+      "reflect": false
     }
   }; }
   static get states() { return {
@@ -1045,6 +1039,55 @@ export class VegaDropdown {
         "resolved": "string",
         "references": {}
       }
+    }, {
+      "method": "vegaSearchTrigger",
+      "name": "vegaSearchTrigger",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.30.0"
+          }],
+        "text": "An event emitter notifying the search event triggered within the dropdown,\n   but only if `useDefaultFilter` is set to `false`.\nUnlike the Vegasearch event, this event includes the details of the user who triggered it.\nIt can be triggered in two ways: by pressing \"Enter\" or through user input."
+      },
+      "complexType": {
+        "original": "VegaDropdownSearchTriggerEventDetail",
+        "resolved": "{ searchBy: VegaDropdownSearchTriggerByType; value: string; }",
+        "references": {
+          "VegaDropdownSearchTriggerEventDetail": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
+    }, {
+      "method": "searchTrigger",
+      "name": "searchTrigger",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.30.0"
+          }],
+        "text": "An event emitter notifying the search event triggered within the dropdown,\n   but only if `useDefaultFilter` is set to `false`.\nUnlike the Vegasearch event, this event includes the details of the user who triggered it.\nIt can be triggered in two ways: by pressing \"Enter\" or through user input."
+      },
+      "complexType": {
+        "original": "VegaDropdownSearchTriggerEventDetail",
+        "resolved": "{ searchBy: VegaDropdownSearchTriggerByType; value: string; }",
+        "references": {
+          "VegaDropdownSearchTriggerEventDetail": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
     }]; }
   static get methods() { return {
     "show": {
@@ -1273,6 +1316,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "searchEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDropdown.prototype, "searchTriggerEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "itemDisplayRuleNotifySlimmer", void 0);

package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
-import { VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, } from '../../../../helpers/event-manager/event-id/vega-event-id';
+import { VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaSearchTrigger, } from '../../../../helpers/event-manager/event-id/vega-event-id';
 import { VegaInternalDropdownTemplateItemsChange } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 /** The `VegaInputSelectDropdownController` class is a TypeScript React component that controls the behavior of a dropdown select input. */
 export class VegaInputSelectDropdownController extends VegaSlimmer {
@@ -39,6 +39,9 @@ export class VegaInputSelectDropdownController extends VegaSlimmer {
     DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, VegaDropdownSearch, (payload) => {
       this.searchEventEmitter.emit(payload.detail);
     });
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, VegaSearchTrigger, (payload) => {
+      this.searchTriggerEventEmitter.emit(payload.detail);
+    });
     DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, VegaInternalDropdownTemplateItemsChange, 
     /*
      * The below method is e2e-test covered in
@@ -66,6 +69,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputSelectDropdownController.prototype, "searchEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectDropdownController.prototype, "searchTriggerEventEmitter", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputSelectDropdownController.prototype, "vegaInputSelectValueController", void 0);

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

@@ -16,7 +16,7 @@ import { VegaInputSelectDropdownRenderer } from './slimmers/renderers/vega-input
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
-import { VegaChange, VegaSearch } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaChange, VegaSearch, VegaSearchTrigger, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaInputSelectLazyLoadController } from './slimmers/controllers/vega-input-select-lazy-load-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
@@ -54,7 +54,8 @@ export class VegaInputSelect {
     this.lazyLoadController = new VegaInputSelectLazyLoadController();
     this.changeEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaChange);
     this.searchEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaSearch);
-    this.eventPrevent = new ChildNodesEventPreventSlimmer([VegaSearch], () => this.host, true);
+    this.searchTriggerEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaSearchTrigger);
+    this.eventPrevent = new ChildNodesEventPreventSlimmer([VegaSearch, VegaSearchTrigger], () => this.host, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaInputSelectRuntimeMetricsPayloadDefinition);
     this.isDropdownShow = false;
     this.currentBreakpoint = getCurrentBreakpoint();
@@ -687,6 +688,55 @@ export class VegaInputSelect {
         "resolved": "string",
         "references": {}
       }
+    }, {
+      "method": "vegaSearchTrigger",
+      "name": "vegaSearchTrigger",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.30.0"
+          }],
+        "text": "An event emitter notifying the search event triggered within the dropdown,\n   but only if `useDefaultFilter` is set to `false`.\nUnlike the Vegasearch event, this event includes the details of the user who triggered it.\nIt can be triggered in two ways: by pressing \"Enter\" or through user input."
+      },
+      "complexType": {
+        "original": "VegaDropdownSearchTriggerEventDetail",
+        "resolved": "{ searchBy: VegaDropdownSearchTriggerByType; value: string; }",
+        "references": {
+          "VegaDropdownSearchTriggerEventDetail": {
+            "location": "import",
+            "path": "../vega-dropdown/types"
+          }
+        }
+      }
+    }, {
+      "method": "searchTrigger",
+      "name": "searchTrigger",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.30.0"
+          }],
+        "text": "An event emitter notifying the search event triggered within the dropdown,\nUnlike the Vegasearch event, this event includes the details of the user who triggered it.\nIt can be triggered in two ways: by pressing \"Enter\" or through user input."
+      },
+      "complexType": {
+        "original": "VegaDropdownSearchTriggerEventDetail",
+        "resolved": "{ searchBy: VegaDropdownSearchTriggerByType; value: string; }",
+        "references": {
+          "VegaDropdownSearchTriggerEventDetail": {
+            "location": "import",
+            "path": "../vega-dropdown/types"
+          }
+        }
+      }
     }]; }
   static get methods() { return {
     "doClose": {
@@ -809,6 +859,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "searchEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputSelect.prototype, "searchTriggerEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "eventPrevent", void 0);

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

@@ -16,7 +16,7 @@ import { VegaSidenavGroupSubStateController } from './slimmers/controllers/vega-
 import { isHTMLVegaSidenavLinkElement } from '../utils';
 /**
  * @deprecated This component will be removed soon, please consider using `vega-left-nav-group` component instead.
- * @vegaVersion 2.29.0
+ * @vegaVersion 1, v2.29.0
  */
 export class VegaSidenavGroup {
   constructor() {
@@ -28,7 +28,7 @@ export class VegaSidenavGroup {
      * Specifies the text that serves as the label or title
      *    for the side navigation group in the sidebar.
      *
-     * @vegaVersion 2.29.0
+     * @vegaVersion 1, v2.29.0
      */
     this.label = '';
     /**
@@ -107,7 +107,7 @@ export class VegaSidenavGroup {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Represents the icon attached to the side navigation\n   group header link."
       },
@@ -127,7 +127,7 @@ export class VegaSidenavGroup {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Specifies the text that serves as the label or title\n   for the side navigation group in the sidebar."
       },

package/dist/collection/components/vega-sidenav/vega-sidenav-link/vega-sidenav-link.js

@@ -22,7 +22,7 @@ import { VegaClick } from '../../../helpers/event-manager/event-id/vega-event-id
 import internalVegaEventManager from '../../../helpers/event-manager/internal-vega-event-manager';
 /**
  * @deprecated This component will be removed soon, please consider using `vega-left-nav-link` component instead.
- * @vegaVersion 2.29.0
+ * @vegaVersion 1, v2.29.0
  */
 export class VegaSidenavLink {
   constructor() {
@@ -34,14 +34,14 @@ export class VegaSidenavLink {
     /**
      * Indicates whether the link item is selected.
      *
-     * @vegaVersion 2.29.0
+     * @vegaVersion 1, v2.29.0
      */
     this.selected = false;
     /**
      * Determines if the side nav should stay open when the
      *    sidenav-link element is clicked.
      *
-     * @vegaVersion 2.29.0
+     * @vegaVersion 1, v2.29.0
      */
     this.showSideBarOnClickLink = false;
     /**
@@ -135,7 +135,7 @@ export class VegaSidenavLink {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Specifies the icon displayed for the side navigation link.\n   Icons are only displayed for top-level links."
       },
@@ -155,7 +155,7 @@ export class VegaSidenavLink {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Indicates whether the link item is selected."
       },
@@ -176,7 +176,7 @@ export class VegaSidenavLink {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Specifies the destination URL to which the side navigation link\n   navigates when clicked."
       },
@@ -196,7 +196,7 @@ export class VegaSidenavLink {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Determines if the side nav should stay open when the\n   sidenav-link element is clicked."
       },
@@ -217,7 +217,7 @@ export class VegaSidenavLink {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "An event emitter notifying about the occurrence of a click event."
       },
@@ -238,7 +238,7 @@ export class VegaSidenavLink {
             "text": "namespace:native"
           }, {
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "An event emitter notifying about the occurrence of a click event."
       },

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

@@ -18,7 +18,7 @@ import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/ev
 import { VegaStateUpdate } from '../../helpers/event-manager/event-id/vega-event-id';
 /**
  * @deprecated This component will be removed soon, please consider using `vega-left-nav` component instead.
- * @vegaVersion 2.29.0
+ * @vegaVersion 1, v2.29.0
  */
 export class VegaSidenav {
   constructor() {
@@ -34,14 +34,14 @@ export class VegaSidenav {
      * Provides additional information or context in the form of
      *    a footnote in the side nav footer.
      *
-     * @vegaVersion 2.29.0
+     * @vegaVersion 1, v2.29.0
      */
     this.footnote = '';
     /**
      * Specifies the configuration for the header of the side nav,
      *    allowing customization of the logo and headline.
      *
-     * @vegaVersion 2.29.0
+     * @vegaVersion 1, v2.29.0
      */
     this.headerConfig = {};
     /**
@@ -49,7 +49,7 @@ export class VegaSidenav {
      *    different screen sizes and disables collapse for
      *    large screens.
      *
-     * @vegaVersion 2.29.0
+     * @vegaVersion 1, v2.29.0
      */
     this.openByDefault = 'close';
     /**
@@ -148,7 +148,7 @@ export class VegaSidenav {
   /**
    * Invoke this method to toggle the side navigation menu.
    *
-   * @vegaVersion 2.29.0
+   * @vegaVersion 1, v2.29.0
    */
   async toggle() {
     this.openStatusController.toggleSidenav();
@@ -235,7 +235,7 @@ export class VegaSidenav {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Defines the data that is used to generate the items\n   in the side nav list."
       }
@@ -253,7 +253,7 @@ export class VegaSidenav {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Provides additional information or context in the form of\n   a footnote in the side nav footer."
       },
@@ -279,7 +279,7 @@ export class VegaSidenav {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Specifies the configuration for the header of the side nav,\n   allowing customization of the logo and headline."
       },
@@ -307,7 +307,7 @@ export class VegaSidenav {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "Specifies the default open behavior for the side nav across\n   different screen sizes and disables collapse for\n   large screens."
       },
@@ -328,7 +328,7 @@ export class VegaSidenav {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "An event emitter notifying the completion of a navigation menu state change (open or close)."
       },
@@ -349,7 +349,7 @@ export class VegaSidenav {
             "text": "namespace:native"
           }, {
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }],
         "text": "An event emitter notifying the completion of a navigation menu state change (open or close)."
       },
@@ -375,7 +375,7 @@ export class VegaSidenav {
         "text": "Invoke this method to toggle the side navigation menu.",
         "tags": [{
             "name": "vegaVersion",
-            "text": "2.29.0"
+            "text": "1, v2.29.0"
           }]
       }
     }

package/dist/collection/constants/ui.js

@@ -51,6 +51,7 @@ export const VegaNativeEventName = [
   'dropdownClick',
   'create',
   'search',
+  'searchTrigger',
   'hide',
   'show',
   'popoverShow',

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaLabelButtonClick, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -18,7 +18,14 @@ const entries = [
   ['vega-date-picker', [VegaChange]],
   [
     'vega-dropdown',
-    [VegaDropdownShow, VegaDropdownHide, VegaDropdownClick, VegaCreate, VegaDropdownSearch],
+    [
+      VegaDropdownShow,
+      VegaDropdownHide,
+      VegaDropdownClick,
+      VegaCreate,
+      VegaDropdownSearch,
+      VegaSearchTrigger,
+    ],
   ],
   ['vega-dropdown-item', [VegaClick]],
   ['vega-field-label', [VegaClick, VegaLabelButtonClick]],
@@ -30,7 +37,7 @@ const entries = [
   ['vega-input-numeric', [VegaChange]],
   ['vega-input-phone-number', [VegaChange, VegaCountryChange]],
   ['vega-input-range', [VegaChange]],
-  ['vega-input-select', [VegaChange, VegaSearch]],
+  ['vega-input-select', [VegaChange, VegaSearch, VegaSearchTrigger]],
   ['vega-item-toggle', [VegaToggleStatus]],
   ['vega-modal', [VegaOpen, VegaClose]],
   ['vega-left-nav', [VegaStateUpdate]],

package/dist/collection/helpers/event-manager/event-id/vega-event-id.js

@@ -71,6 +71,7 @@ export const VegaPageSizeChange = new VegaEventID('vegaPageSizeChange', 'pageSiz
 export const VegaDropdownClick = new VegaEventID('vegaDropdownClick', 'dropdownClick');
 export const VegaCreate = new VegaEventID('vegaCreate', 'create');
 export const VegaSearch = new VegaEventID('vegaSearch', 'search');
+export const VegaSearchTrigger = new VegaEventID('vegaSearchTrigger', 'searchTrigger');
 export const VegaHide = new VegaEventID('vegaHide', 'hide');
 export const VegaShow = new VegaEventID('vegaShow', 'show');
 export const VegaPopoverShow = new VegaEventID('vegaPopoverShow', 'popoverShow');

package/dist/collection/helpers/event-manager/test/vega-event-manager.test.js

@@ -1,5 +1,5 @@
 import { VegaEventManager } from '../../public-api';
-import { VegaBlur, VegaChange, VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaFocus, VegaLabelButtonClick, } from '../event-id/vega-event-id';
+import { VegaBlur, VegaChange, VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaFocus, VegaLabelButtonClick, VegaSearchTrigger, } from '../event-id/vega-event-id';
 import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/runtime-metrics/src/index';
 import { sleep } from '../../../utils/test-utils';
 describe('VegaEventManager', () => {
@@ -30,6 +30,7 @@ describe('VegaEventManager', () => {
       VegaDropdownClick,
       VegaCreate,
       VegaDropdownSearch,
+      VegaSearchTrigger,
     ]);
   });
   it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call setSemantics', async () => {

package/dist/collection/helpers/feature-control/feature-flags-map.js

@@ -180,5 +180,10 @@ const FeatureFlagsMap = {
     createdTimestamp: 1730361348399,
     createdAtVersion: '2.26.0',
   },
+  'VEGA_DATE_PICKER.ENABLE_CALCULATION_POSITION_BY_SCREEN': {
+    description: `Feature flag that enable use screen to calculation position.`,
+    createdTimestamp: 1733293586535,
+    createdAtVersion: '2.29.0',
+  },
 };
 export default Object.freeze(FeatureFlagsMap);

package/dist/collection/helpers/slimmers/element-appender-container/body-positioned-wrapper/body-positioned-wrapper.abstract.js

@@ -0,0 +1,13 @@
+/**
+ * Body positioned wrapper.
+ */
+export class BodyPositionedWrapper {
+  /**
+   * Valid is a body position used wrapper.
+   *
+   * @returns {boolean} can retrieve or not.
+   */
+  canRetrieve() {
+    return !this.showConfig.isScreenPosition;
+  }
+}

package/dist/collection/helpers/slimmers/element-appender-container/{position-relative-to-wrapper.js → body-positioned-wrapper/position-relative-to-wrapper.js}

@@ -4,33 +4,35 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { BodyPositionedWrapper } from './body-positioned-wrapper.abstract';
 import { MapToComponentField as MapToSlimmerField } from 'vega-slimmer/core';
 /**
  * This class is is used to retrieve an HTML element based on a specified selector.
  *
  * @property {HTMLElement} showConfig the show config
  */
-export class PositionRelativeToWrapper {
-  constructor() {
-    /**
-     * The canRetrieve function just determines whether the showConfig contains the positionRelativeTo object.
-     *
-     * @returns {boolean} the boolean type.
-     */
-    this.canRetrieve = () => !!this.showConfig.positionRelativeTo &&
-      !!document.querySelector(this.showConfig.positionRelativeTo);
-    /**
-     * The retrieve function query the element of positionRelativeTo in showConfig.
-     *
-     * @returns {HTMLElement} the element.
-     */
-    this.retrieve = () => {
-      const container = document.querySelector(this.showConfig.positionRelativeTo);
-      if (this.showConfig.appendableElement.parentElement !== container) {
-        container.append(this.showConfig.appendableElement);
-      }
-      return container;
-    };
+export class PositionRelativeToWrapper extends BodyPositionedWrapper {
+  /**
+   * The canRetrieve function just determines whether the showConfig contains the positionRelativeTo object.
+   *
+   * @returns {boolean} the boolean type.
+   */
+  canRetrieve() {
+    return (super.canRetrieve() &&
+      !!this.showConfig.positionRelativeTo &&
+      !!document.querySelector(this.showConfig.positionRelativeTo));
+  }
+  /**
+   * The retrieve function query the element of positionRelativeTo in showConfig.
+   *
+   * @returns {HTMLElement} the element.
+   */
+  retrieve() {
+    const container = document.querySelector(this.showConfig.positionRelativeTo);
+    if (this.showConfig.appendableElement.parentElement !== container) {
+      container.append(this.showConfig.appendableElement);
+    }
+    return container;
   }
 }
 __decorate([

package/dist/collection/helpers/slimmers/element-appender-container/{vega-modal-wrapper.js → body-positioned-wrapper/vega-modal-wrapper.js}

@@ -4,27 +4,30 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { findParent } from '../../../utils/ui';
+import { findParent } from '../../../../utils/ui';
+import { BodyPositionedWrapper } from './body-positioned-wrapper.abstract';
 import { MapToComponentField as MapToSlimmerField } from 'vega-slimmer/core';
 /**
  * This class is is used to get vega-modal element as a container and store the element appender element to slot.
  *
  * @property {HTMLElement} showConfig the show config
  */
-export class VegaModalWrapper {
-  constructor() {
-    /**
-     * The canRetrieve function just determines whether the target of showConfig has the `vega-modal` element. If not, search upwards layer by layer.
-     *
-     * @returns {boolean} the boolean type.
-     */
-    this.canRetrieve = () => !!findParent(this.showConfig.target, 'vega-modal');
-    /**
-     * The retrieve function get the slot position of vega-modal element.
-     *
-     * @returns {HTMLElement} the element.
-     */
-    this.retrieve = () => this.getVegaModalShowConfigContainer();
+export class VegaModalWrapper extends BodyPositionedWrapper {
+  /**
+   * The canRetrieve function just determines whether the target of showConfig has the `vega-modal` element. If not, search upwards layer by layer.
+   *
+   * @returns {boolean} the boolean type.
+   */
+  canRetrieve() {
+    return super.canRetrieve() && !!findParent(this.showConfig.target, 'vega-modal');
+  }
+  /**
+   * The retrieve function get the slot position of vega-modal element.
+   *
+   * @returns {HTMLElement} the element.
+   */
+  retrieve() {
+    return this.getVegaModalShowConfigContainer();
   }
   /**
    * This function `getVegaModalContentWithoutScroll` determines whether vega-modal has a slot whose name is `content` or `modal-content`. If there is a component rendered in the modal, the elementAppender added to the corresponding slot attribute is added. If not, the elementAppender is not directly appended to the root directory of vega-modal.