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

Comparing version 21.2.9 to 22.1.34

CHANGELOG.md

@@ -7,2 +7,10 @@ # Changelog
 
+#### New Features
+
+- Provided the TypeScript 5 compatible support for the Vue components.
+
+## 21.2.9 (2023-06-06)
+
+### Common
+
 #### Bug Fixes
@@ -9,0 +17,0 @@

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

 /*!
 *  filename: ej2-vue-base.umd.min.js
-*  version : 21.2.9
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. 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.ej={},e.Vue,e.ej2Base)}(this,function(e,t,n){"use strict";function s(e,t){var s=this;return function(a,p,d,h,u){var v;if(p){var m=p.vueInstance?p.vueInstance.plugins:null,I=n.getUniqueID("templateParentDiv"),j=n.getUniqueID("templateDiv"),O=n.createElement("div",{id:I,innerHTML:'<div id="'+j+'"></div>'});if(document.body.appendChild(O),l||"string"!=typeof e)if(l)if("string"==typeof e){var y=function(e,t,n){if(!(e||n&&n.vueInstance))return;return i(n&&n.vueInstance?n.vueInstance:e,t)}(p.vueInstance,e,u);if(!y)return n.detach(O),g(e,t)(a);var b={},$=function(e){e.$parent&&$(e.$parent),e._provided&&Object.keys(e._provided).length>0&&(b=f({},b,e._provided))},C=p.vueInstance?p.vueInstance:u&&u.vueInstance?u.vueInstance:null;C&&$(C);new c({provide:f({},b),render:function(){return y[""+e]({data:a})}}).$mount("#"+j),v=O.childNodes,n.detach(O)}else{var x=(k=e.call(s,{})).template,V=(N=n.getValue("template.propsData",k),{data:{data:n.extend(k.data||{},a)},parent:p.vueInstance});if(N&&(x=k.template.extends,V.propsData=N),"function"!=typeof x&&(x=c.extend(x)),x.options.setup){var D=Object.assign(x.options.setup(),V.data);x.options.setup=function(e){return D}}if(new x(V).$mount("#"+j),v=O.childNodes,p.vueInstance){var S=p.vueInstance.templateCollection;S||(p.vueInstance.templateCollection={},S=p.vueInstance.templateCollection),d&&(S[""+d]||(S[""+d]=[]),S[""+d].push(v[0]))}n.detach(O)}else{var k,M=k=e.call(s,{}),N=n.getValue("template.propsData",k),P={data:{data:n.extend(k.data||{},a)},parent:p.vueInstance};M.template||(M.template=M[Object.keys(M)[0]]);var _=void 0;if(M.template.extends)_=M.template.extends._context.components.template;else if(!(_=M.template._context.components[e.name])){var w=Object.keys(M.template._context.components)[0];_=M.template._context.components[""+w]}var T;if(N)T=_.setup?Object.assign(_.setup(null,{expose:function(){}}),N):Object.assign(_.data(),N);else if(T=_.setup?Object.assign(_.setup(null,{expose:function(){}}),P.data):Object.assign(_.data(),P.data),_.components)for(var U=function(e){var t=_.components[""+e];t&&t.data&&(t.__data||(t.__data=t.data),t.data=function(e){return Object.assign(t.__data.call(e),P.data)})},A=0,L=Object.keys(_.components)||[];A<L.length;A++){U(L[A])}_.setup&&(_.setup=function(e,t){(0,t.expose)();var n=T;return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}),_.data=function(){return T};B=c.createApp(_);if(m)for(q=0;q<m.length;q++)B.use(m[parseInt(q.toString(),10)]);r(B,p.vueInstance,u),B.mount("#"+I),v=O.childNodes,n.detach(O)}else{var E=function(e,t,n){if(!(e||n&&n.vueInstance))return;return o(n&&n.vueInstance?n.vueInstance.$slots:e.$slots,t)}(p.vueInstance,e,u);if(!E)return n.detach(O),g(e,t)(a);var B=c.createApp({render:function(){return E[""+e]({data:a})}});if(m)for(var q=0;q<m.length;q++)B.use(m[parseInt(q.toString(),10)]);r(B,p.vueInstance,u),B.mount("#"+I),v=O.childNodes,n.detach(O)}}return v||[]}}function r(e,t,n){var s=t||(n&&n.vueInstance?n.vueInstance:null);if(s){for(var r=["components","mixins","provides","directives"],i=0;i<r.length;i++){var a=r[i];e._context[a]&&s.$.appContext[a]&&(e._context[a]=s.$.appContext[a])}var o={},p=function(e){e.$&&e.$.parent&&p(e.$.parent),e.provides&&Object.keys(e.provides).length>0&&(o=f({},o,e.provides))};p(s),e._context.provides&&(e._context.provides=f({},e._context.provides,o)),e._context.config.globalProperties&&s.$.appContext.config.globalProperties&&(e._context.config.globalProperties=s.$.appContext.config.globalProperties)}}function i(e,t){if(e){var n=e.$slots,s=e.$scopedSlots,r=e.scopedSlots,o=e.children;if(s&&s[""+t])return s;if(n&&n.default)for(var p=n.default,l=0;l<p.length;l++){if(c=i(a(p[parseInt(l.toString(),10)]),t))return c}else{if(r&&r[""+t])return r;if(o)for(l=0;l<o.length;l++){var c;if(c=i(a(o[parseInt(l.toString(),10)]),t))return c}}}}function a(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 o(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=o(n[parseInt(s.toString(),10)].children,t);if(r)return r}}}var p=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),l=!(parseInt(p.version)>2),c=l?p.default.default?p.default.default:p.default:p,d=p.h,h=function(e){return l?c.extend(e):c.defineComponent(e)},u=h({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?c.toRaw(this.ej2Instance):this.ej2Instance),this.propKeys){for(var t=function(t){s.ej2Instances.addEventListener(t,function(n){e.$emit(t,n)})},s=this,r=0,i=this.propKeys;r<i.length;r++){t(i[r])}var a=n.getValue("$root.$options.provide",this),o=n.getValue("$parent.$options.provide",this);if(o=n.isNullOrUndefined(o)?n.getValue("$.parent.provides",this):o,this.hasInjectedModules&&!l){var p=[];a&&a.managed?(this.isDecorator=!0,p=this.getInjectedServices()||[]):a?p=a[this.ej2Instances.getModuleName()]||[]:o&&(p=this.getInjectedServices()||[]);for(var d=0,h=this.ej2Instances.getInjectedModules()||[];d<h.length;d++){var u=h[d];-1===p.indexOf(u)&&p.push(u)}this.ej2Instances.injectedModules=p}}},mounted:function(){var e=this.$el?this.$el.querySelectorAll("div.e-directive"):null;if(!l&&e)for(var t=0;t<e.length;t++)e[parseInt(t.toString(),10)].parentElement&&e[parseInt(t.toString(),10)].parentElement.removeChild(e[parseInt(t.toString(),10)]);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(){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))}},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(){var e=this;e.ej2Instances.destroy(),e.$el.style.visibility="hidden",e=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 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,""),"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 d=c[l];e[""+d]=t[""+d]}},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=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)},a=this,o=0,p=s;o<p.length;o++){i(p[o])}return r},resolveComplexDirs:function(e,t,n){for(var s,r=[],i={},a=function(e){var a=void 0;if(t[""+n]){a=Object.keys(t[""+n]).find(function(s){return t[""+n][""+s]===e.type.methods.getTag().replace(/[s]\b/,"")});var p=o.ej2Instances.getModuleName().toLowerCase();a=a?a.replace("e-",""):e.type.methods.getTag().replace("ribbon"===p?"e-ribbon-":"e-",""),"diagram"==o.ej2Instances.getModuleName().toLowerCase()&&-1!=a.indexOf("annotations")&&(a="annotations")}e.children&&(s=o.resolveComplexInnerDirs(e.children,t[""+n],e.type.methods.getTag()),i[""+a]||(i[""+a]=[]),s.length>1?i[""+a]=s:i[""+a].push(s)),e.props&&(e.props=o.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},o=this,p=0,l=r=e.default?e.default():e;p<l.length;p++){a(l[p])}return i},resolveComplexInnerDirs:function(e,t,n){for(var s,r=[],i=(r=e.default?e.default():e).length>1?[]:{},a=0,o=r;a<o.length;a++){var p=o[a],l="ribbon"==this.ej2Instances.getModuleName().toLowerCase(),c=p.type.methods.getTag().replace(l?"e-ribbon-":"e-","");p.children&&(s=this.resolveMultilevelComplexInnerDirs(p.children,t[""+n],p.type.methods.getTag()),/[s]\b/.test(c)||r.length>1?/[s]\b/.test(c)?(i[""+c]=i[""+c]?i[""+c]:[],s.length?i[""+c]=s:i[""+c].push(s)):!s||l&&s.hasOwnProperty("collections")||i.push(s):i=s||i),p.props&&(p.props=this.getCamelCaseProps(p.props)),r.length>1&&p.props?l&&s&&s.hasOwnProperty("collections")?(s=p.props?Object.assign(s,p.props):s,i.push(s)):i.length>=0?i.push(p.props):i=p.props?Object.assign(i,p.props):i:i=p.props?Object.assign(i,p.props):i}return i},resolveMultilevelComplexInnerDirs:function(e,t,n){for(var s,r=[],i=(r=e.default?e.default():e).length>1?[]:{},a=0,o=r;a<o.length;a++){var p=o[a],l=this.ej2Instances.getModuleName().toLowerCase(),c=p.type.methods.getTag().replace("ribbon"===l?"e-ribbon-":"e-","");p.children&&(s=this.resolveComplexInnerDirs(p.children,t[""+n],p.type.methods.getTag())),p.props&&(p.props=this.getCamelCaseProps(p.props)),/[s]\b/.test(c)?(i[""+c]=i[""+c]?i[""+c]:[],s.length?i[""+c]=s:i[""+c].push(s),p.props&&i[""+c].push(p.props)):(i=s,i=p.props?Object.assign(i,p.props):i)}return i},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];if(o.componentOptions&&o.componentOptions.children&&o.componentOptions.tag||"e-seriescollection"===o.tag&&o.children){var p=o.componentOptions?o.componentOptions.tag:o.tag;if(p="e-seriescollection"===p?"e-seriesCollection":p,-1!==s.indexOf(p)){var l=n[""+p]?n[""+p]:p;r[l.replace("e-","")]=[];for(var c=0,d=o.componentOptions?o.componentOptions.children:o.children;c<d.length;c++){var h=d[c],u=this.getVNodeValue(h,t[""+p],n);0!==Object.keys(u).length&&r[l.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=a.componentOptions.tag,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,d=p;c<d.length;c++){var h=d[c],u=this.getVNodeValue(h,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?e.componentOptions.tag:"e-markersettings"===e.tag?"e-markerSettings":"e-markerSetting","string"==typeof t&&i===t&&e.data?r=e.data.attrs?this.getCamelCaseProps(e.data.attrs):this.getCamelCaseProps(e.data):"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)),e.data&&e.data.attrs&&(r=n.extend(r,this.getCamelCaseProps(e.data.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)}}}),f=function(){return(f=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)},g=n.getTemplateEngine();n.setTemplateEngine({compile:s}),e.isExecute=l,e.aVue=c,e.gh=d,e.vueDefineComponent=h,e.ComponentBase=u,e.getProps=function(e){if(void 0===e&&(e={}),e.props)for(var 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=0,s=e.props;n<s.length;n++)t(s[n]);return[e.newprops,e.watch]},e.compile=s,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.ej={},e.Vue,e.ej2Base)}(this,function(e,t,n){"use strict";function s(e,t){var s=this;return function(o,p,d,u,h){var v;if(p){var m=p.vueInstance?p.vueInstance.plugins:null,I=n.getUniqueID("templateParentDiv"),j=n.getUniqueID("templateDiv"),O=n.createElement("div",{id:I,innerHTML:'<div id="'+j+'"></div>'});if(document.body.appendChild(O),!l&&("string"==typeof e||e.prototype&&e.prototype.CSPTemplate&&"function"==typeof e)){var y=function(e,t,n){if(!(e||n&&n.vueInstance))return;return a(n&&n.vueInstance?n.vueInstance.$slots:e.$slots,t)}(p.vueInstance,e,h);if(!y)return n.detach(O),g(e,t)(o);var b=c.createApp({render:function(){return y[""+e]({data:o})}});if(m)for(var $=0;$<m.length;$++)b.use(m[parseInt($.toString(),10)]);r(b,p.vueInstance,h),b.mount("#"+I),v=O.childNodes,n.detach(O)}else if(l)if("string"==typeof e||e.prototype&&e.prototype.CSPTemplate&&"function"==typeof e){var C=function(e,t,n){if(!(e||n&&n.vueInstance))return;return i(n&&n.vueInstance?n.vueInstance:e,t)}(p.vueInstance,e,h);if(!C)return n.detach(O),g(e,t)(o);var x={},V=function(e){e.$parent&&V(e.$parent),e._provided&&Object.keys(e._provided).length>0&&(x=f({},x,e._provided))},S=p.vueInstance?p.vueInstance:h&&h.vueInstance?h.vueInstance:null;S&&V(S);new c({provide:f({},x),render:function(){return C[""+e]({data:o})}}).$mount("#"+j),v=O.childNodes,n.detach(O)}else{var k=(P=e.call(s,{})).template,D=(w=n.getValue("template.propsData",P),{data:{data:n.extend(P.data||{},o)},parent:p.vueInstance});if(w&&(k=P.template.extends,D.propsData=w),"function"!=typeof k&&(k=c.extend(k)),k.options.setup){var M=Object.assign(k.options.setup(),D.data);k.options.setup=function(e){return M}}if(new k(D).$mount("#"+j),v=O.childNodes,p.vueInstance){var N=p.vueInstance.templateCollection;N||(p.vueInstance.templateCollection={},N=p.vueInstance.templateCollection),d&&(N[""+d]||(N[""+d]=[]),N[""+d].push(v[0]))}n.detach(O)}else{var P,_=P=e.call(s,{}),w=n.getValue("template.propsData",P),T={data:{data:n.extend(P.data||{},o)},parent:p.vueInstance};_.template||(_.template=_[Object.keys(_)[0]]);var U=void 0;if(_.template.extends)U=_.template.extends._context.components.template;else if(!(U=_.template._context.components[e.name])){var A=Object.keys(_.template._context.components)[0];U=_.template._context.components[""+A]}var L;if(w)L=U.setup?Object.assign(U.setup(null,{expose:function(){}}),w):Object.assign(U.data(),w);else if(L=U.setup?Object.assign(U.setup(null,{expose:function(){}}),T.data):Object.assign(U.data(),T.data),U.components)for(var E=function(e){var t=U.components[""+e];t&&t.data&&(t.__data||(t.__data=t.data),t.data=function(e){return Object.assign(t.__data.call(e),T.data)})},B=0,q=Object.keys(U.components)||[];B<q.length;B++){E(q[B])}U.setup&&(U.setup=function(e,t){(0,t.expose)();var n=L;return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}),U.data=function(){return L};b=c.createApp(U);if(m)for($=0;$<m.length;$++)b.use(m[parseInt($.toString(),10)]);r(b,p.vueInstance,h),b.mount("#"+I),v=O.childNodes,n.detach(O)}}return v||[]}}function r(e,t,n){var s=t||(n&&n.vueInstance?n.vueInstance:null);if(s){for(var r=["components","mixins","provides","directives"],i=0;i<r.length;i++){var o=r[i];e._context[o]&&s.$.appContext[o]&&(e._context[o]=s.$.appContext[o])}var a={},p=function(e){e.$&&e.$.parent&&p(e.$.parent),e.provides&&Object.keys(e.provides).length>0&&(a=f({},a,e.provides))};p(s),e._context.provides&&(e._context.provides=f({},e._context.provides,a)),e._context.config.globalProperties&&s.$.appContext.config.globalProperties&&(e._context.config.globalProperties=s.$.appContext.config.globalProperties)}}function i(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 p=n.default,l=0;l<p.length;l++){if(c=i(o(p[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;if(c=i(o(a[parseInt(l.toString(),10)]),t))return c}}}}function o(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 a(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=a(n[parseInt(s.toString(),10)].children,t);if(r)return r}}}var p=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),l=!(parseInt(p.version)>2),c=l?p.default.default?p.default.default:p.default:p,d=p.h,u=function(e){return l?c.extend(e):c.defineComponent(e)},h=u({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?c.toRaw(this.ej2Instance):this.ej2Instance),this.propKeys){for(var t=function(t){s.ej2Instances.addEventListener(t,function(n){e.$emit(t,n)})},s=this,r=0,i=this.propKeys;r<i.length;r++){t(i[r])}var o=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&&!l){var p=[];o&&o.managed?(this.isDecorator=!0,p=this.getInjectedServices()||[]):o?p=o[this.ej2Instances.getModuleName()]||[]:a&&(p=this.getInjectedServices()||[]);for(var d=0,u=this.ej2Instances.getInjectedModules()||[];d<u.length;d++){var h=u[d];-1===p.indexOf(h)&&p.push(h)}this.ej2Instances.injectedModules=p}}},mounted:function(){var e=this.$el?this.$el.querySelectorAll("div.e-directive"):null;if(!l&&e)for(var t=0;t<e.length;t++)e[parseInt(t.toString(),10)].parentElement&&e[parseInt(t.toString(),10)].parentElement.removeChild(e[parseInt(t.toString(),10)]);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),o=void 0;this.$root&&this.isDecorator?o=Object.keys(this.$root):this.$vnode?o=Object.keys(this.$vnode.context):this.$parent&&(o=Object.keys(this.$parent));for(var a=0;a<i.length;a++)for(var p=0;p<o.length;p++)-1!==o[parseInt(p.toString(),10)].indexOf(i[parseInt(a.toString(),10)])&&(this.$root&&this.isDecorator?r[i[parseInt(p.toString(),10)]]=this.$root[o[parseInt(a.toString(),10)]]:this.$vnode?r[i[parseInt(a.toString(),10)]]=this.$vnode.context[o[parseInt(p.toString(),10)]]:this.$parent&&(r[i[parseInt(a.toString(),10)]]=this.$parent[o[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(){var e=this;e.ej2Instances.destroy(),e.$el.style.visibility="hidden",e=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 i=this.getInjectedServices()||[],o=0,a=this.ej2Instances.getInjectedModules()||[];o<a.length;o++){var p=a[o];-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),o=r.split("-"),a=this.ej2Instances.getModuleName().toLowerCase(),p=o.length>1&&a.indexOf(o[0])>-1?o[1]:o[0];p=p.replace(a,""),"splitter"==a&&"panes"==p?p="paneSettings":"bulletchart"==a&&"range"==p?p="ranges":"schedule"==a&&"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 d=c[l];e[""+d]=t[""+d]}},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=function(e){var s={},i=e.type.methods?e.type.methods.getTag():t;if(e.children){var a=void 0;if((n=o.resolveComplexDirs(e.children,o.tagMapper["e-"+t],i)).length)s=n;else for(var p=0;p<Object.keys(n).length;p++)a=Object.keys(n)[parseInt(p.toString(),10)],s[""+a]=n[""+a]}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=this,a=0,p=s;a<p.length;a++){i(p[a])}return r},resolveComplexDirs:function(e,t,n){for(var s,r=[],i={},o=function(e){var o=void 0;if(t[""+n]){o=Object.keys(t[""+n]).find(function(s){return t[""+n][""+s]===e.type.methods.getTag().replace(/[s]\b/,"")});var p=a.ej2Instances.getModuleName().toLowerCase();o=o?o.replace("e-",""):e.type.methods.getTag().replace("ribbon"===p?"e-ribbon-":"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},a=this,p=0,l=r=e.default?e.default():e;p<l.length;p++){o(l[p])}return i},resolveComplexInnerDirs:function(e,t,n){for(var s,r=[],i=(r=e.default?e.default():e).length>1?[]:{},o=0,a=r;o<a.length;o++){var p=a[o],l="ribbon"==this.ej2Instances.getModuleName().toLowerCase(),c=p.type.methods.getTag().replace(l?"e-ribbon-":"e-","");p.children&&(s=this.resolveMultilevelComplexInnerDirs(p.children,t[""+n],p.type.methods.getTag()),/[s]\b/.test(c)||r.length>1?/[s]\b/.test(c)?(i[""+c]=i[""+c]?i[""+c]:[],s.length?i[""+c]=s:i[""+c].push(s)):!s||l&&s.hasOwnProperty("collections")||i.push(s):i=s||i),p.props&&(p.props=this.getCamelCaseProps(p.props)),r.length>1&&p.props?l&&s&&s.hasOwnProperty("collections")?(s=p.props?Object.assign(s,p.props):s,i.push(s)):i.length>=0?i.push(p.props):i=p.props?Object.assign(i,p.props):i:i=p.props?Object.assign(i,p.props):i}return i},resolveMultilevelComplexInnerDirs:function(e,t,n){for(var s,r=[],i=(r=e.default?e.default():e).length>1?[]:{},o=0,a=r;o<a.length;o++){var p=a[o],l=this.ej2Instances.getModuleName().toLowerCase(),c=p.type.methods.getTag().replace("ribbon"===l?"e-ribbon-":"e-","");p.children&&(s=this.resolveComplexInnerDirs(p.children,t[""+n],p.type.methods.getTag())),p.props&&(p.props=this.getCamelCaseProps(p.props)),/[s]\b/.test(c)?(i[""+c]=i[""+c]?i[""+c]:[],s.length?i[""+c]=s:i[""+c].push(s),p.props&&i[""+c].push(p.props)):(i=s,i=p.props?Object.assign(i,p.props):i)}return i},getDirectiveValues:function(e,t,n){var s=Object.keys(t),r={};if(e)for(var i=0,o=e;i<o.length;i++){var a=o[i];if(a.componentOptions&&a.componentOptions.children&&a.componentOptions.tag||"e-seriescollection"===a.tag&&a.children){var p=a.componentOptions?a.componentOptions.tag:a.tag;if(p="e-seriescollection"===p?"e-seriesCollection":p,-1!==s.indexOf(p)){var l=n[""+p]?n[""+p]:p;r[l.replace("e-","")]=[];for(var c=0,d=a.componentOptions?a.componentOptions.children:a.children;c<d.length;c++){var u=d[c],h=this.getVNodeValue(u,t[""+p],n);0!==Object.keys(h).length&&r[l.replace("e-","")].push(h)}}}}return r},getMultiLevelDirValue:function(e,t,n){for(var s={},r=0,i=e;r<i.length;r++){var o=i[r],a=void 0,p=void 0;if(o.componentOptions?(a=o.componentOptions.tag,o.componentOptions.children&&(p=o.componentOptions.children)):"e-markersettings"!==o.tag&&"e-markersetting"!==o.tag||!o.children||(a="e-markersettings"===o.tag?"e-markerSettings":"e-markerSetting",p=o.children),a){var l=n[""+a]?n[""+a]:a;if(s[l.replace("e-","")]=[],p)for(var c=0,d=p;c<d.length;c++){var u=d[c],h=this.getVNodeValue(u,t[""+a],n);0!==Object.keys(h).length&&s[l.replace("e-","")].push(h)}}}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?e.componentOptions.tag:"e-markersettings"===e.tag?"e-markerSettings":"e-markerSetting","string"==typeof t&&i===t&&e.data?r=e.data.attrs?this.getCamelCaseProps(e.data.attrs):this.getCamelCaseProps(e.data):"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)),e.data&&e.data.attrs&&(r=n.extend(r,this.getCamelCaseProps(e.data.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)}}}),f=function(){return(f=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)},g=n.getTemplateEngine();n.setTemplateEngine({compile:s}),e.isExecute=l,e.aVue=c,e.gh=d,e.vueDefineComponent=u,e.ComponentBase=h,e.getProps=function(e){if(void 0===e&&(e={}),e.props)for(var 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=0,s=e.props;n<s.length;n++)t(s[n]);return[e.newprops,e.watch]},e.compile=s,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-base.umd.min.js.map

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

@@ -93,14 +93,3 @@ import * as Vue from 'vue';
     updated() {
-        if (this.isVue3) {
-            this.setModelValue();
-        }
-        if (this.hasChildDirective) {
-            let childKey = {};
-            this.fetchChildPropValues(childKey);
-            let curChildDir = JSON.stringify(childKey);
-            if (this.childDirObjects !== curChildDir) {
-                this.childDirObjects = curChildDir;
-                this.assignValueToWrapper(childKey, false);
-            }
-        }
+        this.updated();
     },
@@ -579,3 +568,3 @@ beforeDestroy() {
             document.body.appendChild(ele);
-            if (!isExecute && typeof templateElement === "string") {
+            if (!isExecute && (typeof templateElement === "string" || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function'))) {
                 let vueSlot = getCurrentVueSlot(context.vueInstance, templateElement, root);
@@ -678,3 +667,3 @@ if (vueSlot) {
             }
-            else if (typeof templateElement === "string") {
+            else if (typeof templateElement === "string" || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function')) {
                 let vueSlot = getVueSlot(context.vueInstance, templateElement, root);
@@ -681,0 +670,0 @@ if (vueSlot) {

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

@@ -100,14 +100,3 @@ import * as Vue from 'vue';
     updated: function () {
-        if (this.isVue3) {
-            this.setModelValue();
-        }
-        if (this.hasChildDirective) {
-            var childKey = {};
-            this.fetchChildPropValues(childKey);
-            var curChildDir = JSON.stringify(childKey);
-            if (this.childDirObjects !== curChildDir) {
-                this.childDirObjects = curChildDir;
-                this.assignValueToWrapper(childKey, false);
-            }
-        }
+        this.updated();
     },
@@ -624,3 +613,3 @@ beforeDestroy: function () {
             document.body.appendChild(ele);
-            if (!isExecute && typeof templateElement === "string") {
+            if (!isExecute && (typeof templateElement === "string" || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function'))) {
                 var vueSlot_1 = getCurrentVueSlot(context.vueInstance, templateElement, root);
@@ -728,3 +717,3 @@ if (vueSlot_1) {
             }
-            else if (typeof templateElement === "string") {
+            else if (typeof templateElement === "string" || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function')) {
                 var vueSlot_2 = getVueSlot(context.vueInstance, templateElement, root);
@@ -731,0 +720,0 @@ if (vueSlot_2) {

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

 /*!
 *  filename: ej2-vue-base.min.js
-*  version : 21.2.9
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. 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 f;if(o){var g=o.vueInstance?o.vueInstance.plugins:null,v=n.getUniqueID("templateParentDiv"),j=n.getUniqueID("templateDiv"),O=n.createElement("div",{id:v,innerHTML:'<div id="'+j+'"></div>'});if(document.body.appendChild(O),d||"string"!=typeof e)if(d)if("string"==typeof e){var b=a(o.vueInstance,e,h);if(!b)return n.detach(O),I(e,t)(r);var y={},$=function(e){e.$parent&&$(e.$parent),e._provided&&Object.keys(e._provided).length>0&&(y=m({},y,e._provided))},C=o.vueInstance?o.vueInstance:h&&h.vueInstance?h.vueInstance:null;C&&$(C),new u({provide:m({},y),render:function(){return b[""+e]({data:r})}}).$mount("#"+j),f=O.childNodes,n.detach(O)}else{var x=e.call(s,{}),V=x.template,D=n.getValue("template.propsData",x),S={data:{data:n.extend(x.data||{},r)},parent:o.vueInstance};if(D&&(V=x.template.extends,S.propsData=D),"function"!=typeof V&&(V=u.extend(V)),V.options.setup){var k=Object.assign(V.options.setup(),S.data);V.options.setup=function(e){return k}}if(new V(S).$mount("#"+j),f=O.childNodes,o.vueInstance){var M=o.vueInstance.templateCollection;M||(o.vueInstance.templateCollection={},M=o.vueInstance.templateCollection),p&&(M[""+p]||(M[""+p]=[]),M[""+p].push(f[0]))}n.detach(O)}else{var N=x=e.call(s,{}),D=n.getValue("template.propsData",x),P={data:{data:n.extend(x.data||{},r)},parent:o.vueInstance};N.template||(N.template=N[Object.keys(N)[0]]);var _=void 0;if(N.template.extends)_=N.template.extends._context.components.template;else if(!(_=N.template._context.components[e.name])){var w=Object.keys(N.template._context.components)[0];_=N.template._context.components[""+w]}var T;if(D)T=_.setup?Object.assign(_.setup(null,{expose:function(){}}),D):Object.assign(_.data(),D);else if(T=_.setup?Object.assign(_.setup(null,{expose:function(){}}),P.data):Object.assign(_.data(),P.data),_.components)for(var U=0,A=Object.keys(_.components)||[];U<A.length;U++)!function(e){var t=_.components[""+e];t&&t.data&&(t.__data||(t.__data=t.data),t.data=function(e){return Object.assign(t.__data.call(e),P.data)})}(A[U]);_.setup&&(_.setup=function(e,t){(0,t.expose)();var n=T;return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}),_.data=function(){return T};E=u.createApp(_);if(g)for(B=0;B<g.length;B++)E.use(g[parseInt(B.toString(),10)]);i(E,o.vueInstance,h),E.mount("#"+v),f=O.childNodes,n.detach(O)}else{var L=l(o.vueInstance,e,h);if(!L)return n.detach(O),I(e,t)(r);var E=u.createApp({render:function(){return L[""+e]({data:r})}});if(g)for(var B=0;B<g.length;B++)E.use(g[parseInt(B.toString(),10)]);i(E,o.vueInstance,h),E.mount("#"+v),f=O.childNodes,n.detach(O)}}return f||[]}}function i(e,t,n){var s=t||(n&&n.vueInstance?n.vueInstance:null);if(s){for(var r=["components","mixins","provides","directives"],i=0;i<r.length;i++){var a=r[i];e._context[a]&&s.$.appContext[a]&&(e._context[a]=s.$.appContext[a])}var o={},p=function(e){e.$&&e.$.parent&&p(e.$.parent),e.provides&&Object.keys(e.provides).length>0&&(o=m({},o,e.provides))};p(s),e._context.provides&&(e._context.provides=m({},e._context.provides,o)),e._context.config.globalProperties&&s.$.appContext.config.globalProperties&&(e._context.config.globalProperties=s.$.appContext.config.globalProperties)}}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)>2),u=d?h.default.default?h.default.default:h.default:h,f=h.h,g=function(e){return d?u.extend(e):u.defineComponent(e)},v=g({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++)e[parseInt(t.toString(),10)].parentElement&&e[parseInt(t.toString(),10)].parentElement.removeChild(e[parseInt(t.toString(),10)]);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(){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))}},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(){var e=this;e.ej2Instances.destroy(),e.$el.style.visibility="hidden",e=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 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,""),"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;if(t[""+n]){o=Object.keys(t[""+n]).find(function(s){return t[""+n][""+s]===e.type.methods.getTag().replace(/[s]\b/,"")});var p=a.ej2Instances.getModuleName().toLowerCase();o=o?o.replace("e-",""):e.type.methods.getTag().replace("ribbon"===p?"e-ribbon-":"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=[],i=(r=e.default?e.default():e).length>1?[]:{},a=0,o=r;a<o.length;a++){var p=o[a],l="ribbon"==this.ej2Instances.getModuleName().toLowerCase(),c=p.type.methods.getTag().replace(l?"e-ribbon-":"e-","");p.children&&(s=this.resolveMultilevelComplexInnerDirs(p.children,t[""+n],p.type.methods.getTag()),/[s]\b/.test(c)||r.length>1?/[s]\b/.test(c)?(i[""+c]=i[""+c]?i[""+c]:[],s.length?i[""+c]=s:i[""+c].push(s)):!s||l&&s.hasOwnProperty("collections")||i.push(s):i=s||i),p.props&&(p.props=this.getCamelCaseProps(p.props)),r.length>1&&p.props?l&&s&&s.hasOwnProperty("collections")?(s=p.props?Object.assign(s,p.props):s,i.push(s)):i.length>=0?i.push(p.props):i=p.props?Object.assign(i,p.props):i:i=p.props?Object.assign(i,p.props):i}return i},resolveMultilevelComplexInnerDirs:function(e,t,n){for(var s,r=[],i=(r=e.default?e.default():e).length>1?[]:{},a=0,o=r;a<o.length;a++){var p=o[a],l=this.ej2Instances.getModuleName().toLowerCase(),c=p.type.methods.getTag().replace("ribbon"===l?"e-ribbon-":"e-","");p.children&&(s=this.resolveComplexInnerDirs(p.children,t[""+n],p.type.methods.getTag())),p.props&&(p.props=this.getCamelCaseProps(p.props)),/[s]\b/.test(c)?(i[""+c]=i[""+c]?i[""+c]:[],s.length?i[""+c]=s:i[""+c].push(s),p.props&&i[""+c].push(p.props)):(i=s,i=p.props?Object.assign(i,p.props):i)}return i},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];if(o.componentOptions&&o.componentOptions.children&&o.componentOptions.tag||"e-seriescollection"===o.tag&&o.children){var p=o.componentOptions?o.componentOptions.tag:o.tag;if(p="e-seriescollection"===p?"e-seriesCollection":p,-1!==s.indexOf(p)){var l=n[""+p]?n[""+p]:p;r[l.replace("e-","")]=[];for(var c=0,h=o.componentOptions?o.componentOptions.children:o.children;c<h.length;c++){var d=h[c],u=this.getVNodeValue(d,t[""+p],n);0!==Object.keys(u).length&&r[l.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=a.componentOptions.tag,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?e.componentOptions.tag:"e-markersettings"===e.tag?"e-markerSettings":"e-markerSetting","string"==typeof t&&i===t&&e.data?r=e.data.attrs?this.getCamelCaseProps(e.data.attrs):this.getCamelCaseProps(e.data):"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)),e.data&&e.data.attrs&&(r=n.extend(r,this.getCamelCaseProps(e.data.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)}}}),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.isExecute=d,e.aVue=u,e.gh=f,e.vueDefineComponent=g,e.ComponentBase=v,e.getProps=s,e.compile=r,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,d){var f;if(o){var g=o.vueInstance?o.vueInstance.plugins:null,v=n.getUniqueID("templateParentDiv"),j=n.getUniqueID("templateDiv"),O=n.createElement("div",{id:v,innerHTML:'<div id="'+j+'"></div>'});if(document.body.appendChild(O),!h&&("string"==typeof e||e.prototype&&e.prototype.CSPTemplate&&"function"==typeof e)){var y=l(o.vueInstance,e,d);if(!y)return n.detach(O),I(e,t)(r);E=u.createApp({render:function(){return y[""+e]({data:r})}});if(g)for(B=0;B<g.length;B++)E.use(g[parseInt(B.toString(),10)]);i(E,o.vueInstance,d),E.mount("#"+v),f=O.childNodes,n.detach(O)}else if(h)if("string"==typeof e||e.prototype&&e.prototype.CSPTemplate&&"function"==typeof e){var b=a(o.vueInstance,e,d);if(!b)return n.detach(O),I(e,t)(r);var $={},C=function(e){e.$parent&&C(e.$parent),e._provided&&Object.keys(e._provided).length>0&&($=m({},$,e._provided))},x=o.vueInstance?o.vueInstance:d&&d.vueInstance?d.vueInstance:null;x&&C(x),new u({provide:m({},$),render:function(){return b[""+e]({data:r})}}).$mount("#"+j),f=O.childNodes,n.detach(O)}else{var V=e.call(s,{}),S=V.template,k=n.getValue("template.propsData",V),D={data:{data:n.extend(V.data||{},r)},parent:o.vueInstance};if(k&&(S=V.template.extends,D.propsData=k),"function"!=typeof S&&(S=u.extend(S)),S.options.setup){var M=Object.assign(S.options.setup(),D.data);S.options.setup=function(e){return M}}if(new S(D).$mount("#"+j),f=O.childNodes,o.vueInstance){var N=o.vueInstance.templateCollection;N||(o.vueInstance.templateCollection={},N=o.vueInstance.templateCollection),p&&(N[""+p]||(N[""+p]=[]),N[""+p].push(f[0]))}n.detach(O)}else{var P=V=e.call(s,{}),k=n.getValue("template.propsData",V),_={data:{data:n.extend(V.data||{},r)},parent:o.vueInstance};P.template||(P.template=P[Object.keys(P)[0]]);var w=void 0;if(P.template.extends)w=P.template.extends._context.components.template;else if(!(w=P.template._context.components[e.name])){var T=Object.keys(P.template._context.components)[0];w=P.template._context.components[""+T]}var U;if(k)U=w.setup?Object.assign(w.setup(null,{expose:function(){}}),k):Object.assign(w.data(),k);else if(U=w.setup?Object.assign(w.setup(null,{expose:function(){}}),_.data):Object.assign(w.data(),_.data),w.components)for(var A=0,L=Object.keys(w.components)||[];A<L.length;A++)!function(e){var t=w.components[""+e];t&&t.data&&(t.__data||(t.__data=t.data),t.data=function(e){return Object.assign(t.__data.call(e),_.data)})}(L[A]);w.setup&&(w.setup=function(e,t){(0,t.expose)();var n=U;return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}),w.data=function(){return U};var E=u.createApp(w);if(g)for(var B=0;B<g.length;B++)E.use(g[parseInt(B.toString(),10)]);i(E,o.vueInstance,d),E.mount("#"+v),f=O.childNodes,n.detach(O)}}return f||[]}}function i(e,t,n){var s=t||(n&&n.vueInstance?n.vueInstance:null);if(s){for(var r=["components","mixins","provides","directives"],i=0;i<r.length;i++){var a=r[i];e._context[a]&&s.$.appContext[a]&&(e._context[a]=s.$.appContext[a])}var o={},p=function(e){e.$&&e.$.parent&&p(e.$.parent),e.provides&&Object.keys(e.provides).length>0&&(o=m({},o,e.provides))};p(s),e._context.provides&&(e._context.provides=m({},e._context.provides,o)),e._context.config.globalProperties&&s.$.appContext.config.globalProperties&&(e._context.config.globalProperties=s.$.appContext.config.globalProperties)}}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 d=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),h=!(parseInt(d.version)>2),u=h?d.default.default?d.default.default:d.default:d,f=d.h,g=function(e){return h?u.extend(e):u.defineComponent(e)},v=g({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&&!h){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(!h&&e)for(var t=0;t<e.length;t++)e[parseInt(t.toString(),10)].parentElement&&e[parseInt(t.toString(),10)].parentElement.removeChild(e[parseInt(t.toString(),10)]);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(){var e=this;e.ej2Instances.destroy(),e.$el.style.visibility="hidden",e=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 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,""),"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 d=c[l];e[""+d]=t[""+d]}},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;if(t[""+n]){o=Object.keys(t[""+n]).find(function(s){return t[""+n][""+s]===e.type.methods.getTag().replace(/[s]\b/,"")});var p=a.ej2Instances.getModuleName().toLowerCase();o=o?o.replace("e-",""):e.type.methods.getTag().replace("ribbon"===p?"e-ribbon-":"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=[],i=(r=e.default?e.default():e).length>1?[]:{},a=0,o=r;a<o.length;a++){var p=o[a],l="ribbon"==this.ej2Instances.getModuleName().toLowerCase(),c=p.type.methods.getTag().replace(l?"e-ribbon-":"e-","");p.children&&(s=this.resolveMultilevelComplexInnerDirs(p.children,t[""+n],p.type.methods.getTag()),/[s]\b/.test(c)||r.length>1?/[s]\b/.test(c)?(i[""+c]=i[""+c]?i[""+c]:[],s.length?i[""+c]=s:i[""+c].push(s)):!s||l&&s.hasOwnProperty("collections")||i.push(s):i=s||i),p.props&&(p.props=this.getCamelCaseProps(p.props)),r.length>1&&p.props?l&&s&&s.hasOwnProperty("collections")?(s=p.props?Object.assign(s,p.props):s,i.push(s)):i.length>=0?i.push(p.props):i=p.props?Object.assign(i,p.props):i:i=p.props?Object.assign(i,p.props):i}return i},resolveMultilevelComplexInnerDirs:function(e,t,n){for(var s,r=[],i=(r=e.default?e.default():e).length>1?[]:{},a=0,o=r;a<o.length;a++){var p=o[a],l=this.ej2Instances.getModuleName().toLowerCase(),c=p.type.methods.getTag().replace("ribbon"===l?"e-ribbon-":"e-","");p.children&&(s=this.resolveComplexInnerDirs(p.children,t[""+n],p.type.methods.getTag())),p.props&&(p.props=this.getCamelCaseProps(p.props)),/[s]\b/.test(c)?(i[""+c]=i[""+c]?i[""+c]:[],s.length?i[""+c]=s:i[""+c].push(s),p.props&&i[""+c].push(p.props)):(i=s,i=p.props?Object.assign(i,p.props):i)}return i},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];if(o.componentOptions&&o.componentOptions.children&&o.componentOptions.tag||"e-seriescollection"===o.tag&&o.children){var p=o.componentOptions?o.componentOptions.tag:o.tag;if(p="e-seriescollection"===p?"e-seriesCollection":p,-1!==s.indexOf(p)){var l=n[""+p]?n[""+p]:p;r[l.replace("e-","")]=[];for(var c=0,d=o.componentOptions?o.componentOptions.children:o.children;c<d.length;c++){var h=d[c],u=this.getVNodeValue(h,t[""+p],n);0!==Object.keys(u).length&&r[l.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=a.componentOptions.tag,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,d=p;c<d.length;c++){var h=d[c],u=this.getVNodeValue(h,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?e.componentOptions.tag:"e-markersettings"===e.tag?"e-markerSettings":"e-markerSetting","string"==typeof t&&i===t&&e.data?r=e.data.attrs?this.getCamelCaseProps(e.data.attrs):this.getCamelCaseProps(e.data):"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)),e.data&&e.data.attrs&&(r=n.extend(r,this.getCamelCaseProps(e.data.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)}}}),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.isExecute=h,e.aVue=u,e.gh=f,e.vueDefineComponent=g,e.ComponentBase=v,e.getProps=s,e.compile=r,e}({},Vue,ej.base),this.ejs=ej;
 //# sourceMappingURL=ej2-vue-base.min.js.map

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 21.2.9
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@21.2.6",
+  "_id": "@syncfusion/ej2-vue-base@19.3.53",
   "_inBundle": false,
-  "_integrity": "sha512-uzM+l7en7PazMk4lVcshj0hC/fTegPgXnMBaAjFmOmipL4VXMSmIFirmJk2WlGQTdVdKRkSHGyFCzvZdw545RA==",
+  "_integrity": "sha512-7LseWt+BlVgBXq0g/+oHy3o1xVBriBaiCDBNOT0aDO5SEvv6mX9a/hTArAuiqzWW9Pz6EO7rNqa222TGwp8VBQ==",
   "_location": "/@syncfusion/ej2-vue-base",
@@ -21,21 +21,39 @@ "_phantomChildren": {},
     "/",
+    "/@syncfusion/ej2-vue-barcode-generator",
+    "/@syncfusion/ej2-vue-buttons",
     "/@syncfusion/ej2-vue-calendars",
     "/@syncfusion/ej2-vue-charts",
+    "/@syncfusion/ej2-vue-circulargauge",
     "/@syncfusion/ej2-vue-diagrams",
     "/@syncfusion/ej2-vue-documenteditor",
+    "/@syncfusion/ej2-vue-dropdowns",
+    "/@syncfusion/ej2-vue-filemanager",
     "/@syncfusion/ej2-vue-gantt",
     "/@syncfusion/ej2-vue-grids",
+    "/@syncfusion/ej2-vue-heatmap",
+    "/@syncfusion/ej2-vue-image-editor",
+    "/@syncfusion/ej2-vue-inplace-editor",
     "/@syncfusion/ej2-vue-inputs",
+    "/@syncfusion/ej2-vue-kanban",
     "/@syncfusion/ej2-vue-layouts",
+    "/@syncfusion/ej2-vue-lineargauge",
     "/@syncfusion/ej2-vue-lists",
+    "/@syncfusion/ej2-vue-maps",
     "/@syncfusion/ej2-vue-navigations",
+    "/@syncfusion/ej2-vue-notifications",
     "/@syncfusion/ej2-vue-pdfviewer",
     "/@syncfusion/ej2-vue-pivotview",
+    "/@syncfusion/ej2-vue-popups",
+    "/@syncfusion/ej2-vue-progressbar",
+    "/@syncfusion/ej2-vue-querybuilder",
+    "/@syncfusion/ej2-vue-ribbon",
     "/@syncfusion/ej2-vue-richtexteditor",
     "/@syncfusion/ej2-vue-schedule",
+    "/@syncfusion/ej2-vue-splitbuttons",
     "/@syncfusion/ej2-vue-spreadsheet",
-    "/@syncfusion/ej2-vue-treegrid"
+    "/@syncfusion/ej2-vue-treegrid",
+    "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-base/-/ej2-vue-base-21.2.6.tgz",
-  "_shasum": "39a3a69429b9fc01eceed9b370e462bef349789f",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-base/-/ej2-vue-base-19.3.53.tgz",
+  "_shasum": "05caf52e623f124c673bded562a6dd3217ad08d7",
   "_spec": "@syncfusion/ej2-vue-base@*",
@@ -51,3 +69,3 @@ "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.9"
+    "@syncfusion/ej2-base": "~22.1.34"
   },
@@ -82,4 +100,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "21.2.9",
+  "version": "22.1.34",
   "sideEffects": true
 }

src/component-base.js

@@ -97,14 +97,3 @@ /**
     updated: function () {
-        if (this.isVue3) {
-            this.setModelValue();
-        }
-        if (this.hasChildDirective) {
-            var childKey = {};
-            this.fetchChildPropValues(childKey);
-            var curChildDir = JSON.stringify(childKey);
-            if (this.childDirObjects !== curChildDir) {
-                this.childDirObjects = curChildDir;
-                this.assignValueToWrapper(childKey, false);
-            }
-        }
+        this.updated();
     },
@@ -111,0 +100,0 @@ beforeDestroy: function () {

src/template.js

@@ -29,3 +29,3 @@ var __assign = (this && this.__assign) || function () {
             document.body.appendChild(ele);
-            if (!isExecute && typeof templateElement === "string") {
+            if (!isExecute && (typeof templateElement === "string" || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function'))) {
                 var vueSlot_1 = getCurrentVueSlot(context.vueInstance, templateElement, root);
@@ -133,3 +133,3 @@ if (vueSlot_1) {
             }
-            else if (typeof templateElement === "string") {
+            else if (typeof templateElement === "string" || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function')) {
                 var vueSlot_2 = getVueSlot(context.vueInstance, templateElement, root);
@@ -136,0 +136,0 @@ if (vueSlot_2) {

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

Worsened metrics

Total package byte prevSize

465499

decreased by-0.24%

Lines of code

2819

decreased by-1.23%

Dependency changes

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

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

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

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

• Updated@syncfusion/ej2-base@~22.1.34