@globalpayments/vega 2.25.0 → 2.27.0

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

@@ -8,39 +8,43 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const ui = require('./ui-08f33116.js');
-const typeGuard = require('./type-guard-4d05d4b2.js');
+const typeGuard = require('./type-guard-a07b353b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const staticRemoteInvocationCallRegistry = require('./static-remote-invocation-call-registry-0ac4915d.js');
-const staticSubjectTitle = require('./static-subject-title-41c88385.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-8e2d4b5d.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-5fa9ff52.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-bf5ecbd8.js');
 const array = require('./array-6e559cde.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-60be5379.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-832a4215.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ac20ea74.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-ce6eb329.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+const vegaInternalEventId = require('./vega-internal-event-id-c98e9a7d.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-79f2f5a7.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
+const translationSlimmer = require('./translation-slimmer-8ebf126d.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
+require('./observer-f49483e8.js');
 require('./keyboard-manager-34b78600.js');
-require('./responsive-format-facade-aa849dc7.js');
+require('./responsive-format-facade-7bc51a43.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
 require('./internal-vega-z-index-manager-23051df4.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./page-resize-observer-slimmer-1e404fc7.js');
+require('./page-resize-observer-slimmer-a8cf1874.js');
 require('./internal-vega-event-manager-627b1328.js');
+require('./translation-77e9ccce.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0e5235e1.js');
+require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.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;
@@ -149,32 +153,32 @@ class VegaDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "host", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "maxHeight", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "searchable", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "searchRenderer", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "createRenderer", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "listRenderer", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "renderModeController", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.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;
@@ -222,26 +226,26 @@ class VegaDropdownSourceController extends globalSlimmerRegistry.VegaSlimmer {
       : [];
   }
 }
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownSourceController.prototype, "source", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownSourceController.prototype, "sourceForRender", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSourceController.prototype, "searchController", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSourceController.prototype, "renderModeController", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDropdownSourceController.prototype, "componentWillLoad", null);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.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;
@@ -267,29 +271,29 @@ class VegaDropdownCreateRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("div", { class: "vega-dropdown-divider" }))));
   }
 }
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "searchString", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "dynamicOption", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "sourceForRender", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "appenderController", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "childrenController", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "renderModeController", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.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;
@@ -335,7 +339,9 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("div", { class: {
           'vega-dropdown-empty-list': true,
           'v-hidden': this.sourceForRender.length > 0,
-        } }, this.searchString ? 'No results found' : 'No options'),
+        } }, this.searchString
+        ? this.translationSlimmer.t('No results found')
+        : this.translationSlimmer.t('No options')),
       index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
           'v-hidden': this.sourceForRender.length === 0,
         } },
@@ -355,38 +361,41 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("slot", { name: "items" })));
   }
 }
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "host", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "isLoading", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "searchString", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "itemDisplayRule", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "sourceForRender", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "itemLevelRenderer", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "groupLevelRenderer", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "isLazyLoading", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "isDropdownShow", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "renderModeController", void 0);
+__decorate$p([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownListRenderer.prototype, "translationSlimmer", 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;
@@ -394,33 +403,35 @@ var __decorate$n = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaDropdownItemLevelRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render(item, fixHeight) {
-    const renderResult = staticRemoteInvocationCallRegistry.staticRemoteInvocationCallRegistry.call(staticSubjectTitle.DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, item, fixHeight);
-    if (renderResult) {
+    const renderResult = this.remoteInvocationController.callRemoteItemRender(item, fixHeight);
+    if (renderResult)
       return renderResult;
-    }
     return (index.h("vega-dropdown-item", Object.assign({}, item, { itemKey: item.key, height: fixHeight, prefixIcon: item.prefixIcon })));
   }
 }
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "host", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "selectType", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "caseSensitive", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "searchString", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "selectedController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "sourceController", void 0);
+__decorate$o([
+  globalSlimmerRegistry.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;
@@ -437,7 +448,7 @@ class VegaDropdownSearchRenderer extends globalSlimmerRegistry.VegaSlimmer {
     this.onInputSearch = (node) => {
       this.searchInputRef = node;
       domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaChange, (input) => {
-        this.search(input.detail);
+        this.searchTriggerBy === 'input' && this.search(input.detail);
       });
     };
     this.search = (input) => {
@@ -466,38 +477,52 @@ class VegaDropdownSearchRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   render() {
     return (this.searchable && (index.h("div", { class: "vega-dropdown-search" },
-      index.h("vega-input", { "prefix-icon": "search", size: "small", autoValidation: false, ref: this.onInputSearch }))));
+      index.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([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "searchable", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownSearchRenderer.prototype, "searchString", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "source", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "useDefaultFilter", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "searchEventEmitter", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "isDropdownShow", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "sourceController", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "renderModeController", void 0);
-__decorate$m([
+__decorate$n([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSearchRenderer.prototype, "searchTriggerBy", void 0);
+__decorate$n([
   globalSlimmerRegistry.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;
@@ -562,26 +587,26 @@ class VegaDropdownKeyboardController extends keyboardManagerSlimmer.KeyboardMana
     };
   }
 }
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "host", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "trigger", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "isDropdownShow", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "renderer", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "appenderController", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.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;
@@ -643,68 +668,68 @@ class VegaDropdownAppenderController extends elementAppenderSlimmer.ElementAppen
     }
   }
 }
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "host", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "trigger", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownAppenderController.prototype, "isDropdownShow", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "positionRelativeTo", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "matchTargetWidth", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "matchContainerHeight", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "size", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "minWidth", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "maxWidth", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "translocation", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "maxHeight", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "placement", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "alignment", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "renderer", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "searchRenderer", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "showEventEmitter", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "hideEventEmitter", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentMethod('watchIsDropdownShow')
 ], VegaDropdownAppenderController.prototype, "watchIsDropdownShow", null);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentMethod('show')
 ], VegaDropdownAppenderController.prototype, "userShow", null);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.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;
@@ -715,14 +740,14 @@ class VegaDropdownGroupLevelRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return (index.h("vega-dropdown-group", { label: item.label, key: item.key, divide: index$1 < this.sourceForRender.length - 1 }, item.children.map((children) => this.itemLevelRenderer.render(children, fixHeight))));
   }
 }
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownGroupLevelRenderer.prototype, "sourceForRender", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.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;
@@ -769,10 +794,9 @@ class VegaDropdownSearchController extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {VegaDropdownSourceItem[]} an array of VegaDropdownSourceItem objects.
    */
   searchSource(source, result) {
-    const searchResult = staticRemoteInvocationCallRegistry.staticRemoteInvocationCallRegistry.call(staticSubjectTitle.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'], []);
@@ -811,20 +835,26 @@ class VegaDropdownSearchController extends globalSlimmerRegistry.VegaSlimmer {
     return label.replace(new RegExp(`(${this.searchString})`, 'g' + (this.caseSensitive ? '' : 'i')), `<b>$1</b>`);
   }
 }
-__decorate$i([
+__decorate$j([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSearchController.prototype, "host", void 0);
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchController.prototype, "searchString", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchController.prototype, "caseSensitive", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchController.prototype, "useDefaultFilter", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchController.prototype, "searchable", void 0);
+__decorate$j([
+  globalSlimmerRegistry.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;
@@ -994,56 +1024,56 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
     return result;
   }
 }
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "host", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "selectType", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "source", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownSelectedController.prototype, "selectedSourceKey", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "vegaDropdownClick", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "appenderController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "childrenController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "renderModeController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "dropdownClickEventEmitter", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDropdownSelectedController.prototype, "componentWillLoad", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('clearSelection')
 ], VegaDropdownSelectedController.prototype, "clearSelection", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('getSelection')
 ], VegaDropdownSelectedController.prototype, "getSelection", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('setSelection')
 ], VegaDropdownSelectedController.prototype, "watchSelectedRowKeySet", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectType')
 ], VegaDropdownSelectedController.prototype, "watchSelectType", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectedSourceKey')
 ], VegaDropdownSelectedController.prototype, "watchSelectedSourceKey", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.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;
@@ -1084,17 +1114,17 @@ class VegaDropdownRenderModeController extends globalSlimmerRegistry.VegaSlimmer
     this.renderMode = parent.querySelector('[slot=items]') ? 'SLOT' : 'SOURCE';
   }
 }
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderModeController.prototype, "host", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderModeController.prototype, "renderer", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.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;
@@ -1225,40 +1255,40 @@ class VegaDropdownChildrenController extends globalSlimmerRegistry.VegaSlimmer {
     changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalDropdownTemplateItemsChange), container.querySelectorAll('vega-dropdown-item'));
   }
 }
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "host", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "source", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "sourceController", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "renderModeController", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "listRenderer", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "renderer", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "selectedController", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdownChildrenController.prototype, "mutationObserver", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaDropdownChildrenController.prototype, "disconnectedCallback", null);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDropdownChildrenController.prototype, "componentWillLoad", null);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaDropdownChildrenController.prototype, "componentDidLoad", null);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('watchSource')
 ], VegaDropdownChildrenController.prototype, "watchSource", null);
 
@@ -1289,7 +1319,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;
@@ -1401,34 +1431,85 @@ class VegaDropdownScrollableController extends globalSlimmerRegistry.VegaSlimmer
     }
   }
 }
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "isDropdownShow", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "renderModeController", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "sourceForRender", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "selectType", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "selectedSourceKey", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "searchable", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "listRenderer", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "renderer", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.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 globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * Component lifecycle - connectedCallback
+   */
+  connectedCallback() {
+    this.remotePhoneNumberSearchSubject = domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubjectFromParentNodeByEventId(this.host, vegaInternalEventId.VegaDropdownSearchInternalOverridden);
+    this.remotePhoneNumberItemRenderSubject = domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubjectFromParentNodeByEventId(this.host, vegaInternalEventId.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.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.remoteInvocationRegistry.call(this.remotePhoneNumberItemRenderSubject, ...args);
+      if (renderResult)
+        return renderResult;
+    }
+    return null;
+  }
+}
+__decorate$e([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownRemoteInvocationController.prototype, "host", void 0);
+__decorate$e([
+  globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
+], VegaDropdownRemoteInvocationController.prototype, "connectedCallback", null);
+
 const vegaDropdownCss = ":host{display:inline-block}";
 
 var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -1455,6 +1536,7 @@ const VegaDropdown = class {
     this.vegaSearch = index.createEvent(this, "vegaSearch", 7);
     this.dropdownSearch = index.createEvent(this, "dropdownSearch", 7);
     this.globalSlimmers = {};
+    this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.renderer = new VegaDropdownRenderer();
     this.sourceController = new VegaDropdownSourceController();
     this.searchRenderer = new VegaDropdownSearchRenderer();
@@ -1473,6 +1555,7 @@ const VegaDropdown = class {
     this.selectedController = new VegaDropdownSelectedController();
     this.renderModeController = new VegaDropdownRenderModeController();
     this.scrollableController = new VegaDropdownScrollableController();
+    this.remoteInvocationController = new VegaDropdownRemoteInvocationController();
     this.selectTypeNotifySlimmer = subStateObserverSlimmer.createSubStateNotifySlimmer(VegaDropdown, 'selectType', 'watchSelectType');
     this.selectedSourceKeyNotifySlimmer = subStateObserverSlimmer.createSubStateNotifySlimmer(VegaDropdown, 'selectedSourceKey', 'watchSelectedSourceKey');
     this.prefixIconSlotNotifySlimmer = subStateObserverSlimmer.createSubStateNotifySlimmer(VegaDropdown, 'prefixIconSlot', 'watchPrefixIconSlot');
@@ -1489,7 +1572,7 @@ const VegaDropdown = class {
     /**
      * Specifies the trigger mode for the dropdown.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.trigger = 'hover';
     /**
@@ -1498,7 +1581,7 @@ const VegaDropdown = class {
      *
      * 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,
@@ -1508,7 +1591,7 @@ const VegaDropdown = class {
      * 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 = [];
@@ -1527,46 +1610,46 @@ const VegaDropdown = class {
      *      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';
     /**
@@ -1576,7 +1659,7 @@ const VegaDropdown = class {
      * 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;
     /**
@@ -1585,7 +1668,7 @@ const VegaDropdown = class {
      * 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;
     /**
@@ -1593,7 +1676,7 @@ const VegaDropdown = class {
      *    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;
     /**
@@ -1606,35 +1689,41 @@ const VegaDropdown = class {
      * 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() {
   }
@@ -1651,14 +1740,14 @@ const VegaDropdown = class {
   /**
    * Invoke this method to programmatically display the dropdown menu.
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async show() {
   }
   /**
    * Invoke this method to programmatically dismiss the dropdown menu.
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async hide() {
   }
@@ -1668,7 +1757,7 @@ const VegaDropdown = class {
    *
    * This method is applicable only when the dropdown is searchable.
    *
-   * @version 1.11.0
+   * @vegaVersion 1.11.0
    */
   async search(input) {
   }
@@ -1676,7 +1765,7 @@ const VegaDropdown = class {
    * Invoke this method to clear the selected items keys,
    *    removing any current selection.
    *
-   * @version 1.47.0
+   * @vegaVersion 1.47.0
    */
   async clearSelection() {
   }
@@ -1685,7 +1774,7 @@ const VegaDropdown = class {
    *    providing an key or list of the keys representing
    *    the currently selected items.
    *
-   * @version 1.47.0
+   * @vegaVersion 1.47.0
    */
   async getSelection() {
     return placeholder.methodPlaceholder();
@@ -1696,7 +1785,7 @@ const VegaDropdown = class {
    *    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) {
   }
@@ -1716,6 +1805,9 @@ const VegaDropdown = class {
 __decorate$d([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaDropdown.prototype, "globalSlimmers", void 0);
+__decorate$d([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaDropdown.prototype, "translationSlimmer", void 0);
 __decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdown.prototype, "renderer", void 0);
@@ -1758,6 +1850,9 @@ __decorate$d([
 __decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdown.prototype, "scrollableController", void 0);
+__decorate$d([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaDropdown.prototype, "remoteInvocationController", void 0);
 __decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdown.prototype, "selectTypeNotifySlimmer", void 0);
@@ -1881,7 +1976,7 @@ const VegaDropdownGroup = class {
      * Determines whether to include a dividing line at
      *      the bottom of the dropdown group.
      *
-     * @version 1.47.0
+     * @vegaVersion 1.47.0
      */
     this.divide = true;
   }
@@ -2156,7 +2251,7 @@ const VegaDropdownItem = class {
     /**
      * Specifies the disabled status of the dropdown item.
      *
-     * @version 1.47.0
+     * @vegaVersion 1.47.0
      */
     this.disabled = false;
     /**
@@ -2164,7 +2259,7 @@ const VegaDropdownItem = class {
      * 	  It highlights actions that may have critical consequences
      * 	     when the select type is set to none.
      *
-     * @version 2.25.0
+     * @vegaVersion 2.25.0
      */
     this.danger = false;
   }
@@ -2744,32 +2839,32 @@ const VegaVirtualScroll = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.scrollTop = 0;
     /** The all items of source *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.source = [];
     /** The approximate height of each item *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.approxItemHeight = 40;
     /** The max height of viewport *
-     * @version 1.13.0
+     * @vegaVersion 1.13.0
      */
     this.viewportMaxHeight = 320;
     /**
      * Determines whether the dropdown displays a loading status.
      *
-     * @version 2.3.0
+     * @vegaVersion 2.3.0
      */
     this.isLoading = false;
     /**
      * The count of the source that will be used as the threshold for determining whether to use virtual scrolling.
      * If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used
      *
-     * @version 2.3.0
+     * @vegaVersion 2.3.0
      */
     this.virtualizationThreshold = 60;
     /** We set this key to check the source is really change and should refresh virtual scroll *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.sourceItemIdentifier = 'key';
   }
@@ -2787,7 +2882,7 @@ const VegaVirtualScroll = class {
    * Scroll to the index of the item in the list by setting the scrollTop property of the virtual scroll
    * container to the index of the item multiplied by the approximate height of each item in the list.
    *
-   * @version 1.13.0
+   * @vegaVersion 1.13.0
    */
   async scrollToIndex(index) {
   }