@syncfusion/ej2-vue-navigations 31.2.12 → 32.1.19

package/README.md

@@ -277,7 +277,6 @@ Navigation components are also offered in following list of frameworks.
 
 ## Resources
 
-* [Documentation](https://ej2.syncfusion.com/vue/documentation/introduction)
 * [Theme Studio](https://ej2.syncfusion.com/themestudio/)
 * [What's New](https://www.syncfusion.com/products/whatsnew/vue?utm_medium=listing&utm_source=github)
 * [Road Map](https://www.syncfusion.com/products/roadmap/vue)

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

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-vue-navigations.umd.min.js
-*  version : 31.2.12
-*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-navigations"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-navigations","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2Navigations,e.ej2VueBase,e.ej2Base)}(this,function(t,s,a,o){"use strict";var n=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-accordionitems"}}}),i={name:"e-accordionitems",install:function(e){e.component(i.name,n)}},r=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-accordionitem"}}}),c={name:"e-accordionitem",install:function(e){e.component(c.name,r)}},_=["isLazyUpdate","plugins","animation","dataSource","enableHtmlSanitizer","enablePersistence","enableRtl","expandMode","expandedIndices","headerTemplate","height","itemTemplate","items","locale","width","clicked","created","destroyed","expanded","expanding"],B=["expandedIndices"],e=a.getProps({props:_}),l=e[0],e=e[1],u=Object.keys(e);u.push("modelchanged","update:modelValue");for(var d=0,U=B;d<U.length;d++)u.push("update:"+U[d]);var A=a.vueDefineComponent({name:"AccordionComponent",mixins:[a.ComponentBase],props:l,watch:e,emits:u,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Accordion({}),propKeys:_,models:B,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-accordionitems":"e-accordionitem"},tagNameMapper:{"e-accordionitems":"e-items"},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},addItem:function(e,t){return this.ej2Instances.addItem(e,t)},destroy:function(){return this.ej2Instances.destroy()},enableItem:function(e,t){return this.ej2Instances.enableItem(e,t)},expandItem:function(e,t){return this.ej2Instances.expandItem(e,t)},hideItem:function(e,t){return this.ej2Instances.hideItem(e,t)},removeItem:function(e){return this.ej2Instances.removeItem(e)},select:function(e){return this.ej2Instances.select(e)}}}),z={name:"ejs-accordion",install:function(e){e.component(z.name,A),e.component(c.name,r),e.component(i.name,n)}},h=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-items"}}}),m={name:"e-items",install:function(e){e.component(m.name,h)}},p=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-item"}}}),f={name:"e-item",install:function(e){e.component(f.name,p)}},R=["isLazyUpdate","plugins","allowKeyboard","cssClass","enableCollision","enableHtmlSanitizer","enablePersistence","enableRtl","height","items","locale","overflowMode","scrollStep","width","beforeCreate","clicked","created","destroyed","keyDown"],L=[],l=a.getProps({props:R}),e=l[0],l=l[1],g=Object.keys(l);g.push("modelchanged","update:modelValue");for(var I=0,K=L;I<K.length;I++)g.push("update:"+K[I]);var q=a.vueDefineComponent({name:"ToolbarComponent",mixins:[a.ComponentBase],props:e,watch:l,emits:g,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Toolbar({}),propKeys:R,models:L,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-items":"e-item"},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},addItems:function(e,t){return this.ej2Instances.addItems(e,t)},destroy:function(){return this.ej2Instances.destroy()},disable:function(e){return this.ej2Instances.disable(e)},enableItems:function(e,t){return this.ej2Instances.enableItems(e,t)},hideItem:function(e,t){return this.ej2Instances.hideItem(e,t)},refreshOverflow:function(){return this.ej2Instances.refreshOverflow()},removeItems:function(e){return this.ej2Instances.removeItems(e)}}}),H={name:"ejs-toolbar",install:function(e){e.component(H.name,q),e.component(f.name,p),e.component(m.name,h)}},W=["isLazyUpdate","plugins","animationSettings","cssClass","enableHtmlSanitizer","enablePersistence","enableRtl","enableScrolling","fields","filter","hoverDelay","itemTemplate","items","locale","showItemOnClick","target","template","beforeClose","beforeItemRender","beforeOpen","created","onClose","onOpen","select"],F=[],e=a.getProps({props:W}),l=e[0],e=e[1],j=Object.keys(e);j.push("modelchanged","update:modelValue");for(var v=0,G=F;v<G.length;v++)j.push("update:"+G[v]);var Q=a.vueDefineComponent({name:"ContextMenuComponent",mixins:[a.ComponentBase],props:l,watch:e,emits:j,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.ContextMenu({}),propKeys:W,models:F,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("ul",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},close:function(){return this.ej2Instances.close()},destroy:function(){return this.ej2Instances.destroy()},enableItems:function(e,t,s){return this.ej2Instances.enableItems(e,t,s)},getItemIndex:function(e,t){return this.ej2Instances.getItemIndex(e,t)},getMenuWidth:function(e,t,s){return this.ej2Instances.getMenuWidth(e,t,s)},hideItems:function(e,t){return this.ej2Instances.hideItems(e,t)},insertAfter:function(e,t,s){return this.ej2Instances.insertAfter(e,t,s)},insertBefore:function(e,t,s){return this.ej2Instances.insertBefore(e,t,s)},open:function(e,t,s){return this.ej2Instances.open(e,t,s)},removeItems:function(e,t){return this.ej2Instances.removeItems(e,t)},setItem:function(e,t,s){return this.ej2Instances.setItem(e,t,s)},showItems:function(e,t){return this.ej2Instances.showItems(e,t)}}}),J={name:"ejs-contextmenu",install:function(e){e.component(J.name,Q)}},b=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-breadcrumb-items"}}}),C={name:"e-breadcrumb-items",install:function(e){e.component(C.name,b)}},P=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-breadcrumb-item"}}}),$={name:"e-breadcrumb-item",install:function(e){e.component($.name,P)}},X=["isLazyUpdate","plugins","activeItem","cssClass","disabled","enableActiveItemNavigation","enableNavigation","enablePersistence","enableRtl","itemTemplate","items","locale","maxItems","overflowMode","separatorTemplate","url","beforeItemRender","created","itemClick"],Y=["activeItem"],l=a.getProps({props:X}),e=l[0],l=l[1],y=Object.keys(l);y.push("modelchanged","update:modelValue");for(var x=0,Z=Y;x<Z.length;x++)y.push("update:"+Z[x]);var ee=a.vueDefineComponent({name:"BreadcrumbComponent",mixins:[a.ComponentBase],props:e,watch:l,emits:y,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Breadcrumb({}),propKeys:X,models:Y,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-breadcrumb-items":"e-breadcrumb-item"},tagNameMapper:{"e-breadcrumb-items":"e-items"},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("nav",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},destroy:function(){return this.ej2Instances.destroy()}}}),te={name:"ejs-breadcrumb",install:function(e){e.component(te.name,ee),e.component($.name,P),e.component(C.name,b)}},T=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-carousel-items"}}}),E={name:"e-carousel-items",install:function(e){e.component(E.name,T)}},M=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-carousel-item"}}}),D={name:"e-carousel-item",install:function(e){e.component(D.name,M)}},se=["isLazyUpdate","plugins","allowKeyboardInteraction","animationEffect","autoPlay","buttonsVisibility","cssClass","dataSource","enablePersistence","enableRtl","enableTouchSwipe","height","htmlAttributes","indicatorsTemplate","indicatorsType","interval","itemTemplate","items","locale","loop","nextButtonTemplate","partialVisible","pauseOnHover","playButtonTemplate","previousButtonTemplate","selectedIndex","showIndicators","showPlayButton","swipeMode","width","slideChanged","slideChanging"],ne=["selectedIndex"],e=a.getProps({props:se}),l=e[0],e=e[1],O=Object.keys(e);O.push("modelchanged","update:modelValue");for(var w=0,ie=ne;w<ie.length;w++)O.push("update:"+ie[w]);var ae=a.vueDefineComponent({name:"CarouselComponent",mixins:[a.ComponentBase],props:l,watch:e,emits:O,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Carousel({}),propKeys:se,models:ne,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-carousel-items":"e-carousel-item"},tagNameMapper:{"e-carousel-items":"e-items"},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},destroy:function(){return this.ej2Instances.destroy()},next:function(){return this.ej2Instances.next()},pause:function(){return this.ej2Instances.pause()},play:function(){return this.ej2Instances.play()},prev:function(){return this.ej2Instances.prev()}}}),oe={name:"ejs-carousel",install:function(e){e.component(oe.name,ae),e.component(D.name,M),e.component(E.name,T)}},k=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-tabitems"}}}),V={name:"e-tabitems",install:function(e){e.component(V.name,k)}},N=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-tabitem"}}}),S={name:"e-tabitem",install:function(e){e.component(S.name,N)}},re=["isLazyUpdate","plugins","allowDragAndDrop","animation","clearTemplates","cssClass","dragArea","enableHtmlSanitizer","enablePersistence","enableRtl","headerPlacement","height","heightAdjustMode","items","loadOn","locale","overflowMode","reorderActiveTab","scrollStep","selectedItem","showCloseButton","swipeMode","width","added","adding","created","destroyed","dragged","dragging","onDragStart","removed","removing","selected","selecting"],ce=[],l=a.getProps({props:re}),e=l[0],l=l[1],le=Object.keys(l);le.push("modelchanged","update:modelValue");for(var ue=0,de=ce;ue<de.length;ue++)le.push("update:"+de[ue]);var he=a.vueDefineComponent({name:"TabComponent",mixins:[a.ComponentBase],props:e,watch:l,emits:le,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Tab({}),propKeys:re,models:ce,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-tabitems":"e-tabitem"},tagNameMapper:{"e-tabitems":"e-items"},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},addTab:function(e,t){return this.ej2Instances.addTab(e,t)},destroy:function(){return this.ej2Instances.destroy()},disable:function(e){return this.ej2Instances.disable(e)},enableTab:function(e,t){return this.ej2Instances.enableTab(e,t)},getItemIndex:function(e){return this.ej2Instances.getItemIndex(e)},hideTab:function(e,t){return this.ej2Instances.hideTab(e,t)},refresh:function(){return this.ej2Instances.refresh()},refreshActiveTab:function(){return this.ej2Instances.refreshActiveTab()},refreshActiveTabBorder:function(){return this.ej2Instances.refreshActiveTabBorder()},refreshOverflow:function(){return this.ej2Instances.refreshOverflow()},removeTab:function(e){return this.ej2Instances.removeTab(e)},select:function(e,t){return this.ej2Instances.select(e,t)}}}),me={name:"ejs-tab",install:function(e){e.component(me.name,he),e.component(S.name,N),e.component(V.name,k)}},pe=["isLazyUpdate","plugins","allowDragAndDrop","allowEditing","allowMultiSelection","allowTextWrap","animation","autoCheck","checkDisabledChildren","checkOnClick","checkedNodes","cssClass","disabled","dragArea","enableHtmlSanitizer","enablePersistence","enableRtl","expandOn","expandedNodes","fields","fullRowNavigable","fullRowSelect","loadOnDemand","locale","nodeTemplate","selectedNodes","showCheckBox","sortOrder","actionFailure","created","dataBound","dataSourceChanged","destroyed","drawNode","keyPress","nodeChecked","nodeChecking","nodeClicked","nodeCollapsed","nodeCollapsing","nodeDragStart","nodeDragStop","nodeDragging","nodeDropped","nodeEdited","nodeEditing","nodeExpanded","nodeExpanding","nodeSelected","nodeSelecting"],fe=[],e=a.getProps({props:pe}),l=e[0],e=e[1],ge=Object.keys(e);ge.push("modelchanged","update:modelValue");for(var Ie=0,je=fe;Ie<je.length;Ie++)ge.push("update:"+je[Ie]);var ve=a.vueDefineComponent({name:"TreeViewComponent",mixins:[a.ComponentBase],props:l,watch:e,emits:ge,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.TreeView({}),propKeys:pe,models:fe,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},addNodes:function(e,t,s,n){return this.ej2Instances.addNodes(e,t,s,n)},beginEdit:function(e){return this.ej2Instances.beginEdit(e)},checkAll:function(e){return this.ej2Instances.checkAll(e)},collapseAll:function(e,t,s){return this.ej2Instances.collapseAll(e,t,s)},destroy:function(){return this.ej2Instances.destroy()},disableNodes:function(e){return this.ej2Instances.disableNodes(e)},enableNodes:function(e){return this.ej2Instances.enableNodes(e)},ensureVisible:function(e){return this.ej2Instances.ensureVisible(e)},expandAll:function(e,t,s,n){return this.ej2Instances.expandAll(e,t,s,n)},getAllCheckedNodes:function(){return this.ej2Instances.getAllCheckedNodes()},getDisabledNodes:function(){return this.ej2Instances.getDisabledNodes()},getNode:function(e){return this.ej2Instances.getNode(e)},getTreeData:function(e){return this.ej2Instances.getTreeData(e)},moveNodes:function(e,t,s,n){return this.ej2Instances.moveNodes(e,t,s,n)},refreshNode:function(e,t){return this.ej2Instances.refreshNode(e,t)},removeNodes:function(e){return this.ej2Instances.removeNodes(e)},uncheckAll:function(e){return this.ej2Instances.uncheckAll(e)},updateNode:function(e,t){return this.ej2Instances.updateNode(e,t)}}}),be={name:"ejs-treeview",install:function(e){e.component(be.name,ve)}},Ce=["isLazyUpdate","plugins","animate","closeOnDocumentClick","dockSize","enableDock","enableGestures","enablePersistence","enableRtl","height","isOpen","locale","mediaQuery","position","showBackdrop","target","type","width","zIndex","change","close","created","destroyed","open"],Pe=["isOpen"],l=a.getProps({props:Ce}),e=l[0],l=l[1],$e=Object.keys(l);$e.push("modelchanged","update:modelValue");for(var ye=0,xe=Pe;ye<xe.length;ye++)$e.push("update:"+xe[ye]);var Te=a.vueDefineComponent({name:"SidebarComponent",mixins:[a.ComponentBase],props:e,watch:l,emits:$e,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Sidebar({}),propKeys:Ce,models:Pe,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},destroy:function(){return this.ej2Instances.destroy()},hide:function(e){return this.ej2Instances.hide(e)},show:function(e){return this.ej2Instances.show(e)},toggle:function(){return this.ej2Instances.toggle()}}}),Ee={name:"ejs-sidebar",install:function(e){e.component(Ee.name,Te)}},Me=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-menu-items"}}}),De={name:"e-menu-items",install:function(e){e.component(De.name,Me)}},Oe=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-"}}}),we={name:"e-",install:function(e){e.component(we.name,Oe)}},ke=["isLazyUpdate","plugins","animationSettings","cssClass","enableHtmlSanitizer","enablePersistence","enableRtl","enableScrolling","fields","filter","hamburgerMode","hoverDelay","items","locale","orientation","showItemOnClick","target","template","title","beforeClose","beforeItemRender","beforeOpen","created","onClose","onOpen","select"],Ve=[],e=a.getProps({props:ke}),l=e[0],e=e[1],Ne=Object.keys(e);Ne.push("modelchanged","update:modelValue");for(var Se=0,_e=Ve;Se<_e.length;Se++)Ne.push("update:"+_e[Se]);var Be=a.vueDefineComponent({name:"MenuComponent",mixins:[a.ComponentBase],props:l,watch:e,emits:Ne,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Menu({}),propKeys:ke,models:Ve,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-menu-items":"e-"},tagNameMapper:{"e-menu-items":"e-items"},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("ul",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},close:function(){return this.ej2Instances.close()},destroy:function(){return this.ej2Instances.destroy()},enableItems:function(e,t,s){return this.ej2Instances.enableItems(e,t,s)},getItemIndex:function(e,t){return this.ej2Instances.getItemIndex(e,t)},getMenuWidth:function(e,t,s){return this.ej2Instances.getMenuWidth(e,t,s)},hideItems:function(e,t){return this.ej2Instances.hideItems(e,t)},insertAfter:function(e,t,s){return this.ej2Instances.insertAfter(e,t,s)},insertBefore:function(e,t,s){return this.ej2Instances.insertBefore(e,t,s)},open:function(){return this.ej2Instances.open()},removeItems:function(e,t){return this.ej2Instances.removeItems(e,t)},setItem:function(e,t,s){return this.ej2Instances.setItem(e,t,s)},showItems:function(e,t){return this.ej2Instances.showItems(e,t)}}}),Ue={name:"ejs-menu",install:function(e){e.component(Ue.name,Be),e.component(we.name,Oe),e.component(De.name,Me)}},Ae=["isLazyUpdate","plugins","colorMode","cssClass","enablePersistence","enableRtl","htmlAttributes","isSticky","locale","mode","position","created","destroyed"],ze=[],l=a.getProps({props:Ae}),e=l[0],l=l[1],Re=Object.keys(l);Re.push("modelchanged","update:modelValue");for(var Le=0,Ke=ze;Le<Ke.length;Le++)Re.push("update:"+Ke[Le]);var qe=a.vueDefineComponent({name:"AppBarComponent",mixins:[a.ComponentBase],props:e,watch:l,emits:Re,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.AppBar({}),propKeys:Ae,models:ze,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("header",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},destroy:function(){return this.ej2Instances.destroy()}}}),He={name:"ejs-appbar",install:function(e){e.component(He.name,qe)}},We=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-steps"}}}),Fe={name:"e-steps",install:function(e){e.component(Fe.name,We)}},Ge=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-step"}}}),Qe={name:"e-step",install:function(e){e.component(Qe.name,Ge)}},Je=["isLazyUpdate","plugins","activeStep","animation","cssClass","enablePersistence","enableRtl","labelPosition","linear","locale","orientation","readOnly","showTooltip","stepType","steps","template","tooltipTemplate","beforeStepRender","created","stepChanged","stepChanging","stepClick"],Xe=["activeStep"],e=a.getProps({props:Je}),l=e[0],e=e[1],Ye=Object.keys(e);Ye.push("modelchanged","update:modelValue");for(var Ze=0,et=Xe;Ze<et.length;Ze++)Ye.push("update:"+et[Ze]);var tt=a.vueDefineComponent({name:"StepperComponent",mixins:[a.ComponentBase],props:l,watch:e,emits:Ye,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Stepper({}),propKeys:Je,models:Xe,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-steps":"e-step"},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("nav",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},destroy:function(){return this.ej2Instances.destroy()},nextStep:function(){return this.ej2Instances.nextStep()},previousStep:function(){return this.ej2Instances.previousStep()},refreshProgressbar:function(){return this.ej2Instances.refreshProgressbar()},reset:function(){return this.ej2Instances.reset()}}}),st={name:"ejs-stepper",install:function(e){e.component(st.name,tt),e.component(Qe.name,Ge),e.component(Fe.name,We)}};Object.keys(s).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return s[e]}})}),t.AccordionComponent=A,t.AccordionItemDirective=r,t.AccordionItemPlugin=c,t.AccordionItemsDirective=n,t.AccordionItemsPlugin=i,t.AccordionPlugin=z,t.AppBarComponent=qe,t.AppBarPlugin=He,t.BreadcrumbComponent=ee,t.BreadcrumbItemDirective=P,t.BreadcrumbItemPlugin=$,t.BreadcrumbItemsDirective=b,t.BreadcrumbItemsPlugin=C,t.BreadcrumbPlugin=te,t.CarouselComponent=ae,t.CarouselItemDirective=M,t.CarouselItemPlugin=D,t.CarouselItemsDirective=T,t.CarouselItemsPlugin=E,t.CarouselPlugin=oe,t.ContextMenuComponent=Q,t.ContextMenuPlugin=J,t.ItemDirective=p,t.ItemPlugin=f,t.ItemsDirective=h,t.ItemsPlugin=m,t.MenuComponent=Be,t.MenuItemDirective=Oe,t.MenuItemPlugin=we,t.MenuItemsDirective=Me,t.MenuItemsPlugin=De,t.MenuPlugin=Ue,t.SidebarComponent=Te,t.SidebarPlugin=Ee,t.StepDirective=Ge,t.StepPlugin=Qe,t.StepperComponent=tt,t.StepperPlugin=st,t.StepsDirective=We,t.StepsPlugin=Fe,t.TabComponent=he,t.TabItemDirective=N,t.TabItemPlugin=S,t.TabItemsDirective=k,t.TabItemsPlugin=V,t.TabPlugin=me,t.ToolbarComponent=q,t.ToolbarPlugin=H,t.TreeViewComponent=ve,t.TreeViewPlugin=be,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-navigations.umd.min.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-vue-navigations",
-  "version": "31.2.12",
+  "version": "32.1.19",
   "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",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -31,9 +31,9 @@
   "es2015": "dist/es6/ej2-vue-navigations.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-vue-base": "~31.2.12",
-    "@syncfusion/ej2-navigations": "31.2.12"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-vue-base": "~32.1.19",
+    "@syncfusion/ej2-navigations": "32.1.19"
   },
   "devDependencies": {},
   "scripts": {

package/styles/accordion/bds.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bds.scss';
+@use 'ej2-navigations/styles/accordion/bds' as *;

package/styles/accordion/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap-dark.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap-dark' as *;

package/styles/accordion/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap' as *;

package/styles/accordion/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap4.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap4' as *;

package/styles/accordion/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap5-dark.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap5-dark' as *;

package/styles/accordion/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap5.3.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap5.3' as *;

package/styles/accordion/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/bootstrap5.scss';
+@use 'ej2-navigations/styles/accordion/bootstrap5' as *;

package/styles/accordion/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/fabric-dark.scss';
+@use 'ej2-navigations/styles/accordion/fabric-dark' as *;

package/styles/accordion/fabric.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/fabric.scss';
+@use 'ej2-navigations/styles/accordion/fabric' as *;

package/styles/accordion/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/fluent-dark.scss';
+@use 'ej2-navigations/styles/accordion/fluent-dark' as *;

package/styles/accordion/fluent.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/fluent.scss';
+@use 'ej2-navigations/styles/accordion/fluent' as *;

package/styles/accordion/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/fluent2.scss';
+@use 'ej2-navigations/styles/accordion/fluent2' as *;

package/styles/accordion/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/highcontrast-light.scss';
+@use 'ej2-navigations/styles/accordion/highcontrast-light' as *;

package/styles/accordion/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/highcontrast.scss';
+@use 'ej2-navigations/styles/accordion/highcontrast' as *;

package/styles/accordion/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/material-dark.scss';
+@use 'ej2-navigations/styles/accordion/material-dark' as *;

package/styles/accordion/material.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/material.scss';
+@use 'ej2-navigations/styles/accordion/material' as *;

package/styles/accordion/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-navigations/styles/accordion/material3-dark.scss';
+@use 'ej2-navigations/styles/accordion/material3-dark' as *;

package/styles/accordion/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-navigations/styles/accordion/material3.scss';
+@use 'ej2-navigations/styles/accordion/material3' as *;

package/styles/accordion/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/tailwind-dark.scss';
+@use 'ej2-navigations/styles/accordion/tailwind-dark' as *;

package/styles/accordion/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/tailwind.scss';
+@use 'ej2-navigations/styles/accordion/tailwind' as *;

package/styles/accordion/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/accordion/tailwind3.scss';
+@use 'ej2-navigations/styles/accordion/tailwind3' as *;

package/styles/appbar/bds.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bds.scss';
+@use 'ej2-navigations/styles/appbar/bds' as *;

package/styles/appbar/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap-dark.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap-dark' as *;

package/styles/appbar/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap' as *;

package/styles/appbar/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap4.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap4' as *;

package/styles/appbar/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap5-dark.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap5-dark' as *;

package/styles/appbar/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap5.3.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap5.3' as *;

package/styles/appbar/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/bootstrap5.scss';
+@use 'ej2-navigations/styles/appbar/bootstrap5' as *;

package/styles/appbar/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/fabric-dark.scss';
+@use 'ej2-navigations/styles/appbar/fabric-dark' as *;

package/styles/appbar/fabric.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/fabric.scss';
+@use 'ej2-navigations/styles/appbar/fabric' as *;

package/styles/appbar/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/fluent-dark.scss';
+@use 'ej2-navigations/styles/appbar/fluent-dark' as *;

package/styles/appbar/fluent.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/fluent.scss';
+@use 'ej2-navigations/styles/appbar/fluent' as *;

package/styles/appbar/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/fluent2.scss';
+@use 'ej2-navigations/styles/appbar/fluent2' as *;

package/styles/appbar/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/highcontrast-light.scss';
+@use 'ej2-navigations/styles/appbar/highcontrast-light' as *;

package/styles/appbar/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/highcontrast.scss';
+@use 'ej2-navigations/styles/appbar/highcontrast' as *;

package/styles/appbar/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/material-dark.scss';
+@use 'ej2-navigations/styles/appbar/material-dark' as *;

package/styles/appbar/material.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/material.scss';
+@use 'ej2-navigations/styles/appbar/material' as *;

package/styles/appbar/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-navigations/styles/appbar/material3-dark.scss';
+@use 'ej2-navigations/styles/appbar/material3-dark' as *;

package/styles/appbar/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-navigations/styles/appbar/material3.scss';
+@use 'ej2-navigations/styles/appbar/material3' as *;

package/styles/appbar/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/tailwind-dark.scss';
+@use 'ej2-navigations/styles/appbar/tailwind-dark' as *;

package/styles/appbar/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/tailwind.scss';
+@use 'ej2-navigations/styles/appbar/tailwind' as *;

package/styles/appbar/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/appbar/tailwind3.scss';
+@use 'ej2-navigations/styles/appbar/tailwind3' as *;

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bds-lite.scss';
+@use 'ej2-navigations/bds-lite' as *;

package/styles/bds.scss

@@ -1,14 +1,14 @@
-@import 'pager/bds.scss';
-@import 'h-scroll/bds.scss';
-@import 'v-scroll/bds.scss';
-@import 'toolbar/bds.scss';
-@import 'accordion/bds.scss';
-@import 'carousel/bds.scss';
-@import 'context-menu/bds.scss';
-@import 'tab/bds.scss';
-@import 'treeview/bds.scss';
-@import 'sidebar/bds.scss';
-@import 'menu/bds.scss';
-@import 'breadcrumb/bds.scss';
-@import 'appbar/bds.scss';
-@import 'stepper/bds.scss';
+@use 'pager/bds' as *;
+@use 'h-scroll/bds' as *;
+@use 'v-scroll/bds' as *;
+@use 'toolbar/bds' as *;
+@use 'accordion/bds' as *;
+@use 'carousel/bds' as *;
+@use 'context-menu/bds' as *;
+@use 'tab/bds' as *;
+@use 'treeview/bds' as *;
+@use 'sidebar/bds' as *;
+@use 'menu/bds' as *;
+@use 'breadcrumb/bds' as *;
+@use 'appbar/bds' as *;
+@use 'stepper/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bootstrap-dark-lite.scss';
+@use 'ej2-navigations/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1,14 +1,14 @@
-@import 'pager/bootstrap-dark.scss';
-@import 'h-scroll/bootstrap-dark.scss';
-@import 'v-scroll/bootstrap-dark.scss';
-@import 'toolbar/bootstrap-dark.scss';
-@import 'accordion/bootstrap-dark.scss';
-@import 'carousel/bootstrap-dark.scss';
-@import 'context-menu/bootstrap-dark.scss';
-@import 'tab/bootstrap-dark.scss';
-@import 'treeview/bootstrap-dark.scss';
-@import 'sidebar/bootstrap-dark.scss';
-@import 'menu/bootstrap-dark.scss';
-@import 'breadcrumb/bootstrap-dark.scss';
-@import 'appbar/bootstrap-dark.scss';
-@import 'stepper/bootstrap-dark.scss';
+@use 'pager/bootstrap-dark' as *;
+@use 'h-scroll/bootstrap-dark' as *;
+@use 'v-scroll/bootstrap-dark' as *;
+@use 'toolbar/bootstrap-dark' as *;
+@use 'accordion/bootstrap-dark' as *;
+@use 'carousel/bootstrap-dark' as *;
+@use 'context-menu/bootstrap-dark' as *;
+@use 'tab/bootstrap-dark' as *;
+@use 'treeview/bootstrap-dark' as *;
+@use 'sidebar/bootstrap-dark' as *;
+@use 'menu/bootstrap-dark' as *;
+@use 'breadcrumb/bootstrap-dark' as *;
+@use 'appbar/bootstrap-dark' as *;
+@use 'stepper/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bootstrap-lite.scss';
+@use 'ej2-navigations/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1,14 +1,14 @@
-@import 'pager/bootstrap.scss';
-@import 'h-scroll/bootstrap.scss';
-@import 'v-scroll/bootstrap.scss';
-@import 'toolbar/bootstrap.scss';
-@import 'accordion/bootstrap.scss';
-@import 'carousel/bootstrap.scss';
-@import 'context-menu/bootstrap.scss';
-@import 'tab/bootstrap.scss';
-@import 'treeview/bootstrap.scss';
-@import 'sidebar/bootstrap.scss';
-@import 'menu/bootstrap.scss';
-@import 'breadcrumb/bootstrap.scss';
-@import 'appbar/bootstrap.scss';
-@import 'stepper/bootstrap.scss';
+@use 'pager/bootstrap' as *;
+@use 'h-scroll/bootstrap' as *;
+@use 'v-scroll/bootstrap' as *;
+@use 'toolbar/bootstrap' as *;
+@use 'accordion/bootstrap' as *;
+@use 'carousel/bootstrap' as *;
+@use 'context-menu/bootstrap' as *;
+@use 'tab/bootstrap' as *;
+@use 'treeview/bootstrap' as *;
+@use 'sidebar/bootstrap' as *;
+@use 'menu/bootstrap' as *;
+@use 'breadcrumb/bootstrap' as *;
+@use 'appbar/bootstrap' as *;
+@use 'stepper/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bootstrap4-lite.scss';
+@use 'ej2-navigations/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1,14 +1,14 @@
-@import 'pager/bootstrap4.scss';
-@import 'h-scroll/bootstrap4.scss';
-@import 'v-scroll/bootstrap4.scss';
-@import 'toolbar/bootstrap4.scss';
-@import 'accordion/bootstrap4.scss';
-@import 'carousel/bootstrap4.scss';
-@import 'context-menu/bootstrap4.scss';
-@import 'tab/bootstrap4.scss';
-@import 'treeview/bootstrap4.scss';
-@import 'sidebar/bootstrap4.scss';
-@import 'menu/bootstrap4.scss';
-@import 'breadcrumb/bootstrap4.scss';
-@import 'appbar/bootstrap4.scss';
-@import 'stepper/bootstrap4.scss';
+@use 'pager/bootstrap4' as *;
+@use 'h-scroll/bootstrap4' as *;
+@use 'v-scroll/bootstrap4' as *;
+@use 'toolbar/bootstrap4' as *;
+@use 'accordion/bootstrap4' as *;
+@use 'carousel/bootstrap4' as *;
+@use 'context-menu/bootstrap4' as *;
+@use 'tab/bootstrap4' as *;
+@use 'treeview/bootstrap4' as *;
+@use 'sidebar/bootstrap4' as *;
+@use 'menu/bootstrap4' as *;
+@use 'breadcrumb/bootstrap4' as *;
+@use 'appbar/bootstrap4' as *;
+@use 'stepper/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-navigations/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1,14 +1,14 @@
-@import 'pager/bootstrap5-dark.scss';
-@import 'h-scroll/bootstrap5-dark.scss';
-@import 'v-scroll/bootstrap5-dark.scss';
-@import 'toolbar/bootstrap5-dark.scss';
-@import 'accordion/bootstrap5-dark.scss';
-@import 'carousel/bootstrap5-dark.scss';
-@import 'context-menu/bootstrap5-dark.scss';
-@import 'tab/bootstrap5-dark.scss';
-@import 'treeview/bootstrap5-dark.scss';
-@import 'sidebar/bootstrap5-dark.scss';
-@import 'menu/bootstrap5-dark.scss';
-@import 'breadcrumb/bootstrap5-dark.scss';
-@import 'appbar/bootstrap5-dark.scss';
-@import 'stepper/bootstrap5-dark.scss';
+@use 'pager/bootstrap5-dark' as *;
+@use 'h-scroll/bootstrap5-dark' as *;
+@use 'v-scroll/bootstrap5-dark' as *;
+@use 'toolbar/bootstrap5-dark' as *;
+@use 'accordion/bootstrap5-dark' as *;
+@use 'carousel/bootstrap5-dark' as *;
+@use 'context-menu/bootstrap5-dark' as *;
+@use 'tab/bootstrap5-dark' as *;
+@use 'treeview/bootstrap5-dark' as *;
+@use 'sidebar/bootstrap5-dark' as *;
+@use 'menu/bootstrap5-dark' as *;
+@use 'breadcrumb/bootstrap5-dark' as *;
+@use 'appbar/bootstrap5-dark' as *;
+@use 'stepper/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bootstrap5-lite.scss';
+@use 'ej2-navigations/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/bootstrap5.3-lite.scss';
+@use 'ej2-navigations/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1,14 +1,14 @@
-@import 'pager/bootstrap5.3.scss';
-@import 'h-scroll/bootstrap5.3.scss';
-@import 'v-scroll/bootstrap5.3.scss';
-@import 'toolbar/bootstrap5.3.scss';
-@import 'accordion/bootstrap5.3.scss';
-@import 'carousel/bootstrap5.3.scss';
-@import 'context-menu/bootstrap5.3.scss';
-@import 'tab/bootstrap5.3.scss';
-@import 'treeview/bootstrap5.3.scss';
-@import 'sidebar/bootstrap5.3.scss';
-@import 'menu/bootstrap5.3.scss';
-@import 'breadcrumb/bootstrap5.3.scss';
-@import 'appbar/bootstrap5.3.scss';
-@import 'stepper/bootstrap5.3.scss';
+@use 'pager/bootstrap5.3' as *;
+@use 'h-scroll/bootstrap5.3' as *;
+@use 'v-scroll/bootstrap5.3' as *;
+@use 'toolbar/bootstrap5.3' as *;
+@use 'accordion/bootstrap5.3' as *;
+@use 'carousel/bootstrap5.3' as *;
+@use 'context-menu/bootstrap5.3' as *;
+@use 'tab/bootstrap5.3' as *;
+@use 'treeview/bootstrap5.3' as *;
+@use 'sidebar/bootstrap5.3' as *;
+@use 'menu/bootstrap5.3' as *;
+@use 'breadcrumb/bootstrap5.3' as *;
+@use 'appbar/bootstrap5.3' as *;
+@use 'stepper/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1,14 +1,14 @@
-@import 'pager/bootstrap5.scss';
-@import 'h-scroll/bootstrap5.scss';
-@import 'v-scroll/bootstrap5.scss';
-@import 'toolbar/bootstrap5.scss';
-@import 'accordion/bootstrap5.scss';
-@import 'carousel/bootstrap5.scss';
-@import 'context-menu/bootstrap5.scss';
-@import 'tab/bootstrap5.scss';
-@import 'treeview/bootstrap5.scss';
-@import 'sidebar/bootstrap5.scss';
-@import 'menu/bootstrap5.scss';
-@import 'breadcrumb/bootstrap5.scss';
-@import 'appbar/bootstrap5.scss';
-@import 'stepper/bootstrap5.scss';
+@use 'pager/bootstrap5' as *;
+@use 'h-scroll/bootstrap5' as *;
+@use 'v-scroll/bootstrap5' as *;
+@use 'toolbar/bootstrap5' as *;
+@use 'accordion/bootstrap5' as *;
+@use 'carousel/bootstrap5' as *;
+@use 'context-menu/bootstrap5' as *;
+@use 'tab/bootstrap5' as *;
+@use 'treeview/bootstrap5' as *;
+@use 'sidebar/bootstrap5' as *;
+@use 'menu/bootstrap5' as *;
+@use 'breadcrumb/bootstrap5' as *;
+@use 'appbar/bootstrap5' as *;
+@use 'stepper/bootstrap5' as *;

package/styles/breadcrumb/bds.scss

@@ -1 +1 @@
-@import 'ej2-navigations/styles/breadcrumb/bds.scss';
+@use 'ej2-navigations/styles/breadcrumb/bds' as *;