@globalpayments/vega 2.25.0 → 2.26.0

package/dist/esm/vega-dropdown_5.entry.js

@@ -3,29 +3,29 @@ import { g as getActiveElement, s as sanitizeVegaComponent } from './component-c
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { m as methodPlaceholder, s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { f as findParent, k as extractNumberFromString, l as containerScrollToItem } from './ui-153f4ae7.js';
-import { M as isArrayOfType, N as isDropdownSourceItemType } from './type-guard-4bc3fbf5.js';
+import { f as findParent, k as extractNumberFromString, l as containerScrollToItem } from './ui-0132dbb5.js';
+import { N as isArrayOfType, O as isDropdownSourceItemType } from './type-guard-467c9e3e.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { s as staticRemoteInvocationCallRegistry } from './static-remote-invocation-call-registry-651b0701.js';
-import { D as DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, h as DROPDOWN_SEARCH_INTERNAL_OVERRIDEN, k as DROPDOWN_ITEM_CLICK } from './static-subject-title-2e153754.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-926991a9.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
 import { e as VegaChange, l as VegaDropdownShow, m as VegaDropdownHide, b as VegaDropdownClick, j as VegaCreate, n as VegaDropdownSearch, a as VegaClick } from './vega-event-id-7465a011.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-b6072957.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7721c206.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-8723f20f.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-1aa00c06.js';
 import { i as isArrayEqual } from './array-506b88b9.js';
-import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-106273ec.js';
+import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-46abe492.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { b as VegaInternalDropdownTemplateItemsChange, c as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-809b4ec8.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-c7b9d3b2.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
+import { b as VegaInternalDropdownTemplateItemsChange, e as VegaDropdownSearchInternalOverridden, d as VegaDropdownRenderItemInternalOverridden, c as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-7e05cf4a.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-50cd94b9.js';
+import { D as DROPDOWN_ITEM_CLICK } from './static-subject-title-2a4d6602.js';
+import { r as remoteInvocationRegistry } from './remote-invocation-registry-cf9c81bb.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d3883004.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './keyboard-manager-477122e6.js';
-import './responsive-format-facade-e86c7fbb.js';
+import './keyboard-manager-d1f9ddc1.js';
+import './responsive-format-facade-4488d609.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './internal-vega-z-index-manager-0553458e.js';
@@ -33,10 +33,10 @@ import './dynamic-slimmer-90b8af32.js';
 import './page-resize-observer-slimmer-8caeb03b.js';
 import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-a5fe5022.js';
 import './index-0863eec6.js';
 
-var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -145,32 +145,32 @@ class VegaDropdownRenderer extends VegaSlimmer {
     }
   }
 }
-__decorate$r([
+__decorate$s([
   MapToComponentField()
 ], VegaDropdownRenderer.prototype, "host", void 0);
-__decorate$r([
+__decorate$s([
   MapToComponentField()
 ], VegaDropdownRenderer.prototype, "maxHeight", void 0);
-__decorate$r([
+__decorate$s([
   MapToComponentField()
 ], VegaDropdownRenderer.prototype, "searchable", void 0);
-__decorate$r([
+__decorate$s([
   MapToComponentField()
 ], VegaDropdownRenderer.prototype, "searchRenderer", void 0);
-__decorate$r([
+__decorate$s([
   MapToComponentField()
 ], VegaDropdownRenderer.prototype, "createRenderer", void 0);
-__decorate$r([
+__decorate$s([
   MapToComponentField()
 ], VegaDropdownRenderer.prototype, "listRenderer", void 0);
-__decorate$r([
+__decorate$s([
   MapToComponentField()
 ], VegaDropdownRenderer.prototype, "renderModeController", void 0);
-__decorate$r([
+__decorate$s([
   MapToComponentMethod('componentDidRender')
 ], VegaDropdownRenderer.prototype, "componentDidRender", null);
 
-var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -218,26 +218,26 @@ class VegaDropdownSourceController extends VegaSlimmer {
       : [];
   }
 }
-__decorate$q([
+__decorate$r([
   MapToComponentField({ writable: true })
 ], VegaDropdownSourceController.prototype, "source", void 0);
-__decorate$q([
+__decorate$r([
   MapToComponentField({ writable: true })
 ], VegaDropdownSourceController.prototype, "sourceForRender", void 0);
-__decorate$q([
+__decorate$r([
   MapToComponentField()
 ], VegaDropdownSourceController.prototype, "searchController", void 0);
-__decorate$q([
+__decorate$r([
   MapToComponentField()
 ], VegaDropdownSourceController.prototype, "renderModeController", void 0);
-__decorate$q([
+__decorate$r([
   MapToComponentMethod('componentWillLoad')
 ], VegaDropdownSourceController.prototype, "componentWillLoad", null);
-__decorate$q([
+__decorate$r([
   MapToComponentMethod('watchSource')
 ], VegaDropdownSourceController.prototype, "watchSource", null);
 
-var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -263,29 +263,29 @@ class VegaDropdownCreateRenderer extends VegaSlimmer {
       h("div", { class: "vega-dropdown-divider" }))));
   }
 }
-__decorate$p([
+__decorate$q([
   MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "searchString", void 0);
-__decorate$p([
+__decorate$q([
   MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "dynamicOption", void 0);
-__decorate$p([
+__decorate$q([
   MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "sourceForRender", void 0);
-__decorate$p([
+__decorate$q([
   MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "appenderController", void 0);
-__decorate$p([
+__decorate$q([
   MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "childrenController", void 0);
-__decorate$p([
+__decorate$q([
   MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "renderModeController", void 0);
-__decorate$p([
+__decorate$q([
   MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "createEventEmitter", void 0);
 
-var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -351,38 +351,38 @@ class VegaDropdownListRenderer extends VegaSlimmer {
       h("slot", { name: "items" })));
   }
 }
-__decorate$o([
+__decorate$p([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "host", void 0);
-__decorate$o([
+__decorate$p([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "isLoading", void 0);
-__decorate$o([
+__decorate$p([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "searchString", void 0);
-__decorate$o([
+__decorate$p([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "itemDisplayRule", void 0);
-__decorate$o([
+__decorate$p([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "sourceForRender", void 0);
-__decorate$o([
+__decorate$p([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "itemLevelRenderer", void 0);
-__decorate$o([
+__decorate$p([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "groupLevelRenderer", void 0);
-__decorate$o([
+__decorate$p([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "isLazyLoading", void 0);
-__decorate$o([
+__decorate$p([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "isDropdownShow", void 0);
-__decorate$o([
+__decorate$p([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "renderModeController", void 0);
 
-var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -390,33 +390,35 @@ var __decorate$n = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaDropdownItemLevelRenderer extends VegaSlimmer {
   render(item, fixHeight) {
-    const renderResult = staticRemoteInvocationCallRegistry.call(DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, item, fixHeight);
-    if (renderResult) {
+    const renderResult = this.remoteInvocationController.callRemoteItemRender(item, fixHeight);
+    if (renderResult)
       return renderResult;
-    }
     return (h("vega-dropdown-item", Object.assign({}, item, { itemKey: item.key, height: fixHeight, prefixIcon: item.prefixIcon })));
   }
 }
-__decorate$n([
+__decorate$o([
   MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "host", void 0);
-__decorate$n([
+__decorate$o([
   MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "selectType", void 0);
-__decorate$n([
+__decorate$o([
   MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "caseSensitive", void 0);
-__decorate$n([
+__decorate$o([
   MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "searchString", void 0);
-__decorate$n([
+__decorate$o([
   MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "selectedController", void 0);
-__decorate$n([
+__decorate$o([
   MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "sourceController", void 0);
+__decorate$o([
+  MapToComponentField()
+], VegaDropdownItemLevelRenderer.prototype, "remoteInvocationController", void 0);
 
-var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -433,7 +435,7 @@ class VegaDropdownSearchRenderer extends VegaSlimmer {
     this.onInputSearch = (node) => {
       this.searchInputRef = node;
       DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, VegaChange, (input) => {
-        this.search(input.detail);
+        this.searchTriggerBy === 'input' && this.search(input.detail);
       });
     };
     this.search = (input) => {
@@ -462,38 +464,52 @@ class VegaDropdownSearchRenderer extends VegaSlimmer {
   }
   render() {
     return (this.searchable && (h("div", { class: "vega-dropdown-search" },
-      h("vega-input", { "prefix-icon": "search", size: "small", autoValidation: false, ref: this.onInputSearch }))));
+      h("vega-input", { "prefix-icon": "search", size: "small", autoValidation: false, ref: this.onInputSearch, 
+        /*
+         * The below method is e2e-test covered in
+         * @see{module:vega-dropdown-enter-key-trigger-search-e2e}
+         */
+        /* eslint-disable-next-line react/jsx-no-bind */
+        onKeyDown: 
+        /* istanbul ignore next */ (e) => {
+          if (this.searchTriggerBy === 'enter' && e.code === 'Enter') {
+            this.search(this.searchInputRef.value);
+          }
+        } }))));
   }
 }
-__decorate$m([
+__decorate$n([
   MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "searchable", void 0);
-__decorate$m([
+__decorate$n([
   MapToComponentField({ writable: true })
 ], VegaDropdownSearchRenderer.prototype, "searchString", void 0);
-__decorate$m([
+__decorate$n([
   MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "source", void 0);
-__decorate$m([
+__decorate$n([
   MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "useDefaultFilter", void 0);
-__decorate$m([
+__decorate$n([
   MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "searchEventEmitter", void 0);
-__decorate$m([
+__decorate$n([
   MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "isDropdownShow", void 0);
-__decorate$m([
+__decorate$n([
   MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "sourceController", void 0);
-__decorate$m([
+__decorate$n([
   MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "renderModeController", void 0);
-__decorate$m([
+__decorate$n([
+  MapToComponentField()
+], VegaDropdownSearchRenderer.prototype, "searchTriggerBy", void 0);
+__decorate$n([
   MapToComponentMethod('search')
 ], VegaDropdownSearchRenderer.prototype, "userSearch", null);
 
-var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -558,26 +574,26 @@ class VegaDropdownKeyboardController extends KeyboardManagerSlimmer {
     };
   }
 }
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "host", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "trigger", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "isDropdownShow", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "renderer", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "appenderController", void 0);
-__decorate$l([
+__decorate$m([
   MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "listRenderer", void 0);
 
-var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -639,68 +655,68 @@ class VegaDropdownAppenderController extends ElementAppenderSlimmer {
     }
   }
 }
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "host", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "trigger", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField({ writable: true })
 ], VegaDropdownAppenderController.prototype, "isDropdownShow", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "positionRelativeTo", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "matchTargetWidth", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "matchContainerHeight", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "size", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "minWidth", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "maxWidth", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "translocation", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "maxHeight", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "placement", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "alignment", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "renderer", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "searchRenderer", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "showEventEmitter", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "hideEventEmitter", void 0);
-__decorate$k([
+__decorate$l([
   MapToComponentMethod('watchIsDropdownShow')
 ], VegaDropdownAppenderController.prototype, "watchIsDropdownShow", null);
-__decorate$k([
+__decorate$l([
   MapToComponentMethod('show')
 ], VegaDropdownAppenderController.prototype, "userShow", null);
-__decorate$k([
+__decorate$l([
   MapToComponentMethod('hide')
 ], VegaDropdownAppenderController.prototype, "userHide", null);
 
-var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -711,14 +727,14 @@ class VegaDropdownGroupLevelRenderer extends VegaSlimmer {
     return (h("vega-dropdown-group", { label: item.label, key: item.key, divide: index < this.sourceForRender.length - 1 }, item.children.map((children) => this.itemLevelRenderer.render(children, fixHeight))));
   }
 }
-__decorate$j([
+__decorate$k([
   MapToComponentField()
 ], VegaDropdownGroupLevelRenderer.prototype, "sourceForRender", void 0);
-__decorate$j([
+__decorate$k([
   MapToComponentField()
 ], VegaDropdownGroupLevelRenderer.prototype, "itemLevelRenderer", void 0);
 
-var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -765,10 +781,9 @@ class VegaDropdownSearchController extends VegaSlimmer {
    * @returns {VegaDropdownSourceItem[]} an array of VegaDropdownSourceItem objects.
    */
   searchSource(source, result) {
-    const searchResult = staticRemoteInvocationCallRegistry.call(DROPDOWN_SEARCH_INTERNAL_OVERRIDEN, source, this.searchString, this.caseSensitive);
-    if (searchResult) {
+    const searchResult = this.remoteInvocationController.callRemoteSearch(source, this.searchString, this.caseSensitive);
+    if (searchResult)
       return searchResult;
-    }
     source.forEach((item) => {
       if (item['children']) {
         const filtered = this.searchSource(item['children'], []);
@@ -807,20 +822,26 @@ class VegaDropdownSearchController extends VegaSlimmer {
     return label.replace(new RegExp(`(${this.searchString})`, 'g' + (this.caseSensitive ? '' : 'i')), `<b>$1</b>`);
   }
 }
-__decorate$i([
+__decorate$j([
+  MapToComponentField()
+], VegaDropdownSearchController.prototype, "host", void 0);
+__decorate$j([
   MapToComponentField()
 ], VegaDropdownSearchController.prototype, "searchString", void 0);
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDropdownSearchController.prototype, "caseSensitive", void 0);
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDropdownSearchController.prototype, "useDefaultFilter", void 0);
-__decorate$i([
+__decorate$j([
   MapToComponentField()
 ], VegaDropdownSearchController.prototype, "searchable", void 0);
+__decorate$j([
+  MapToComponentField()
+], VegaDropdownSearchController.prototype, "remoteInvocationController", void 0);
 
-var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -990,56 +1011,56 @@ class VegaDropdownSelectedController extends VegaSlimmer {
     return result;
   }
 }
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "host", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "selectType", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "source", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField({ writable: true })
 ], VegaDropdownSelectedController.prototype, "selectedSourceKey", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "vegaDropdownClick", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "appenderController", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "childrenController", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "renderModeController", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "dropdownClickEventEmitter", void 0);
-__decorate$h([
+__decorate$i([
   MapToComponentMethod('componentWillLoad')
 ], VegaDropdownSelectedController.prototype, "componentWillLoad", null);
-__decorate$h([
+__decorate$i([
   MapToComponentMethod('clearSelection')
 ], VegaDropdownSelectedController.prototype, "clearSelection", null);
-__decorate$h([
+__decorate$i([
   MapToComponentMethod('getSelection')
 ], VegaDropdownSelectedController.prototype, "getSelection", null);
-__decorate$h([
+__decorate$i([
   MapToComponentMethod('setSelection')
 ], VegaDropdownSelectedController.prototype, "watchSelectedRowKeySet", null);
-__decorate$h([
+__decorate$i([
   MapToComponentMethod('watchSelectType')
 ], VegaDropdownSelectedController.prototype, "watchSelectType", null);
-__decorate$h([
+__decorate$i([
   MapToComponentMethod('watchSelectedSourceKey')
 ], VegaDropdownSelectedController.prototype, "watchSelectedSourceKey", null);
-__decorate$h([
+__decorate$i([
   MapToComponentMethod('watchSource')
 ], VegaDropdownSelectedController.prototype, "watchSource", null);
 
-var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -1080,17 +1101,17 @@ class VegaDropdownRenderModeController extends VegaSlimmer {
     this.renderMode = parent.querySelector('[slot=items]') ? 'SLOT' : 'SOURCE';
   }
 }
-__decorate$g([
+__decorate$h([
   MapToComponentField()
 ], VegaDropdownRenderModeController.prototype, "host", void 0);
-__decorate$g([
+__decorate$h([
   MapToComponentField()
 ], VegaDropdownRenderModeController.prototype, "renderer", void 0);
-__decorate$g([
+__decorate$h([
   MapToComponentMethod('connectedCallback')
 ], VegaDropdownRenderModeController.prototype, "connectedCallback", null);
 
-var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -1221,40 +1242,40 @@ class VegaDropdownChildrenController extends VegaSlimmer {
     ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalDropdownTemplateItemsChange), container.querySelectorAll('vega-dropdown-item'));
   }
 }
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "host", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "source", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "sourceController", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "renderModeController", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "listRenderer", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "renderer", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "selectedController", void 0);
-__decorate$f([
+__decorate$g([
   InjectVegaSlimmer()
 ], VegaDropdownChildrenController.prototype, "mutationObserver", void 0);
-__decorate$f([
+__decorate$g([
   MapToComponentMethod('disconnectedCallback')
 ], VegaDropdownChildrenController.prototype, "disconnectedCallback", null);
-__decorate$f([
+__decorate$g([
   MapToComponentMethod('componentWillLoad')
 ], VegaDropdownChildrenController.prototype, "componentWillLoad", null);
-__decorate$f([
+__decorate$g([
   MapToComponentMethod('componentDidLoad')
 ], VegaDropdownChildrenController.prototype, "componentDidLoad", null);
-__decorate$f([
+__decorate$g([
   MapToComponentMethod('watchSource')
 ], VegaDropdownChildrenController.prototype, "watchSource", null);
 
@@ -1285,7 +1306,7 @@ const VegaDropdownRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -1397,34 +1418,85 @@ class VegaDropdownScrollableController extends VegaSlimmer {
     }
   }
 }
-__decorate$e([
+__decorate$f([
   MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "isDropdownShow", void 0);
-__decorate$e([
+__decorate$f([
   MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "renderModeController", void 0);
-__decorate$e([
+__decorate$f([
   MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "sourceForRender", void 0);
-__decorate$e([
+__decorate$f([
   MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "selectType", void 0);
-__decorate$e([
+__decorate$f([
   MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "selectedSourceKey", void 0);
-__decorate$e([
+__decorate$f([
   MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "searchable", void 0);
-__decorate$e([
+__decorate$f([
   MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "listRenderer", void 0);
-__decorate$e([
+__decorate$f([
   MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "renderer", void 0);
-__decorate$e([
+__decorate$f([
   MapToComponentMethod('watchIsDropdownShow')
 ], VegaDropdownScrollableController.prototype, "watchIsDropdownShow", null);
 
+var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  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;
+};
+/** Manager remote invocation */
+class VegaDropdownRemoteInvocationController extends VegaSlimmer {
+  /**
+   * Component lifecycle - connectedCallback
+   */
+  connectedCallback() {
+    this.remotePhoneNumberSearchSubject = domNodeSubjectFactory.getSubjectFromParentNodeByEventId(this.host, VegaDropdownSearchInternalOverridden);
+    this.remotePhoneNumberItemRenderSubject = domNodeSubjectFactory.getSubjectFromParentNodeByEventId(this.host, VegaDropdownRenderItemInternalOverridden);
+  }
+  /**
+   *  Call the search function in input-phone-number.
+   *
+   * @param {unknown[]} args - arguments of remote search function
+   * @returns {VegaDropdownSourceItem[]} - searched items.
+   */
+  callRemoteSearch(...args) {
+    if (this.remotePhoneNumberSearchSubject) {
+      const searchResult = remoteInvocationRegistry.call(this.remotePhoneNumberSearchSubject, ...args);
+      if (searchResult)
+        return searchResult;
+    }
+    return null;
+  }
+  /**
+   * Call the item render function in input-phone-number.
+   *
+   * @param {unknown[]} args - arguments of remote item render function
+   * @returns {HTMLElement} - rendered item
+   */
+  callRemoteItemRender(...args) {
+    if (this.remotePhoneNumberItemRenderSubject) {
+      const renderResult = remoteInvocationRegistry.call(this.remotePhoneNumberItemRenderSubject, ...args);
+      if (renderResult)
+        return renderResult;
+    }
+    return null;
+  }
+}
+__decorate$e([
+  MapToComponentField()
+], VegaDropdownRemoteInvocationController.prototype, "host", void 0);
+__decorate$e([
+  MapToComponentMethod('connectedCallback')
+], VegaDropdownRemoteInvocationController.prototype, "connectedCallback", null);
+
 const vegaDropdownCss = ":host{display:inline-block}";
 
 var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -1469,6 +1541,7 @@ const VegaDropdown = class {
     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');
@@ -1631,6 +1704,12 @@ const VegaDropdown = class {
      * @version 2.3.0
      */
     this.isLazyLoading = false;
+    /**
+     * Determines whether the dropdown search is triggered by input or pressing the Enter key.
+     *
+     * @version 2.26.0
+     */
+    this.searchTriggerBy = 'input';
   }
   watchIsDropdownShow() {
   }
@@ -1754,6 +1833,9 @@ __decorate$d([
 __decorate$d([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "scrollableController", void 0);
+__decorate$d([
+  InjectVegaSlimmer()
+], VegaDropdown.prototype, "remoteInvocationController", void 0);
 __decorate$d([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "selectTypeNotifySlimmer", void 0);