@syncfusion/ej2-vue-dropdowns 20.2.50 → 20.3.48

package/dist/es6/ej2-vue-dropdowns.es5.js

@@ -1,6 +1,6 @@
-import { AutoComplete, ComboBox, DropDownList, DropDownTree, ListBox, MultiSelect } from '@syncfusion/ej2-dropdowns';
+import { AutoComplete, ComboBox, DropDownList, DropDownTree, ListBox, Mention, MultiSelect } from '@syncfusion/ej2-dropdowns';
 import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
-import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { ComponentBase, EJComponentDecorator, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -33,7 +33,6 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);
 }
-var isExecute = gh ? false : true;
 /**
  * DropDownList contains a list of predefined values from which the user can choose
  * ```html
@@ -149,10 +148,10 @@ var DropDownListComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DropDownListComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     };
@@ -250,7 +249,6 @@ for (var _i$1 = 0, modelProps_1$1 = modelProps$1; _i$1 < modelProps_1$1.length;
     var props_1$1 = modelProps_1$1[_i$1];
     emitProbs$1.push('update:' + props_1$1);
 }
-var isExecute$1 = gh ? false : true;
 /**
  * ComboBox component allows the user to type a value or choose an option from the list of predefined options available
  * ```html
@@ -267,7 +265,7 @@ var ComboBoxComponent = /** @__PURE__ @class */ (function (_super) {
         _this.hasInjectedModules = false;
         _this.tagMapper = {};
         _this.tagNameMapper = {};
-        _this.isVue3 = !isExecute$1;
+        _this.isVue3 = !isExecute;
         _this.ej2Instances = new ComboBox({});
         _this.ej2Instances._trigger = _this.ej2Instances.trigger;
         _this.ej2Instances.trigger = _this.trigger;
@@ -327,14 +325,14 @@ var ComboBoxComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ComboBoxComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
-        if (!isExecute$1) {
+        if (!isExecute) {
             this.models = !this.models ? this.ej2Instances.referModels : this.models;
         }
         if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$1) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
@@ -351,7 +349,7 @@ var ComboBoxComponent = /** @__PURE__ @class */ (function (_super) {
             var key = this.models.toString().match(/currentView|selectedDate/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$1) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -366,10 +364,10 @@ var ComboBoxComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ComboBoxComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     };
@@ -415,7 +413,7 @@ var ComboBoxComponent = /** @__PURE__ @class */ (function (_super) {
             model: {
                 event: 'modelchanged'
             }
-        }, isExecute$1)
+        }, isExecute)
         ,Options({
             props: props,
             watch: watch,
@@ -467,7 +465,6 @@ for (var _i$2 = 0, modelProps_1$2 = modelProps$2; _i$2 < modelProps_1$2.length;
     var props_1$2 = modelProps_1$2[_i$2];
     emitProbs$2.push('update:' + props_1$2);
 }
-var isExecute$2 = gh ? false : true;
 /**
  * The AutoComplete component provides all the matched suggestion list on typing the input from which the user can select one.
  * ```html
@@ -484,7 +481,7 @@ var AutoCompleteComponent = /** @__PURE__ @class */ (function (_super) {
         _this.hasInjectedModules = false;
         _this.tagMapper = {};
         _this.tagNameMapper = {};
-        _this.isVue3 = !isExecute$2;
+        _this.isVue3 = !isExecute;
         _this.ej2Instances = new AutoComplete({});
         _this.ej2Instances._trigger = _this.ej2Instances.trigger;
         _this.ej2Instances.trigger = _this.trigger;
@@ -544,14 +541,14 @@ var AutoCompleteComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     AutoCompleteComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
-        if (!isExecute$2) {
+        if (!isExecute) {
             this.models = !this.models ? this.ej2Instances.referModels : this.models;
         }
         if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$2) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
@@ -568,7 +565,7 @@ var AutoCompleteComponent = /** @__PURE__ @class */ (function (_super) {
             var key = this.models.toString().match(/currentView|selectedDate/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$2) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -583,10 +580,10 @@ var AutoCompleteComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     AutoCompleteComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     };
@@ -632,7 +629,7 @@ var AutoCompleteComponent = /** @__PURE__ @class */ (function (_super) {
             model: {
                 event: 'modelchanged'
             }
-        }, isExecute$2)
+        }, isExecute)
         ,Options({
             props: props,
             watch: watch,
@@ -684,7 +681,6 @@ for (var _i$3 = 0, modelProps_1$3 = modelProps$3; _i$3 < modelProps_1$3.length;
     var props_1$3 = modelProps_1$3[_i$3];
     emitProbs$3.push('update:' + props_1$3);
 }
-var isExecute$3 = gh ? false : true;
 /**
  * MultiSelect component allows the user to select a value from the predefined list of values.
  * ```html
@@ -701,7 +697,7 @@ var MultiSelectComponent = /** @__PURE__ @class */ (function (_super) {
         _this.hasInjectedModules = true;
         _this.tagMapper = {};
         _this.tagNameMapper = {};
-        _this.isVue3 = !isExecute$3;
+        _this.isVue3 = !isExecute;
         _this.ej2Instances = new MultiSelect({});
         _this.ej2Instances._trigger = _this.ej2Instances.trigger;
         _this.ej2Instances.trigger = _this.trigger;
@@ -761,14 +757,14 @@ var MultiSelectComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     MultiSelectComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
-        if (!isExecute$3) {
+        if (!isExecute) {
             this.models = !this.models ? this.ej2Instances.referModels : this.models;
         }
         if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$3) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
@@ -785,7 +781,7 @@ var MultiSelectComponent = /** @__PURE__ @class */ (function (_super) {
             var key = this.models.toString().match(/currentView|selectedDate/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$3) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -800,10 +796,10 @@ var MultiSelectComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     MultiSelectComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     };
@@ -855,7 +851,7 @@ var MultiSelectComponent = /** @__PURE__ @class */ (function (_super) {
             model: {
                 event: 'modelchanged'
             }
-        }, isExecute$3)
+        }, isExecute)
         ,Options({
             props: props,
             watch: watch,
@@ -907,7 +903,6 @@ for (var _i$4 = 0, modelProps_1$4 = modelProps$4; _i$4 < modelProps_1$4.length;
     var props_1$4 = modelProps_1$4[_i$4];
     emitProbs$4.push('update:' + props_1$4);
 }
-var isExecute$4 = gh ? false : true;
 /**
  * ListBox component allows the user to select values from the predefined list of values.
  * ```html
@@ -924,7 +919,7 @@ var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
         _this.hasInjectedModules = true;
         _this.tagMapper = {};
         _this.tagNameMapper = {};
-        _this.isVue3 = !isExecute$4;
+        _this.isVue3 = !isExecute;
         _this.ej2Instances = new ListBox({});
         _this.ej2Instances._trigger = _this.ej2Instances.trigger;
         _this.ej2Instances.trigger = _this.trigger;
@@ -984,14 +979,14 @@ var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ListBoxComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
-        if (!isExecute$4) {
+        if (!isExecute) {
             this.models = !this.models ? this.ej2Instances.referModels : this.models;
         }
         if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$4) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
@@ -1008,7 +1003,7 @@ var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
             var key = this.models.toString().match(/currentView|selectedDate/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$4) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -1023,10 +1018,10 @@ var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ListBoxComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     };
@@ -1096,7 +1091,7 @@ var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
             model: {
                 event: 'modelchanged'
             }
-        }, isExecute$4)
+        }, isExecute)
         ,Options({
             props: props,
             watch: watch,
@@ -1148,7 +1143,6 @@ for (var _i$5 = 0, modelProps_1$5 = modelProps$5; _i$5 < modelProps_1$5.length;
     var props_1$5 = modelProps_1$5[_i$5];
     emitProbs$5.push('update:' + props_1$5);
 }
-var isExecute$5 = gh ? false : true;
 /**
  * The DropDownTree component contains a list of predefined values from which you can choose a single or multiple values.
  * ```html
@@ -1165,7 +1159,7 @@ var DropDownTreeComponent = /** @__PURE__ @class */ (function (_super) {
         _this.hasInjectedModules = false;
         _this.tagMapper = {};
         _this.tagNameMapper = {};
-        _this.isVue3 = !isExecute$5;
+        _this.isVue3 = !isExecute;
         _this.ej2Instances = new DropDownTree({});
         _this.ej2Instances._trigger = _this.ej2Instances.trigger;
         _this.ej2Instances.trigger = _this.trigger;
@@ -1225,14 +1219,14 @@ var DropDownTreeComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DropDownTreeComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
-        if (!isExecute$5) {
+        if (!isExecute) {
             this.models = !this.models ? this.ej2Instances.referModels : this.models;
         }
         if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$5) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
@@ -1249,7 +1243,7 @@ var DropDownTreeComponent = /** @__PURE__ @class */ (function (_super) {
             var key = this.models.toString().match(/currentView|selectedDate/) || [];
             var propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$5) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -1264,10 +1258,10 @@ var DropDownTreeComponent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DropDownTreeComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
+        var h = !isExecute ? gh : createElement;
         var slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     };
@@ -1301,7 +1295,7 @@ var DropDownTreeComponent = /** @__PURE__ @class */ (function (_super) {
             model: {
                 event: 'modelchanged'
             }
-        }, isExecute$5)
+        }, isExecute)
         ,Options({
             props: props,
             watch: watch,
@@ -1322,6 +1316,166 @@ var DropDownTreePlugin = {
     }
 };
 
-export { DropDownListComponent, DropDownListPlugin, ComboBoxComponent, ComboBoxPlugin, AutoCompleteComponent, AutoCompletePlugin, MultiSelectComponent, MultiSelectPlugin, ListBoxComponent, ListBoxPlugin, DropDownTreeComponent, DropDownTreePlugin };
+var __extends$6 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$6 = (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;
+};
+// {{VueImport}}
+var properties$6 = ['isLazyUpdate', 'plugins', 'allowSpaces', 'cssClass', 'dataSource', 'displayTemplate', 'fields', 'filterType', 'highlight', 'ignoreCase', 'itemTemplate', 'locale', 'mentionChar', 'minLength', 'noRecordsTemplate', 'popupHeight', 'popupWidth', 'query', 'showMentionChar', 'sortOrder', 'spinnerTemplate', 'suffixText', 'suggestionCount', 'target', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'change', 'closed', 'created', 'destroyed', 'filtering', 'opened', 'select'];
+var modelProps$6 = [];
+var testProp$6 = getProps({ props: properties$6 });
+var props$6 = testProp$6[0];
+var watch$6 = testProp$6[1];
+var emitProbs$6 = Object.keys(watch$6);
+emitProbs$6.push('modelchanged', 'update:modelValue');
+for (var _i$6 = 0, modelProps_1$6 = modelProps$6; _i$6 < modelProps_1$6.length; _i$6++) {
+    var props_1$6 = modelProps_1$6[_i$6];
+    emitProbs$6.push('update:' + props_1$6);
+}
+/**
+ * The Mention contains a list of predefined values from which the user can choose
+ * ```html
+ * <ejs-mention :dataSource='data'></ejs-dropdownlist>
+ * ```
+ */
+var MentionComponent = /** @__PURE__ @class */ (function (_super) {
+    __extends$6(MentionComponent, _super);
+    function MentionComponent() {
+        var _this = _super.call(this, arguments) || this;
+        _this.propKeys = properties$6;
+        _this.models = modelProps$6;
+        _this.hasChildDirective = false;
+        _this.hasInjectedModules = false;
+        _this.tagMapper = {};
+        _this.tagNameMapper = {};
+        _this.isVue3 = !isExecute;
+        _this.ej2Instances = new Mention({});
+        _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
+        return _this;
+    }
+    MentionComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
+    MentionComponent.prototype.setProperties = function (prop, muteOnChange) {
+        var _this = this;
+        if (this.isVue3) {
+            this.models = !this.models ? this.ej2Instances.referModels : this.models;
+        }
+        if (this.ej2Instances && this.ej2Instances._setProperties) {
+            this.ej2Instances._setProperties(prop, muteOnChange);
+        }
+        if (prop && this.models && this.models.length) {
+            Object.keys(prop).map(function (key) {
+                _this.models.map(function (model) {
+                    if ((key === model) && !(/datasource/i.test(key))) {
+                        if (_this.isVue3) {
+                            _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                        }
+                        else {
+                            _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
+                        }
+                    }
+                });
+            });
+        }
+    };
+    MentionComponent.prototype.render = function (createElement) {
+        var h = !isExecute ? gh : createElement;
+        var slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
+        }
+        return h('div', slots);
+    };
+    MentionComponent.prototype.custom = function () {
+        this.updated();
+    };
+    MentionComponent.prototype.addItem = function (items, itemIndex) {
+        return this.ej2Instances.addItem(items, itemIndex);
+    };
+    MentionComponent.prototype.getDataByValue = function (value) {
+        return this.ej2Instances.getDataByValue(value);
+    };
+    MentionComponent.prototype.getItems = function () {
+        return this.ej2Instances.getItems();
+    };
+    MentionComponent.prototype.hidePopup = function (e) {
+        return this.ej2Instances.hidePopup(e);
+    };
+    MentionComponent.prototype.hideSpinner = function () {
+        return this.ej2Instances.hideSpinner();
+    };
+    MentionComponent.prototype.search = function (text, positionX, positionY) {
+        return this.ej2Instances.search(text, positionX, positionY);
+    };
+    MentionComponent.prototype.showPopup = function () {
+        return this.ej2Instances.showPopup();
+    };
+    MentionComponent = __decorate$6([
+        EJComponentDecorator({
+            props: properties$6
+        }, isExecute)
+        ,Options({
+            props: props,
+            watch: watch,
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
+        })
+    ], MentionComponent);
+    return MentionComponent;
+}(ComponentBase));
+var MentionPlugin = {
+    name: 'ejs-mention',
+    install: function (Vue) {
+        Vue.component(MentionPlugin.name, MentionComponent);
+    }
+};
+
+export { DropDownListComponent, DropDownListPlugin, ComboBoxComponent, ComboBoxPlugin, AutoCompleteComponent, AutoCompletePlugin, MultiSelectComponent, MultiSelectPlugin, ListBoxComponent, ListBoxPlugin, DropDownTreeComponent, DropDownTreePlugin, MentionComponent, MentionPlugin };
 export * from '@syncfusion/ej2-dropdowns';
 //# sourceMappingURL=ej2-vue-dropdowns.es5.js.map