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

Comparing version 26.1.35 to 26.2.4

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

 /*!
 *  filename: ej2-vue-base.umd.min.js
-*  version : 26.1.35
+*  version : 26.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","vue","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.Vue,e.ej2Base)}(this,function(e,t,N){"use strict";function n(e){return k?M.extend(e):M.defineComponent(e)}var t=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[""+n]=e[""+n]);return t.default=e,t}(t),k=!(2<parseInt(t.version,10)),M=k?t.default.default||t.default:t,t=t.h,s=n({name:"ComponentBase",data:function(){return{tagMapper:{},tagNameMapper:{},hasInjectedModules:!1,hasChildDirective:!1,childDirObjects:"",propKeys:{},isDecorator:!1}},created:function(){var n=this;if(this.ej2Instance&&(this.ej2Instances=this.isVue3?M.toRaw(this.ej2Instance):this.ej2Instance),this.propKeys){for(var e=this,t=0,s=this.propKeys;t<s.length;t++)!function(t){e.ej2Instances.addEventListener(t,function(e){n.$emit(t,e)})}(s[t]);var r=N.getValue("$root.$options.provide",this),a=N.getValue("$parent.$options.provide",this),a=N.isNullOrUndefined(a)?N.getValue("$.parent.provides",this):a;if(this.hasInjectedModules&&!k){var i=[];r&&r.managed?(this.isDecorator=!0,i=this.getInjectedServices()||[]):r?i=r[this.ej2Instances.getModuleName()]||[]:a&&(i=this.getInjectedServices()||[]);for(var o=0,p=this.ej2Instances.getInjectedModules()||[];o<p.length;o++){var l=p[o];-1===i.indexOf(l)&&i.push(l)}this.ej2Instances.injectedModules=i}}},mounted:function(){var e=this.$el?this.$el.querySelectorAll("div.e-directive"):null;if(!k&&e)for(var t=0;t<e.length;t++){var n=e[parseInt(t.toString(),10)];n.parentElement&&n.parentElement.removeChild(n)}this.ej2Instances.isVue=!0,this.ej2Instances.isVue3=this.isVue3,(this.ej2Instances.vueInstance=this).isVue3&&(this.ej2Instances.ej2Instances=this.ej2Instances,this.ej2Instances.referModels=this.models,this.setModelValue()),this.ej2Instances.appendTo(this.$el)},updated:function(){this.updated()},beforeDestroy:function(){this.destroyComponent()},beforeUnmount:function(){this.destroyComponent()},methods:{setModelValue:function(){var e;N.isNullOrUndefined(this.modelValue)&&N.isNullOrUndefined(this.$attrs.modelValue)||(e=(this.models.toString().match(/checked|value/)||[])[0],N.isNullOrUndefined(e))||(this.ej2Instances[""+e]=(N.isNullOrUndefined(this.modelValue)?this.$attrs:this).modelValue)},updated:function(){var e,t;this.isVue3&&this.setModelValue(),this.hasChildDirective&&(this.fetchChildPropValues(e={}),t=JSON.stringify(e),this.childDirObjects!==t)&&(this.childDirObjects=t,this.assignValueToWrapper(e,!1))},getInjectedServices:function(){var e,t=[];if(this.$root&&this.isDecorator?e=N.getValue("$root.$options.provide",this):this.$vnode?e=N.getValue("$vnode.context.$options.provide",this):this.$parent&&(e=N.getValue("$parent.$options.provide",this)),e=N.isNullOrUndefined(e)&&!N.isNullOrUndefined(this.$)?N.getValue("$.parent.provides",this):e){var n=e;if("function"==typeof e)if(e.managed){var s=e.managed,r=Object.keys(s),a=void 0;this.$root&&this.isDecorator?a=Object.keys(this.$root):this.$vnode?a=Object.keys(this.$vnode.context):this.$parent&&(a=Object.keys(this.$parent));for(var i=0;i<r.length;i++)for(var o=0;o<a.length;o++)-1!==a[parseInt(o.toString(),10)].indexOf(r[parseInt(i.toString(),10)])&&(this.$root&&this.isDecorator?s[r[parseInt(o.toString(),10)]]=this.$root[a[parseInt(i.toString(),10)]]:this.$vnode?s[r[parseInt(i.toString(),10)]]=this.$vnode.context[a[parseInt(o.toString(),10)]]:this.$parent&&(s[r[parseInt(i.toString(),10)]]=this.$parent[a[parseInt(o.toString(),10)]]),n=s)}else this.$vnode?n=this.$vnode.context.$options.provide():this.$parent&&(n=this.$parent.$options.provide());t=n[this.ej2Instances.getModuleName()]||[]}return this.isDecorator=!1,t},destroyComponent:function(){this.ej2Instances.destroy(),this.$el.style.visibility="hidden",this.destroyPortals()},destroyPortals:function(){if(this.portals){for(var e=0,t=this.portals;e<t.length;e++)for(var n=t[e],s=n.classList.contains("e-control")?[n]:n.getElementsByClassName("e-control"),r=0;r<s.length;r++){var a=s[parseInt(r.toString(),10)];a.ej2_instances&&a.ej2_instances[0]&&(a.ej2_instances[0].destroy(),r--)}this.portals=null}},bindProperties:function(){for(var e={},t=0,n=this.propKeys;t<n.length;t++){var s=n[t];N.isNullOrUndefined(this[""+s])?!this[0]||N.isNullOrUndefined(this[0][0])||N.isNullOrUndefined(this[0][0][""+s])||(e[""+s]=this[0][0][""+s]):e[""+s]=this[""+s]}if(this.hasChildDirective&&this.fetchChildPropValues(e),this.hasInjectedModules){for(var r=this.getInjectedServices()||[],a=0,i=this.ej2Instances.getInjectedModules()||[];a<i.length;a++){var o=i[a];-1===r.indexOf(o)&&r.push(o)}this.ej2Instances.injectedModules=r}this.assignValueToWrapper(e)},assignValueToWrapper:function(e,t){this.ej2Instances.setProperties(N.extend({},{},e,!0),!!N.isNullOrUndefined(t)||t)},fetchChildPropValues:function(e){var t={};if(this.isVue3){var n=void 0;if(this[0]&&this[0][1].slots.default?n=this[0][1].slots.default():this&&this.$&&this.$.slots&&this.$.slots.default&&(n=this.$.slots.default()),!n)return;for(var s,r,a,i,o=0;o<n.length;o++)!n[parseInt(o.toString(),10)].type.methods&&"e-seriescollection"!==n[parseInt(o.toString(),10)].type||(s="e-seriescollection"===n[parseInt(o.toString(),10)].type?"series-collection":n[parseInt(o.toString(),10)].type.methods.getTag().replace("e-",""),r=this.resolveArrayDirectives(n[parseInt(o.toString(),10)].children,s),i=s.split("-"),a=this.ej2Instances.getModuleName().toLowerCase(),i=(i=1<i.length&&-1<a.indexOf(i[0])?i[1]:i[0]).replace(a,""),i=this.tagNameMapper["e-"+s]?this.tagNameMapper["e-"+s].replace("e-",""):i,"splitter"===a&&"panes"===i?i="paneSettings":"bulletchart"===a&&"range"===i?i="ranges":"schedule"===a&&"header"===i&&(i="headerRows"),t[""+i]=r[""+s])}else t=this.getDirectiveValues(this.$slots.default,this.tagMapper||{},this.tagNameMapper||{});this.childDirObjects||(this.childDirObjects=JSON.stringify(t));for(var p=0,l=Object.keys(t);p<l.length;p++){var c=l[p];e[""+c]=t[""+c]}},resolveArrayDirectives:function(e,a){var i,t=[];t=(t=e.default?e.default():e).flatMap(function(e){return Array.isArray(e.children)?e.children:e});for(var o={},p=(o[""+a]=[],this),n=0,s=t;n<s.length;n++)!function(n){var s={},e=n.type.methods?n.type.methods.getTag():a;if(n.children){var t;if((i=p.resolveComplexDirs(n.children,p.tagMapper["e-"+a],e)).length)s=i;else for(var r=0;r<Object.keys(i).length;r++)t=Object.keys(i)[parseInt(r.toString(),10)],s[""+t]=i[""+t]}n.props&&Object.keys(n.props).forEach(function(e){var t=e.replace(/-[a-z]/g,function(e){return e[1].toUpperCase()});t&&(s[""+t]=n.props[""+e])}),/[s]\b/.test(e)&&i&&(!/[s]\b/.test(a)||i.length)?Array.isArray(s)?s.forEach(function(e){o[""+a].push(e)}):o[""+a].push(s):s&&0!==Object.keys(s).length&&o[""+a].push(s)}(s[n]);return o},resolveComplexDirs:function(e,n,s){for(var r,a=[],a=e.default?e.default():e,i={},o=this,t=0,p=a;t<p.length;t++)!function(t){var e=void 0;n[""+s]&&(e=(e=Object.keys(n[""+s]).find(function(e){return n[""+s][""+e]===t.type.methods.getTag().replace(/[s]\b/,"")}))||t.type.methods.getTag(),e=(o.tagNameMapper[""+e]||e).replace("e-",""),"diagram"===o.ej2Instances.getModuleName().toLowerCase())&&-1!==e.indexOf("annotations")&&(e="annotations"),t.children&&(r=o.resolveComplexInnerDirs(t.children,n[""+s],t.type.methods.getTag()),i[""+e]||(i[""+e]=[]),1<r.length?i[""+e]=r:i[""+e].push(r)),t.props&&(t.props=o.getCamelCaseProps(t.props)),1<a.length?(i=0!==Object.keys(i).length||i.length?i:[],t.props&&i.push(t.props)):i=t.props?Object.assign(i,t.props):i}(p[t]);return i},resolveComplexInnerDirs:function(e,t,n){for(var s,r=1<(s=e.default?e.default():e).length?[]:{},a=0,i=s;a<i.length;a++){var o=i[a],p=null,l=o.type.methods.getTag(),l=(this.tagNameMapper[""+l]||l).replace("e-","");o.children&&(p=this.resolveMultilevelComplexInnerDirs(o.children,t[""+n],o.type.methods.getTag()),/[s]\b/.test(l)||1<s.length?/[s]\b/.test(l)?(r[""+l]=r[""+l]||[],p.length?r[""+l]=p:r[""+l].push(p)):p&&!o.props&&r.push(p):r=p||r),o.props&&(o.props=this.getCamelCaseProps(o.props)),1<s.length&&o.props?p?(p=o.props?Object.assign(p,o.props):p,r.push(p)):0<=r.length?r.push(o.props):r=o.props?Object.assign(r,o.props):r:r=o.props?Object.assign(r,o.props):r}return r},resolveMultilevelComplexInnerDirs:function(e,t,n){for(var s=1<(e=e.default?e.default():e).length?[]:{},r=0,a=e;r<a.length;r++){var i=a[r],o=null,p=i.type.methods.getTag(),p=(this.tagNameMapper[""+p]||p).replace("e-","");i.children&&(o=this.resolveComplexInnerDirs(i.children,t[""+n],i.type.methods.getTag())),i.props&&(i.props=this.getCamelCaseProps(i.props)),/[s]\b/.test(p)?(s[""+p]=s[""+p]||[],o.length?s[""+p]=o:s[""+p].push(o),i.props&&s[""+p].push(i.props)):(s=o,s=i.props?Object.assign(s,i.props):s)}return s},getDirectiveValues:function(e,t,n){var s=Object.keys(t),r={};if(e)for(var a=0,i=e;a<i.length;a++){var o=i[a],p=o.componentOptions;if(p&&p.children&&this.getTagName(p)||"e-seriescollection"===o.tag&&o.children){var l=p?this.getTagName(p):o.tag;if(-1!==s.indexOf(l="e-seriescollection"===l?"e-seriesCollection":l)){var c=n[""+l]||l;r[c.replace("e-","")]=[];for(var h=0,d=(p||o).children;h<d.length;h++){var u=d[h],u=this.getVNodeValue(u,t[""+l],n);0!==Object.keys(u).length&&r[c.replace("e-","")].push(u)}}}}return r},getMultiLevelDirValue:function(e,t,n){for(var s={},r=0,a=e;r<a.length;r++){var i=a[r],o=void 0,p=void 0;if(i.componentOptions?(o=this.getTagName(i.componentOptions),i.componentOptions.children&&(p=i.componentOptions.children)):"e-markersettings"!==i.tag&&"e-markersetting"!==i.tag||!i.children||(o="e-markersettings"===i.tag?"e-markerSettings":"e-markerSetting",p=i.children),o){var l=n[""+o]||o;if(s[l.replace("e-","")]=[],p)for(var c=0,h=p;c<h.length;c++){var d=h[c],d=this.getVNodeValue(d,t[""+o],n);0!==Object.keys(d).length&&s[l.replace("e-","")].push(d)}}}return s},getVNodeValue:function(e,t,n){var s,r,a={};return(e.componentOptions||("e-markersettings"===e.tag||"e-markersetting"===e.tag)&&e.context)&&(s=void 0,s=e.componentOptions?this.getTagName(e.componentOptions):"e-markersettings"===e.tag?"e-markerSettings":"e-markerSetting",r=e.data,"string"==typeof t&&s===t&&r?a=r.attrs?this.getCamelCaseProps(r.attrs):this.getCamelCaseProps(r):"object"==typeof t&&(e.componentOptions.children&&-1!==Object.keys(t).indexOf(s)?a=this.getMultiLevelDirValue(e.componentOptions.children,t[""+s],n):!e.children||-1===Object.keys(t).indexOf(s)||"e-markersettings"!==s&&"e-markersetting"!==s||(a=this.getMultiLevelDirValue(e.children,t[""+s],n)),r)&&r.attrs&&(a=N.extend(a,this.getCamelCaseProps(r.attrs)))),a},getCamelCaseProps:function(e){for(var t={},n=0,s=Object.keys(e);n<s.length;n++){var r=s[n];t[r.replace(/-[a-z]/g,function(e){return e[1].toUpperCase()})]=e[""+r]}return t},dataBind:function(){this.ej2Instances.dataBind()},setProperties:function(e,t){return this.ej2Instances.setProperties(e,t)},getTagName:function(e){var t=e.tag,n=e.Ctor;return t=!t&&n&&n.extendOptions&&n.extendOptions.methods&&n.extendOptions.methods.getTag?e.Ctor.extendOptions.methods.getTag():t}}});k||N.setProxyToRaw(M.toRaw);var S=function(){return(S=Object.assign||function(e){for(var t,n=1,s=arguments.length;n<s;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},T=N.getTemplateEngine();function r(x,V){var D=this;return function(e,t,n,s,r){var a;if(t){var i=t.vueInstance&&t.vueInstance.plugins?{plugins:t.vueInstance.plugins}:{},o=t.vueInstance||(r&&r.vueInstance?r.vueInstance:null),p=N.getUniqueID("templateParentDiv"),l=N.getUniqueID("templateDiv"),p=N.createElement("div",{id:p,innerHTML:'<div id="'+l+'"></div>'});if(document.body.appendChild(p),!k&&("string"==typeof x||x.prototype&&x.prototype.CSPTemplate&&"function"==typeof x)){var c=function(e,t,n){if(e||n&&n.vueInstance)return function e(t,n){{if(t&&t[""+n])return t;if(t&&t.default){var s=t.default();s=s.flatMap(function(e){return Array.isArray(e.children)?e.children:e});for(var r=0;r<s.length;r++){var a=e(s[parseInt(r.toString(),10)].children,n);if(a)return a}}}return}((n&&n.vueInstance?n.vueInstance:e).$slots,t)}(t.vueInstance,x,r);if(!c)return N.detach(p),T(x,V)(e);var h=M.createVNode({render:function(){return c[""+x]({data:e})}},i);p.innerHTML="",P(h,t.vueInstance,r),M.render(h,p),o&&(o.portals||(o.portals=[]),(a=o.portals).push.apply(a,[].slice.call(p.children))),a=p.childNodes}else if(k)if("string"==typeof x||x.prototype&&x.prototype.CSPTemplate&&"function"==typeof x){var d=function(e,t,n){if(e||n&&n.vueInstance)return function e(t,n){if(!t)return;var s=t.$slots;var r=t.$scopedSlots;var a=t.scopedSlots;var i=t.children;{if(r&&r[""+n])return r;if(s&&s.default){for(var o=s.default,p=0;p<o.length;p++)if(l=e(_(o[parseInt(p.toString(),10)]),n))return l}else{if(a&&a[""+n])return a;if(i)for(var l,p=0;p<i.length;p++)if(l=e(_(i[parseInt(p.toString(),10)]),n))return l}}return}(n&&n.vueInstance?n.vueInstance:e,t)}(t.vueInstance,x,r);if(!d)return N.detach(p),T(x,V)(e);var u={},g=function(e){e.$parent&&g(e.$parent),e._provided&&0<Object.keys(e._provided).length&&(u=S({},u,e._provided))},f=t.vueInstance||(r&&r.vueInstance?r.vueInstance:null);f&&g(f),new M({provide:S({},u),render:function(){return d[""+x]({data:e})}}).$mount("#"+l),f&&(f.portals||(f.portals=[]),(f=f.portals).push.apply(f,[].slice.call(p.children))),a=p.childNodes}else{var f=(I=x.call(D,{})).template,v=N.getValue("template.propsData",I),m={data:{data:N.extend(I.data||{},e)},parent:t.vueInstance};v&&(f=I.template.extends,m.propsData=v),(f="function"!=typeof f?M.extend(f):f).options.setup&&(m.propsData=Object.assign(m.propsData||{},e)),new f(m).$mount("#"+l),o&&(o.portals||(o.portals=[]),(f=o.portals).push.apply(f,[].slice.call(p.children))),a=p.childNodes,t.vueInstance&&(($=t.vueInstance.templateCollection)||(t.vueInstance.templateCollection={},$=t.vueInstance.templateCollection),n)&&($[""+n]||($[""+n]=[]),$[""+n].push(a[0]))}else{var I,j,m=I=x.call(D,{}),v=N.getValue("template.propsData",I),y={data:{data:N.extend(I.data||{},e)},parent:t.vueInstance},O=(m.template||(m.template=m[Object.keys(m)[0]]),void 0);if(m.template.extends?O=m.template.extends._context.components.template:(O=m.template._context.components[x.name])||(l=Object.keys(m.template._context.components)[0],O=m.template._context.components[""+l]),v)j=O.setup?Object.assign({},v):Object.assign(O.data(),v);else if(j=O.setup?Object.assign({},y.data):Object.assign(O.data(),y.data),O.components)for(var b=0,C=Object.keys(O.components)||[];b<C.length;b++)!function(e){var t=O.components[""+e];t&&t.data&&(t.__data||(t.__data=t.data),t.data=function(e){return Object.assign(t.__data.call(e),y.data)})}(C[b]);O.setup&&(i=Object.assign(i,e)),O.data=function(){return j};var $,h=M.createVNode(O,i);p.innerHTML="",P(h,t.vueInstance,r),M.render(h,p),o&&(o.portals||(o.portals=[]),(f=o.portals).push.apply(f,[].slice.call(p.children))),a=p.childNodes,t.vueInstance&&(($=t.vueInstance.templateCollection)||(t.vueInstance.templateCollection={},$=t.vueInstance.templateCollection),n)&&($[""+n]||($[""+n]=[]),$[""+n].push(a[0]))}N.detach(p)}return a||[]}}function P(e,t,n){var s,r,t=t||(n&&n.vueInstance?n.vueInstance:null);t&&(e.appContext=t.$.appContext,s={},(r=function(e){e.$&&e.$.parent&&r(e.$.parent),e.provides&&0<Object.keys(e.provides).length&&(s=S({},s,e.provides))})(t),e.appContext.provides)&&(e.appContext.provides=S({},e.appContext.provides,s))}function _(e){var t=e.componentOptions&&e.componentOptions.children?e.componentOptions:e.data||"e-markersettings"!==e.tag&&"e-markersetting"!==e.tag?e.data:e;return e.componentInstance||t}N.setTemplateEngine({compile:r}),e.ComponentBase=s,e.aVue=M,e.compile=r,e.getProps=function(n){if((n=void 0===n?{}:n).props)for(var e=0,t=n.props;e<t.length;e++)!function(t){(n.newprops||(n.newprops={}))[""+t]={},(n.watch||(n.watch={}))[""+t]=function(e){this.ej2Instances[""+t]=e,this.dataBind&&"DateRangePickerComponent"!==n.name&&this.dataBind()}}(t[e]);return[n.newprops,n.watch]},e.gh=t,e.isExecute=k,e.vueDefineComponent=n,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","vue","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.Vue,e.ej2Base)}(this,function(e,t,M){"use strict";function n(e){return k?N.extend(e):N.defineComponent(e)}var t=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[""+n]=e[""+n]);return t.default=e,t}(t),k=!(2<parseInt(t.version,10)),N=k?t.default.default||t.default:t,t=t.h,s=n({name:"ComponentBase",data:function(){return{tagMapper:{},tagNameMapper:{},hasInjectedModules:!1,hasChildDirective:!1,childDirObjects:"",propKeys:{},isDecorator:!1}},created:function(){var n=this;if(this.ej2Instance&&(this.ej2Instances=this.isVue3?N.toRaw(this.ej2Instance):this.ej2Instance),this.propKeys){for(var e=this,t=0,s=this.propKeys;t<s.length;t++)!function(t){e.ej2Instances.addEventListener(t,function(e){n.$emit(t,e)})}(s[t]);var r=M.getValue("$root.$options.provide",this),i=M.getValue("$parent.$options.provide",this),i=M.isNullOrUndefined(i)?M.getValue("$.parent.provides",this):i;if(this.hasInjectedModules&&!k){var a=[];r&&r.managed?(this.isDecorator=!0,a=this.getInjectedServices()||[]):r?a=r[this.ej2Instances.getModuleName()]||[]:i&&(a=this.getInjectedServices()||[]);for(var o=0,p=this.ej2Instances.getInjectedModules()||[];o<p.length;o++){var l=p[o];-1===a.indexOf(l)&&a.push(l)}this.ej2Instances.injectedModules=a}}},mounted:function(){var e=this.$el?this.$el.querySelectorAll("div.e-directive"):null;if(!k&&e)for(var t=0;t<e.length;t++){var n=e[parseInt(t.toString(),10)];n.parentElement&&n.parentElement.removeChild(n)}this.ej2Instances.isVue=!0,this.ej2Instances.isVue3=this.isVue3,(this.ej2Instances.vueInstance=this).isVue3&&(this.ej2Instances.ej2Instances=this.ej2Instances,this.ej2Instances.referModels=this.models,this.setModelValue()),this.ej2Instances.appendTo(this.$el)},updated:function(){this.updated()},beforeDestroy:function(){this.destroyComponent()},beforeUnmount:function(){this.destroyComponent()},methods:{setModelValue:function(){var e;M.isNullOrUndefined(this.modelValue)&&M.isNullOrUndefined(this.$attrs.modelValue)||(e=(this.models.toString().match(/checked|value/)||[])[0],M.isNullOrUndefined(e))||(this.ej2Instances[""+e]=(M.isNullOrUndefined(this.modelValue)?this.$attrs:this).modelValue)},updated:function(){var e,t;this.isVue3&&this.setModelValue(),this.hasChildDirective&&(this.fetchChildPropValues(e={}),t=JSON.stringify(e),this.childDirObjects!==t)&&(this.childDirObjects=t,this.assignValueToWrapper(e,!1))},getInjectedServices:function(){var e,t=[];if(this.$root&&this.isDecorator?e=M.getValue("$root.$options.provide",this):this.$vnode?e=M.getValue("$vnode.context.$options.provide",this):this.$parent&&(e=M.getValue("$parent.$options.provide",this)),e=M.isNullOrUndefined(e)&&!M.isNullOrUndefined(this.$)?M.getValue("$.parent.provides",this):e){var n=e;if("function"==typeof e)if(e.managed){var s=e.managed,r=Object.keys(s),i=void 0;this.$root&&this.isDecorator?i=Object.keys(this.$root):this.$vnode?i=Object.keys(this.$vnode.context):this.$parent&&(i=Object.keys(this.$parent));for(var a=0;a<r.length;a++)for(var o=0;o<i.length;o++)-1!==i[parseInt(o.toString(),10)].indexOf(r[parseInt(a.toString(),10)])&&(this.$root&&this.isDecorator?s[r[parseInt(o.toString(),10)]]=this.$root[i[parseInt(a.toString(),10)]]:this.$vnode?s[r[parseInt(a.toString(),10)]]=this.$vnode.context[i[parseInt(o.toString(),10)]]:this.$parent&&(s[r[parseInt(a.toString(),10)]]=this.$parent[i[parseInt(o.toString(),10)]]),n=s)}else this.$vnode?n=this.$vnode.context.$options.provide():this.$parent&&(n=this.$parent.$options.provide());t=n[this.ej2Instances.getModuleName()]||[]}return this.isDecorator=!1,t},destroyComponent:function(){this.ej2Instances.destroy(),this.$el.style.visibility="hidden",this.clearTemplate()},destroyPortals:function(e){if(e){if(M.getValue("__vue__.$destroy",e))e.__vue__.$destroy();else if(!k&&e._vnode)try{N.render(null,e)}catch(e){}e.innerHTML&&(e.innerHTML="")}},bindProperties:function(){for(var e={},t=0,n=this.propKeys;t<n.length;t++){var s=n[t];M.isNullOrUndefined(this[""+s])?!this[0]||M.isNullOrUndefined(this[0][0])||M.isNullOrUndefined(this[0][0][""+s])||(e[""+s]=this[0][0][""+s]):e[""+s]=this[""+s]}if(this.hasChildDirective&&this.fetchChildPropValues(e),this.hasInjectedModules){for(var r=this.getInjectedServices()||[],i=0,a=this.ej2Instances.getInjectedModules()||[];i<a.length;i++){var o=a[i];-1===r.indexOf(o)&&r.push(o)}this.ej2Instances.injectedModules=r}this.assignValueToWrapper(e)},assignValueToWrapper:function(e,t){this.ej2Instances.setProperties(M.extend({},{},e,!0),!!M.isNullOrUndefined(t)||t)},fetchChildPropValues:function(e){var t={};if(this.isVue3){var n=void 0;if(this[0]&&this[0][1].slots.default?n=this[0][1].slots.default():this&&this.$&&this.$.slots&&this.$.slots.default&&(n=this.$.slots.default()),!n)return;for(var s,r,i,a,o=0;o<n.length;o++)!n[parseInt(o.toString(),10)].type.methods&&"e-seriescollection"!==n[parseInt(o.toString(),10)].type||(s="e-seriescollection"===n[parseInt(o.toString(),10)].type?"series-collection":n[parseInt(o.toString(),10)].type.methods.getTag().replace("e-",""),r=this.resolveArrayDirectives(n[parseInt(o.toString(),10)].children,s),a=s.split("-"),i=this.ej2Instances.getModuleName().toLowerCase(),a=(a=1<a.length&&-1<i.indexOf(a[0])?a[1]:a[0]).replace(i,""),a=this.tagNameMapper["e-"+s]?this.tagNameMapper["e-"+s].replace("e-",""):a,"splitter"===i&&"panes"===a?a="paneSettings":"bulletchart"===i&&"range"===a?a="ranges":"schedule"===i&&"header"===a&&(a="headerRows"),t[""+a]=r[""+s])}else t=this.getDirectiveValues(this.$slots.default,this.tagMapper||{},this.tagNameMapper||{});this.childDirObjects||(this.childDirObjects=JSON.stringify(t));for(var p=0,l=Object.keys(t);p<l.length;p++){var c=l[p];e[""+c]=t[""+c]}},resolveArrayDirectives:function(e,i){var a,t=[];t=(t=e.default?e.default():e).flatMap(function(e){return Array.isArray(e.children)?e.children:e});for(var o={},p=(o[""+i]=[],this),n=0,s=t;n<s.length;n++)!function(n){var s={},e=n.type.methods?n.type.methods.getTag():i;if(n.children){var t;if((a=p.resolveComplexDirs(n.children,p.tagMapper["e-"+i],e)).length)s=a;else for(var r=0;r<Object.keys(a).length;r++)t=Object.keys(a)[parseInt(r.toString(),10)],s[""+t]=a[""+t]}n.props&&Object.keys(n.props).forEach(function(e){var t=e.replace(/-[a-z]/g,function(e){return e[1].toUpperCase()});t&&(s[""+t]=n.props[""+e])}),/[s]\b/.test(e)&&a&&(!/[s]\b/.test(i)||a.length)?Array.isArray(s)?s.forEach(function(e){o[""+i].push(e)}):o[""+i].push(s):s&&0!==Object.keys(s).length&&o[""+i].push(s)}(s[n]);return o},resolveComplexDirs:function(e,n,s){for(var r,i=[],i=e.default?e.default():e,a={},o=this,t=0,p=i;t<p.length;t++)!function(t){var e=void 0;n[""+s]&&(e=(e=Object.keys(n[""+s]).find(function(e){return n[""+s][""+e]===t.type.methods.getTag().replace(/[s]\b/,"")}))||t.type.methods.getTag(),e=(o.tagNameMapper[""+e]||e).replace("e-",""),"diagram"===o.ej2Instances.getModuleName().toLowerCase())&&-1!==e.indexOf("annotations")&&(e="annotations"),t.children&&(r=o.resolveComplexInnerDirs(t.children,n[""+s],t.type.methods.getTag()),a[""+e]||(a[""+e]=[]),1<r.length?a[""+e]=r:a[""+e].push(r)),t.props&&(t.props=o.getCamelCaseProps(t.props)),1<i.length?(a=0!==Object.keys(a).length||a.length?a:[],t.props&&a.push(t.props)):a=t.props?Object.assign(a,t.props):a}(p[t]);return a},resolveComplexInnerDirs:function(e,t,n){for(var s,r=1<(s=e.default?e.default():e).length?[]:{},i=0,a=s;i<a.length;i++){var o=a[i],p=null,l=o.type.methods.getTag(),l=(this.tagNameMapper[""+l]||l).replace("e-","");o.children&&(p=this.resolveMultilevelComplexInnerDirs(o.children,t[""+n],o.type.methods.getTag()),/[s]\b/.test(l)||1<s.length?/[s]\b/.test(l)?(r[""+l]=r[""+l]||[],p.length?r[""+l]=p:r[""+l].push(p)):p&&!o.props&&r.push(p):r=p||r),o.props&&(o.props=this.getCamelCaseProps(o.props)),1<s.length&&o.props?p?(p=o.props?Object.assign(p,o.props):p,r.push(p)):0<=r.length?r.push(o.props):r=o.props?Object.assign(r,o.props):r:r=o.props?Object.assign(r,o.props):r}return r},resolveMultilevelComplexInnerDirs:function(e,t,n){for(var s=1<(e=e.default?e.default():e).length?[]:{},r=0,i=e;r<i.length;r++){var a=i[r],o=null,p=a.type.methods.getTag(),p=(this.tagNameMapper[""+p]||p).replace("e-","");a.children&&(o=this.resolveComplexInnerDirs(a.children,t[""+n],a.type.methods.getTag())),a.props&&(a.props=this.getCamelCaseProps(a.props)),/[s]\b/.test(p)?(s[""+p]=s[""+p]||[],o.length?s[""+p]=o:s[""+p].push(o),a.props&&s[""+p].push(a.props)):(s=o,s=a.props?Object.assign(s,a.props):s)}return s},getDirectiveValues:function(e,t,n){var s=Object.keys(t),r={};if(e)for(var i=0,a=e;i<a.length;i++){var o=a[i],p=o.componentOptions;if(p&&p.children&&this.getTagName(p)||"e-seriescollection"===o.tag&&o.children){var l=p?this.getTagName(p):o.tag;if(-1!==s.indexOf(l="e-seriescollection"===l?"e-seriesCollection":l)){var c=n[""+l]||l;r[c.replace("e-","")]=[];for(var d=0,h=(p||o).children;d<h.length;d++){var u=h[d],u=this.getVNodeValue(u,t[""+l],n);0!==Object.keys(u).length&&r[c.replace("e-","")].push(u)}}}}return r},getMultiLevelDirValue:function(e,t,n){for(var s={},r=0,i=e;r<i.length;r++){var a=i[r],o=void 0,p=void 0;if(a.componentOptions?(o=this.getTagName(a.componentOptions),a.componentOptions.children&&(p=a.componentOptions.children)):"e-markersettings"!==a.tag&&"e-markersetting"!==a.tag||!a.children||(o="e-markersettings"===a.tag?"e-markerSettings":"e-markerSetting",p=a.children),o){var l=n[""+o]||o;if(s[l.replace("e-","")]=[],p)for(var c=0,d=p;c<d.length;c++){var h=d[c],h=this.getVNodeValue(h,t[""+o],n);0!==Object.keys(h).length&&s[l.replace("e-","")].push(h)}}}return s},getVNodeValue:function(e,t,n){var s,r,i={};return(e.componentOptions||("e-markersettings"===e.tag||"e-markersetting"===e.tag)&&e.context)&&(s=void 0,s=e.componentOptions?this.getTagName(e.componentOptions):"e-markersettings"===e.tag?"e-markerSettings":"e-markerSetting",r=e.data,"string"==typeof t&&s===t&&r?i=r.attrs?this.getCamelCaseProps(r.attrs):this.getCamelCaseProps(r):"object"==typeof t&&(e.componentOptions.children&&-1!==Object.keys(t).indexOf(s)?i=this.getMultiLevelDirValue(e.componentOptions.children,t[""+s],n):!e.children||-1===Object.keys(t).indexOf(s)||"e-markersettings"!==s&&"e-markersetting"!==s||(i=this.getMultiLevelDirValue(e.children,t[""+s],n)),r)&&r.attrs&&(i=M.extend(i,this.getCamelCaseProps(r.attrs)))),i},getCamelCaseProps:function(e){for(var t={},n=0,s=Object.keys(e);n<s.length;n++){var r=s[n];t[r.replace(/-[a-z]/g,function(e){return e[1].toUpperCase()})]=e[""+r]}return t},dataBind:function(){this.ej2Instances.dataBind()},setProperties:function(e,t){return this.ej2Instances.setProperties(e,t)},getTagName:function(e){var t=e.tag,n=e.Ctor;return t=!t&&n&&n.extendOptions&&n.extendOptions.methods&&n.extendOptions.methods.getTag?e.Ctor.extendOptions.methods.getTag():t}}});k||M.setProxyToRaw(N.toRaw);var S=function(){return(S=Object.assign||function(e){for(var t,n=1,s=arguments.length;n<s;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},T=M.getTemplateEngine();function r(x,V){var D=this;return function(e,t,n,s,r){var i;if(t){var a=t.vueInstance&&t.vueInstance.plugins?{plugins:t.vueInstance.plugins}:{},o=t.vueInstance||(r&&r.vueInstance?r.vueInstance:null),p=M.getUniqueID("templateParentDiv"),l=M.getUniqueID("templateDiv"),p=M.createElement("div",{id:p,innerHTML:'<div id="'+l+'"></div>'});if(document.body.appendChild(p),!k&&("string"==typeof x||x.prototype&&x.prototype.CSPTemplate&&"function"==typeof x)){var c=function(e,t,n){if(e||n&&n.vueInstance)return function e(t,n){{if(t&&t[""+n])return t;if(t&&t.default){var s=t.default();s=s.flatMap(function(e){return Array.isArray(e.children)?e.children:e});for(var r=0;r<s.length;r++){var i=e(s[parseInt(r.toString(),10)].children,n);if(i)return i}}}return}((n&&n.vueInstance?n.vueInstance:e).$slots,t)}(t.vueInstance,x,r);if(!c)return M.detach(p),T(x,V)(e);var d=N.createVNode({render:function(){return c[""+x]({data:e})}},a);p.innerHTML="",_(d,t.vueInstance,r),N.render(d,p),i=p.childNodes,o&&(($=o.templateCollection)||(o.templateCollection={},$=o.templateCollection),n)&&($[""+n]||($[""+n]=[]),$[""+n].push(p))}else if(k)if("string"==typeof x||x.prototype&&x.prototype.CSPTemplate&&"function"==typeof x){var h=function(e,t,n){if(e||n&&n.vueInstance)return function e(t,n){if(!t)return;var s=t.$slots;var r=t.$scopedSlots;var i=t.scopedSlots;var a=t.children;{if(r&&r[""+n])return r;if(s&&s.default){for(var o=s.default,p=0;p<o.length;p++)if(l=e(P(o[parseInt(p.toString(),10)]),n))return l}else{if(i&&i[""+n])return i;if(a)for(var l,p=0;p<a.length;p++)if(l=e(P(a[parseInt(p.toString(),10)]),n))return l}}return}(n&&n.vueInstance?n.vueInstance:e,t)}(t.vueInstance,x,r);if(!h)return M.detach(p),T(x,V)(e);var u={},f=function(e){e.$parent&&f(e.$parent),e._provided&&0<Object.keys(e._provided).length&&(u=S({},u,e._provided))},g=t.vueInstance||(r&&r.vueInstance?r.vueInstance:null);g&&f(g),new N({provide:S({},u),render:function(){return h[""+x]({data:e})}}).$mount("#"+l),i=p.childNodes,g&&(($=g.templateCollection)||(g.templateCollection={},$=g.templateCollection),n)&&($[""+n]||($[""+n]=[]),$[""+n].push(i[0]))}else{var g=(j=x.call(D,{})).template,v=M.getValue("template.propsData",j),m={data:{data:M.extend(j.data||{},e)},parent:t.vueInstance};v&&(g=j.template.extends,m.propsData=v),(g="function"!=typeof g?N.extend(g):g).options.setup&&(m.propsData=Object.assign(m.propsData||{},e)),new g(m).$mount("#"+l),i=p.childNodes,m.parent=null,o&&(($=o.templateCollection)||(o.templateCollection={},$=o.templateCollection),n)&&($[""+n]||($[""+n]=[]),$[""+n].push(i[0]))}else{var j,I,g=j=x.call(D,{}),v=M.getValue("template.propsData",j),y={data:{data:M.extend(j.data||{},e)},parent:t.vueInstance},O=(g.template||(g.template=g[Object.keys(g)[0]]),void 0);if(g.template.extends?O=g.template.extends._context.components.template:(O=g.template._context.components[x.name])||(l=Object.keys(g.template._context.components)[0],O=g.template._context.components[""+l]),v)I=O.setup?Object.assign({},v):Object.assign(O.data(),v);else if(I=O.setup?Object.assign({},y.data):Object.assign(O.data(),y.data),O.components)for(var C=0,b=Object.keys(O.components)||[];C<b.length;C++)!function(e){var t=O.components[""+e];t&&t.data&&(t.__data||(t.__data=t.data),t.data=function(e){return Object.assign(t.__data.call(e),y.data)})}(b[C]);O.setup&&(a=Object.assign(a,e)),O.data=function(){return I};var $,d=N.createVNode(O,a);p.innerHTML="",_(d,t.vueInstance,r),N.render(d,p),i=p.childNodes,y.parent=null,o&&(($=o.templateCollection)||(o.templateCollection={},$=o.templateCollection),n)&&($[""+n]||($[""+n]=[]),$[""+n].push(p))}M.detach(p)}return i||[]}}function _(e,t,n){var s,r,t=t||(n&&n.vueInstance?n.vueInstance:null);t&&(e.appContext=t.$.appContext,s={},(r=function(e){e.$&&e.$.parent&&r(e.$.parent),e.provides&&0<Object.keys(e.provides).length&&(s=S({},s,e.provides))})(t),e.appContext.provides)&&(e.appContext.provides=S({},e.appContext.provides,s))}function P(e){var t=e.componentOptions&&e.componentOptions.children?e.componentOptions:e.data||"e-markersettings"!==e.tag&&"e-markersetting"!==e.tag?e.data:e;return e.componentInstance||t}M.setTemplateEngine({compile:r}),e.ComponentBase=s,e.aVue=N,e.compile=r,e.getProps=function(n){if((n=void 0===n?{}:n).props)for(var e=0,t=n.props;e<t.length;e++)!function(t){(n.newprops||(n.newprops={}))[""+t]={},(n.watch||(n.watch={}))[""+t]=function(e){this.ej2Instances[""+t]=e,this.dataBind&&"DateRangePickerComponent"!==n.name&&this.dataBind()}}(t[e]);return[n.newprops,n.watch]},e.gh=t,e.isExecute=k,e.vueDefineComponent=n,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-base.umd.min.js.map

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

@@ -196,17 +196,19 @@ import * as Vue from 'vue';
             this.$el.style.visibility = 'hidden';
-            this.destroyPortals();
+            this.clearTemplate();
         },
-        destroyPortals() {
-            if (this.portals) {
-                for (const portal of this.portals) {
-                    const controls = portal.classList.contains('e-control') ? [portal] : portal.getElementsByClassName('e-control');
-                    for (let index = 0; index < controls.length; index++) {
-                        const control = controls[parseInt(index.toString(), 10)];
-                        if (control.ej2_instances && control.ej2_instances[0]) {
-                            control.ej2_instances[0].destroy();
-                            index--;
-                        }
+        destroyPortals(element) {
+            if (element) {
+                const destroy = getValue('__vue__.$destroy', element);
+                if (destroy) {
+                    element.__vue__.$destroy();
+                }
+                else if (!isExecute && element._vnode) {
+                    try {
+                        aVue.render(null, element);
                     }
+                    catch (e) { /* Handle error */ }
                 }
-                this.portals = null;
+                if (element.innerHTML) {
+                    element.innerHTML = '';
+                }
             }
@@ -635,9 +637,16 @@ },
                     aVue.render(app, ele);
+                    returnEle = ele.childNodes;
                     if (vueInstance) {
-                        if (!vueInstance['portals']) {
-                            vueInstance['portals'] = [];
+                        let templateInstance = vueInstance.templateCollection;
+                        if (!templateInstance) {
+                            vueInstance.templateCollection = {};
+                            templateInstance = vueInstance.templateCollection;
                         }
-                        vueInstance.portals.push(...[].slice.call(ele.children));
+                        if (propName) {
+                            if (!templateInstance[`${propName}`]) {
+                                templateInstance[`${propName}`] = [];
+                            }
+                            templateInstance[`${propName}`].push(ele);
+                        }
                     }
-                    returnEle = ele.childNodes;
                     detach(ele);
@@ -714,14 +723,9 @@ }
                 aVue.render(app, ele);
+                returnEle = ele.childNodes;
+                dataObj.parent = null;
                 if (vueInstance) {
-                    if (!vueInstance['portals']) {
-                        vueInstance['portals'] = [];
-                    }
-                    vueInstance.portals.push(...[].slice.call(ele.children));
-                }
-                returnEle = ele.childNodes;
-                if (context.vueInstance) {
-                    let templateInstance = context.vueInstance.templateCollection;
+                    let templateInstance = vueInstance.templateCollection;
                     if (!templateInstance) {
-                        context.vueInstance.templateCollection = {};
-                        templateInstance = context.vueInstance.templateCollection;
+                        vueInstance.templateCollection = {};
+                        templateInstance = vueInstance.templateCollection;
                     }
@@ -732,3 +736,3 @@ if (propName) {
                         }
-                        templateInstance[`${propName}`].push(returnEle[0]);
+                        templateInstance[`${propName}`].push(ele);
                     }
@@ -764,9 +768,16 @@ }
                     vueTemplate.$mount('#' + id);
+                    returnEle = ele.childNodes;
                     if (vueInstance) {
-                        if (!vueInstance['portals']) {
-                            vueInstance['portals'] = [];
+                        let templateInstance = vueInstance.templateCollection;
+                        if (!templateInstance) {
+                            vueInstance.templateCollection = {};
+                            templateInstance = vueInstance.templateCollection;
                         }
-                        vueInstance.portals.push(...[].slice.call(ele.children));
+                        if (propName) {
+                            if (!templateInstance[`${propName}`]) {
+                                templateInstance[`${propName}`] = [];
+                            }
+                            templateInstance[`${propName}`].push(returnEle[0]);
+                        }
                     }
-                    returnEle = ele.childNodes;
                     detach(ele);
@@ -803,14 +814,9 @@ }
                 templateVue.$mount('#' + id);
+                returnEle = ele.childNodes;
+                dataObj.parent = null;
                 if (vueInstance) {
-                    if (!vueInstance['portals']) {
-                        vueInstance['portals'] = [];
-                    }
-                    vueInstance.portals.push(...[].slice.call(ele.children));
-                }
-                returnEle = ele.childNodes;
-                if (context.vueInstance) {
-                    let templateInstance = context.vueInstance.templateCollection;
+                    let templateInstance = vueInstance.templateCollection;
                     if (!templateInstance) {
-                        context.vueInstance.templateCollection = {};
-                        templateInstance = context.vueInstance.templateCollection;
+                        vueInstance.templateCollection = {};
+                        templateInstance = vueInstance.templateCollection;
                     }
@@ -817,0 +823,0 @@ if (propName) {

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

@@ -203,18 +203,19 @@ import * as Vue from 'vue';
             this.$el.style.visibility = 'hidden';
-            this.destroyPortals();
+            this.clearTemplate();
         },
-        destroyPortals: function () {
-            if (this.portals) {
-                for (var _i = 0, _a = this.portals; _i < _a.length; _i++) {
-                    var portal = _a[_i];
-                    var controls = portal.classList.contains('e-control') ? [portal] : portal.getElementsByClassName('e-control');
-                    for (var index = 0; index < controls.length; index++) {
-                        var control = controls[parseInt(index.toString(), 10)];
-                        if (control.ej2_instances && control.ej2_instances[0]) {
-                            control.ej2_instances[0].destroy();
-                            index--;
-                        }
+        destroyPortals: function (element) {
+            if (element) {
+                var destroy = getValue('__vue__.$destroy', element);
+                if (destroy) {
+                    element.__vue__.$destroy();
+                }
+                else if (!isExecute && element._vnode) {
+                    try {
+                        aVue.render(null, element);
                     }
+                    catch (e) { /* Handle error */ }
                 }
-                this.portals = null;
+                if (element.innerHTML) {
+                    element.innerHTML = '';
+                }
             }
@@ -656,3 +657,2 @@ },
     return function (data, context, propName, element, root) {
-        var _a, _b, _c, _d;
         var returnEle;
@@ -683,9 +683,16 @@ if (context) {
                     aVue.render(app, ele);
+                    returnEle = ele.childNodes;
                     if (vueInstance) {
-                        if (!vueInstance['portals']) {
-                            vueInstance['portals'] = [];
+                        var templateInstance = vueInstance.templateCollection;
+                        if (!templateInstance) {
+                            vueInstance.templateCollection = {};
+                            templateInstance = vueInstance.templateCollection;
                         }
-                        (_a = vueInstance.portals).push.apply(_a, [].slice.call(ele.children));
+                        if (propName) {
+                            if (!templateInstance["" + propName]) {
+                                templateInstance["" + propName] = [];
+                            }
+                            templateInstance["" + propName].push(ele);
+                        }
                     }
-                    returnEle = ele.childNodes;
                     detach(ele);
@@ -766,14 +773,9 @@ }
                 aVue.render(app, ele);
+                returnEle = ele.childNodes;
+                dataObj_1.parent = null;
                 if (vueInstance) {
-                    if (!vueInstance['portals']) {
-                        vueInstance['portals'] = [];
-                    }
-                    (_b = vueInstance.portals).push.apply(_b, [].slice.call(ele.children));
-                }
-                returnEle = ele.childNodes;
-                if (context.vueInstance) {
-                    var templateInstance = context.vueInstance.templateCollection;
+                    var templateInstance = vueInstance.templateCollection;
                     if (!templateInstance) {
-                        context.vueInstance.templateCollection = {};
-                        templateInstance = context.vueInstance.templateCollection;
+                        vueInstance.templateCollection = {};
+                        templateInstance = vueInstance.templateCollection;
                     }
@@ -784,3 +786,3 @@ if (propName) {
                         }
-                        templateInstance["" + propName].push(returnEle[0]);
+                        templateInstance["" + propName].push(ele);
                     }
@@ -816,9 +818,16 @@ }
                     vueTemplate.$mount('#' + id);
+                    returnEle = ele.childNodes;
                     if (vueInstance_1) {
-                        if (!vueInstance_1['portals']) {
-                            vueInstance_1['portals'] = [];
+                        var templateInstance = vueInstance_1.templateCollection;
+                        if (!templateInstance) {
+                            vueInstance_1.templateCollection = {};
+                            templateInstance = vueInstance_1.templateCollection;
                         }
-                        (_c = vueInstance_1.portals).push.apply(_c, [].slice.call(ele.children));
+                        if (propName) {
+                            if (!templateInstance["" + propName]) {
+                                templateInstance["" + propName] = [];
+                            }
+                            templateInstance["" + propName].push(returnEle[0]);
+                        }
                     }
-                    returnEle = ele.childNodes;
                     detach(ele);
@@ -855,14 +864,9 @@ }
                 templateVue.$mount('#' + id);
+                returnEle = ele.childNodes;
+                dataObj.parent = null;
                 if (vueInstance) {
-                    if (!vueInstance['portals']) {
-                        vueInstance['portals'] = [];
-                    }
-                    (_d = vueInstance.portals).push.apply(_d, [].slice.call(ele.children));
-                }
-                returnEle = ele.childNodes;
-                if (context.vueInstance) {
-                    var templateInstance = context.vueInstance.templateCollection;
+                    var templateInstance = vueInstance.templateCollection;
                     if (!templateInstance) {
-                        context.vueInstance.templateCollection = {};
-                        templateInstance = context.vueInstance.templateCollection;
+                        vueInstance.templateCollection = {};
+                        templateInstance = vueInstance.templateCollection;
                     }
@@ -869,0 +873,0 @@ if (propName) {

dist/global/ej2-vue-base.min.js

 /*!
 *  filename: ej2-vue-base.min.js
-*  version : 26.1.35
+*  version : 26.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-this.ej=this.ej||{},this.ej.vuebase=function(e,t,n){"use strict";function s(e){if(void 0===e&&(e={}),e.props)for(var t=0,n=e.props;t<n.length;t++)!function(t){(e.newprops||(e.newprops={}))[""+t]={},(e.watch||(e.watch={}))[""+t]=function(n){this.ej2Instances[""+t]=n,this.dataBind&&"DateRangePickerComponent"!==e.name&&this.dataBind()}}(n[t]);return[e.newprops,e.watch]}function r(e,t){var s=this;return function(r,o,p,c,h){var g,f,v,j,y;if(o){var O=o.vueInstance&&o.vueInstance.plugins?{plugins:o.vueInstance.plugins}:{},C=o.vueInstance?o.vueInstance:h&&h.vueInstance?h.vueInstance:null,$=n.getUniqueID("templateParentDiv"),b=n.getUniqueID("templateDiv"),V=n.createElement("div",{id:$,innerHTML:'<div id="'+b+'"></div>'});if(document.body.appendChild(V),!d&&("string"==typeof e||e.prototype&&e.prototype.CSPTemplate&&"function"==typeof e)){var x=l(o.vueInstance,e,h);if(!x)return n.detach(V),I(e,t)(r);q=u.createVNode({render:function(){return x[""+e]({data:r})}},O);V.innerHTML="",a(q,o.vueInstance,h),u.render(q,V),C&&(C.portals||(C.portals=[]),(g=C.portals).push.apply(g,[].slice.call(V.children))),y=V.childNodes,n.detach(V)}else if(d)if("string"==typeof e||e.prototype&&e.prototype.CSPTemplate&&"function"==typeof e){var N=i(o.vueInstance,e,h);if(!N)return n.detach(V),I(e,t)(r);var D={},M=function(e){e.$parent&&M(e.$parent),e._provided&&Object.keys(e._provided).length>0&&(D=m({},D,e._provided))},k=o.vueInstance?o.vueInstance:h&&h.vueInstance?h.vueInstance:null;k&&M(k),new u({provide:m({},D),render:function(){return N[""+e]({data:r})}}).$mount("#"+b),k&&(k.portals||(k.portals=[]),(v=k.portals).push.apply(v,[].slice.call(V.children))),y=V.childNodes,n.detach(V)}else{var S=e.call(s,{}),T=S.template,P=n.getValue("template.propsData",S),_={data:{data:n.extend(S.data||{},r)},parent:o.vueInstance};if(P&&(T=S.template.extends,_.propsData=P),"function"!=typeof T&&(T=u.extend(T)),T.options.setup&&(_.propsData=Object.assign(_.propsData||{},r)),new T(_).$mount("#"+b),C&&(C.portals||(C.portals=[]),(j=C.portals).push.apply(j,[].slice.call(V.children))),y=V.childNodes,o.vueInstance){var w=o.vueInstance.templateCollection;w||(o.vueInstance.templateCollection={},w=o.vueInstance.templateCollection),p&&(w[""+p]||(w[""+p]=[]),w[""+p].push(y[0]))}n.detach(V)}else{var U=S=e.call(s,{}),P=n.getValue("template.propsData",S),E={data:{data:n.extend(S.data||{},r)},parent:o.vueInstance};U.template||(U.template=U[Object.keys(U)[0]]);var L=void 0;if(U.template.extends)L=U.template.extends._context.components.template;else if(!(L=U.template._context.components[e.name])){var A=Object.keys(U.template._context.components)[0];L=U.template._context.components[""+A]}var B;if(P)B=L.setup?Object.assign({},P):Object.assign(L.data(),P);else if(B=L.setup?Object.assign({},E.data):Object.assign(L.data(),E.data),L.components)for(var R=0,K=Object.keys(L.components)||[];R<K.length;R++)!function(e){var t=L.components[""+e];t&&t.data&&(t.__data||(t.__data=t.data),t.data=function(e){return Object.assign(t.__data.call(e),E.data)})}(K[R]);L.setup&&(O=Object.assign(O,r)),L.data=function(){return B};var q=u.createVNode(L,O);V.innerHTML="",a(q,o.vueInstance,h),u.render(q,V),C&&(C.portals||(C.portals=[]),(f=C.portals).push.apply(f,[].slice.call(V.children))),y=V.childNodes,o.vueInstance&&((w=o.vueInstance.templateCollection)||(o.vueInstance.templateCollection={},w=o.vueInstance.templateCollection),p&&(w[""+p]||(w[""+p]=[]),w[""+p].push(y[0]))),n.detach(V)}}return y||[]}}function a(e,t,n){var s=t||(n&&n.vueInstance?n.vueInstance:null);if(s){e.appContext=s.$.appContext;var r={},a=function(e){e.$&&e.$.parent&&a(e.$.parent),e.provides&&Object.keys(e.provides).length>0&&(r=m({},r,e.provides))};a(s),e.appContext.provides&&(e.appContext.provides=m({},e.appContext.provides,r))}}function i(e,t,n){if(e||n&&n.vueInstance)return o(n&&n.vueInstance?n.vueInstance:e,t)}function o(e,t){if(e){var n=e.$slots,s=e.$scopedSlots,r=e.scopedSlots,a=e.children;if(s&&s[""+t])return s;if(n&&n.default){for(var i=n.default,l=0;l<i.length;l++)if(c=o(p(i[parseInt(l.toString(),10)]),t))return c}else{if(r&&r[""+t])return r;if(a)for(l=0;l<a.length;l++){var c=o(p(a[parseInt(l.toString(),10)]),t);if(c)return c}}}}function p(e){var t=e.componentOptions&&e.componentOptions.children?e.componentOptions:e.data||"e-markersettings"!==e.tag&&"e-markersetting"!==e.tag?e.data:e;return e.componentInstance?e.componentInstance:t}function l(e,t,n){if(e||n&&n.vueInstance)return c(n&&n.vueInstance?n.vueInstance.$slots:e.$slots,t)}function c(e,t){if(e&&e[""+t])return e;if(e&&e.default){var n=e.default();n=n.flatMap(function(e){return Array.isArray(e.children)?e.children:e});for(var s=0;s<n.length;s++){var r=c(n[parseInt(s.toString(),10)].children,t);if(r)return r}}}var h=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[""+n]=e[""+n]);return t.default=e,t}(t),d=!(parseInt(h.version,10)>2),u=d?h.default.default?h.default.default:h.default:h,g=h.h,f=function(e){return d?u.extend(e):u.defineComponent(e)},v=f({name:"ComponentBase",data:function(){return{tagMapper:{},tagNameMapper:{},hasInjectedModules:!1,hasChildDirective:!1,childDirObjects:"",propKeys:{},isDecorator:!1}},created:function(){var e=this;if(this.ej2Instance&&(this.ej2Instances=this.isVue3?u.toRaw(this.ej2Instance):this.ej2Instance),this.propKeys){for(var t=this,s=0,r=this.propKeys;s<r.length;s++)!function(n){t.ej2Instances.addEventListener(n,function(t){e.$emit(n,t)})}(r[s]);var a=n.getValue("$root.$options.provide",this),i=n.getValue("$parent.$options.provide",this);if(i=n.isNullOrUndefined(i)?n.getValue("$.parent.provides",this):i,this.hasInjectedModules&&!d){var o=[];a&&a.managed?(this.isDecorator=!0,o=this.getInjectedServices()||[]):a?o=a[this.ej2Instances.getModuleName()]||[]:i&&(o=this.getInjectedServices()||[]);for(var p=0,l=this.ej2Instances.getInjectedModules()||[];p<l.length;p++){var c=l[p];-1===o.indexOf(c)&&o.push(c)}this.ej2Instances.injectedModules=o}}},mounted:function(){var e=this.$el?this.$el.querySelectorAll("div.e-directive"):null;if(!d&&e)for(var t=0;t<e.length;t++){var n=e[parseInt(t.toString(),10)];n.parentElement&&n.parentElement.removeChild(n)}this.ej2Instances.isVue=!0,this.ej2Instances.isVue3=this.isVue3,this.ej2Instances.vueInstance=this,this.isVue3&&(this.ej2Instances.ej2Instances=this.ej2Instances,this.ej2Instances.referModels=this.models,this.setModelValue()),this.ej2Instances.appendTo(this.$el)},updated:function(){this.updated()},beforeDestroy:function(){this.destroyComponent()},beforeUnmount:function(){this.destroyComponent()},methods:{setModelValue:function(){if(!n.isNullOrUndefined(this.modelValue)||!n.isNullOrUndefined(this.$attrs.modelValue)){var e=(this.models.toString().match(/checked|value/)||[])[0];n.isNullOrUndefined(e)||(this.ej2Instances[""+e]=n.isNullOrUndefined(this.modelValue)?this.$attrs.modelValue:this.modelValue)}},updated:function(){if(this.isVue3&&this.setModelValue(),this.hasChildDirective){var e={};this.fetchChildPropValues(e);var t=JSON.stringify(e);this.childDirObjects!==t&&(this.childDirObjects=t,this.assignValueToWrapper(e,!1))}},getInjectedServices:function(){var e,t=[];if(this.$root&&this.isDecorator?e=n.getValue("$root.$options.provide",this):this.$vnode?e=n.getValue("$vnode.context.$options.provide",this):this.$parent&&(e=n.getValue("$parent.$options.provide",this)),n.isNullOrUndefined(e)&&!n.isNullOrUndefined(this.$)&&(e=n.getValue("$.parent.provides",this)),e){var s=e;if("function"==typeof e)if(e.managed){var r=e.managed,a=Object.keys(r),i=void 0;this.$root&&this.isDecorator?i=Object.keys(this.$root):this.$vnode?i=Object.keys(this.$vnode.context):this.$parent&&(i=Object.keys(this.$parent));for(var o=0;o<a.length;o++)for(var p=0;p<i.length;p++)-1!==i[parseInt(p.toString(),10)].indexOf(a[parseInt(o.toString(),10)])&&(this.$root&&this.isDecorator?r[a[parseInt(p.toString(),10)]]=this.$root[i[parseInt(o.toString(),10)]]:this.$vnode?r[a[parseInt(o.toString(),10)]]=this.$vnode.context[i[parseInt(p.toString(),10)]]:this.$parent&&(r[a[parseInt(o.toString(),10)]]=this.$parent[i[parseInt(p.toString(),10)]]),s=r)}else this.$vnode?s=this.$vnode.context.$options.provide():this.$parent&&(s=this.$parent.$options.provide());t=s[this.ej2Instances.getModuleName()]||[]}return this.isDecorator=!1,t},destroyComponent:function(){this.ej2Instances.destroy(),this.$el.style.visibility="hidden",this.destroyPortals()},destroyPortals:function(){if(this.portals){for(var e=0,t=this.portals;e<t.length;e++)for(var n=t[e],s=n.classList.contains("e-control")?[n]:n.getElementsByClassName("e-control"),r=0;r<s.length;r++){var a=s[parseInt(r.toString(),10)];a.ej2_instances&&a.ej2_instances[0]&&(a.ej2_instances[0].destroy(),r--)}this.portals=null}},bindProperties:function(){for(var e={},t=0,s=this.propKeys;t<s.length;t++){var r=s[t];n.isNullOrUndefined(this[""+r])?!this[0]||n.isNullOrUndefined(this[0][0])||n.isNullOrUndefined(this[0][0][""+r])||(e[""+r]=this[0][0][""+r]):e[""+r]=this[""+r]}if(this.hasChildDirective&&this.fetchChildPropValues(e),this.hasInjectedModules){for(var a=this.getInjectedServices()||[],i=0,o=this.ej2Instances.getInjectedModules()||[];i<o.length;i++){var p=o[i];-1===a.indexOf(p)&&a.push(p)}this.ej2Instances.injectedModules=a}this.assignValueToWrapper(e)},assignValueToWrapper:function(e,t){this.ej2Instances.setProperties(n.extend({},{},e,!0),!!n.isNullOrUndefined(t)||t)},fetchChildPropValues:function(e){var t={};if(this.isVue3){var n=void 0;if(this[0]&&this[0][1].slots.default?n=this[0][1].slots.default():this&&this.$&&this.$.slots&&this.$.slots.default&&(n=this.$.slots.default()),!n)return;for(var s=0;s<n.length;s++)if(n[parseInt(s.toString(),10)].type.methods||"e-seriescollection"===n[parseInt(s.toString(),10)].type){var r="e-seriescollection"===n[parseInt(s.toString(),10)].type?"series-collection":n[parseInt(s.toString(),10)].type.methods.getTag().replace("e-",""),a=this.resolveArrayDirectives(n[parseInt(s.toString(),10)].children,r),i=r.split("-"),o=this.ej2Instances.getModuleName().toLowerCase(),p=i.length>1&&o.indexOf(i[0])>-1?i[1]:i[0];p=p.replace(o,""),p=this.tagNameMapper["e-"+r]?this.tagNameMapper["e-"+r].replace("e-",""):p,"splitter"===o&&"panes"===p?p="paneSettings":"bulletchart"===o&&"range"===p?p="ranges":"schedule"===o&&"header"===p&&(p="headerRows"),t[""+p]=a[""+r]}}else t=this.getDirectiveValues(this.$slots.default,this.tagMapper||{},this.tagNameMapper||{});this.childDirObjects||(this.childDirObjects=JSON.stringify(t));for(var l=0,c=Object.keys(t);l<c.length;l++){var h=c[l];e[""+h]=t[""+h]}},resolveArrayDirectives:function(e,t){var n,s=[];s=(s=e.default?e.default():e).flatMap(function(e){return Array.isArray(e.children)?e.children:e});var r={};r[""+t]=[];for(var a=this,i=0,o=s;i<o.length;i++)!function(e){var s={},i=e.type.methods?e.type.methods.getTag():t;if(e.children){var o=void 0;if((n=a.resolveComplexDirs(e.children,a.tagMapper["e-"+t],i)).length)s=n;else for(var p=0;p<Object.keys(n).length;p++)o=Object.keys(n)[parseInt(p.toString(),10)],s[""+o]=n[""+o]}e.props&&Object.keys(e.props).forEach(function(t){var n=t.replace(/-[a-z]/g,function(e){return e[1].toUpperCase()});n&&(s[""+n]=e.props[""+t])}),/[s]\b/.test(i)&&n&&(!/[s]\b/.test(t)||n.length)?Array.isArray(s)?s.forEach(function(e){r[""+t].push(e)}):r[""+t].push(s):s&&0!==Object.keys(s).length&&r[""+t].push(s)}(o[i]);return r},resolveComplexDirs:function(e,t,n){for(var s,r=[],a={},i=this,o=0,p=r=e.default?e.default():e;o<p.length;o++)!function(e){var o=void 0;t[""+n]&&(o=(o=Object.keys(t[""+n]).find(function(s){return t[""+n][""+s]===e.type.methods.getTag().replace(/[s]\b/,"")}))||e.type.methods.getTag(),o=(i.tagNameMapper[""+o]?i.tagNameMapper[""+o]:o).replace("e-",""),"diagram"===i.ej2Instances.getModuleName().toLowerCase()&&-1!==o.indexOf("annotations")&&(o="annotations")),e.children&&(s=i.resolveComplexInnerDirs(e.children,t[""+n],e.type.methods.getTag()),a[""+o]||(a[""+o]=[]),s.length>1?a[""+o]=s:a[""+o].push(s)),e.props&&(e.props=i.getCamelCaseProps(e.props)),r.length>1?(a=0!==Object.keys(a).length||a.length?a:[],e.props&&a.push(e.props)):a=e.props?Object.assign(a,e.props):a}(p[o]);return a},resolveComplexInnerDirs:function(e,t,n){for(var s=[],r=(s=e.default?e.default():e).length>1?[]:{},a=0,i=s;a<i.length;a++){var o=i[a],p=null,l=o.type.methods.getTag();l=(this.tagNameMapper[""+l]?this.tagNameMapper[""+l]:l).replace("e-",""),o.children&&(p=this.resolveMultilevelComplexInnerDirs(o.children,t[""+n],o.type.methods.getTag()),/[s]\b/.test(l)||s.length>1?/[s]\b/.test(l)?(r[""+l]=r[""+l]?r[""+l]:[],p.length?r[""+l]=p:r[""+l].push(p)):p&&!o.props&&r.push(p):r=p||r),o.props&&(o.props=this.getCamelCaseProps(o.props)),s.length>1&&o.props?p?(p=o.props?Object.assign(p,o.props):p,r.push(p)):r.length>=0?r.push(o.props):r=o.props?Object.assign(r,o.props):r:r=o.props?Object.assign(r,o.props):r}return r},resolveMultilevelComplexInnerDirs:function(e,t,n){for(var s=[],r=(s=e.default?e.default():e).length>1?[]:{},a=0,i=s;a<i.length;a++){var o=i[a],p=null,l=o.type.methods.getTag();l=(this.tagNameMapper[""+l]?this.tagNameMapper[""+l]:l).replace("e-",""),o.children&&(p=this.resolveComplexInnerDirs(o.children,t[""+n],o.type.methods.getTag())),o.props&&(o.props=this.getCamelCaseProps(o.props)),/[s]\b/.test(l)?(r[""+l]=r[""+l]?r[""+l]:[],p.length?r[""+l]=p:r[""+l].push(p),o.props&&r[""+l].push(o.props)):(r=p,r=o.props?Object.assign(r,o.props):r)}return r},getDirectiveValues:function(e,t,n){var s=Object.keys(t),r={};if(e)for(var a=0,i=e;a<i.length;a++){var o=i[a],p=o.componentOptions;if(p&&p.children&&this.getTagName(p)||"e-seriescollection"===o.tag&&o.children){var l=p?this.getTagName(p):o.tag;if(l="e-seriescollection"===l?"e-seriesCollection":l,-1!==s.indexOf(l)){var c=n[""+l]?n[""+l]:l;r[c.replace("e-","")]=[];for(var h=0,d=p?p.children:o.children;h<d.length;h++){var u=d[h],g=this.getVNodeValue(u,t[""+l],n);0!==Object.keys(g).length&&r[c.replace("e-","")].push(g)}}}}return r},getMultiLevelDirValue:function(e,t,n){for(var s={},r=0,a=e;r<a.length;r++){var i=a[r],o=void 0,p=void 0;if(i.componentOptions?(o=this.getTagName(i.componentOptions),i.componentOptions.children&&(p=i.componentOptions.children)):"e-markersettings"!==i.tag&&"e-markersetting"!==i.tag||!i.children||(o="e-markersettings"===i.tag?"e-markerSettings":"e-markerSetting",p=i.children),o){var l=n[""+o]?n[""+o]:o;if(s[l.replace("e-","")]=[],p)for(var c=0,h=p;c<h.length;c++){var d=h[c],u=this.getVNodeValue(d,t[""+o],n);0!==Object.keys(u).length&&s[l.replace("e-","")].push(u)}}}return s},getVNodeValue:function(e,t,s){var r={};if(e.componentOptions||("e-markersettings"===e.tag||"e-markersetting"===e.tag)&&e.context){var a=void 0;a=e.componentOptions?this.getTagName(e.componentOptions):"e-markersettings"===e.tag?"e-markerSettings":"e-markerSetting";var i=e.data;"string"==typeof t&&a===t&&i?r=i.attrs?this.getCamelCaseProps(i.attrs):this.getCamelCaseProps(i):"object"==typeof t&&(e.componentOptions.children&&-1!==Object.keys(t).indexOf(a)?r=this.getMultiLevelDirValue(e.componentOptions.children,t[""+a],s):!e.children||-1===Object.keys(t).indexOf(a)||"e-markersettings"!==a&&"e-markersetting"!==a||(r=this.getMultiLevelDirValue(e.children,t[""+a],s)),i&&i.attrs&&(r=n.extend(r,this.getCamelCaseProps(i.attrs))))}return r},getCamelCaseProps:function(e){for(var t={},n=0,s=Object.keys(e);n<s.length;n++){var r=s[n];t[r.replace(/-[a-z]/g,function(e){return e[1].toUpperCase()})]=e[""+r]}return t},dataBind:function(){this.ej2Instances.dataBind()},setProperties:function(e,t){return this.ej2Instances.setProperties(e,t)},getTagName:function(e){var t=e.tag,n=e.Ctor;return!t&&n&&n.extendOptions&&n.extendOptions.methods&&n.extendOptions.methods.getTag&&(t=e.Ctor.extendOptions.methods.getTag()),t}}});d||n.setProxyToRaw(u.toRaw);var m=function(){return(m=Object.assign||function(e){for(var t,n=1,s=arguments.length;n<s;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)},I=n.getTemplateEngine();return n.setTemplateEngine({compile:r}),e.ComponentBase=v,e.aVue=u,e.compile=r,e.getProps=s,e.gh=g,e.isExecute=d,e.vueDefineComponent=f,e}({},Vue,ej.base),this.ejs=ej;
+this.ej=this.ej||{},this.ej.vuebase=function(e,t,n){"use strict";function s(e){if(void 0===e&&(e={}),e.props)for(var t=0,n=e.props;t<n.length;t++)!function(t){(e.newprops||(e.newprops={}))[""+t]={},(e.watch||(e.watch={}))[""+t]=function(n){this.ej2Instances[""+t]=n,this.dataBind&&"DateRangePickerComponent"!==e.name&&this.dataBind()}}(n[t]);return[e.newprops,e.watch]}function r(e,t){var s=this;return function(r,o,p,c,h){var g;if(o){var f=o.vueInstance&&o.vueInstance.plugins?{plugins:o.vueInstance.plugins}:{},v=o.vueInstance?o.vueInstance:h&&h.vueInstance?h.vueInstance:null,j=n.getUniqueID("templateParentDiv"),O=n.getUniqueID("templateDiv"),y=n.createElement("div",{id:j,innerHTML:'<div id="'+O+'"></div>'});if(document.body.appendChild(y),!d&&("string"==typeof e||e.prototype&&e.prototype.CSPTemplate&&"function"==typeof e)){var C=l(o.vueInstance,e,h);if(!C)return n.detach(y),I(e,t)(r);E=u.createVNode({render:function(){return C[""+e]({data:r})}},f);y.innerHTML="",i(E,o.vueInstance,h),u.render(E,y),g=y.childNodes,v&&((S=v.templateCollection)||(v.templateCollection={},S=v.templateCollection),p&&(S[""+p]||(S[""+p]=[]),S[""+p].push(y))),n.detach(y)}else if(d)if("string"==typeof e||e.prototype&&e.prototype.CSPTemplate&&"function"==typeof e){var $=a(o.vueInstance,e,h);if(!$)return n.detach(y),I(e,t)(r);var b={},V=function(e){e.$parent&&V(e.$parent),e._provided&&Object.keys(e._provided).length>0&&(b=m({},b,e._provided))},x=o.vueInstance?o.vueInstance:h&&h.vueInstance?h.vueInstance:null;x&&V(x),new u({provide:m({},b),render:function(){return $[""+e]({data:r})}}).$mount("#"+O),g=y.childNodes,x&&((S=x.templateCollection)||(x.templateCollection={},S=x.templateCollection),p&&(S[""+p]||(S[""+p]=[]),S[""+p].push(g[0]))),n.detach(y)}else{var M=e.call(s,{}),N=M.template,D=n.getValue("template.propsData",M),k={data:{data:n.extend(M.data||{},r)},parent:o.vueInstance};if(D&&(N=M.template.extends,k.propsData=D),"function"!=typeof N&&(N=u.extend(N)),N.options.setup&&(k.propsData=Object.assign(k.propsData||{},r)),new N(k).$mount("#"+O),g=y.childNodes,k.parent=null,v){var S=v.templateCollection;S||(v.templateCollection={},S=v.templateCollection),p&&(S[""+p]||(S[""+p]=[]),S[""+p].push(g[0]))}n.detach(y)}else{var T=M=e.call(s,{}),D=n.getValue("template.propsData",M),_={data:{data:n.extend(M.data||{},r)},parent:o.vueInstance};T.template||(T.template=T[Object.keys(T)[0]]);var P=void 0;if(T.template.extends)P=T.template.extends._context.components.template;else if(!(P=T.template._context.components[e.name])){var w=Object.keys(T.template._context.components)[0];P=T.template._context.components[""+w]}var U;if(D)U=P.setup?Object.assign({},D):Object.assign(P.data(),D);else if(U=P.setup?Object.assign({},_.data):Object.assign(P.data(),_.data),P.components)for(var L=0,A=Object.keys(P.components)||[];L<A.length;L++)!function(e){var t=P.components[""+e];t&&t.data&&(t.__data||(t.__data=t.data),t.data=function(e){return Object.assign(t.__data.call(e),_.data)})}(A[L]);P.setup&&(f=Object.assign(f,r)),P.data=function(){return U};var E=u.createVNode(P,f);y.innerHTML="",i(E,o.vueInstance,h),u.render(E,y),g=y.childNodes,_.parent=null,v&&((S=v.templateCollection)||(v.templateCollection={},S=v.templateCollection),p&&(S[""+p]||(S[""+p]=[]),S[""+p].push(y))),n.detach(y)}}return g||[]}}function i(e,t,n){var s=t||(n&&n.vueInstance?n.vueInstance:null);if(s){e.appContext=s.$.appContext;var r={},i=function(e){e.$&&e.$.parent&&i(e.$.parent),e.provides&&Object.keys(e.provides).length>0&&(r=m({},r,e.provides))};i(s),e.appContext.provides&&(e.appContext.provides=m({},e.appContext.provides,r))}}function a(e,t,n){if(e||n&&n.vueInstance)return o(n&&n.vueInstance?n.vueInstance:e,t)}function o(e,t){if(e){var n=e.$slots,s=e.$scopedSlots,r=e.scopedSlots,i=e.children;if(s&&s[""+t])return s;if(n&&n.default){for(var a=n.default,l=0;l<a.length;l++)if(c=o(p(a[parseInt(l.toString(),10)]),t))return c}else{if(r&&r[""+t])return r;if(i)for(l=0;l<i.length;l++){var c=o(p(i[parseInt(l.toString(),10)]),t);if(c)return c}}}}function p(e){var t=e.componentOptions&&e.componentOptions.children?e.componentOptions:e.data||"e-markersettings"!==e.tag&&"e-markersetting"!==e.tag?e.data:e;return e.componentInstance?e.componentInstance:t}function l(e,t,n){if(e||n&&n.vueInstance)return c(n&&n.vueInstance?n.vueInstance.$slots:e.$slots,t)}function c(e,t){if(e&&e[""+t])return e;if(e&&e.default){var n=e.default();n=n.flatMap(function(e){return Array.isArray(e.children)?e.children:e});for(var s=0;s<n.length;s++){var r=c(n[parseInt(s.toString(),10)].children,t);if(r)return r}}}var h=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[""+n]=e[""+n]);return t.default=e,t}(t),d=!(parseInt(h.version,10)>2),u=d?h.default.default?h.default.default:h.default:h,g=h.h,f=function(e){return d?u.extend(e):u.defineComponent(e)},v=f({name:"ComponentBase",data:function(){return{tagMapper:{},tagNameMapper:{},hasInjectedModules:!1,hasChildDirective:!1,childDirObjects:"",propKeys:{},isDecorator:!1}},created:function(){var e=this;if(this.ej2Instance&&(this.ej2Instances=this.isVue3?u.toRaw(this.ej2Instance):this.ej2Instance),this.propKeys){for(var t=this,s=0,r=this.propKeys;s<r.length;s++)!function(n){t.ej2Instances.addEventListener(n,function(t){e.$emit(n,t)})}(r[s]);var i=n.getValue("$root.$options.provide",this),a=n.getValue("$parent.$options.provide",this);if(a=n.isNullOrUndefined(a)?n.getValue("$.parent.provides",this):a,this.hasInjectedModules&&!d){var o=[];i&&i.managed?(this.isDecorator=!0,o=this.getInjectedServices()||[]):i?o=i[this.ej2Instances.getModuleName()]||[]:a&&(o=this.getInjectedServices()||[]);for(var p=0,l=this.ej2Instances.getInjectedModules()||[];p<l.length;p++){var c=l[p];-1===o.indexOf(c)&&o.push(c)}this.ej2Instances.injectedModules=o}}},mounted:function(){var e=this.$el?this.$el.querySelectorAll("div.e-directive"):null;if(!d&&e)for(var t=0;t<e.length;t++){var n=e[parseInt(t.toString(),10)];n.parentElement&&n.parentElement.removeChild(n)}this.ej2Instances.isVue=!0,this.ej2Instances.isVue3=this.isVue3,this.ej2Instances.vueInstance=this,this.isVue3&&(this.ej2Instances.ej2Instances=this.ej2Instances,this.ej2Instances.referModels=this.models,this.setModelValue()),this.ej2Instances.appendTo(this.$el)},updated:function(){this.updated()},beforeDestroy:function(){this.destroyComponent()},beforeUnmount:function(){this.destroyComponent()},methods:{setModelValue:function(){if(!n.isNullOrUndefined(this.modelValue)||!n.isNullOrUndefined(this.$attrs.modelValue)){var e=(this.models.toString().match(/checked|value/)||[])[0];n.isNullOrUndefined(e)||(this.ej2Instances[""+e]=n.isNullOrUndefined(this.modelValue)?this.$attrs.modelValue:this.modelValue)}},updated:function(){if(this.isVue3&&this.setModelValue(),this.hasChildDirective){var e={};this.fetchChildPropValues(e);var t=JSON.stringify(e);this.childDirObjects!==t&&(this.childDirObjects=t,this.assignValueToWrapper(e,!1))}},getInjectedServices:function(){var e,t=[];if(this.$root&&this.isDecorator?e=n.getValue("$root.$options.provide",this):this.$vnode?e=n.getValue("$vnode.context.$options.provide",this):this.$parent&&(e=n.getValue("$parent.$options.provide",this)),n.isNullOrUndefined(e)&&!n.isNullOrUndefined(this.$)&&(e=n.getValue("$.parent.provides",this)),e){var s=e;if("function"==typeof e)if(e.managed){var r=e.managed,i=Object.keys(r),a=void 0;this.$root&&this.isDecorator?a=Object.keys(this.$root):this.$vnode?a=Object.keys(this.$vnode.context):this.$parent&&(a=Object.keys(this.$parent));for(var o=0;o<i.length;o++)for(var p=0;p<a.length;p++)-1!==a[parseInt(p.toString(),10)].indexOf(i[parseInt(o.toString(),10)])&&(this.$root&&this.isDecorator?r[i[parseInt(p.toString(),10)]]=this.$root[a[parseInt(o.toString(),10)]]:this.$vnode?r[i[parseInt(o.toString(),10)]]=this.$vnode.context[a[parseInt(p.toString(),10)]]:this.$parent&&(r[i[parseInt(o.toString(),10)]]=this.$parent[a[parseInt(p.toString(),10)]]),s=r)}else this.$vnode?s=this.$vnode.context.$options.provide():this.$parent&&(s=this.$parent.$options.provide());t=s[this.ej2Instances.getModuleName()]||[]}return this.isDecorator=!1,t},destroyComponent:function(){this.ej2Instances.destroy(),this.$el.style.visibility="hidden",this.clearTemplate()},destroyPortals:function(e){if(e){if(n.getValue("__vue__.$destroy",e))e.__vue__.$destroy();else if(!d&&e._vnode)try{u.render(null,e)}catch(e){}e.innerHTML&&(e.innerHTML="")}},bindProperties:function(){for(var e={},t=0,s=this.propKeys;t<s.length;t++){var r=s[t];n.isNullOrUndefined(this[""+r])?!this[0]||n.isNullOrUndefined(this[0][0])||n.isNullOrUndefined(this[0][0][""+r])||(e[""+r]=this[0][0][""+r]):e[""+r]=this[""+r]}if(this.hasChildDirective&&this.fetchChildPropValues(e),this.hasInjectedModules){for(var i=this.getInjectedServices()||[],a=0,o=this.ej2Instances.getInjectedModules()||[];a<o.length;a++){var p=o[a];-1===i.indexOf(p)&&i.push(p)}this.ej2Instances.injectedModules=i}this.assignValueToWrapper(e)},assignValueToWrapper:function(e,t){this.ej2Instances.setProperties(n.extend({},{},e,!0),!!n.isNullOrUndefined(t)||t)},fetchChildPropValues:function(e){var t={};if(this.isVue3){var n=void 0;if(this[0]&&this[0][1].slots.default?n=this[0][1].slots.default():this&&this.$&&this.$.slots&&this.$.slots.default&&(n=this.$.slots.default()),!n)return;for(var s=0;s<n.length;s++)if(n[parseInt(s.toString(),10)].type.methods||"e-seriescollection"===n[parseInt(s.toString(),10)].type){var r="e-seriescollection"===n[parseInt(s.toString(),10)].type?"series-collection":n[parseInt(s.toString(),10)].type.methods.getTag().replace("e-",""),i=this.resolveArrayDirectives(n[parseInt(s.toString(),10)].children,r),a=r.split("-"),o=this.ej2Instances.getModuleName().toLowerCase(),p=a.length>1&&o.indexOf(a[0])>-1?a[1]:a[0];p=p.replace(o,""),p=this.tagNameMapper["e-"+r]?this.tagNameMapper["e-"+r].replace("e-",""):p,"splitter"===o&&"panes"===p?p="paneSettings":"bulletchart"===o&&"range"===p?p="ranges":"schedule"===o&&"header"===p&&(p="headerRows"),t[""+p]=i[""+r]}}else t=this.getDirectiveValues(this.$slots.default,this.tagMapper||{},this.tagNameMapper||{});this.childDirObjects||(this.childDirObjects=JSON.stringify(t));for(var l=0,c=Object.keys(t);l<c.length;l++){var h=c[l];e[""+h]=t[""+h]}},resolveArrayDirectives:function(e,t){var n,s=[];s=(s=e.default?e.default():e).flatMap(function(e){return Array.isArray(e.children)?e.children:e});var r={};r[""+t]=[];for(var i=this,a=0,o=s;a<o.length;a++)!function(e){var s={},a=e.type.methods?e.type.methods.getTag():t;if(e.children){var o=void 0;if((n=i.resolveComplexDirs(e.children,i.tagMapper["e-"+t],a)).length)s=n;else for(var p=0;p<Object.keys(n).length;p++)o=Object.keys(n)[parseInt(p.toString(),10)],s[""+o]=n[""+o]}e.props&&Object.keys(e.props).forEach(function(t){var n=t.replace(/-[a-z]/g,function(e){return e[1].toUpperCase()});n&&(s[""+n]=e.props[""+t])}),/[s]\b/.test(a)&&n&&(!/[s]\b/.test(t)||n.length)?Array.isArray(s)?s.forEach(function(e){r[""+t].push(e)}):r[""+t].push(s):s&&0!==Object.keys(s).length&&r[""+t].push(s)}(o[a]);return r},resolveComplexDirs:function(e,t,n){for(var s,r=[],i={},a=this,o=0,p=r=e.default?e.default():e;o<p.length;o++)!function(e){var o=void 0;t[""+n]&&(o=(o=Object.keys(t[""+n]).find(function(s){return t[""+n][""+s]===e.type.methods.getTag().replace(/[s]\b/,"")}))||e.type.methods.getTag(),o=(a.tagNameMapper[""+o]?a.tagNameMapper[""+o]:o).replace("e-",""),"diagram"===a.ej2Instances.getModuleName().toLowerCase()&&-1!==o.indexOf("annotations")&&(o="annotations")),e.children&&(s=a.resolveComplexInnerDirs(e.children,t[""+n],e.type.methods.getTag()),i[""+o]||(i[""+o]=[]),s.length>1?i[""+o]=s:i[""+o].push(s)),e.props&&(e.props=a.getCamelCaseProps(e.props)),r.length>1?(i=0!==Object.keys(i).length||i.length?i:[],e.props&&i.push(e.props)):i=e.props?Object.assign(i,e.props):i}(p[o]);return i},resolveComplexInnerDirs:function(e,t,n){for(var s=[],r=(s=e.default?e.default():e).length>1?[]:{},i=0,a=s;i<a.length;i++){var o=a[i],p=null,l=o.type.methods.getTag();l=(this.tagNameMapper[""+l]?this.tagNameMapper[""+l]:l).replace("e-",""),o.children&&(p=this.resolveMultilevelComplexInnerDirs(o.children,t[""+n],o.type.methods.getTag()),/[s]\b/.test(l)||s.length>1?/[s]\b/.test(l)?(r[""+l]=r[""+l]?r[""+l]:[],p.length?r[""+l]=p:r[""+l].push(p)):p&&!o.props&&r.push(p):r=p||r),o.props&&(o.props=this.getCamelCaseProps(o.props)),s.length>1&&o.props?p?(p=o.props?Object.assign(p,o.props):p,r.push(p)):r.length>=0?r.push(o.props):r=o.props?Object.assign(r,o.props):r:r=o.props?Object.assign(r,o.props):r}return r},resolveMultilevelComplexInnerDirs:function(e,t,n){for(var s=[],r=(s=e.default?e.default():e).length>1?[]:{},i=0,a=s;i<a.length;i++){var o=a[i],p=null,l=o.type.methods.getTag();l=(this.tagNameMapper[""+l]?this.tagNameMapper[""+l]:l).replace("e-",""),o.children&&(p=this.resolveComplexInnerDirs(o.children,t[""+n],o.type.methods.getTag())),o.props&&(o.props=this.getCamelCaseProps(o.props)),/[s]\b/.test(l)?(r[""+l]=r[""+l]?r[""+l]:[],p.length?r[""+l]=p:r[""+l].push(p),o.props&&r[""+l].push(o.props)):(r=p,r=o.props?Object.assign(r,o.props):r)}return r},getDirectiveValues:function(e,t,n){var s=Object.keys(t),r={};if(e)for(var i=0,a=e;i<a.length;i++){var o=a[i],p=o.componentOptions;if(p&&p.children&&this.getTagName(p)||"e-seriescollection"===o.tag&&o.children){var l=p?this.getTagName(p):o.tag;if(l="e-seriescollection"===l?"e-seriesCollection":l,-1!==s.indexOf(l)){var c=n[""+l]?n[""+l]:l;r[c.replace("e-","")]=[];for(var h=0,d=p?p.children:o.children;h<d.length;h++){var u=d[h],g=this.getVNodeValue(u,t[""+l],n);0!==Object.keys(g).length&&r[c.replace("e-","")].push(g)}}}}return r},getMultiLevelDirValue:function(e,t,n){for(var s={},r=0,i=e;r<i.length;r++){var a=i[r],o=void 0,p=void 0;if(a.componentOptions?(o=this.getTagName(a.componentOptions),a.componentOptions.children&&(p=a.componentOptions.children)):"e-markersettings"!==a.tag&&"e-markersetting"!==a.tag||!a.children||(o="e-markersettings"===a.tag?"e-markerSettings":"e-markerSetting",p=a.children),o){var l=n[""+o]?n[""+o]:o;if(s[l.replace("e-","")]=[],p)for(var c=0,h=p;c<h.length;c++){var d=h[c],u=this.getVNodeValue(d,t[""+o],n);0!==Object.keys(u).length&&s[l.replace("e-","")].push(u)}}}return s},getVNodeValue:function(e,t,s){var r={};if(e.componentOptions||("e-markersettings"===e.tag||"e-markersetting"===e.tag)&&e.context){var i=void 0;i=e.componentOptions?this.getTagName(e.componentOptions):"e-markersettings"===e.tag?"e-markerSettings":"e-markerSetting";var a=e.data;"string"==typeof t&&i===t&&a?r=a.attrs?this.getCamelCaseProps(a.attrs):this.getCamelCaseProps(a):"object"==typeof t&&(e.componentOptions.children&&-1!==Object.keys(t).indexOf(i)?r=this.getMultiLevelDirValue(e.componentOptions.children,t[""+i],s):!e.children||-1===Object.keys(t).indexOf(i)||"e-markersettings"!==i&&"e-markersetting"!==i||(r=this.getMultiLevelDirValue(e.children,t[""+i],s)),a&&a.attrs&&(r=n.extend(r,this.getCamelCaseProps(a.attrs))))}return r},getCamelCaseProps:function(e){for(var t={},n=0,s=Object.keys(e);n<s.length;n++){var r=s[n];t[r.replace(/-[a-z]/g,function(e){return e[1].toUpperCase()})]=e[""+r]}return t},dataBind:function(){this.ej2Instances.dataBind()},setProperties:function(e,t){return this.ej2Instances.setProperties(e,t)},getTagName:function(e){var t=e.tag,n=e.Ctor;return!t&&n&&n.extendOptions&&n.extendOptions.methods&&n.extendOptions.methods.getTag&&(t=e.Ctor.extendOptions.methods.getTag()),t}}});d||n.setProxyToRaw(u.toRaw);var m=function(){return(m=Object.assign||function(e){for(var t,n=1,s=arguments.length;n<s;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)},I=n.getTemplateEngine();return n.setTemplateEngine({compile:r}),e.ComponentBase=v,e.aVue=u,e.compile=r,e.getProps=s,e.gh=g,e.isExecute=d,e.vueDefineComponent=f,e}({},Vue,ej.base),this.ejs=ej;
 //# sourceMappingURL=ej2-vue-base.min.js.map

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 26.1.35
+*  version : 26.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-vue-base@*",
-  "_id": "@syncfusion/ej2-vue-base@19.3.53",
+  "_id": "@syncfusion/ej2-vue-base@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-FqBjiw8aA1Z7VZuZ0BNuycDNEw/JvBCcNFdwISekpbS+fq6yMlnfGHHvbTVTGx9td3RyFL+beH6fcEW83TyzGw==",
+  "_integrity": "sha512-TrcHEnJwDXILDcm825NjRXm5G5UBv1lS5y3MvEWzQbOhqNngHLnw1gdkvuzxv5hs0sEVaryrAzqtDBljgU91Ig==",
   "_location": "/@syncfusion/ej2-vue-base",
@@ -41,2 +41,3 @@ "_phantomChildren": {},
     "/@syncfusion/ej2-vue-maps",
+    "/@syncfusion/ej2-vue-multicolumn-combobox",
     "/@syncfusion/ej2-vue-navigations",
@@ -57,4 +58,4 @@ "/@syncfusion/ej2-vue-notifications",
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-vue-base/-/ej2-vue-base-19.3.53.tgz",
-  "_shasum": "5f5d1c7fbea9ba444620de4780836c3e3a125d98",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-base/-/ej2-vue-base-26.1.35.tgz",
+  "_shasum": "57308262a10289972706c27b37489986ac1f933e",
   "_spec": "@syncfusion/ej2-vue-base@*",
@@ -70,3 +71,3 @@ "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.1.35"
+    "@syncfusion/ej2-base": "~26.2.4"
   },
@@ -104,4 +105,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "26.1.35",
+  "version": "26.2.4",
   "sideEffects": true
 }

src/component-base.js

@@ -205,18 +205,19 @@ /* eslint-disable @typescript-eslint/no-explicit-any */
             this.$el.style.visibility = 'hidden';
-            this.destroyPortals();
+            this.clearTemplate();
         },
-        destroyPortals: function () {
-            if (this.portals) {
-                for (var _i = 0, _a = this.portals; _i < _a.length; _i++) {
-                    var portal = _a[_i];
-                    var controls = portal.classList.contains('e-control') ? [portal] : portal.getElementsByClassName('e-control');
-                    for (var index = 0; index < controls.length; index++) {
-                        var control = controls[parseInt(index.toString(), 10)];
-                        if (control.ej2_instances && control.ej2_instances[0]) {
-                            control.ej2_instances[0].destroy();
-                            index--;
-                        }
+        destroyPortals: function (element) {
+            if (element) {
+                var destroy = getValue('__vue__.$destroy', element);
+                if (destroy) {
+                    element.__vue__.$destroy();
+                }
+                else if (!isExecute && element._vnode) {
+                    try {
+                        aVue.render(null, element);
                     }
+                    catch (e) { /* Handle error */ }
                 }
-                this.portals = null;
+                if (element.innerHTML) {
+                    element.innerHTML = '';
+                }
             }
@@ -223,0 +224,0 @@ },

src/template.js

@@ -26,3 +26,2 @@ var __assign = (this && this.__assign) || function () {
     return function (data, context, propName, element, root) {
-        var _a, _b, _c, _d;
         var returnEle;
@@ -53,9 +52,16 @@ if (context) {
                     Vue.render(app, ele);
+                    returnEle = ele.childNodes;
                     if (vueInstance) {
-                        if (!vueInstance['portals']) {
-                            vueInstance['portals'] = [];
+                        var templateInstance = vueInstance.templateCollection;
+                        if (!templateInstance) {
+                            vueInstance.templateCollection = {};
+                            templateInstance = vueInstance.templateCollection;
                         }
-                        (_a = vueInstance.portals).push.apply(_a, [].slice.call(ele.children));
+                        if (propName) {
+                            if (!templateInstance["" + propName]) {
+                                templateInstance["" + propName] = [];
+                            }
+                            templateInstance["" + propName].push(ele);
+                        }
                     }
-                    returnEle = ele.childNodes;
                     detach(ele);
@@ -136,14 +142,9 @@ }
                 Vue.render(app, ele);
+                returnEle = ele.childNodes;
+                dataObj_1.parent = null;
                 if (vueInstance) {
-                    if (!vueInstance['portals']) {
-                        vueInstance['portals'] = [];
-                    }
-                    (_b = vueInstance.portals).push.apply(_b, [].slice.call(ele.children));
-                }
-                returnEle = ele.childNodes;
-                if (context.vueInstance) {
-                    var templateInstance = context.vueInstance.templateCollection;
+                    var templateInstance = vueInstance.templateCollection;
                     if (!templateInstance) {
-                        context.vueInstance.templateCollection = {};
-                        templateInstance = context.vueInstance.templateCollection;
+                        vueInstance.templateCollection = {};
+                        templateInstance = vueInstance.templateCollection;
                     }
@@ -154,3 +155,3 @@ if (propName) {
                         }
-                        templateInstance["" + propName].push(returnEle[0]);
+                        templateInstance["" + propName].push(ele);
                     }
@@ -186,9 +187,16 @@ }
                     vueTemplate.$mount('#' + id);
+                    returnEle = ele.childNodes;
                     if (vueInstance_1) {
-                        if (!vueInstance_1['portals']) {
-                            vueInstance_1['portals'] = [];
+                        var templateInstance = vueInstance_1.templateCollection;
+                        if (!templateInstance) {
+                            vueInstance_1.templateCollection = {};
+                            templateInstance = vueInstance_1.templateCollection;
                         }
-                        (_c = vueInstance_1.portals).push.apply(_c, [].slice.call(ele.children));
+                        if (propName) {
+                            if (!templateInstance["" + propName]) {
+                                templateInstance["" + propName] = [];
+                            }
+                            templateInstance["" + propName].push(returnEle[0]);
+                        }
                     }
-                    returnEle = ele.childNodes;
                     detach(ele);
@@ -225,14 +233,9 @@ }
                 templateVue.$mount('#' + id);
+                returnEle = ele.childNodes;
+                dataObj.parent = null;
                 if (vueInstance) {
-                    if (!vueInstance['portals']) {
-                        vueInstance['portals'] = [];
-                    }
-                    (_d = vueInstance.portals).push.apply(_d, [].slice.call(ele.children));
-                }
-                returnEle = ele.childNodes;
-                if (context.vueInstance) {
-                    var templateInstance = context.vueInstance.templateCollection;
+                    var templateInstance = vueInstance.templateCollection;
                     if (!templateInstance) {
-                        context.vueInstance.templateCollection = {};
-                        templateInstance = context.vueInstance.templateCollection;
+                        vueInstance.templateCollection = {};
+                        templateInstance = vueInstance.templateCollection;
                     }
@@ -239,0 +242,0 @@ if (propName) {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

24

increased by4.35%

Lines of code

3592

increased by0.34%

Worsened metrics

Total package byte prevSize

511559

decreased by-0.37%

Dependency changes

• + Added@syncfusion/ej2-base@26.2.10(transitive)

• + Added@syncfusion/ej2-icons@26.2.10(transitive)

• - Removed@syncfusion/ej2-base@26.1.42(transitive)

• - Removed@syncfusion/ej2-icons@26.1.35(transitive)

• Updated@syncfusion/ej2-base@~26.2.4