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

Comparing version 17.1.1-beta to 17.1.32-beta

CHANGELOG.md

@@ -5,17 +5,98 @@ # Changelog
 
-### Menu
+### ContextMenu
 
+#### Bug Fixes
+
+- Submenu items styles are not proper in ContextMenu issue is fixed.
+
+### Sidebar
+
 #### New Features
 
-- Provided scrollable option in Menu for rendering large menus and submenus in an adaptive way.
+- `MediaQuery` property will now support both string and `MediaQueryList` object types.
 
+#### Bug Fixes
+
+- Multiple event bindings issue on calling show and hide methods when `closeOnDocumentClick` property is enabled has been fixed.
+
+### TreeView
+
+#### New Features
+
+- Provided an option for auto checking parent tree nodes based on child tree nodes checked state and vice versa.
+- Now it is possible to select or unselect the collapsed child nodes by selecting its parent node through checkbox selection, with Load-On-Demand mode enabled.
+
+## 16.4.54 (2019-02-19)
+
+### Tab
+
 #### Breaking Changes
 
-- Type changes done for the following property.
+- The initial focus set on active tab item is removed from the component on initial load.
 
-| Property Name | Old Type | New Type | 
-|: ---------:| ---------:| ---------:| 
-| `animationSettings` | AnimationSettings | AnimationSettingsModel | 
-| `fields` | FieldSettings | FieldSettingsModel | 
+## 16.4.53 (2019-02-13)
 
+### Accordion
+
+#### Bug Fixes
+
+- Resolved the issue with accessing Accordion item object in clicked event arguments.
+
+## 16.4.52 (2019-02-05)
+
+### Sidebar
+
+#### Bug Fixes
+
+- Tabindex support has been provided.
+
+#### Breaking Changes
+
+- Sidebar with type `Auto` will always expand on initial rendering, irrespective of `enableDock` and `isOpen` properties.
+- When dynamically changing the type property of the Sidebar with invalid property value (For ex:`Pushs`), will reset the type of the Sidebar to its default type as `Auto`.
+
+## 17.1.1-beta (2019-01-29)
+
+### Menu
+
+#### Bug Fixes
+
+- Popup not opened properly when two menu rendered side by side issue fixed.
+
+### TreeView
+
+#### Bug Fixes
+
+- The issue with, “When disabling the TreeView parent nodes, the child nodes also appear in a disabled state” has been fixed.
+
+## 16.4.45 (2019-01-02)
+
+### Toolbar
+
+#### Bug Fixes
+
+- While resizing, Toolbar items are not moving from popup to toolbar in `extended` overflow mode issue is fixed.
+
+### Menu
+
+#### Bug Fixes
+
+- Getting custom properties from menu items in `beforeItemRender` event issue fixed.
+
+### Sidebar
+
+#### Bug Fixes
+
+- Fixed the issue with rendering the Sidebar using `isOpen` property and type `Auto`.
+
+## 16.4.44 (2018-12-24)
+
+### Accordion
+
+#### Bug Fixes
+
+- Parent accordion collapsing issue is fixed when Tab renders within it.
+
+## 16.4.40-beta (2018-12-10)
+
 ### Tab
@@ -33,2 +114,17 @@
 
+### Menu
+
+#### New Features
+
+- Provided scrollable option in Menu for rendering large menus and submenus in an adaptive way.
+
+#### Breaking Changes
+
+- Type changes done for the following property.
+
+| Property Name | Old Type | New Type | 
+|: ---------:| ---------:| ---------:| 
+| `animationSettings` | AnimationSettings | AnimationSettingsModel | 
+| `fields` | FieldSettings | FieldSettingsModel | 
+
 ### TreeView
@@ -35,0 +131,0 @@

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

 /*!
 *  filename: ej2-vue-navigations.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-navigations.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-navigations"),require("vue"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-navigations","vue","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Navigations,e.Vue,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,o,r){"use strict";n=n&&n.hasOwnProperty("default")?n.default:n;var i=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)}}(),c=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.render=function(){},t=c([o.EJComponentDecorator({})],t)}(n),a={name:"e-accordionitems",install:function(e){e.component(a.name,s)}},p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.prototype.render=function(){},t=c([o.EJComponentDecorator({})],t)}(n),u={name:"e-accordionitem",install:function(e){e.component(u.name,p)}},l=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)}}(),f=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},d=["animation","enablePersistence","enableRtl","expandMode","height","items","locale","width","clicked","created","destroyed","expanded","expanding"],m=[],h=function(e){function n(){var n=e.call(this)||this;return n.propKeys=d,n.models=m,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-accordionitems":"e-accordionitem"},n.tagNameMapper={"e-accordionitems":"e-items"},n.ej2Instances=new t.Accordion({}),n.bindProperties(),n}return l(n,e),n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.addItem=function(e,t){return this.ej2Instances.addItem(e,t)},n.prototype.enableItem=function(e,t){return this.ej2Instances.enableItem(e,t)},n.prototype.expandItem=function(e,t){return this.ej2Instances.expandItem(e,t)},n.prototype.hideItem=function(e,t){return this.ej2Instances.hideItem(e,t)},n.prototype.removeItem=function(e){return this.ej2Instances.removeItem(e)},n.prototype.select=function(e){return this.ej2Instances.select(e)},n=f([o.EJComponentDecorator({props:d})],n)}(o.ComponentBase),y={name:"ejs-accordion",install:function(e){e.component(y.name,h),e.component(u.name,p),e.component(a.name,s)}},j=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)}}(),b=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},I=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return j(t,e),t.prototype.render=function(){},t=b([o.EJComponentDecorator({})],t)}(n),g={name:"e-items",install:function(e){e.component(g.name,I)}},v=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return j(t,e),t.prototype.render=function(){},t=b([o.EJComponentDecorator({})],t)}(n),O={name:"e-item",install:function(e){e.component(O.name,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)}}(),P=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},w=["enablePersistence","enableRtl","height","items","locale","overflowMode","width","beforeCreate","clicked","created","destroyed"],C=[],D=function(e){function n(){var n=e.call(this)||this;return n.propKeys=w,n.models=C,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-items":"e-item"},n.tagNameMapper={},n.ej2Instances=new t.Toolbar({}),n.bindProperties(),n}return _(n,e),n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.addItems=function(e,t){return this.ej2Instances.addItems(e,t)},n.prototype.disable=function(e){return this.ej2Instances.disable(e)},n.prototype.enableItems=function(e,t){return this.ej2Instances.enableItems(e,t)},n.prototype.hideItem=function(e,t){return this.ej2Instances.hideItem(e,t)},n.prototype.refreshOverflow=function(){return this.ej2Instances.refreshOverflow()},n.prototype.removeItems=function(e){return this.ej2Instances.removeItems(e)},n=P([o.EJComponentDecorator({props:w})],n)}(o.ComponentBase),R={name:"ejs-toolbar",install:function(e){e.component(R.name,D),e.component(O.name,v),e.component(g.name,I)}},M=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)}}(),A=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},N=["animationSettings","cssClass","enablePersistence","enableRtl","enableScrolling","fields","filter","items","locale","showItemOnClick","target","template","beforeClose","beforeItemRender","beforeOpen","created","onClose","onOpen","select"],k=[],T=function(e){function n(){var n=e.call(this)||this;return n.propKeys=N,n.models=k,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.ContextMenu({}),n.bindProperties(),n}return M(n,e),n.prototype.render=function(e){return e("ul",this.$slots.default)},n.prototype.close=function(){return this.ej2Instances.close()},n.prototype.enableItems=function(e,t,n){return this.ej2Instances.enableItems(e,t,n)},n.prototype.hideItems=function(e,t){return this.ej2Instances.hideItems(e,t)},n.prototype.insertAfter=function(e,t,n){return this.ej2Instances.insertAfter(e,t,n)},n.prototype.insertBefore=function(e,t,n){return this.ej2Instances.insertBefore(e,t,n)},n.prototype.open=function(e,t,n){return this.ej2Instances.open(e,t,n)},n.prototype.removeItems=function(e,t){return this.ej2Instances.removeItems(e,t)},n.prototype.showItems=function(e,t){return this.ej2Instances.showItems(e,t)},n=A([o.EJComponentDecorator({props:N})],n)}(o.ComponentBase),E={name:"ejs-contextmenu",install:function(e){e.component(E.name,T)}},x=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)}}(),B=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},S=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return x(t,e),t.prototype.render=function(){},t=B([o.EJComponentDecorator({})],t)}(n),J={name:"e-tabitems",install:function(e){e.component(J.name,S)}},$=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return x(t,e),t.prototype.render=function(){},t=B([o.EJComponentDecorator({})],t)}(n),K={name:"e-tabitem",install:function(e){e.component(K.name,$)}},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)}}(),q=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},z=["animation","cssClass","enablePersistence","enableRtl","headerPlacement","height","heightAdjustMode","items","locale","overflowMode","selectedItem","showCloseButton","width","added","adding","created","destroyed","removed","removing","selected","selecting"],G=[],Q=function(e){function n(){var n=e.call(this)||this;return n.propKeys=z,n.models=G,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-tabitems":"e-tabitem"},n.tagNameMapper={"e-tabitems":"e-items"},n.ej2Instances=new t.Tab({}),n.bindProperties(),n}return V(n,e),n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.addTab=function(e,t){return this.ej2Instances.addTab(e,t)},n.prototype.disable=function(e){return this.ej2Instances.disable(e)},n.prototype.enableTab=function(e,t){return this.ej2Instances.enableTab(e,t)},n.prototype.hideTab=function(e,t){return this.ej2Instances.hideTab(e,t)},n.prototype.removeTab=function(e){return this.ej2Instances.removeTab(e)},n.prototype.select=function(e){return this.ej2Instances.select(e)},n=q([o.EJComponentDecorator({props:z})],n)}(o.ComponentBase),U={name:"ejs-tab",install:function(e){e.component(U.name,Q),e.component(K.name,$),e.component(J.name,S)}},F=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)}}(),H=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},L=["allowDragAndDrop","allowEditing","allowMultiSelection","animation","autoCheck","checkedNodes","cssClass","enablePersistence","enableRtl","expandOn","expandedNodes","fields","fullRowSelect","loadOnDemand","locale","nodeTemplate","selectedNodes","showCheckBox","sortOrder","created","dataBound","dataSourceChanged","destroyed","drawNode","keyPress","nodeChecked","nodeChecking","nodeClicked","nodeCollapsed","nodeCollapsing","nodeDragStart","nodeDragStop","nodeDragging","nodeDropped","nodeEdited","nodeEditing","nodeExpanded","nodeExpanding","nodeSelected","nodeSelecting"],W=[],X=function(e){function n(){var n=e.call(this)||this;return n.propKeys=L,n.models=W,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.TreeView({}),n.bindProperties(),n}return F(n,e),n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.addNodes=function(e,t,n,o){return this.ej2Instances.addNodes(e,t,n,o)},n.prototype.beginEdit=function(e){return this.ej2Instances.beginEdit(e)},n.prototype.checkAll=function(e){return this.ej2Instances.checkAll(e)},n.prototype.collapseAll=function(e,t,n){return this.ej2Instances.collapseAll(e,t,n)},n.prototype.disableNodes=function(e){return this.ej2Instances.disableNodes(e)},n.prototype.enableNodes=function(e){return this.ej2Instances.enableNodes(e)},n.prototype.ensureVisible=function(e){return this.ej2Instances.ensureVisible(e)},n.prototype.expandAll=function(e,t,n){return this.ej2Instances.expandAll(e,t,n)},n.prototype.getAllCheckedNodes=function(){return this.ej2Instances.getAllCheckedNodes()},n.prototype.getNode=function(e){return this.ej2Instances.getNode(e)},n.prototype.getTreeData=function(e){return this.ej2Instances.getTreeData(e)},n.prototype.moveNodes=function(e,t,n,o){return this.ej2Instances.moveNodes(e,t,n,o)},n.prototype.removeNodes=function(e){return this.ej2Instances.removeNodes(e)},n.prototype.uncheckAll=function(e){return this.ej2Instances.uncheckAll(e)},n.prototype.updateNode=function(e,t){return this.ej2Instances.updateNode(e,t)},n=H([o.EJComponentDecorator({props:L})],n)}(o.ComponentBase),Y={name:"ejs-treeview",install:function(e){e.component(Y.name,X)}},Z=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)}}(),ee=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},te=["animate","closeOnDocumentClick","dockSize","enableDock","enableGestures","enablePersistence","enableRtl","height","isOpen","locale","mediaQuery","position","showBackdrop","target","type","width","zIndex","change","close","created","destroyed","open"],ne=["isOpen"],oe=function(e){function n(){var n=e.call(this)||this;return n.propKeys=te,n.models=ne,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.Sidebar({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n}return Z(n,e),n.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var n=this.models.toString().match(/checked|value/)||[],o=n[0];t&&n&&!r.isUndefined(t[o])&&this.$emit("modelchanged",t[o])}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},n.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])})}},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.hide=function(e){return this.ej2Instances.hide(e)},n.prototype.show=function(e){return this.ej2Instances.show(e)},n.prototype.toggle=function(e){return this.ej2Instances.toggle(e)},n=ee([o.EJComponentDecorator({props:te,model:{event:"modelchanged"}})],n)}(o.ComponentBase),re={name:"ejs-sidebar",install:function(e){e.component(re.name,oe)}},ie=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)}}(),ce=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},se=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return ie(t,e),t.prototype.render=function(){},t=ce([o.EJComponentDecorator({})],t)}(n),ae={name:"e-menu-items",install:function(e){e.component(ae.name,se)}},pe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return ie(t,e),t.prototype.render=function(){},t=ce([o.EJComponentDecorator({})],t)}(n),ue={name:"e-",install:function(e){e.component(ue.name,pe)}},le=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)}}(),fe=function(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(c=(i<3?r(c):i>3?r(t,n,c):r(t,n))||c);return i>3&&c&&Object.defineProperty(t,n,c),c},de=["animationSettings","cssClass","enablePersistence","enableRtl","enableScrolling","fields","filter","items","locale","orientation","showItemOnClick","target","template","beforeClose","beforeItemRender","beforeOpen","created","onClose","onOpen","select"],me=[],he=function(e){function n(){var n=e.call(this)||this;return n.propKeys=de,n.models=me,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-menu-items":"e-"},n.tagNameMapper={"e-menu-items":"e-items"},n.ej2Instances=new t.Menu({}),n.bindProperties(),n}return le(n,e),n.prototype.render=function(e){return e("ul",this.$slots.default)},n.prototype.enableItems=function(e,t,n){return this.ej2Instances.enableItems(e,t,n)},n.prototype.hideItems=function(e,t){return this.ej2Instances.hideItems(e,t)},n.prototype.insertAfter=function(e,t,n){return this.ej2Instances.insertAfter(e,t,n)},n.prototype.insertBefore=function(e,t,n){return this.ej2Instances.insertBefore(e,t,n)},n.prototype.removeItems=function(e,t){return this.ej2Instances.removeItems(e,t)},n.prototype.showItems=function(e,t){return this.ej2Instances.showItems(e,t)},n=fe([o.EJComponentDecorator({props:de})],n)}(o.ComponentBase),ye={name:"ejs-menu",install:function(e){e.component(ye.name,he),e.component(ue.name,pe),e.component(ae.name,se)}};e.AccordionItemsDirective=s,e.AccordionItemDirective=p,e.AccordionItemsPlugin=a,e.AccordionItemPlugin=u,e.AccordionComponent=h,e.AccordionPlugin=y,e.ItemsDirective=I,e.ItemDirective=v,e.ItemsPlugin=g,e.ItemPlugin=O,e.ToolbarComponent=D,e.ToolbarPlugin=R,e.ContextMenuComponent=T,e.ContextMenuPlugin=E,e.TabItemsDirective=S,e.TabItemDirective=$,e.TabItemsPlugin=J,e.TabItemPlugin=K,e.TabComponent=Q,e.TabPlugin=U,e.TreeViewComponent=X,e.TreeViewPlugin=Y,e.SidebarComponent=oe,e.SidebarPlugin=re,e.MenuItemsDirective=se,e.MenuItemDirective=pe,e.MenuItemsPlugin=ae,e.MenuItemPlugin=ue,e.MenuComponent=he,e.MenuPlugin=ye,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-navigations"),require("vue"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-navigations","vue","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Navigations,e.Vue,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,o,r){"use strict";n=n&&n.hasOwnProperty("default")?n.default:n;var 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)}}(),i=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 c=e.length-1;c>=0;c--)(r=e[c])&&(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},c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=i([o.EJComponentDecorator({})],t)}(n),a={name:"e-accordionitems",install:function(e){e.component(a.name,c)}},p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=i([o.EJComponentDecorator({})],t)}(n),u={name:"e-accordionitem",install:function(e){e.component(u.name,p)}},l=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)}}(),f=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 c=e.length-1;c>=0;c--)(r=e[c])&&(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=["animation","enablePersistence","enableRtl","expandMode","height","items","locale","width","clicked","created","destroyed","expanded","expanding"],h=[],m=function(e){function n(){var n=e.call(this)||this;return n.propKeys=d,n.models=h,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-accordionitems":"e-accordionitem"},n.tagNameMapper={"e-accordionitems":"e-items"},n.ej2Instances=new t.Accordion({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return l(n,e),n.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])})})},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.addItem=function(e,t){return this.ej2Instances.addItem(e,t)},n.prototype.enableItem=function(e,t){return this.ej2Instances.enableItem(e,t)},n.prototype.expandItem=function(e,t){return this.ej2Instances.expandItem(e,t)},n.prototype.hideItem=function(e,t){return this.ej2Instances.hideItem(e,t)},n.prototype.removeItem=function(e){return this.ej2Instances.removeItem(e)},n.prototype.select=function(e){return this.ej2Instances.select(e)},n=f([o.EJComponentDecorator({props:d})],n)}(o.ComponentBase),y={name:"ejs-accordion",install:function(e){e.component(y.name,m),e.component(u.name,p),e.component(a.name,c)}},j=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)}}(),I=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 c=e.length-1;c>=0;c--)(r=e[c])&&(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},b=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return j(t,e),t.prototype.render=function(){},t=I([o.EJComponentDecorator({})],t)}(n),g={name:"e-items",install:function(e){e.component(g.name,b)}},P=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return j(t,e),t.prototype.render=function(){},t=I([o.EJComponentDecorator({})],t)}(n),_={name:"e-item",install:function(e){e.component(_.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)}}(),O=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 c=e.length-1;c>=0;c--)(r=e[c])&&(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=["enablePersistence","enableRtl","height","items","locale","overflowMode","width","beforeCreate","clicked","created","destroyed"],C=[],D=function(e){function n(){var n=e.call(this)||this;return n.propKeys=w,n.models=C,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-items":"e-item"},n.tagNameMapper={},n.ej2Instances=new t.Toolbar({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return v(n,e),n.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])})})},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.addItems=function(e,t){return this.ej2Instances.addItems(e,t)},n.prototype.disable=function(e){return this.ej2Instances.disable(e)},n.prototype.enableItems=function(e,t){return this.ej2Instances.enableItems(e,t)},n.prototype.hideItem=function(e,t){return this.ej2Instances.hideItem(e,t)},n.prototype.refreshOverflow=function(){return this.ej2Instances.refreshOverflow()},n.prototype.removeItems=function(e){return this.ej2Instances.removeItems(e)},n=O([o.EJComponentDecorator({props:w})],n)}(o.ComponentBase),R={name:"ejs-toolbar",install:function(e){e.component(R.name,D),e.component(_.name,P),e.component(g.name,b)}},M=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)}}(),A=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 c=e.length-1;c>=0;c--)(r=e[c])&&(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},k=["animationSettings","cssClass","enablePersistence","enableRtl","enableScrolling","fields","filter","items","locale","showItemOnClick","target","template","beforeClose","beforeItemRender","beforeOpen","created","onClose","onOpen","select"],N=[],T=function(e){function n(){var n=e.call(this)||this;return n.propKeys=k,n.models=N,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.ContextMenu({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return M(n,e),n.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])})})},n.prototype.render=function(e){return e("ul",this.$slots.default)},n.prototype.close=function(){return this.ej2Instances.close()},n.prototype.enableItems=function(e,t,n){return this.ej2Instances.enableItems(e,t,n)},n.prototype.hideItems=function(e,t){return this.ej2Instances.hideItems(e,t)},n.prototype.insertAfter=function(e,t,n){return this.ej2Instances.insertAfter(e,t,n)},n.prototype.insertBefore=function(e,t,n){return this.ej2Instances.insertBefore(e,t,n)},n.prototype.open=function(e,t,n){return this.ej2Instances.open(e,t,n)},n.prototype.removeItems=function(e,t){return this.ej2Instances.removeItems(e,t)},n.prototype.showItems=function(e,t){return this.ej2Instances.showItems(e,t)},n=A([o.EJComponentDecorator({props:k})],n)}(o.ComponentBase),E={name:"ejs-contextmenu",install:function(e){e.component(E.name,T)}},x=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)}}(),B=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 c=e.length-1;c>=0;c--)(r=e[c])&&(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},S=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return x(t,e),t.prototype.render=function(){},t=B([o.EJComponentDecorator({})],t)}(n),$={name:"e-tabitems",install:function(e){e.component($.name,S)}},J=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return x(t,e),t.prototype.render=function(){},t=B([o.EJComponentDecorator({})],t)}(n),K={name:"e-tabitem",install:function(e){e.component(K.name,J)}},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)}}(),q=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 c=e.length-1;c>=0;c--)(r=e[c])&&(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},z=["animation","cssClass","enablePersistence","enableRtl","headerPlacement","height","heightAdjustMode","items","locale","overflowMode","selectedItem","showCloseButton","width","added","adding","created","destroyed","removed","removing","selected","selecting"],G=[],Q=function(e){function n(){var n=e.call(this)||this;return n.propKeys=z,n.models=G,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-tabitems":"e-tabitem"},n.tagNameMapper={"e-tabitems":"e-items"},n.ej2Instances=new t.Tab({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return V(n,e),n.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])})})},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.addTab=function(e,t){return this.ej2Instances.addTab(e,t)},n.prototype.disable=function(e){return this.ej2Instances.disable(e)},n.prototype.enableTab=function(e,t){return this.ej2Instances.enableTab(e,t)},n.prototype.hideTab=function(e,t){return this.ej2Instances.hideTab(e,t)},n.prototype.removeTab=function(e){return this.ej2Instances.removeTab(e)},n.prototype.select=function(e){return this.ej2Instances.select(e)},n=q([o.EJComponentDecorator({props:z})],n)}(o.ComponentBase),U={name:"ejs-tab",install:function(e){e.component(U.name,Q),e.component(K.name,J),e.component($.name,S)}},F=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)}}(),H=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 c=e.length-1;c>=0;c--)(r=e[c])&&(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},L=["allowDragAndDrop","allowEditing","allowMultiSelection","animation","autoCheck","checkedNodes","cssClass","enablePersistence","enableRtl","expandOn","expandedNodes","fields","fullRowSelect","loadOnDemand","locale","nodeTemplate","selectedNodes","showCheckBox","sortOrder","created","dataBound","dataSourceChanged","destroyed","drawNode","keyPress","nodeChecked","nodeChecking","nodeClicked","nodeCollapsed","nodeCollapsing","nodeDragStart","nodeDragStop","nodeDragging","nodeDropped","nodeEdited","nodeEditing","nodeExpanded","nodeExpanding","nodeSelected","nodeSelecting"],W=[],X=function(e){function n(){var n=e.call(this)||this;return n.propKeys=L,n.models=W,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.TreeView({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return F(n,e),n.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])})})},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.addNodes=function(e,t,n,o){return this.ej2Instances.addNodes(e,t,n,o)},n.prototype.beginEdit=function(e){return this.ej2Instances.beginEdit(e)},n.prototype.checkAll=function(e){return this.ej2Instances.checkAll(e)},n.prototype.collapseAll=function(e,t,n){return this.ej2Instances.collapseAll(e,t,n)},n.prototype.disableNodes=function(e){return this.ej2Instances.disableNodes(e)},n.prototype.enableNodes=function(e){return this.ej2Instances.enableNodes(e)},n.prototype.ensureVisible=function(e){return this.ej2Instances.ensureVisible(e)},n.prototype.expandAll=function(e,t,n){return this.ej2Instances.expandAll(e,t,n)},n.prototype.getAllCheckedNodes=function(){return this.ej2Instances.getAllCheckedNodes()},n.prototype.getNode=function(e){return this.ej2Instances.getNode(e)},n.prototype.getTreeData=function(e){return this.ej2Instances.getTreeData(e)},n.prototype.moveNodes=function(e,t,n,o){return this.ej2Instances.moveNodes(e,t,n,o)},n.prototype.removeNodes=function(e){return this.ej2Instances.removeNodes(e)},n.prototype.uncheckAll=function(e){return this.ej2Instances.uncheckAll(e)},n.prototype.updateNode=function(e,t){return this.ej2Instances.updateNode(e,t)},n=H([o.EJComponentDecorator({props:L})],n)}(o.ComponentBase),Y={name:"ejs-treeview",install:function(e){e.component(Y.name,X)}},Z=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)}}(),ee=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 c=e.length-1;c>=0;c--)(r=e[c])&&(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},te=["animate","closeOnDocumentClick","dockSize","enableDock","enableGestures","enablePersistence","enableRtl","height","isOpen","locale","mediaQuery","position","showBackdrop","target","type","width","zIndex","change","close","created","destroyed","open"],ne=["isOpen"],oe=function(e){function n(){var n=e.call(this)||this;return n.propKeys=te,n.models=ne,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.Sidebar({}),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 Z(n,e),n.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])})})},n.prototype.trigger=function(e,t){if("change"===e&&this.models&&0!==this.models.length){var n=this.models.toString().match(/checked|value/)||[],o=n[0];t&&n&&!r.isUndefined(t[o])&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t)},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.hide=function(e){return this.ej2Instances.hide(e)},n.prototype.show=function(e){return this.ej2Instances.show(e)},n.prototype.toggle=function(e){return this.ej2Instances.toggle(e)},n=ee([o.EJComponentDecorator({props:te,model:{event:"modelchanged"}})],n)}(o.ComponentBase),re={name:"ejs-sidebar",install:function(e){e.component(re.name,oe)}},se=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)}}(),ie=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 c=e.length-1;c>=0;c--)(r=e[c])&&(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},ce=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return se(t,e),t.prototype.render=function(){},t=ie([o.EJComponentDecorator({})],t)}(n),ae={name:"e-menu-items",install:function(e){e.component(ae.name,ce)}},pe=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return se(t,e),t.prototype.render=function(){},t=ie([o.EJComponentDecorator({})],t)}(n),ue={name:"e-",install:function(e){e.component(ue.name,pe)}},le=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)}}(),fe=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 c=e.length-1;c>=0;c--)(r=e[c])&&(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},de=["animationSettings","cssClass","enablePersistence","enableRtl","enableScrolling","fields","filter","items","locale","orientation","showItemOnClick","target","template","beforeClose","beforeItemRender","beforeOpen","created","onClose","onOpen","select"],he=[],me=function(e){function n(){var n=e.call(this)||this;return n.propKeys=de,n.models=he,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-menu-items":"e-"},n.tagNameMapper={"e-menu-items":"e-items"},n.ej2Instances=new t.Menu({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n}return le(n,e),n.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])})})},n.prototype.render=function(e){return e("ul",this.$slots.default)},n.prototype.enableItems=function(e,t,n){return this.ej2Instances.enableItems(e,t,n)},n.prototype.hideItems=function(e,t){return this.ej2Instances.hideItems(e,t)},n.prototype.insertAfter=function(e,t,n){return this.ej2Instances.insertAfter(e,t,n)},n.prototype.insertBefore=function(e,t,n){return this.ej2Instances.insertBefore(e,t,n)},n.prototype.removeItems=function(e,t){return this.ej2Instances.removeItems(e,t)},n.prototype.showItems=function(e,t){return this.ej2Instances.showItems(e,t)},n=fe([o.EJComponentDecorator({props:de})],n)}(o.ComponentBase),ye={name:"ejs-menu",install:function(e){e.component(ye.name,me),e.component(ue.name,pe),e.component(ae.name,ce)}};e.AccordionItemsDirective=c,e.AccordionItemDirective=p,e.AccordionItemsPlugin=a,e.AccordionItemPlugin=u,e.AccordionComponent=m,e.AccordionPlugin=y,e.ItemsDirective=b,e.ItemDirective=P,e.ItemsPlugin=g,e.ItemPlugin=_,e.ToolbarComponent=D,e.ToolbarPlugin=R,e.ContextMenuComponent=T,e.ContextMenuPlugin=E,e.TabItemsDirective=S,e.TabItemDirective=J,e.TabItemsPlugin=$,e.TabItemPlugin=K,e.TabComponent=Q,e.TabPlugin=U,e.TreeViewComponent=X,e.TreeViewPlugin=Y,e.SidebarComponent=oe,e.SidebarPlugin=re,e.MenuItemsDirective=ce,e.MenuItemDirective=pe,e.MenuItemsPlugin=ae,e.MenuItemPlugin=ue,e.MenuComponent=me,e.MenuPlugin=ye,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-navigations.umd.min.js.map

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

@@ -66,3 +66,19 @@ import { Accordion, ContextMenu, Menu, Sidebar, Tab, Toolbar, TreeView } from '@syncfusion/ej2-navigations';
         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]);
+                    }
+                });
+            });
+        }
+    }
     render(createElement) {
@@ -164,3 +180,19 @@ return createElement('div', this.$slots.default);
         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]);
+                    }
+                });
+            });
+        }
+    }
     render(createElement) {
@@ -228,3 +260,19 @@ return createElement('div', this.$slots.default);
         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]);
+                    }
+                });
+            });
+        }
+    }
     render(createElement) {
@@ -330,3 +378,19 @@ return createElement('ul', this.$slots.default);
         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]);
+                    }
+                });
+            });
+        }
+    }
     render(createElement) {
@@ -393,3 +457,19 @@ return createElement('div', this.$slots.default);
         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]);
+                    }
+                });
+            });
+        }
+    }
     render(createElement) {
@@ -482,6 +562,20 @@ return createElement('div', 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) {
@@ -492,2 +586,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]);
@@ -500,25 +595,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) {
@@ -612,3 +684,19 @@ return createElement('div', this.$slots.default);
         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]);
+                    }
+                });
+            });
+        }
+    }
     render(createElement) {
@@ -615,0 +703,0 @@ return createElement('ul', this.$slots.default);

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

@@ -103,4 +103,21 @@ import { Accordion, ContextMenu, Menu, Sidebar, Tab, Toolbar, TreeView } from '@syncfusion/ej2-navigations';
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    AccordionComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     AccordionComponent.prototype.render = function (createElement) {
@@ -240,4 +257,21 @@ return createElement('div', this.$slots.default);
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    ToolbarComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     ToolbarComponent.prototype.render = function (createElement) {
@@ -320,4 +354,21 @@ return createElement('div', this.$slots.default);
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    ContextMenuComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     ContextMenuComponent.prototype.render = function (createElement) {
@@ -461,4 +512,21 @@ return createElement('ul', this.$slots.default);
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    TabComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     TabComponent.prototype.render = function (createElement) {
@@ -540,4 +608,21 @@ return createElement('div', this.$slots.default);
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    TreeViewComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     TreeViewComponent.prototype.render = function (createElement) {
@@ -645,19 +730,7 @@ return createElement('div', 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;
         return _this;
     }
-    SidebarComponent.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);
-        }
-    };
     SidebarComponent.prototype.setProperties = function (prop, muteOnChange) {
@@ -668,20 +741,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]);
-                });
+        }
+    };
+    SidebarComponent.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);
+        }
     };
@@ -814,4 +891,21 @@ SidebarComponent.prototype.render = function (createElement) {
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    MenuComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     MenuComponent.prototype.render = function (createElement) {
@@ -818,0 +912,0 @@ return createElement('ul', this.$slots.default);

package.json

 {
   "name": "@syncfusion/ej2-vue-navigations",
-  "version": "17.1.1-beta",
+  "version": "17.1.32-beta",
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another for Vue",
@@ -118,17 +118,8 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.1.1-beta",
-    "@syncfusion/ej2-vue-base": "~17.1.1-beta",
-    "@syncfusion/ej2-navigations": "17.1.1-beta"
+    "@syncfusion/ej2-base": "~17.1.32-beta",
+    "@syncfusion/ej2-vue-base": "~17.1.32-beta",
+    "@syncfusion/ej2-navigations": "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/accordion/accordion.component.d.ts

@@ -21,2 +21,3 @@ import { ComponentBase } from '@syncfusion/ej2-vue-base';
     constructor();
+    setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
@@ -23,0 +24,0 @@ addItem(item: Object, index?: number): void;

src/accordion/accordion.component.js

@@ -43,4 +43,21 @@ var __extends = (this && this.__extends) || (function () {
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    AccordionComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     AccordionComponent.prototype.render = function (createElement) {
@@ -47,0 +64,0 @@ return createElement('div', this.$slots.default);

src/context-menu/contextmenu.component.d.ts

@@ -22,2 +22,3 @@ import { ComponentBase } from '@syncfusion/ej2-vue-base';
     constructor();
+    setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
@@ -24,0 +25,0 @@ close(): void;

src/context-menu/contextmenu.component.js

@@ -43,4 +43,21 @@ var __extends = (this && this.__extends) || (function () {
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    ContextMenuComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     ContextMenuComponent.prototype.render = function (createElement) {
@@ -47,0 +64,0 @@ return createElement('ul', this.$slots.default);

src/menu/menu.component.d.ts

@@ -21,2 +21,3 @@ import { ComponentBase } from '@syncfusion/ej2-vue-base';
     constructor();
+    setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
@@ -23,0 +24,0 @@ enableItems(items: string[], enable: boolean, isUniqueId?: boolean): void;

src/menu/menu.component.js

@@ -43,4 +43,21 @@ var __extends = (this && this.__extends) || (function () {
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    MenuComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     MenuComponent.prototype.render = function (createElement) {
@@ -47,0 +64,0 @@ return createElement('ul', this.$slots.default);

src/sidebar/sidebar.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 @@ hide(e?: Object): void;

src/sidebar/sidebar.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;
     }
-    SidebarComponent.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);
-        }
-    };
     SidebarComponent.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]);
-                });
+        }
+    };
+    SidebarComponent.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 @@ SidebarComponent.prototype.render = function (createElement) {

src/tab/tab.component.d.ts

@@ -21,2 +21,3 @@ import { ComponentBase } from '@syncfusion/ej2-vue-base';
     constructor();
+    setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
@@ -23,0 +24,0 @@ addTab(items: Object[], index?: number): void;

src/tab/tab.component.js

@@ -43,4 +43,21 @@ var __extends = (this && this.__extends) || (function () {
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    TabComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     TabComponent.prototype.render = function (createElement) {
@@ -47,0 +64,0 @@ return createElement('div', this.$slots.default);

src/toolbar/toolbar.component.d.ts

@@ -21,2 +21,3 @@ import { ComponentBase } from '@syncfusion/ej2-vue-base';
     constructor();
+    setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
@@ -26,3 +27,3 @@ addItems(items: Object[], index?: number): void;
     enableItems(items: Object | Object, isEnable?: boolean): void;
-    hideItem(index: number, value?: boolean): void;
+    hideItem(index: number | Object | Object, value?: boolean): void;
     refreshOverflow(): void;
@@ -29,0 +30,0 @@ removeItems(args: number | Object | Object | Object | Object[]): void;

src/toolbar/toolbar.component.js

@@ -43,4 +43,21 @@ var __extends = (this && this.__extends) || (function () {
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    ToolbarComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     ToolbarComponent.prototype.render = function (createElement) {
@@ -47,0 +64,0 @@ return createElement('div', this.$slots.default);

src/treeview/treeview.component.d.ts

@@ -21,2 +21,3 @@ import { ComponentBase } from '@syncfusion/ej2-vue-base';
     constructor();
+    setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
@@ -23,0 +24,0 @@ addNodes(nodes: undefined[], target?: string | Object, index?: number, preventTargetExpand?: boolean): void;

src/treeview/treeview.component.js

@@ -42,4 +42,21 @@ var __extends = (this && this.__extends) || (function () {
         _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
         return _this;
     }
+    TreeViewComponent.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]);
+                    }
+                });
+            });
+        }
+    };
     TreeViewComponent.prototype.render = function (createElement) {
@@ -46,0 +63,0 @@ return createElement('div', this.$slots.default);

No alert changes

Improved metrics

Total package byte prevSize

4092633

increased by2.01%

Dev dependency count

0

decreased by-100%

Lines of code

111461

increased by1.56%

Dependency changes

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

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

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

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

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