@syncfusion/ej2-vue-dropdowns - npm Package Compare versions

Comparing version 17.1.32-beta to 17.1.38

CHANGELOG.md

@@ -5,2 +5,28 @@ # Changelog
 
+### ListBox
+
+The 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. The available key features are:
+
+- **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.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Placeholder is not updated properly when removed the value issue has been resolved.
+
+## 17.1.32-beta (2019-03-13)
+
 ### DropDownList
@@ -7,0 +33,0 @@

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

 /*!
 *  filename: ej2-vue-dropdowns.umd.min.js
-*  version : 17.1.32-beta
+*  version : 17.1.38
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-dropdowns"),require("@syncfusion/ej2-base"),require("@syncfusion/ej2-vue-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-dropdowns","@syncfusion/ej2-base","@syncfusion/ej2-vue-base"],t):t(e.ej={},e.ej2Dropdowns,e.ej2Base,e.ej2VueBase)}(this,function(e,t,n,o){"use strict";var r=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),s=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},i=["actionFailureTemplate","allowFiltering","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","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"],c=function(e){function c(){var n=e.call(this)||this;return n.propKeys=i,n.models=a,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.DropDownList({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return r(c,e),c.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},c.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},c.prototype.render=function(e){return e("input",this.$slots.default)},c.prototype.addItem=function(e,t){return this.ej2Instances.addItem(e,t)},c.prototype.focusIn=function(e){return this.ej2Instances.focusIn(e)},c.prototype.focusOut=function(){return this.ej2Instances.focusOut()},c.prototype.getDataByValue=function(e){return this.ej2Instances.getDataByValue(e)},c.prototype.getItems=function(){return this.ej2Instances.getItems()},c.prototype.hidePopup=function(){return this.ej2Instances.hidePopup()},c.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},c.prototype.showPopup=function(){return this.ej2Instances.showPopup()},c.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},c=s([o.EJComponentDecorator({props:i,model:{event:"modelchanged"}})],c)}(o.ComponentBase),p={name:"ejs-dropdownlist",install:function(e){e.component(p.name,c)}},u=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),l=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},h=["actionFailureTemplate","allowCustom","allowFiltering","autofill","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","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"],d=["value"],f=function(e){function r(){var n=e.call(this)||this;return n.propKeys=h,n.models=d,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.ComboBox({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return u(r,e),r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.addItem=function(e,t){return this.ej2Instances.addItem(e,t)},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.getDataByValue=function(e){return this.ej2Instances.getDataByValue(e)},r.prototype.getItems=function(){return this.ej2Instances.getItems()},r.prototype.hidePopup=function(){return this.ej2Instances.hidePopup()},r.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},r.prototype.showPopup=function(){return this.ej2Instances.showPopup()},r.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},r=l([o.EJComponentDecorator({props:h,model:{event:"modelchanged"}})],r)}(o.ComponentBase),m={name:"ejs-combobox",install:function(e){e.component(m.name,f)}},g=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),j=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},y=["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"],I=["value"],P=function(e){function r(){var n=e.call(this)||this;return n.propKeys=y,n.models=I,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.AutoComplete({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return g(r,e),r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.addItem=function(e,t){return this.ej2Instances.addItem(e,t)},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.getDataByValue=function(e){return this.ej2Instances.getDataByValue(e)},r.prototype.getItems=function(){return this.ej2Instances.getItems()},r.prototype.hidePopup=function(){return this.ej2Instances.hidePopup()},r.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},r.prototype.showPopup=function(){return this.ej2Instances.showPopup()},r.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},r=j([o.EJComponentDecorator({props:y,model:{event:"modelchanged"}})],r)}(o.ComponentBase),b={name:"ejs-autocomplete",install:function(e){e.component(b.name,P)}},v=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),w=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},_=["actionFailureTemplate","allowCustomValue","allowFiltering","closePopupOnSelect","cssClass","dataSource","delimiterChar","enablePersistence","enableRtl","enableSelectionOrder","enabled","fields","filterBarPlaceholder","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","blur","change","chipSelection","close","created","customValueSelection","dataBound","destroyed","filtering","focus","open","removed","removing","select","selectedAll","tagging"],O=["value"],C=function(e){function r(){var n=e.call(this)||this;return n.propKeys=_,n.models=O,n.hasChildDirective=!1,n.hasInjectedModules=!0,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.MultiSelect({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return v(r,e),r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.addItem=function(e,t){return this.ej2Instances.addItem(e,t)},r.prototype.getDataByValue=function(e){return this.ej2Instances.getDataByValue(e)},r.prototype.getItems=function(){return this.ej2Instances.getItems()},r.prototype.hidePopup=function(){return this.ej2Instances.hidePopup()},r.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},r.prototype.requiredModules=function(){return this.ej2Instances.requiredModules()},r.prototype.selectAll=function(e){return this.ej2Instances.selectAll(e)},r.prototype.showPopup=function(){return this.ej2Instances.showPopup()},r.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},r=w([o.EJComponentDecorator({props:_,model:{event:"modelchanged"}})],r)}(o.ComponentBase),S={name:"ejs-multiselect",install:function(e){e.component(S.name,C)}};e.DropDownListComponent=c,e.DropDownListPlugin=p,e.ComboBoxComponent=f,e.ComboBoxPlugin=m,e.AutoCompleteComponent=P,e.AutoCompletePlugin=b,e.MultiSelectComponent=C,e.MultiSelectPlugin=S,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-dropdowns"),require("@syncfusion/ej2-base"),require("@syncfusion/ej2-vue-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-dropdowns","@syncfusion/ej2-base","@syncfusion/ej2-vue-base"],t):t(e.ej={},e.ej2Dropdowns,e.ej2Base,e.ej2VueBase)}(this,function(e,t,n,o){"use strict";var r=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),s=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},i=["actionFailureTemplate","allowFiltering","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","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"],c=function(e){function c(){var n=e.call(this)||this;return n.propKeys=i,n.models=a,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.DropDownList({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return r(c,e),c.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},c.prototype.trigger=function(e,t){if(("change"===e||"input"===e)&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},c.prototype.render=function(e){return e("input",this.$slots.default)},c.prototype.addItem=function(e,t){return this.ej2Instances.addItem(e,t)},c.prototype.focusIn=function(e){return this.ej2Instances.focusIn(e)},c.prototype.focusOut=function(){return this.ej2Instances.focusOut()},c.prototype.getDataByValue=function(e){return this.ej2Instances.getDataByValue(e)},c.prototype.getItems=function(){return this.ej2Instances.getItems()},c.prototype.hidePopup=function(){return this.ej2Instances.hidePopup()},c.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},c.prototype.showPopup=function(){return this.ej2Instances.showPopup()},c.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},c=s([o.EJComponentDecorator({props:i,model:{event:"modelchanged"}})],c)}(o.ComponentBase),p={name:"ejs-dropdownlist",install:function(e){e.component(p.name,c)}},u=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),l=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},d=["actionFailureTemplate","allowCustom","allowFiltering","autofill","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","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"],h=["value"],f=function(e){function r(){var n=e.call(this)||this;return n.propKeys=d,n.models=h,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.ComboBox({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return u(r,e),r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t){if(("change"===e||"input"===e)&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.addItem=function(e,t){return this.ej2Instances.addItem(e,t)},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.getDataByValue=function(e){return this.ej2Instances.getDataByValue(e)},r.prototype.getItems=function(){return this.ej2Instances.getItems()},r.prototype.hidePopup=function(){return this.ej2Instances.hidePopup()},r.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},r.prototype.showPopup=function(){return this.ej2Instances.showPopup()},r.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},r=l([o.EJComponentDecorator({props:d,model:{event:"modelchanged"}})],r)}(o.ComponentBase),m={name:"ejs-combobox",install:function(e){e.component(m.name,f)}},g=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),j=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},y=["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"],I=["value"],P=function(e){function r(){var n=e.call(this)||this;return n.propKeys=y,n.models=I,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.AutoComplete({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return g(r,e),r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t){if(("change"===e||"input"===e)&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.addItem=function(e,t){return this.ej2Instances.addItem(e,t)},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.getDataByValue=function(e){return this.ej2Instances.getDataByValue(e)},r.prototype.getItems=function(){return this.ej2Instances.getItems()},r.prototype.hidePopup=function(){return this.ej2Instances.hidePopup()},r.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},r.prototype.showPopup=function(){return this.ej2Instances.showPopup()},r.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},r=j([o.EJComponentDecorator({props:y,model:{event:"modelchanged"}})],r)}(o.ComponentBase),b={name:"ejs-autocomplete",install:function(e){e.component(b.name,P)}},_=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),v=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},w=["actionFailureTemplate","allowCustomValue","allowFiltering","closePopupOnSelect","cssClass","dataSource","delimiterChar","enablePersistence","enableRtl","enableSelectionOrder","enabled","fields","filterBarPlaceholder","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","blur","change","chipSelection","close","created","customValueSelection","dataBound","destroyed","filtering","focus","open","removed","removing","select","selectedAll","tagging"],O=["value"],C=function(e){function r(){var n=e.call(this)||this;return n.propKeys=w,n.models=O,n.hasChildDirective=!1,n.hasInjectedModules=!0,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.MultiSelect({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return _(r,e),r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t){if(("change"===e||"input"===e)&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.addItem=function(e,t){return this.ej2Instances.addItem(e,t)},r.prototype.getDataByValue=function(e){return this.ej2Instances.getDataByValue(e)},r.prototype.getItems=function(){return this.ej2Instances.getItems()},r.prototype.hidePopup=function(){return this.ej2Instances.hidePopup()},r.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},r.prototype.requiredModules=function(){return this.ej2Instances.requiredModules()},r.prototype.selectAll=function(e){return this.ej2Instances.selectAll(e)},r.prototype.showPopup=function(){return this.ej2Instances.showPopup()},r.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},r=v([o.EJComponentDecorator({props:w,model:{event:"modelchanged"}})],r)}(o.ComponentBase),B={name:"ejs-multiselect",install:function(e){e.component(B.name,C)}},S=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),T=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},D=["actionFailureTemplate","allowDragAndDrop","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","groupTemplate","height","ignoreAccent","itemTemplate","locale","noRecordsTemplate","query","scope","selectionSettings","sortOrder","toolbarSettings","value","zIndex","actionBegin","actionComplete","actionFailure","beforeItemRender","created","dataBound","destroyed","drag","dragStart","drop","select"],x=["value"],A=function(e){function r(){var n=e.call(this)||this;return n.propKeys=D,n.models=x,n.hasChildDirective=!1,n.hasInjectedModules=!0,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.ListBox({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return S(r,e),r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t){if(("change"===e||"input"===e)&&this.models&&0!==this.models.length){var o=this.models.toString().match(/checked|value/)||[],r=o[0];t&&o&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.addItem=function(e,t){return this.ej2Instances.addItem(e,t)},r.prototype.addItems=function(e,t){return this.ej2Instances.addItems(e,t)},r.prototype.enableItems=function(e,t){return this.ej2Instances.enableItems(e,t)},r.prototype.getDataByValue=function(e){return this.ej2Instances.getDataByValue(e)},r.prototype.getItems=function(){return this.ej2Instances.getItems()},r.prototype.requiredModules=function(){return this.ej2Instances.requiredModules()},r.prototype.selectAll=function(e){return this.ej2Instances.selectAll(e)},r.prototype.selectItems=function(e,t){return this.ej2Instances.selectItems(e,t)},r=T([o.EJComponentDecorator({props:D,model:{event:"modelchanged"}})],r)}(o.ComponentBase),R={name:"ejs-listbox",install:function(e){e.component(R.name,A)}};e.DropDownListComponent=c,e.DropDownListPlugin=p,e.ComboBoxComponent=f,e.ComboBoxPlugin=m,e.AutoCompleteComponent=P,e.AutoCompletePlugin=b,e.MultiSelectComponent=C,e.MultiSelectPlugin=B,e.ListBoxComponent=A,e.ListBoxPlugin=R,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-dropdowns.umd.min.js.map

dist/es6/ej2-vue-dropdowns.es2015.js

@@ -1,2 +0,2 @@
-import { AutoComplete, ComboBox, DropDownList, MultiSelect } from '@syncfusion/ej2-dropdowns';
+import { AutoComplete, ComboBox, DropDownList, ListBox, MultiSelect } from '@syncfusion/ej2-dropdowns';
 import { isUndefined } from '@syncfusion/ej2-base';
@@ -50,3 +50,3 @@ import { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';
     trigger(eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             let key = this.models.toString().match(/checked|value/) || [];
@@ -154,3 +154,3 @@ let propKey = key[0];
     trigger(eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             let key = this.models.toString().match(/checked|value/) || [];
@@ -258,3 +258,3 @@ let propKey = key[0];
     trigger(eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             let key = this.models.toString().match(/checked|value/) || [];
@@ -362,3 +362,3 @@ let propKey = key[0];
     trigger(eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             let key = this.models.toString().match(/checked|value/) || [];
@@ -421,4 +421,104 @@ let propKey = key[0];
 
-export { DropDownListComponent, DropDownListPlugin, ComboBoxComponent, ComboBoxPlugin, AutoCompleteComponent, AutoCompletePlugin, MultiSelectComponent, MultiSelectPlugin };
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const properties$4 = ['actionFailureTemplate', 'allowDragAndDrop', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'groupTemplate', 'height', 'ignoreAccent', 'itemTemplate', 'locale', 'noRecordsTemplate', 'query', 'scope', 'selectionSettings', 'sortOrder', 'toolbarSettings', 'value', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeItemRender', 'created', 'dataBound', 'destroyed', 'drag', 'dragStart', 'drop', 'select'];
+const modelProps$4 = ['value'];
+/**
+ * ListBox component allows the user to select values from the predefined list of values.
+ * ```html
+ * <ejs-listbox :dataSource='data'></ejs-listbox>
+ * ```
+ */
+let ListBoxComponent = class ListBoxComponent extends ComponentBase {
+    constructor() {
+        super();
+        this.propKeys = properties$4;
+        this.models = modelProps$4;
+        this.hasChildDirective = false;
+        this.hasInjectedModules = true;
+        this.tagMapper = {};
+        this.tagNameMapper = {};
+        this.ej2Instances = new ListBox({});
+        this.ej2Instances._trigger = this.ej2Instances.trigger;
+        this.ej2Instances.trigger = this.trigger;
+        this.bindProperties();
+        this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        this.ej2Instances.setProperties = this.setProperties;
+    }
+    setProperties(prop, muteOnChange) {
+        if (this.ej2Instances && this.ej2Instances._setProperties) {
+            this.ej2Instances._setProperties(prop, muteOnChange);
+        }
+        if (prop && this.models && this.models.length) {
+            Object.keys(prop).map((key) => {
+                this.models.map((model) => {
+                    if ((key === model) && !(/datasource/i.test(key))) {
+                        this.$emit('update:' + key, prop[key]);
+                    }
+                });
+            });
+        }
+    }
+    trigger(eventName, eventProp) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
+            let key = this.models.toString().match(/checked|value/) || [];
+            let propKey = key[0];
+            if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                this.$emit('update:' + propKey, eventProp[propKey]);
+                this.$emit('modelchanged', eventProp[propKey]);
+            }
+        }
+        if (this.ej2Instances && this.ej2Instances._trigger) {
+            this.ej2Instances._trigger(eventName, eventProp);
+        }
+    }
+    render(createElement) {
+        return createElement('input', this.$slots.default);
+    }
+    addItem(items, itemIndex) {
+        return this.ej2Instances.addItem(items, itemIndex);
+    }
+    addItems(items, itemIndex) {
+        return this.ej2Instances.addItems(items, itemIndex);
+    }
+    enableItems(items, enable) {
+        return this.ej2Instances.enableItems(items, enable);
+    }
+    getDataByValue(value) {
+        return this.ej2Instances.getDataByValue(value);
+    }
+    getItems() {
+        return this.ej2Instances.getItems();
+    }
+    requiredModules() {
+        return this.ej2Instances.requiredModules();
+    }
+    selectAll(state) {
+        return this.ej2Instances.selectAll(state);
+    }
+    selectItems(items, state) {
+        return this.ej2Instances.selectItems(items, state);
+    }
+};
+ListBoxComponent = __decorate$4([
+    EJComponentDecorator({
+        props: properties$4,
+        model: {
+            event: 'modelchanged'
+        }
+    })
+], ListBoxComponent);
+const ListBoxPlugin = {
+    name: 'ejs-listbox',
+    install(Vue) {
+        Vue.component(ListBoxPlugin.name, ListBoxComponent);
+    }
+};
+
+export { DropDownListComponent, DropDownListPlugin, ComboBoxComponent, ComboBoxPlugin, AutoCompleteComponent, AutoCompletePlugin, MultiSelectComponent, MultiSelectPlugin, ListBoxComponent, ListBoxPlugin };
 export * from '@syncfusion/ej2-dropdowns';
 //# sourceMappingURL=ej2-vue-dropdowns.es2015.js.map

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

@@ -1,2 +0,2 @@
-import { AutoComplete, ComboBox, DropDownList, MultiSelect } from '@syncfusion/ej2-dropdowns';
+import { AutoComplete, ComboBox, DropDownList, ListBox, MultiSelect } from '@syncfusion/ej2-dropdowns';
 import { isUndefined } from '@syncfusion/ej2-base';
@@ -66,3 +66,3 @@ import { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';
     DropDownListComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
@@ -187,3 +187,3 @@ var propKey = key[0];
     ComboBoxComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
@@ -308,3 +308,3 @@ var propKey = key[0];
     AutoCompleteComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
@@ -429,3 +429,3 @@ var propKey = key[0];
     MultiSelectComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
@@ -489,4 +489,121 @@ var propKey = key[0];
 
-export { DropDownListComponent, DropDownListPlugin, ComboBoxComponent, ComboBoxPlugin, AutoCompleteComponent, AutoCompletePlugin, MultiSelectComponent, MultiSelectPlugin };
+var __extends$4 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var properties$4 = ['actionFailureTemplate', 'allowDragAndDrop', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'groupTemplate', 'height', 'ignoreAccent', 'itemTemplate', 'locale', 'noRecordsTemplate', 'query', 'scope', 'selectionSettings', 'sortOrder', 'toolbarSettings', 'value', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeItemRender', 'created', 'dataBound', 'destroyed', 'drag', 'dragStart', 'drop', 'select'];
+var modelProps$4 = ['value'];
+/**
+ * ListBox component allows the user to select values from the predefined list of values.
+ * ```html
+ * <ejs-listbox :dataSource='data'></ejs-listbox>
+ * ```
+ */
+var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
+    __extends$4(ListBoxComponent, _super);
+    function ListBoxComponent() {
+        var _this = _super.call(this) || this;
+        _this.propKeys = properties$4;
+        _this.models = modelProps$4;
+        _this.hasChildDirective = false;
+        _this.hasInjectedModules = true;
+        _this.tagMapper = {};
+        _this.tagNameMapper = {};
+        _this.ej2Instances = new ListBox({});
+        _this.ej2Instances._trigger = _this.ej2Instances.trigger;
+        _this.ej2Instances.trigger = _this.trigger;
+        _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
+        return _this;
+    }
+    ListBoxComponent.prototype.setProperties = function (prop, muteOnChange) {
+        var _this = this;
+        if (this.ej2Instances && this.ej2Instances._setProperties) {
+            this.ej2Instances._setProperties(prop, muteOnChange);
+        }
+        if (prop && this.models && this.models.length) {
+            Object.keys(prop).map(function (key) {
+                _this.models.map(function (model) {
+                    if ((key === model) && !(/datasource/i.test(key))) {
+                        _this.$emit('update:' + key, prop[key]);
+                    }
+                });
+            });
+        }
+    };
+    ListBoxComponent.prototype.trigger = function (eventName, eventProp) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
+            var key = this.models.toString().match(/checked|value/) || [];
+            var propKey = key[0];
+            if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                this.$emit('update:' + propKey, eventProp[propKey]);
+                this.$emit('modelchanged', eventProp[propKey]);
+            }
+        }
+        if (this.ej2Instances && this.ej2Instances._trigger) {
+            this.ej2Instances._trigger(eventName, eventProp);
+        }
+    };
+    ListBoxComponent.prototype.render = function (createElement) {
+        return createElement('input', this.$slots.default);
+    };
+    ListBoxComponent.prototype.addItem = function (items, itemIndex) {
+        return this.ej2Instances.addItem(items, itemIndex);
+    };
+    ListBoxComponent.prototype.addItems = function (items, itemIndex) {
+        return this.ej2Instances.addItems(items, itemIndex);
+    };
+    ListBoxComponent.prototype.enableItems = function (items, enable) {
+        return this.ej2Instances.enableItems(items, enable);
+    };
+    ListBoxComponent.prototype.getDataByValue = function (value) {
+        return this.ej2Instances.getDataByValue(value);
+    };
+    ListBoxComponent.prototype.getItems = function () {
+        return this.ej2Instances.getItems();
+    };
+    ListBoxComponent.prototype.requiredModules = function () {
+        return this.ej2Instances.requiredModules();
+    };
+    ListBoxComponent.prototype.selectAll = function (state) {
+        return this.ej2Instances.selectAll(state);
+    };
+    ListBoxComponent.prototype.selectItems = function (items, state) {
+        return this.ej2Instances.selectItems(items, state);
+    };
+    ListBoxComponent = __decorate$4([
+        EJComponentDecorator({
+            props: properties$4,
+            model: {
+                event: 'modelchanged'
+            }
+        })
+    ], ListBoxComponent);
+    return ListBoxComponent;
+}(ComponentBase));
+var ListBoxPlugin = {
+    name: 'ejs-listbox',
+    install: function (Vue) {
+        Vue.component(ListBoxPlugin.name, ListBoxComponent);
+    }
+};
+
+export { DropDownListComponent, DropDownListPlugin, ComboBoxComponent, ComboBoxPlugin, AutoCompleteComponent, AutoCompletePlugin, MultiSelectComponent, MultiSelectPlugin, ListBoxComponent, ListBoxPlugin };
 export * from '@syncfusion/ej2-dropdowns';
 //# sourceMappingURL=ej2-vue-dropdowns.es5.js.map

package.json

 {
   "name": "@syncfusion/ej2-vue-dropdowns",
-  "version": "17.1.32-beta",
+  "version": "17.1.38",
   "description": "Essential JS 2 DropDown Components for Vue",
@@ -33,5 +33,5 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.1.32-beta",
-    "@syncfusion/ej2-vue-base": "~17.1.32-beta",
-    "@syncfusion/ej2-dropdowns": "17.1.32-beta"
+    "@syncfusion/ej2-base": "~17.1.38",
+    "@syncfusion/ej2-vue-base": "~17.1.38",
+    "@syncfusion/ej2-dropdowns": "17.1.38"
   },
@@ -38,0 +38,0 @@ "devDependencies": {},

README.md

@@ -37,2 +37,6 @@ # ej2-vue-dropdowns
     * [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)
 
@@ -89,2 +93,11 @@ ## 3. Supported frameworks
 
+* 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
@@ -91,0 +104,0 @@ Product support can be obtained through the following mediums:

src/auto-complete/autocomplete.component.js

@@ -65,3 +65,3 @@ var __extends = (this && this.__extends) || (function () {
     AutoCompleteComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
@@ -68,0 +68,0 @@ var propKey = key[0];

src/combo-box/combobox.component.js

@@ -65,3 +65,3 @@ var __extends = (this && this.__extends) || (function () {
     ComboBoxComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
@@ -68,0 +68,0 @@ var propKey = key[0];

src/drop-down-list/dropdownlist.component.js

@@ -65,3 +65,3 @@ var __extends = (this && this.__extends) || (function () {
     DropDownListComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
@@ -68,0 +68,0 @@ var propKey = key[0];

src/index.d.ts

@@ -6,1 +6,2 @@ export * from '@syncfusion/ej2-dropdowns';
 export { MultiSelectComponent, MultiSelectPlugin } from './multi-select/multiselect.component';
+export { ListBoxComponent, ListBoxPlugin } from './list-box/listbox.component';

src/index.js

@@ -6,1 +6,2 @@ export * from '@syncfusion/ej2-dropdowns';
 export { MultiSelectComponent, MultiSelectPlugin } from './multi-select/multiselect.component';
+export { ListBoxComponent, ListBoxPlugin } from './list-box/listbox.component';

src/multi-select/multiselect.component.js

@@ -65,3 +65,3 @@ var __extends = (this && this.__extends) || (function () {
     MultiSelectComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && this.models && (this.models.length !== 0)) {
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             var key = this.models.toString().match(/checked|value/) || [];
@@ -68,0 +68,0 @@ var propKey = key[0];

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1047790

increased by52.91%

Number of package files

171

increased by26.67%

Lines of code

29572

increased by67.24%

Number of low quality alerts

2

decreased by-33.33%

Number of lines in readme file

115

increased by12.75%

Dependency changes

• + Added@syncfusion/ej2-dropdowns@17.1.38(transitive)

• - Removed@syncfusion/ej2-dropdowns@17.1.32-beta(transitive)

• Updated@syncfusion/ej2-base@~17.1.38

• Updated@syncfusion/ej2-dropdowns@17.1.38

• Updated@syncfusion/ej2-vue-base@~17.1.38