@syncfusion/ej2-vue-dropdowns 21.2.10 → 22.1.34

package/CHANGELOG.md

@@ -2,11 +2,20 @@
 
 ## [Unreleased]
 
+### DropDownList
+
+#### Bug Fixes
+
+- `I462021` - Issue with "Value template not working properly" has been resolved.
+
+## 21.2.10 (2023-06-13)
+
 ### ListBox
 
 #### Bug Fixes
 
 - `#F43705` - Issue with "Dropping selected items does not work correctly while enabling the checkbox in listbox component." has been resolved.
+- `#I462373` - Issue with "Double quotes value not submitted while using the listbox component within the form." has been resolved.
 
 ### MultiSelect
 
@@ -20,8 +29,6 @@
 
 - `I469452` - Issue with "A console error is thrown when the datasource value field has a null value in the dropdown list" has been resolved.
 
-- `I462021` - Issue with "Value template not working properly" has been resolved.
-
 ## 21.2.8 (2023-05-30)
 
 ### ListBox
@@ -95,12 +102,6 @@
 
 - `#I451965` - While performing filtering multiple times, the checked node state is cleared in the Dropdown Tree component has been resolved.
 
-### Multiselect
-
-#### Bug Fixes
-
-- `#I452519` - The issue regarding "Grouping Header not being updated properly when a set of items in a group is selected or removed" has been resolved.
-
 ## 21.1.39 (2023-04-11)
 
 ### ListBox
@@ -110,12 +111,6 @@
 - `#F181131` - Issue with "No Record Found text disappears while hovering the drag item on list box without drop" has been resolved.
 - `#F181311` - Issue with "Scrolling is not working while drag and drop the list box with item Template" has been resolved.
 
-### MultiSelect
-
-#### Bug Fixes
-
-- `I455155` - The issue of "Browser hanging when focusing on the multiselect component in checkbox mode" has been resolved.
-
 ## 21.1.38 (2023-04-04)
 
 ### Dropdown Tree

package/README.md

@@ -1,114 +1,208 @@
-# ej2-vue-dropdowns
+# Vue DropDowns components
 
 Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.
 
-![](../../ReadMe_Images/gif.gif)
+## What's Included in the Vue DropDown Package
 
->Note: This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+The Vue DropDown package includes the following list of components.
 
->A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers..
+### Vue DropDownList
 
-## 1. Setup To install this package and its dependent packages, use the following command
+The [Vue DropdownList](https://www.syncfusion.com/vue-components/vue-dropdown-list?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm) component is a quick replacement of the HTML select tags. It has a rich appearance and allows users to select a single value that is non-editable from a list of predefined values.
 
-Use the following command to install drop-down components and its dependent packages
+<p align="center">
+    <a href="https://ej2.syncfusion.com/vue/documentation/list-box/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Getting Started</a> .
+    <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/drop-down-list/default.html">online demos</a> .
+    <a href="https://www.syncfusion.com/vue-components/vue-dropdown-list?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue DropDownList Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-dropdownlist.png">
+</p>
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/vue/demos/#/material/drop-down-list/data-binding.html) - Binds and accesses the list of items from the local or server-side data source.
+* [Grouping](https://ej2.syncfusion.com/vue/demos/#/material/drop-down-list/grouping-icon.html) - Groups the logically related items under a single or specific category.
+* [Sorting](https://ej2.syncfusion.com/vue/documentation/api/drop-down-list#sortorder) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/vue/demos/#/material/drop-down-list/filtering.html) - Filters the list items based on a character typed in the search box.
+* [Templates](https://ej2.syncfusion.com/vue/demos/#/material/drop-down-list/template.html) - Customizes the list items, selected value, header, footer, category group header, and no records content.
+* [Accessibility](https://ej2.syncfusion.com/vue/documentation/drop-down-list/accessibility) - Provided with built-in accessibility support used to access all the DropDownList component features using keyboard, screen readers, or other assistive technology devices.
+
+### Vue DropDownTree
+
+The [Vue DropDownTree](https://www.syncfusion.com/vue-components/vue-dropdown-tree?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm) component is a textbox control that allows the user to select single or multiple values from hierarchical data in a tree-like structure. It has several out-of-the-box features, such as data binding, check boxes, templates, UI customization, accessibility, and preselected values.
+
+<p align="center">
+    <a href="https://ej2.syncfusion.com/vue/documentation/drop-down-tree/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Getting Started</a> .
+    <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/drop-down-tree/default.html">Online demos</a> .
+    <a href="https://www.syncfusion.com/vue-components/vue-dropdown-tree?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue DropDownTree Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-dropdowntree.png">
+</p>
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/drop-down-tree/local-data.html) - Binds and accesses the list of items from the local or remote data source.
+* [Checkbox](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/drop-down-tree/checkbox.html) - Built-in support for checkboxes, allowing users to select single or multiple items.
+* [Template](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/drop-down-tree/template.html) - To change the appearance of the selection pop-up for tree items, plus the header and footer of the pop-up tree.
+* [Filtering](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/drop-down-tree/filtering.html) - Filters the list items based on a character typed in the search box.
+
+### Vue Mention
+
+The [Vue Mention](https://www.syncfusion.com/vue-components/vue-mention?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm) component is an autocomplete-like control to tag or select a user/group from the suggestion list. The control opens the suggestion list when a user starts typing with the character ‘@’ in popular social media sites such as Facebook, Twitter, and more. It supports several out-of-the-box features: Data binding, grouping, UI customization, accessibility, and more.
+
+<p align="center">
+    <a href="https://ej2.syncfusion.com/vue/documentation/mention/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Getting Started</a> .
+    <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/mention/default.html">Online demos</a> .
+    <a href="https://www.syncfusion.com/vue-components/vue-mention?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue Mention Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-mention.png">
+</p>
+
+#### Key features
+
+* [Sorting](https://ej2.syncfusion.com/vue/documentation/mention/sorting/) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/vue/documentation/mention/filtering-data/) - Filters the list items based on a character typed in the search box.
+
+### Vue ComboBox
+
+The [Vue ComboBox](https://www.syncfusion.com/vue-components/vue-combobox?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm) component is a drop-down list with editable textbox that also allows users to choose an option from a predefined pop-up list.
+
+<p align="center">
+    <a href="https://ej2.syncfusion.com/vue/documentation/combo-box/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Getting Started</a> .
+    <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/combo-box/default.html">online demos</a> .
+    <a href="https://www.syncfusion.com/vue-components/vue-combobox?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue ComboBox Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-combobox.png">
+</p>
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/vue/demos/#/material/combo-box/data-binding.html) - Binds and accesses the list of items from local or server-side data source.
+* [Custom values](https://ej2.syncfusion.com/vue/demos/#/material/combo-box/custom-value.html) - Sets user-defined values that is not in the pop-up list.
+* [Grouping](https://ej2.syncfusion.com/vue/demos/#/material/combo-box/grouping-icon.html) - Groups the logically related items under a single or specific category.
+* [Sorting](https://ej2.syncfusion.com/vue/documentation/api/combo-box#sortorder) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/vue/demos/#/material/combo-box/filtering.html) - Filters the list items based on a character typed in the component.
+* [Templates](https://ej2.syncfusion.com/vue/demos/#/material/combo-box/template.html) - Customizes the list items, selected value, header, footer, category group header, and no records content.
+* [Accessibility](https://ej2.syncfusion.com/vue/documentation/combo-box/accessibility) - Provided with built-in accessibility support that helps to access all the ComboBox component features using the keyboard, screen readers, or other assistive technology devices.
+
+### Vue AutoComplete
+
+The [Vue AutoComplete](https://www.syncfusion.com/vue-components/vue-autocomplete?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm) component is a textbox control that provides a list of suggestions to select from as the user types. It has several out-of-the-box features such as data binding, filtering, grouping, UI customization, accessibility, and more.
+
+<p align="center">
+    <a href="https://ej2.syncfusion.com/vue/documentation/auto-complete/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Getting Started</a> .
+    <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/auto-complete/default.html">online demos</a> .
+    <a href="https://www.syncfusion.com/vue-components/vue-autocomplete?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue AutoComplete Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-autocomplete.png">
+</p>
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/vue/demos/#/material/auto-complete/data-binding.html) - Binds and accesses the list of items from local or server-side data source.
+* [Grouping](https://ej2.syncfusion.com/vue/demos/#/material/auto-complete/grouping-icon.html) - Groups the logically related items under a single or specific category.
+* [Sorting](https://ej2.syncfusion.com/vue/documentation/api/auto-complete#sortorder) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Highlight search](https://ej2.syncfusion.com/vue/demos/#/material/auto-complete/highlight.html) - Highlights the typed text in the suggestion list.
+* [Templates](https://ej2.syncfusion.com/vue/demos/#/material/auto-complete/template.html) - Customizes the list item, header, footer, category group header, no records, and action failure content.
+* [Accessibility](https://ej2.syncfusion.com/vue/documentation/auto-complete/accessibility) - Provided with built-in accessibility support that helps to access all the AutoComplete component features using keyboard, on-screen readers, or other assistive technology devices.
+
+### Vue MultiSelect
+
+The [Vue MultiSelect Dropdown](https://www.syncfusion.com/vue-components/vue-multiselect-dropdown?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm) component is a quick replacement for the HTML select tag for selecting multiple values. HTML MultiSelect Dropdown is a textbox control that allows the user to type or select multiple values from a list of predefined options.
+
+<p align="center">
+    <a href="https://ej2.syncfusion.com/vue/documentation/multi-select/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Getting Started</a> .
+    <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/multi-select/default.html">online demos</a> .
+    <a href="https://www.syncfusion.com/vue-components/vue-multiselect-dropdown?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue MultiSelect Dropdown Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-multiselect.png">
+</p>
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/vue/demos/#/material/multi-select/data-binding.html) - Binds and accesses the list of items from local or server-side data source.
+* [Grouping](https://ej2.syncfusion.com/vue/demos/#/material/multi-select/grouping-icon.html) - Groups the logically related items under a single or specific category.
+* [Templates](https://ej2.syncfusion.com/vue/demos/#/material/multi-select/template.html) - Customizes the list items, selected value, header, footer, category group header, and no records content.
+* [Sorting](https://ej2.syncfusion.com/vue/documentation/api/multi-select#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
+* [Filtering](https://ej2.syncfusion.com/vue/demos/#/material/multi-select/filtering.html) - Filters the list items based on a character typed in the search box.
+* [Custom value](https://ej2.syncfusion.com/vue/demos/#/material/multi-select/custom-value.html) - Allows users to select a new custom value.
+* [Accessibility](https://ej2.syncfusion.com/vue/documentation/multi-select/accessibility) - Provided with built-in accessibility support that helps to access all the DropDownList component features using the keyboard, screen readers, or other assistive technology devices.
+
+### Vue ListBox
+
+The [Vue ListBox](https://www.syncfusion.com/vue-components/vue-listbox?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm) component is a graphical user interface for displaying a list of items with multi-selection options. It has a rich appearance and allows users to select one or more items from the list using checkboxes or keyboard interactions.
+
+<p align="center">
+    <a href="https://ej2.syncfusion.com/vue/documentation/list-box/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Getting Started</a> .
+    <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/list-box/default.html">online demos</a> .
+    <a href="https://www.syncfusion.com/vue-components/vue-listbox?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue ListBox Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-listbox.png">
+</p>
+
+#### Key features
+
+* [Data binding](https://ej2.syncfusion.com/vue/documentation/list-box/data-binding/) - Binds and accesses the list of items from local or server-side data source.
+* [Dual listbox](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/list-box/dual-list-box.html) - Allows transferring and reordering the list item between two ListBoxes.
+* [Drag and drop](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/list-box/drag-and-drop.html) - Allows drag and drop the list item with the same/multiple ListBox.
+* [Grouping](https://ej2.syncfusion.com/vue/documentation/list-box/sorting-and-grouping/#grouping) - Groups the logically related items under a single or specific category.
+* [Templates](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm#/material/list-box/template.html) - Customizes the list items.
+* [Sorting](https://ej2.syncfusion.com/vue/documentation/list-box/sorting-and-grouping/) - Sorts the list items in alphabetical order (either ascending or descending).
+* [Accessibility](https://ej2.syncfusion.com/vue/documentation/list-box/accessibility/) - Provided with built-in accessibility support that helps to access all the ListBox component features using the keyboard, screen readers, or other assistive technology devices.
+
+## Setup
+
+To install `dropdowns` and its dependent packages, use the following command.
 
 ```
 npm install @syncfusion/ej2-vue-dropdowns
 ```
 
-## 2. Components included
-
-* DropDownList - A textbox component that allows users to select a non-editable single value from the list of predefined values.
-    * [GettingStarted](https://ej2.syncfusion.com/vue/documentation/drop-down-list/getting-started)
-    * [View Online Demos](https://ej2.syncfusion.com/vue/demos/#/material/drop-down-list/default.html)
-    * [Product Page](https://www.syncfusion.com/products/vue/dropdownlist)
-* ComboBox - A textbox component that allows users to type a value or choose an option from the list of predefined options.
-    * [GettingStarted](https://ej2.syncfusion.com/vue/documentation/combo-box/getting-started)
-    * [View Online Demos](https://ej2.syncfusion.com/vue/demos/#/material/combo-box/default.html)
-    * [Product Page](https://www.syncfusion.com/products/vue/combobox)
-* Autocomplete - A textbox component that provides a list of suggestions to select based on the text typed by the users.
-    * [GettingStarted](https://ej2.syncfusion.com/vue/documentation/auto-complete/getting-started)
-    * [View Online Demos](https://ej2.syncfusion.com/vue/demos/#/material/auto-complete/default.html)
-    * [Product Page](https://www.syncfusion.com/products/vue/autocomplete)
-* MultiSelect - A textbox component that allows users to type or choose multiple values from the list of predefined options.
-    * [GettingStarted](https://ej2.syncfusion.com/vue/documentation/multi-select/getting-started)
-    * [View Online Demos](https://ej2.syncfusion.com/vue/demos/#/material/multi-select/default.html)
-    * [Product Page](https://www.syncfusion.com/products/vue/multiselect)
-* ListBox - ListBox is a graphical user interface component used to display a list of items. Users can select one or more items in the list using a checkbox or by keyboard selection. It supports sorting, grouping, reordering, and drag and drop of items.
-    * [GettingStarted](https://ej2.syncfusion.com/vue/documentation/list-box/getting-started)
-    * [View Online Demos](https://ej2.syncfusion.com/vue/demos/#/material/list-box/default.html)
-    * [Product Page](https://www.syncfusion.com/products/vue/listbox)
-
-## 3. Supported frameworks
-These components are available in following list of 
-1.  [TypeScript](https://ej2.syncfusion.com/demos/#/material)
-2.	[Angular](https://ej2.syncfusion.com/angular/demos/#/material)
-3.	[React](https://ej2.syncfusion.com/react/demos/#/material)
-4.	[ASP.NET Core](https://ej2.syncfusion.com/aspnetcore/)
-5.	[ASP.NET MVC](https://ej2.syncfusion.com/aspnetcore/)
-6.	[JavaScript (ES5)](https://ej2.syncfusion.com/javascript/demos/#/material)
-
-## 4. Use-case samples / Showcase samples
-
-* IT Asset Management ([Live Demo](https://ej2.syncfusion.com/showcase/vue/assetmanagement/?utm_source=npm&utm_campaign=dropdown#/))
-
-## 5. Key features
-* DropDownList
-    * [Data binding](https://ej2.syncfusion.com/vue/demos/#/material/drop-down-list/data-binding.html): Binds and accesses the list of items from the local or server-side data source.
-    * [Grouping](https://ej2.syncfusion.com/vue/demos/#/material/drop-down-list/grouping-icon.html): Groups the logically related items under a single or specific category.
-    * [Sorting](https://ej2.syncfusion.com/vue/documentation/api/drop-down-list#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
-    * [Filtering](https://ej2.syncfusion.com/vue/demos/#/material/drop-down-list/filtering.html): Filters the list items based on a character typed in the search box.
-    * [Templates](https://ej2.syncfusion.com/vue/demos/#/material/drop-down-list/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
-    * [Accessibility](https://ej2.syncfusion.com/vue/documentation/drop-down-list/accessibility): Provided with built-in accessibility support used to access all the DropDownList component features using keyboard, screen readers, or other assistive technology devices.
-
-* ComboBox
-    * [Data binding](https://ej2.syncfusion.com/vue/demos/#/material/combo-box/data-binding.html): Binds and accesses the list of items from local or server-side data source.
-    * [Custom values](https://ej2.syncfusion.com/vue/demos/#/material/combo-box/custom-value.html): Sets user-defined values that is not in the pop-up list.
-    * [Grouping](https://ej2.syncfusion.com/vue/demos/#/material/combo-box/grouping-icon.html): Groups the logically related items under a single or specific category.
-    * [Sorting](https://ej2.syncfusion.com/vue/documentation/api/combo-box#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
-    * [Filtering](https://ej2.syncfusion.com/vue/demos/#/material/combo-box/filtering.html): Filters the list items based on a character typed in the component.
-    * [Templates](https://ej2.syncfusion.com/vue/demos/#/material/combo-box/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
-    * [Accessibility](https://ej2.syncfusion.com/vue/documentation/combo-box/accessibility): Provided with built-in accessibility support that helps to access all the ComboBox component features using the keyboard, screen readers, or other assistive technology devices.
-
-
-* AutoComplete
-    * [Data binding](https://ej2.syncfusion.com/vue/demos/#/material/auto-complete/data-binding.html): Binds and accesses the list of items from local or server-side data source.
-    * [Grouping](https://ej2.syncfusion.com/vue/demos/#/material/auto-complete/grouping-icon.html): Groups the logically related items under a single or specific category.
-    * [Sorting](https://ej2.syncfusion.com/vue/documentation/api/auto-complete#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
-    * [Highlight search](https://ej2.syncfusion.com/vue/demos/#/material/auto-complete/highlight.html): Highlights the typed text in the suggestion list.
-    * [Templates](https://ej2.syncfusion.com/vue/demos/#/material/auto-complete/template.html): Customizes the list item, header, footer, category group header, no records, and action failure content.
-    * [Accessibility](https://ej2.syncfusion.com/vue/documentation/auto-complete/accessibility): Provided with built-in accessibility support that helps to access all the AutoComplete component features using keyboard, on-screen readers, or other assistive technology devices.
-
-
-* MultiSelect
-    * [Data binding](https://ej2.syncfusion.com/vue/demos/#/material/multi-select/data-binding.html): Binds and accesses the list of items from local or server-side data source.
-    * [Grouping](https://ej2.syncfusion.com/vue/demos/#/material/multi-select/grouping-icon.html): Groups the logically related items under a single or specific category.
-    * [Templates](https://ej2.syncfusion.com/vue/demos/#/material/multi-select/template.html): Customizes the list items, selected value, header, footer, category group header, and     no records content.
-    * [Sorting](https://ej2.syncfusion.com/vue/documentation/api/multi-select#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
-    * [Filtering](https://ej2.syncfusion.com/vue/demos/#/material/multi-select/filtering.html): Filters the list items based on a character typed in the search box.
-    * [Custom value](https://ej2.syncfusion.com/vue/demos/#/material/multi-select/custom-value.html): Allows users to select a new custom value.
-    * [Accessibility](https://ej2.syncfusion.com/vue/documentation/multi-select/accessibility): Provided with built-in accessibility support that helps to access all the      DropDownList component features using the keyboard, screen readers, or other assistive technology devices.
-
-* ListBox
-    * **Data binding**: Binds and accesses the list of items from local or server-side data source.
-    * **Dual ListBox**: Allows transferring and reordering the list item between two ListBoxes.
-    * **Drag and Drop**: Allows drag and drop the list item with the same/multiple ListBox.
-    * **Grouping**: Groups the logically related items under a single or specific category.
-    * **Templates**: Customizes the list items.
-    * **Sorting**: Sorts the list items in alphabetical order (either ascending or descending).
-    * **Accessibility**: Provided with built-in accessibility support that helps to access all the ListBox component features using the keyboard, screen readers, or other assistive technology devices.
-
-## 6. Support
-Product support can be obtained through the following mediums:
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=dropdwon) support system or [Community forum.](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=dropdwon)
-* New [GitHub issue.](https://github.com/syncfusion/ej2-vue-ui-components/issues/new)
-* Ask your query in Stack Overflow with tag ‘syncfusion’, ‘ej2’.
-
- 
-## 7. License 
-Check the license details [here.](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=dropdown)
-
-## 8. Change log 
- Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/dropdowns/CHANGELOG.md)
-
-© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+## Supported frameworks
+
+DropDowns components are also offered in following list of frameworks.
+
+| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg"  height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/angular.svg"  height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
+
+## Showcase samples
+
+* Asset Management - [Live Demo](https://ej2.syncfusion.com/showcase/vue/assetmanagement/?utm_source=npm&utm_campaign=dropdown#/)
+
+## Support
+
+Product support is available for through following mediums.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-vue-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-dropdown-npm)
+* Live chat
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/dropdowns/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
+
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Vue UI components](https://www.syncfusion.com/vue-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+See [LICENSE FILE](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license) for more info.
+
+© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/dist/ej2-vue-dropdowns.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-vue-dropdowns.umd.min.js
-*  version : 21.2.10
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-dropdowns"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-dropdowns","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Dropdowns,e.ej2VueBase,e.ej2Base)}(this,function(e,t,s,n){"use strict";var i=["isLazyUpdate","plugins","actionFailureTemplate","allowFiltering","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","sortOrder","text","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","dataBound","destroyed","filtering","focus","open","select"],a=["value"],o=s.getProps({props:i}),r=o[0],l=o[1],c=Object.keys(l);c.push("modelchanged","update:modelValue");for(var u=0,h=a;u<h.length;u++){var d=h[u];c.push("update:"+d)}var p=s.vueDefineComponent({name:"DropDownListComponent",mixins:[s.ComponentBase],props:r,watch:l,emits:c,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.DropDownList({}),propKeys:i,models:a,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(e){return this.ej2Instances.focusIn(e)},focusOut:function(e){return this.ej2Instances.focusOut(e)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),m={name:"ejs-dropdownlist",install:function(e){e.component(m.name,p)}},g=["isLazyUpdate","plugins","actionFailureTemplate","allowCustom","allowFiltering","autofill","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","sortOrder","text","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","customValueSpecifier","dataBound","destroyed","filtering","focus","open","select"],f=["value"],I=s.getProps({props:g}),j=I[0],v=I[1],$=Object.keys(v);$.push("modelchanged","update:modelValue");for(var y=0,C=f;y<C.length;y++){var P=C[y];$.push("update:"+P)}var T=s.vueDefineComponent({name:"ComboBoxComponent",mixins:[s.ComponentBase],props:j,watch:v,emits:$,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.ComboBox({}),propKeys:g,models:f,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(e){return this.ej2Instances.focusOut(e)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),_={name:"ejs-combobox",install:function(e){e.component(_.name,T)}},b=["isLazyUpdate","plugins","actionFailureTemplate","allowCustom","allowFiltering","autofill","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","highlight","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","minLength","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","showPopupButton","sortOrder","suggestionCount","text","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","customValueSpecifier","dataBound","destroyed","filtering","focus","open","select"],w=["value"],x=s.getProps({props:b}),V=x[0],B=x[1],S=Object.keys(B);S.push("modelchanged","update:modelValue");for(var D=0,M=w;D<M.length;D++){var O=M[D];S.push("update:"+O)}var L=s.vueDefineComponent({name:"AutoCompleteComponent",mixins:[s.ComponentBase],props:V,watch:B,emits:S,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.AutoComplete({}),propKeys:b,models:w,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(e){return this.ej2Instances.focusOut(e)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),E={name:"ejs-autocomplete",install:function(e){e.component(E.name,L)}},U=["isLazyUpdate","plugins","actionFailureTemplate","addTagOnBlur","allowCustomValue","allowFiltering","changeOnBlur","closePopupOnSelect","cssClass","dataSource","delimiterChar","enableGroupCheckBox","enableHtmlSanitizer","enablePersistence","enableRtl","enableSelectionOrder","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","hideSelectedItem","htmlAttributes","ignoreAccent","ignoreCase","itemTemplate","locale","maximumSelectionLength","mode","noRecordsTemplate","openOnClick","placeholder","popupHeight","popupWidth","query","readonly","selectAllText","showClearButton","showDropDownIcon","showSelectAll","sortOrder","text","unSelectAllText","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","beforeSelectAll","blur","change","chipSelection","close","created","customValueSelection","dataBound","destroyed","filtering","focus","open","removed","removing","select","selectedAll","tagging"],k=["value"],A=s.getProps({props:U}),H=A[0],N=A[1],z=Object.keys(N);z.push("modelchanged","update:modelValue");for(var q=0,F=k;q<F.length;q++){var R=F[q];z.push("update:"+R)}var K=s.vueDefineComponent({name:"MultiSelectComponent",mixins:[s.ComponentBase],props:H,watch:N,emits:z,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.MultiSelect({}),propKeys:U,models:k,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},requiredModules:function(){return this.ej2Instances.requiredModules()},selectAll:function(e){return this.ej2Instances.selectAll(e)},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),W={name:"ejs-multiselect",install:function(e){e.component(W.name,K)}},G=["isLazyUpdate","plugins","actionFailureTemplate","allowDragAndDrop","allowFiltering","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","groupTemplate","height","ignoreAccent","ignoreCase","itemTemplate","locale","maximumSelectionLength","noRecordsTemplate","query","scope","selectionSettings","sortOrder","toolbarSettings","value","zIndex","actionBegin","actionComplete","actionFailure","beforeDrop","beforeItemRender","change","created","dataBound","destroyed","drag","dragStart","drop","filtering","select"],J=["value"],Q=s.getProps({props:G}),X=Q[0],Y=Q[1],Z=Object.keys(Y);Z.push("modelchanged","update:modelValue");for(var ee=0,te=J;ee<te.length;ee++){var se=te[ee];Z.push("update:"+se)}var ne=s.vueDefineComponent({name:"ListBoxComponent",mixins:[s.ComponentBase],props:X,watch:Y,emits:Z,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.ListBox({}),propKeys:G,models:J,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addItems:function(e,t){return this.ej2Instances.addItems(e,t)},enableItems:function(e,t,s){return this.ej2Instances.enableItems(e,t,s)},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getDataByValues:function(e){return this.ej2Instances.getDataByValues(e)},getDataList:function(){return this.ej2Instances.getDataList()},getItems:function(){return this.ej2Instances.getItems()},getSortedList:function(){return this.ej2Instances.getSortedList()},hideSpinner:function(){return this.ej2Instances.hideSpinner()},moveAllTo:function(e,t){return this.ej2Instances.moveAllTo(e,t)},moveDown:function(e){return this.ej2Instances.moveDown(e)},moveTo:function(e,t,s){return this.ej2Instances.moveTo(e,t,s)},moveUp:function(e){return this.ej2Instances.moveUp(e)},removeItem:function(e,t){return this.ej2Instances.removeItem(e,t)},removeItems:function(e,t){return this.ej2Instances.removeItems(e,t)},requiredModules:function(){return this.ej2Instances.requiredModules()},selectAll:function(e){return this.ej2Instances.selectAll(e)},selectItems:function(e,t,s){return this.ej2Instances.selectItems(e,t,s)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),ie={name:"ejs-listbox",install:function(e){e.component(ie.name,ne)}},ae=["isLazyUpdate","plugins","actionFailureTemplate","allowFiltering","allowMultiSelection","changeOnBlur","cssClass","customTemplate","delimiterChar","enableHtmlSanitizer","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","itemTemplate","locale","mode","noRecordsTemplate","placeholder","popupHeight","popupWidth","readonly","selectAllText","showCheckBox","showClearButton","showDropDownIcon","showSelectAll","sortOrder","text","treeSettings","unSelectAllText","value","width","wrapText","zIndex","actionFailure","beforeOpen","blur","change","close","created","dataBound","destroyed","filtering","focus","keyPress","open","select"],oe=["value"],re=s.getProps({props:ae}),le=re[0],ce=re[1],ue=Object.keys(ce);ue.push("modelchanged","update:modelValue");for(var he=0,de=oe;he<de.length;he++){var pe=de[he];ue.push("update:"+pe)}var me=s.vueDefineComponent({name:"DropDownTreeComponent",mixins:[s.ComponentBase],props:le,watch:ce,emits:ue,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.DropDownTree({}),propKeys:ae,models:oe,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},clear:function(){return this.ej2Instances.clear()},ensureVisible:function(e){return this.ej2Instances.ensureVisible(e)},getData:function(e){return this.ej2Instances.getData(e)},getLocaleName:function(){return this.ej2Instances.getLocaleName()},hidePopup:function(){return this.ej2Instances.hidePopup()},selectAll:function(e){return this.ej2Instances.selectAll(e)},showPopup:function(){return this.ej2Instances.showPopup()}}}),ge={name:"ejs-dropdowntree",install:function(e){e.component(ge.name,me)}},fe=["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"],Ie=[],je=s.getProps({props:fe}),ve=je[0],$e=je[1],ye=Object.keys($e);ye.push("modelchanged","update:modelValue");for(var Ce=0,Pe=Ie;Ce<Pe.length;Ce++){var Te=Pe[Ce];ye.push("update:"+Te)}var _e=s.vueDefineComponent({name:"MentionComponent",mixins:[s.ComponentBase],props:ve,watch:$e,emits:ye,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Mention({}),propKeys:fe,models:Ie,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},search:function(e,t,s){return this.ej2Instances.search(e,t,s)},showPopup:function(){return this.ej2Instances.showPopup()}}}),be={name:"ejs-mention",install:function(e){e.component(be.name,_e)}};e.DropDownListComponent=p,e.DropDownListPlugin=m,e.ComboBoxComponent=T,e.ComboBoxPlugin=_,e.AutoCompleteComponent=L,e.AutoCompletePlugin=E,e.MultiSelectComponent=K,e.MultiSelectPlugin=W,e.ListBoxComponent=ne,e.ListBoxPlugin=ie,e.DropDownTreeComponent=me,e.DropDownTreePlugin=ge,e.MentionComponent=_e,e.MentionPlugin=be,Object.keys(t).forEach(function(s){e[s]=t[s]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-dropdowns"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-dropdowns","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Dropdowns,e.ej2VueBase,e.ej2Base)}(this,function(e,t,s,n){"use strict";var i=["isLazyUpdate","plugins","actionFailureTemplate","allowFiltering","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","sortOrder","text","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","dataBound","destroyed","filtering","focus","open","select"],a=["value"],o=s.getProps({props:i}),r=o[0],l=o[1],c=Object.keys(l);c.push("modelchanged","update:modelValue");for(var u=0,h=a;u<h.length;u++){var d=h[u];c.push("update:"+d)}var p=s.vueDefineComponent({name:"DropDownListComponent",mixins:[s.ComponentBase],props:r,watch:l,emits:c,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.DropDownList({}),propKeys:i,models:a,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(e){return this.ej2Instances.focusIn(e)},focusOut:function(e){return this.ej2Instances.focusOut(e)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),m={name:"ejs-dropdownlist",install:function(e){e.component(m.name,p)}},g=["isLazyUpdate","plugins","actionFailureTemplate","allowCustom","allowFiltering","autofill","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","sortOrder","text","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","customValueSpecifier","dataBound","destroyed","filtering","focus","open","select"],f=["value"],I=s.getProps({props:g}),j=I[0],v=I[1],$=Object.keys(v);$.push("modelchanged","update:modelValue");for(var y=0,C=f;y<C.length;y++){var T=C[y];$.push("update:"+T)}var P=s.vueDefineComponent({name:"ComboBoxComponent",mixins:[s.ComponentBase],props:j,watch:v,emits:$,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.ComboBox({}),propKeys:g,models:f,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(e){return this.ej2Instances.focusOut(e)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),_={name:"ejs-combobox",install:function(e){e.component(_.name,P)}},b=["isLazyUpdate","plugins","actionFailureTemplate","allowCustom","allowFiltering","autofill","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","highlight","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","minLength","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","showPopupButton","sortOrder","suggestionCount","text","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","customValueSpecifier","dataBound","destroyed","filtering","focus","open","select"],w=["value"],x=s.getProps({props:b}),B=x[0],V=x[1],S=Object.keys(V);S.push("modelchanged","update:modelValue");for(var D=0,M=w;D<M.length;D++){var O=M[D];S.push("update:"+O)}var L=s.vueDefineComponent({name:"AutoCompleteComponent",mixins:[s.ComponentBase],props:B,watch:V,emits:S,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.AutoComplete({}),propKeys:b,models:w,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(e){return this.ej2Instances.focusOut(e)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),E={name:"ejs-autocomplete",install:function(e){e.component(E.name,L)}},U=["isLazyUpdate","plugins","actionFailureTemplate","addTagOnBlur","allowCustomValue","allowFiltering","changeOnBlur","closePopupOnSelect","cssClass","dataSource","delimiterChar","enableGroupCheckBox","enableHtmlSanitizer","enablePersistence","enableRtl","enableSelectionOrder","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","hideSelectedItem","htmlAttributes","ignoreAccent","ignoreCase","itemTemplate","locale","maximumSelectionLength","mode","noRecordsTemplate","openOnClick","placeholder","popupHeight","popupWidth","query","readonly","selectAllText","showClearButton","showDropDownIcon","showSelectAll","sortOrder","text","unSelectAllText","value","valueTemplate","width","zIndex","actionBegin","actionComplete","actionFailure","beforeOpen","beforeSelectAll","blur","change","chipSelection","close","created","customValueSelection","dataBound","destroyed","filtering","focus","open","removed","removing","select","selectedAll","tagging"],k=["value"],A=s.getProps({props:U}),H=A[0],N=A[1],z=Object.keys(N);z.push("modelchanged","update:modelValue");for(var q=0,F=k;q<F.length;q++){var R=F[q];z.push("update:"+R)}var K=s.vueDefineComponent({name:"MultiSelectComponent",mixins:[s.ComponentBase],props:H,watch:N,emits:z,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.MultiSelect({}),propKeys:U,models:k,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},clear:function(){return this.ej2Instances.clear()},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},hideSpinner:function(){return this.ej2Instances.hideSpinner()},requiredModules:function(){return this.ej2Instances.requiredModules()},selectAll:function(e){return this.ej2Instances.selectAll(e)},showPopup:function(e){return this.ej2Instances.showPopup(e)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),W={name:"ejs-multiselect",install:function(e){e.component(W.name,K)}},G=["isLazyUpdate","plugins","actionFailureTemplate","allowDragAndDrop","allowFiltering","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","groupTemplate","height","ignoreAccent","ignoreCase","itemTemplate","locale","maximumSelectionLength","noRecordsTemplate","query","scope","selectionSettings","sortOrder","toolbarSettings","value","zIndex","actionBegin","actionComplete","actionFailure","beforeDrop","beforeItemRender","change","created","dataBound","destroyed","drag","dragStart","drop","filtering","select"],J=["value"],Q=s.getProps({props:G}),X=Q[0],Y=Q[1],Z=Object.keys(Y);Z.push("modelchanged","update:modelValue");for(var ee=0,te=J;ee<te.length;ee++){var se=te[ee];Z.push("update:"+se)}var ne=s.vueDefineComponent({name:"ListBoxComponent",mixins:[s.ComponentBase],props:X,watch:Y,emits:Z,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.ListBox({}),propKeys:G,models:J,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addItems:function(e,t){return this.ej2Instances.addItems(e,t)},enableItems:function(e,t,s){return this.ej2Instances.enableItems(e,t,s)},filter:function(e,t,s){return this.ej2Instances.filter(e,t,s)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getDataByValues:function(e){return this.ej2Instances.getDataByValues(e)},getDataList:function(){return this.ej2Instances.getDataList()},getItems:function(){return this.ej2Instances.getItems()},getSortedList:function(){return this.ej2Instances.getSortedList()},hideSpinner:function(){return this.ej2Instances.hideSpinner()},moveAllTo:function(e,t){return this.ej2Instances.moveAllTo(e,t)},moveBottom:function(e){return this.ej2Instances.moveBottom(e)},moveDown:function(e){return this.ej2Instances.moveDown(e)},moveTo:function(e,t,s){return this.ej2Instances.moveTo(e,t,s)},moveTop:function(e){return this.ej2Instances.moveTop(e)},moveUp:function(e){return this.ej2Instances.moveUp(e)},removeItem:function(e,t){return this.ej2Instances.removeItem(e,t)},removeItems:function(e,t){return this.ej2Instances.removeItems(e,t)},requiredModules:function(){return this.ej2Instances.requiredModules()},selectAll:function(e){return this.ej2Instances.selectAll(e)},selectItems:function(e,t,s){return this.ej2Instances.selectItems(e,t,s)},showSpinner:function(){return this.ej2Instances.showSpinner()}}}),ie={name:"ejs-listbox",install:function(e){e.component(ie.name,ne)}},ae=["isLazyUpdate","plugins","actionFailureTemplate","allowFiltering","allowMultiSelection","changeOnBlur","cssClass","customTemplate","delimiterChar","enableHtmlSanitizer","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","itemTemplate","locale","mode","noRecordsTemplate","placeholder","popupHeight","popupWidth","readonly","selectAllText","showCheckBox","showClearButton","showDropDownIcon","showSelectAll","sortOrder","text","treeSettings","unSelectAllText","value","width","wrapText","zIndex","actionFailure","beforeOpen","blur","change","close","created","dataBound","destroyed","filtering","focus","keyPress","open","select"],oe=["value"],re=s.getProps({props:ae}),le=re[0],ce=re[1],ue=Object.keys(ce);ue.push("modelchanged","update:modelValue");for(var he=0,de=oe;he<de.length;he++){var pe=de[he];ue.push("update:"+pe)}var me=s.vueDefineComponent({name:"DropDownTreeComponent",mixins:[s.ComponentBase],props:le,watch:ce,emits:ue,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.DropDownTree({}),propKeys:ae,models:oe,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},clear:function(){return this.ej2Instances.clear()},ensureVisible:function(e){return this.ej2Instances.ensureVisible(e)},getData:function(e){return this.ej2Instances.getData(e)},getLocaleName:function(){return this.ej2Instances.getLocaleName()},hidePopup:function(){return this.ej2Instances.hidePopup()},selectAll:function(e){return this.ej2Instances.selectAll(e)},showPopup:function(){return this.ej2Instances.showPopup()}}}),ge={name:"ejs-dropdowntree",install:function(e){e.component(ge.name,me)}},fe=["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"],Ie=[],je=s.getProps({props:fe}),ve=je[0],$e=je[1],ye=Object.keys($e);ye.push("modelchanged","update:modelValue");for(var Ce=0,Te=Ie;Ce<Te.length;Ce++){var Pe=Te[Ce];ye.push("update:"+Pe)}var _e=s.vueDefineComponent({name:"MentionComponent",mixins:[s.ComponentBase],props:ve,watch:$e,emits:ye,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instance:new t.Mention({}),propKeys:fe,models:Ie,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},getDataByValue:function(e){return this.ej2Instances.getDataByValue(e)},getItems:function(){return this.ej2Instances.getItems()},hidePopup:function(e){return this.ej2Instances.hidePopup(e)},search:function(e,t,s){return this.ej2Instances.search(e,t,s)},showPopup:function(){return this.ej2Instances.showPopup()}}}),be={name:"ejs-mention",install:function(e){e.component(be.name,_e)}};e.DropDownListComponent=p,e.DropDownListPlugin=m,e.ComboBoxComponent=P,e.ComboBoxPlugin=_,e.AutoCompleteComponent=L,e.AutoCompletePlugin=E,e.MultiSelectComponent=K,e.MultiSelectPlugin=W,e.ListBoxComponent=ne,e.ListBoxPlugin=ie,e.DropDownTreeComponent=me,e.DropDownTreePlugin=ge,e.MentionComponent=_e,e.MentionPlugin=be,Object.keys(t).forEach(function(s){e[s]=t[s]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-dropdowns.umd.min.js.map