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

Comparing version 17.1.1-beta to 17.1.32-beta

CHANGELOG.md

@@ -5,2 +5,14 @@ # Changelog
 
+### DropDownList
+
+#### Bug Fixes
+
+- Issue with change event trigger multiple times when clear value using clear button has been fixed.
+
+### MultiSelect
+
+#### New Features
+
+- Provided customized filtering support for checkbox mode also.
+
 ### AutoComplete
@@ -10,4 +22,116 @@
 
+- Filtered value is not maintained while using model value issue has been resolved.
+
+### ComboBox
+
+#### Bug Fixes
+
+- List's selection is not removed when remove a selected value using clear button issue has been resolved.
+
+## 16.4.55 (2019-02-27)
+
+### DropDownList
+
+#### Bug Fixes
+
+- Pre-select value is not selected when its not present in the list issue fixed.
+
+- Reset text based initial value in form reset action behavior has been changed.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- Reset text based initial value in form reset action behavior has been changed.
+
+### ComboBox
+
+#### Bug Fixes
+
+- Reset text based initial value in form reset action behavior has been changed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- List selection throws exception while using quotes within string data issue has been resolved.
+
+- Select all operation's performance issue has been resolved.
+
+## 16.4.54 (2019-02-19)
+
+### DropDownList
+
+#### Bug Fixes
+
+- When page scroll, grouping template is hiding issue has been resolved.
+
+- Reset the initial value in form reset action behavior has been changed.
+
+### AutoComplete
+
+#### Bug Fixes
+
+- Reset the initial value in form reset action behavior has been changed.
+
+### ComboBox
+
+#### Bug Fixes
+
+- Reset the initial value in form reset action behavior has been changed.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Now, you can enter special characters inside MultiSelect using virtual keyboard.
+
+- Reset the initial value in form reset action behavior has been changed.
+
+## 16.4.53 (2019-02-13)
+
+### DropDownList
+
+- ItemData parameter supports `object` collection in select and change event.
+
+- Filtering is not working when rendered control by using select element issue has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Lengthy placeholder breaks UI issue has been resolved.
+
+- Values are not cleared in mobile devices issue has been resolved.
+
+- Values are not selected based on selected attribute in select element rendering issue has been resolved.
+
+## 16.4.52 (2019-02-05)
+
+### ComboBox
+
+#### Bug Fixes
+
+- The model value is not updated by selecting a value using tab key with autofill combination issue has been resolved.
+
+### MultiSelect
+
+#### Bug Fixes
+
+- Blur event prevents other actions issue has been resolved.
+
+## 16.4.48 (2019-01-22)
+
+### AutoComplete
+
+#### Bug Fixes
+
 - Custom value is not maintain after reload the data issue has been resolved.
 
+### MultiSelect
+
+#### Bug Fixes
+
+- `en-US` locale JSON file not generated issue has been resolved.
+
 ## 16.4.47 (2019-01-16)
@@ -14,0 +138,0 @@

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

 /*!
 *  filename: ej2-vue-dropdowns.umd.min.js
-*  version : 17.1.1-beta
+*  version : 17.1.32-beta
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -10,13 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-/*!
-*  filename: ej2-vue-dropdowns.umd.min.js
-*  version : 16.2.41
-*  Copyright Syncfusion Inc. 2001 - 2018. 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
-*  [e-mail]. 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-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}return r(c,e),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("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},c.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,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}return u(r,e),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("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,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)}}(),y=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},j=["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"],b=function(e){function r(){var n=e.call(this)||this;return n.propKeys=j,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}return g(r,e),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("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,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=y([o.EJComponentDecorator({props:j,model:{event:"modelchanged"}})],r)}(o.ComponentBase),P={name:"ejs-autocomplete",install:function(e){e.component(P.name,b)}},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}return v(r,e),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("modelchanged",t[r])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},r.prototype.setProperties=function(e,t){var n=this;if(this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&0!==this.models.length){var o=[],r=!1;Object.keys(e).map(function(e){n.models.map(function(t){e!==t||/datasource/i.test(e)||(o.push(e),r=!0)})}),r&&o.map(function(t){n.$emit("update:"+t,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=b,e.AutoCompletePlugin=P,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&&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})});
 //# sourceMappingURL=ej2-vue-dropdowns.umd.min.js.map

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

@@ -31,6 +31,20 @@ import { AutoComplete, ComboBox, DropDownList, MultiSelect } from '@syncfusion/ej2-dropdowns';
         this.ej2Instances.trigger = this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         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) {
@@ -41,2 +55,3 @@ if (eventName === 'change' && this.models && (this.models.length !== 0)) {
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                this.$emit('update:' + propKey, eventProp[propKey]);
                 this.$emit('modelchanged', eventProp[propKey]);
@@ -49,25 +64,2 @@ }
     }
-    setProperties(prop, muteOnChange) {
-        if (this.ej2Instances && this.ej2Instances._setProperties) {
-            this.ej2Instances._setProperties(prop, muteOnChange);
-        }
-        if (prop && this.models && (this.models.length !== 0)) {
-            let keys = Object.keys(prop);
-            let emitKeys = [];
-            let emitFlag = false;
-            keys.map((key) => {
-                this.models.map((model) => {
-                    if ((key === model) && !(/datasource/i.test(key))) {
-                        emitKeys.push(key);
-                        emitFlag = true;
-                    }
-                });
-            });
-            if (emitFlag) {
-                emitKeys.map((propKey) => {
-                    this.$emit('update:' + propKey, prop[propKey]);
-                });
-            }
-        }
-    }
     render(createElement) {
@@ -145,6 +137,20 @@ return createElement('input', this.$slots.default);
         this.ej2Instances.trigger = this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         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) {
@@ -155,2 +161,3 @@ if (eventName === 'change' && this.models && (this.models.length !== 0)) {
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                this.$emit('update:' + propKey, eventProp[propKey]);
                 this.$emit('modelchanged', eventProp[propKey]);
@@ -163,25 +170,2 @@ }
     }
-    setProperties(prop, muteOnChange) {
-        if (this.ej2Instances && this.ej2Instances._setProperties) {
-            this.ej2Instances._setProperties(prop, muteOnChange);
-        }
-        if (prop && this.models && (this.models.length !== 0)) {
-            let keys = Object.keys(prop);
-            let emitKeys = [];
-            let emitFlag = false;
-            keys.map((key) => {
-                this.models.map((model) => {
-                    if ((key === model) && !(/datasource/i.test(key))) {
-                        emitKeys.push(key);
-                        emitFlag = true;
-                    }
-                });
-            });
-            if (emitFlag) {
-                emitKeys.map((propKey) => {
-                    this.$emit('update:' + propKey, prop[propKey]);
-                });
-            }
-        }
-    }
     render(createElement) {
@@ -259,6 +243,20 @@ return createElement('input', this.$slots.default);
         this.ej2Instances.trigger = this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         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) {
@@ -269,2 +267,3 @@ if (eventName === 'change' && this.models && (this.models.length !== 0)) {
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                this.$emit('update:' + propKey, eventProp[propKey]);
                 this.$emit('modelchanged', eventProp[propKey]);
@@ -277,25 +276,2 @@ }
     }
-    setProperties(prop, muteOnChange) {
-        if (this.ej2Instances && this.ej2Instances._setProperties) {
-            this.ej2Instances._setProperties(prop, muteOnChange);
-        }
-        if (prop && this.models && (this.models.length !== 0)) {
-            let keys = Object.keys(prop);
-            let emitKeys = [];
-            let emitFlag = false;
-            keys.map((key) => {
-                this.models.map((model) => {
-                    if ((key === model) && !(/datasource/i.test(key))) {
-                        emitKeys.push(key);
-                        emitFlag = true;
-                    }
-                });
-            });
-            if (emitFlag) {
-                emitKeys.map((propKey) => {
-                    this.$emit('update:' + propKey, prop[propKey]);
-                });
-            }
-        }
-    }
     render(createElement) {
@@ -373,6 +349,20 @@ return createElement('input', this.$slots.default);
         this.ej2Instances.trigger = this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         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) {
@@ -383,2 +373,3 @@ if (eventName === 'change' && this.models && (this.models.length !== 0)) {
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                this.$emit('update:' + propKey, eventProp[propKey]);
                 this.$emit('modelchanged', eventProp[propKey]);
@@ -391,25 +382,2 @@ }
     }
-    setProperties(prop, muteOnChange) {
-        if (this.ej2Instances && this.ej2Instances._setProperties) {
-            this.ej2Instances._setProperties(prop, muteOnChange);
-        }
-        if (prop && this.models && (this.models.length !== 0)) {
-            let keys = Object.keys(prop);
-            let emitKeys = [];
-            let emitFlag = false;
-            keys.map((key) => {
-                this.models.map((model) => {
-                    if ((key === model) && !(/datasource/i.test(key))) {
-                        emitKeys.push(key);
-                        emitFlag = true;
-                    }
-                });
-            });
-            if (emitFlag) {
-                emitKeys.map((propKey) => {
-                    this.$emit('update:' + propKey, prop[propKey]);
-                });
-            }
-        }
-    }
     render(createElement) {
@@ -416,0 +384,0 @@ return createElement('input', this.$slots.default);

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

@@ -45,19 +45,7 @@ import { AutoComplete, ComboBox, DropDownList, MultiSelect } from '@syncfusion/ej2-dropdowns';
         _this.ej2Instances.trigger = _this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
-    DropDownListComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && 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('modelchanged', eventProp[propKey]);
-            }
-        }
-        if (this.ej2Instances && this.ej2Instances._trigger) {
-            this.ej2Instances._trigger(eventName, eventProp);
-        }
-    };
     DropDownListComponent.prototype.setProperties = function (prop, muteOnChange) {
@@ -68,20 +56,24 @@ var _this = this;
         }
-        if (prop && this.models && (this.models.length !== 0)) {
-            var keys = Object.keys(prop);
-            var emitKeys_1 = [];
-            var emitFlag_1 = false;
-            keys.map(function (key) {
+        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))) {
-                        emitKeys_1.push(key);
-                        emitFlag_1 = true;
+                        _this.$emit('update:' + key, prop[key]);
                     }
                 });
             });
-            if (emitFlag_1) {
-                emitKeys_1.map(function (propKey) {
-                    _this.$emit('update:' + propKey, prop[propKey]);
-                });
+        }
+    };
+    DropDownListComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && 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);
+        }
     };
@@ -175,19 +167,7 @@ DropDownListComponent.prototype.render = function (createElement) {
         _this.ej2Instances.trigger = _this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
-    ComboBoxComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && 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('modelchanged', eventProp[propKey]);
-            }
-        }
-        if (this.ej2Instances && this.ej2Instances._trigger) {
-            this.ej2Instances._trigger(eventName, eventProp);
-        }
-    };
     ComboBoxComponent.prototype.setProperties = function (prop, muteOnChange) {
@@ -198,20 +178,24 @@ var _this = this;
         }
-        if (prop && this.models && (this.models.length !== 0)) {
-            var keys = Object.keys(prop);
-            var emitKeys_1 = [];
-            var emitFlag_1 = false;
-            keys.map(function (key) {
+        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))) {
-                        emitKeys_1.push(key);
-                        emitFlag_1 = true;
+                        _this.$emit('update:' + key, prop[key]);
                     }
                 });
             });
-            if (emitFlag_1) {
-                emitKeys_1.map(function (propKey) {
-                    _this.$emit('update:' + propKey, prop[propKey]);
-                });
+        }
+    };
+    ComboBoxComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && 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);
+        }
     };
@@ -305,19 +289,7 @@ ComboBoxComponent.prototype.render = function (createElement) {
         _this.ej2Instances.trigger = _this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
-    AutoCompleteComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && 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('modelchanged', eventProp[propKey]);
-            }
-        }
-        if (this.ej2Instances && this.ej2Instances._trigger) {
-            this.ej2Instances._trigger(eventName, eventProp);
-        }
-    };
     AutoCompleteComponent.prototype.setProperties = function (prop, muteOnChange) {
@@ -328,20 +300,24 @@ var _this = this;
         }
-        if (prop && this.models && (this.models.length !== 0)) {
-            var keys = Object.keys(prop);
-            var emitKeys_1 = [];
-            var emitFlag_1 = false;
-            keys.map(function (key) {
+        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))) {
-                        emitKeys_1.push(key);
-                        emitFlag_1 = true;
+                        _this.$emit('update:' + key, prop[key]);
                     }
                 });
             });
-            if (emitFlag_1) {
-                emitKeys_1.map(function (propKey) {
-                    _this.$emit('update:' + propKey, prop[propKey]);
-                });
+        }
+    };
+    AutoCompleteComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && 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);
+        }
     };
@@ -435,19 +411,7 @@ AutoCompleteComponent.prototype.render = function (createElement) {
         _this.ej2Instances.trigger = _this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
-    MultiSelectComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && 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('modelchanged', eventProp[propKey]);
-            }
-        }
-        if (this.ej2Instances && this.ej2Instances._trigger) {
-            this.ej2Instances._trigger(eventName, eventProp);
-        }
-    };
     MultiSelectComponent.prototype.setProperties = function (prop, muteOnChange) {
@@ -458,20 +422,24 @@ var _this = this;
         }
-        if (prop && this.models && (this.models.length !== 0)) {
-            var keys = Object.keys(prop);
-            var emitKeys_1 = [];
-            var emitFlag_1 = false;
-            keys.map(function (key) {
+        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))) {
-                        emitKeys_1.push(key);
-                        emitFlag_1 = true;
+                        _this.$emit('update:' + key, prop[key]);
                     }
                 });
             });
-            if (emitFlag_1) {
-                emitKeys_1.map(function (propKey) {
-                    _this.$emit('update:' + propKey, prop[propKey]);
-                });
+        }
+    };
+    MultiSelectComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && 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);
+        }
     };
@@ -478,0 +446,0 @@ MultiSelectComponent.prototype.render = function (createElement) {

package.json

 {
   "name": "@syncfusion/ej2-vue-dropdowns",
-  "version": "17.1.1-beta",
+  "version": "17.1.32-beta",
   "description": "Essential JS 2 DropDown Components for Vue",
@@ -33,17 +33,8 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.1.1-beta",
-    "@syncfusion/ej2-vue-base": "~17.1.1-beta",
-    "@syncfusion/ej2-dropdowns": "17.1.1-beta"
+    "@syncfusion/ej2-base": "~17.1.32-beta",
+    "@syncfusion/ej2-vue-base": "~17.1.32-beta",
+    "@syncfusion/ej2-dropdowns": "17.1.32-beta"
   },
-  "devDependencies": {
-    "awesome-typescript-loader": "^3.1.3",
-    "source-map-loader": "^0.2.1",
-    "@types/chai": "^3.4.28",
-    "@types/es6-promise": "0.0.28",
-    "@types/jasmine": "^2.2.29",
-    "@types/jasmine-ajax": "^3.1.27",
-    "@types/requirejs": "^2.1.26",
-    "vue": "2.5.2 - 2.5.21"
-  },
+  "devDependencies": {},
   "sideEffects": false
 }

src/auto-complete/autocomplete.component.d.ts

@@ -21,6 +21,6 @@ import { ComponentBase } from '@syncfusion/ej2-vue-base';
     constructor();
+    setProperties(prop: any, muteOnChange: boolean): void;
     trigger(eventName: string, eventProp: {
         [key: string]: Object;
     }): void;
-    setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
@@ -27,0 +27,0 @@ addItem(items: undefined[] | undefined | string | boolean | number | string[] | boolean[] | number[], itemIndex?: number): void;

src/auto-complete/autocomplete.component.js

@@ -44,19 +44,7 @@ var __extends = (this && this.__extends) || (function () {
         _this.ej2Instances.trigger = _this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
-    AutoCompleteComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && 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('modelchanged', eventProp[propKey]);
-            }
-        }
-        if (this.ej2Instances && this.ej2Instances._trigger) {
-            this.ej2Instances._trigger(eventName, eventProp);
-        }
-    };
     AutoCompleteComponent.prototype.setProperties = function (prop, muteOnChange) {
@@ -67,20 +55,24 @@ var _this = this;
         }
-        if (prop && this.models && (this.models.length !== 0)) {
-            var keys = Object.keys(prop);
-            var emitKeys_1 = [];
-            var emitFlag_1 = false;
-            keys.map(function (key) {
+        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))) {
-                        emitKeys_1.push(key);
-                        emitFlag_1 = true;
+                        _this.$emit('update:' + key, prop[key]);
                     }
                 });
             });
-            if (emitFlag_1) {
-                emitKeys_1.map(function (propKey) {
-                    _this.$emit('update:' + propKey, prop[propKey]);
-                });
+        }
+    };
+    AutoCompleteComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && 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);
+        }
     };
@@ -87,0 +79,0 @@ AutoCompleteComponent.prototype.render = function (createElement) {

src/combo-box/combobox.component.d.ts

@@ -21,6 +21,6 @@ import { ComponentBase } from '@syncfusion/ej2-vue-base';
     constructor();
+    setProperties(prop: any, muteOnChange: boolean): void;
     trigger(eventName: string, eventProp: {
         [key: string]: Object;
     }): void;
-    setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
@@ -27,0 +27,0 @@ addItem(items: undefined[] | undefined | string | boolean | number | string[] | boolean[] | number[], itemIndex?: number): void;

src/combo-box/combobox.component.js

@@ -44,19 +44,7 @@ var __extends = (this && this.__extends) || (function () {
         _this.ej2Instances.trigger = _this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
-    ComboBoxComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && 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('modelchanged', eventProp[propKey]);
-            }
-        }
-        if (this.ej2Instances && this.ej2Instances._trigger) {
-            this.ej2Instances._trigger(eventName, eventProp);
-        }
-    };
     ComboBoxComponent.prototype.setProperties = function (prop, muteOnChange) {
@@ -67,20 +55,24 @@ var _this = this;
         }
-        if (prop && this.models && (this.models.length !== 0)) {
-            var keys = Object.keys(prop);
-            var emitKeys_1 = [];
-            var emitFlag_1 = false;
-            keys.map(function (key) {
+        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))) {
-                        emitKeys_1.push(key);
-                        emitFlag_1 = true;
+                        _this.$emit('update:' + key, prop[key]);
                     }
                 });
             });
-            if (emitFlag_1) {
-                emitKeys_1.map(function (propKey) {
-                    _this.$emit('update:' + propKey, prop[propKey]);
-                });
+        }
+    };
+    ComboBoxComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && 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);
+        }
     };
@@ -87,0 +79,0 @@ ComboBoxComponent.prototype.render = function (createElement) {

src/drop-down-list/dropdownlist.component.d.ts

@@ -21,6 +21,6 @@ import { ComponentBase } from '@syncfusion/ej2-vue-base';
     constructor();
+    setProperties(prop: any, muteOnChange: boolean): void;
     trigger(eventName: string, eventProp: {
         [key: string]: Object;
     }): void;
-    setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
@@ -27,0 +27,0 @@ addItem(items: undefined[] | undefined | string | boolean | number | string[] | boolean[] | number[], itemIndex?: number): void;

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

@@ -44,19 +44,7 @@ var __extends = (this && this.__extends) || (function () {
         _this.ej2Instances.trigger = _this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
-    DropDownListComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && 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('modelchanged', eventProp[propKey]);
-            }
-        }
-        if (this.ej2Instances && this.ej2Instances._trigger) {
-            this.ej2Instances._trigger(eventName, eventProp);
-        }
-    };
     DropDownListComponent.prototype.setProperties = function (prop, muteOnChange) {
@@ -67,20 +55,24 @@ var _this = this;
         }
-        if (prop && this.models && (this.models.length !== 0)) {
-            var keys = Object.keys(prop);
-            var emitKeys_1 = [];
-            var emitFlag_1 = false;
-            keys.map(function (key) {
+        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))) {
-                        emitKeys_1.push(key);
-                        emitFlag_1 = true;
+                        _this.$emit('update:' + key, prop[key]);
                     }
                 });
             });
-            if (emitFlag_1) {
-                emitKeys_1.map(function (propKey) {
-                    _this.$emit('update:' + propKey, prop[propKey]);
-                });
+        }
+    };
+    DropDownListComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && 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);
+        }
     };
@@ -87,0 +79,0 @@ DropDownListComponent.prototype.render = function (createElement) {

src/multi-select/multiselect.component.d.ts

@@ -21,6 +21,6 @@ import { ComponentBase } from '@syncfusion/ej2-vue-base';
     constructor();
+    setProperties(prop: any, muteOnChange: boolean): void;
     trigger(eventName: string, eventProp: {
         [key: string]: Object;
     }): void;
-    setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
@@ -27,0 +27,0 @@ addItem(items: undefined[] | undefined | string | boolean | number | string[] | boolean[] | number[], itemIndex?: number): void;

src/multi-select/multiselect.component.js

@@ -44,19 +44,7 @@ var __extends = (this && this.__extends) || (function () {
         _this.ej2Instances.trigger = _this.trigger;
-        //this.ej2Instances._setProperties = this.ej2Instances.setProperties;
-        //this.ej2Instances.setProperties = this.setProperties;
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
-    MultiSelectComponent.prototype.trigger = function (eventName, eventProp) {
-        if (eventName === 'change' && 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('modelchanged', eventProp[propKey]);
-            }
-        }
-        if (this.ej2Instances && this.ej2Instances._trigger) {
-            this.ej2Instances._trigger(eventName, eventProp);
-        }
-    };
     MultiSelectComponent.prototype.setProperties = function (prop, muteOnChange) {
@@ -67,20 +55,24 @@ var _this = this;
         }
-        if (prop && this.models && (this.models.length !== 0)) {
-            var keys = Object.keys(prop);
-            var emitKeys_1 = [];
-            var emitFlag_1 = false;
-            keys.map(function (key) {
+        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))) {
-                        emitKeys_1.push(key);
-                        emitFlag_1 = true;
+                        _this.$emit('update:' + key, prop[key]);
                     }
                 });
             });
-            if (emitFlag_1) {
-                emitKeys_1.map(function (propKey) {
-                    _this.$emit('update:' + propKey, prop[propKey]);
-                });
+        }
+    };
+    MultiSelectComponent.prototype.trigger = function (eventName, eventProp) {
+        if (eventName === 'change' && 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);
+        }
     };
@@ -87,0 +79,0 @@ MultiSelectComponent.prototype.render = function (createElement) {

No alert changes

Improved metrics

Total package byte prevSize

685218

increased by2.8%

Dev dependency count

0

decreased by-100%

Lines of code

17682

increased by3.8%

Dependency changes

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

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

• Updated@syncfusion/ej2-base@~17.1.32-beta

• Updated@syncfusion/ej2-dropdowns@17.1.32-beta

• Updated@syncfusion/ej2-vue-base@~17.1.32-beta