@syncfusion/ej2-vue-base 31.2.2 → 31.2.10

package/.eslintrc.json

@@ -39,6 +39,8 @@
         "security/detect-pseudoRandomBytes":"error",
         "security/detect-new-buffer":"error",
         "security/detect-bidi-characters":"error",
+        "no-prototype-builtins": "warn",
+        "no-extend-native": ["warn"],
         "@typescript-eslint/no-inferrable-types": "off",
         "@typescript-eslint/ban-types": ["warn", {
             "types": {

package/README.md

@@ -77,5 +77,5 @@ Check the license detail [here](https://github.com/syncfusion/ej2-vue-ui-compone
 
 Check the changelog [here](https://ej2.syncfusion.com/vue/documentation/release-notes?utm_source=npm&utm_campaign=ej2-vue-base)
 
-    © Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
+    © Copyright 2024 Syncfusion, Inc. All Rights Reserved.
     The Syncfusion Essential Studio license and copyright applies to this distribution.

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

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-vue-base.umd.min.js
-*  version : 31.2.2
-*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("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

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

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-vue-base.min.js
-*  version : 31.2.2
-*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 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

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  version : 31.2.2
-*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _vuebase from '@syncfusion/ej2-vue-base';
 
 export declare namespace ej {

package/package.json

@@ -1,79 +1,9 @@
 {
-  "_from": "@syncfusion/ej2-vue-base@*",
-  "_id": "@syncfusion/ej2-vue-base@31.1.1",
-  "_inBundle": false,
-  "_integrity": "sha512-T2snTPAIABEGBL1AgFYWC5qE4lE/DMQzSoRcs7CKJiSeyGbjxsaO1XR1bvdKin7dHpkv1USwDIhnhDvFJ7b4fg==",
-  "_location": "/@syncfusion/ej2-vue-base",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-vue-base@*",
-    "name": "@syncfusion/ej2-vue-base",
-    "escapedName": "@syncfusion%2fej2-vue-base",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2-vue-barcode-generator",
-    "/@syncfusion/ej2-vue-blockeditor",
-    "/@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-interactive-chat",
-    "/@syncfusion/ej2-vue-kanban",
-    "/@syncfusion/ej2-vue-layouts",
-    "/@syncfusion/ej2-vue-lineargauge",
-    "/@syncfusion/ej2-vue-lists",
-    "/@syncfusion/ej2-vue-maps",
-    "/@syncfusion/ej2-vue-multicolumn-combobox",
-    "/@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-treemap"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-vue-base/-/ej2-vue-base-31.1.1.tgz",
-  "_shasum": "25f048b496272c10e8dd2401914a38897e2837a9",
-  "_spec": "@syncfusion/ej2-vue-base@*",
-  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-vue-ui-components/issues"
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.2"
-  },
-  "deprecated": false,
+  "name": "@syncfusion/ej2-vue-base",
+  "version": "31.2.10",
   "description": "A common package of Essential JS 2 base Vue libraries, methods and class definitions",
-  "devDependencies": {},
-  "homepage": "https://www.syncfusion.com/vue-components",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -85,22 +15,25 @@
     "library",
     "ej2-vue-base"
   ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-vue-base.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-vue-base",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
+    "url": "https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
+  "homepage": "https://www.syncfusion.com/vue-components",
+  "main": "./dist/ej2-vue-base.umd.min.js",
+  "module": "./index.js",
+  "readme": "ReadMe.md",
+  "dependencies": {
+    "@syncfusion/ej2-base": "~31.2.5"
+  },
+  "devDependencies": {},
   "scripts": {
-    "ci-publish": "gulp ci-publish",
+    "test": "gulp ci-test",
     "compile": "gulp ci-compile",
-    "es-lint": "eslint -c .eslintrc.json --ext .ts ./src/**",
+    "ci-publish": "gulp ci-publish",
     "es-lint-config": "npx tslint-to-eslint-config --config .eslintrc.json --tslint ./tslint.json",
-    "test": "gulp ci-test"
+    "es-lint": "eslint -c .eslintrc.json --ext .ts ./src/**"
   },
   "typings": "index.d.ts",
-  "version": "31.2.2",
   "sideEffects": true
 }

package/dist/ts/component-base.d.ts

@@ -1,30 +0,0 @@
-export declare const isExecute: boolean;
-export declare const aVue: any;
-export declare const gh: any;
-export declare const vueDefineComponent: Function;
-declare type ComponentBaseType = {
-    getInjectedServices(): Object[];
-    updated(): void;
-    bindProperties(): void;
-    assignValueToWrapper(option: Object, silent?: boolean): void;
-    fetchChildPropValues(childOption: Object): void;
-    getDirectiveValues(tagDirectives: any, tagMapper: {
-        [key: string]: Object;
-    }, tagNameMapper: Object): Object;
-    getMultiLevelDirValue(tagDirectories: any, tagKey: string | Object, tagNameMapper: Object): Object;
-    getVNodeValue(tagDirective: any, tagKey: string | Object, tagNameMapper: Object): Object;
-    /**
-     * convert kebab case directive props to camel case
-     */
-    getCamelCaseProps(props: Object): Object;
-    dataBind(): void;
-};
-export declare const ComponentBase: ComponentBaseType;
-/**
- * Collect public property values for the Vue component.
- *
- * @param {any} options - represents props object.
- * @returns {any} array of props object and `watchobject` respectively.
- */
-export declare function getProps(options?: any): any;
-export {};

package/dist/ts/component-base.ts

@@ -1,568 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/**
- * Vue Component Base
- */
-import * as Vue from 'vue';
-import { isNullOrUndefined, extend, getValue, setProxyToRaw } from '@syncfusion/ej2-base';
-
-/**
- * Clone the Vue compiler instance.
- *
- * @param {any} obj - representes the Vue compiler.
- * @returns {any} cloned object of Vue compiler.
- */
-function _interopRequireWildcard(obj: any): any { if (obj && obj.__esModule) { return obj; } else { const newObj: any = {}; if (obj != null) { for (const key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[`${key}`] = obj[`${key}`]; } } } newObj.default = obj; return newObj; } }
-
-const curVue: any = _interopRequireWildcard(Vue);
-export const isExecute: boolean = (parseInt(curVue['version'], 10) > 2) ? false : true;
-export const aVue: any = !isExecute ? curVue : (curVue['default']['default'] ? curVue['default']['default'] : curVue['default']);
-export const gh: any = curVue['h'];
-
-export const vueDefineComponent: Function = (options: Object): any => { return !isExecute ? aVue['defineComponent'](options) : aVue['extend'](options); };
-
-type ComponentBaseType = {
-    getInjectedServices(): Object[];
-    updated(): void;
-    bindProperties(): void;
-    assignValueToWrapper(option: Object, silent?: boolean): void;
-    fetchChildPropValues(childOption: Object): void;
-    getDirectiveValues(tagDirectives: any, tagMapper: {
-        [key: string]: Object;
-    }, tagNameMapper: Object): Object;
-    getMultiLevelDirValue(tagDirectories: any, tagKey: string | Object, tagNameMapper: Object): Object;
-    getVNodeValue(tagDirective: any, tagKey: string | Object, tagNameMapper: Object): Object;
-    /**
-     * convert kebab case directive props to camel case
-     */
-    getCamelCaseProps(props: Object): Object;
-    dataBind(): void;
-}
-
-export const ComponentBase: ComponentBaseType = vueDefineComponent({
-    name: 'ComponentBase',
-    data(): Object {
-        return {
-            tagMapper: {} as any,
-            tagNameMapper: {} as any,
-            hasInjectedModules: false as boolean,
-            hasChildDirective: false as boolean,
-            childDirObjects: '' as string,
-            propKeys: {} as any,
-            isDecorator: false as boolean
-        };
-    },
-    created(): void {
-        if (this.ej2Instance) {
-            this.ej2Instances = this.isVue3 ? aVue.toRaw(this.ej2Instance) : this.ej2Instance;
-        }
-        if (!this.propKeys) {
-            return;
-        }
-        for (const prop of this.propKeys) {
-            this.ej2Instances.addEventListener(prop, (args: object) => {
-                this.$emit(prop, args);
-            });
-        }
-        const injectables: any = getValue('$root.$options.provide', this);
-        let vueInjectables: any = getValue('$parent.$options.provide', this);
-        vueInjectables = !isNullOrUndefined(vueInjectables) ? vueInjectables : getValue('$.parent.provides', this);
-        if (this.hasInjectedModules && !isExecute) {
-            let prevModule: Object[] = [];
-            if (injectables && injectables.managed) {
-                this.isDecorator = true;
-                prevModule = this.getInjectedServices() || [];
-            } else if (injectables) {
-                prevModule = injectables[this.ej2Instances.getModuleName()] || [];
-            } else if (vueInjectables) {
-                prevModule = this.getInjectedServices() || [];
-            }
-            const curModule: Object[] = this.ej2Instances.getInjectedModules() || [];
-            for (const mod of curModule) {
-                if (prevModule.indexOf(mod) === -1) {
-                    prevModule.push(mod);
-                }
-            }
-            this.ej2Instances.injectedModules = prevModule;
-        }
-    },
-    mounted(): void {
-        const cusEle: any = this.$el ? this.$el.querySelectorAll('div.e-directive') : null;
-        if (!isExecute && cusEle) {
-            for (let i: number = 0; i < cusEle.length; i++) {
-                const cusElement: HTMLElement = cusEle[parseInt(i.toString(), 10)];
-                if (cusElement.parentElement) { cusElement.parentElement.removeChild(cusElement); }
-            }
-        }
-        this.ej2Instances.isVue = true;
-        this.ej2Instances.isVue3 = this.isVue3;
-        this.ej2Instances.vueInstance = this;
-        if (this.isVue3) {
-            this.ej2Instances.ej2Instances = this.ej2Instances;
-            this.ej2Instances.referModels = this.models;
-            this.setModelValue();
-        }
-        this.ej2Instances.appendTo(this.$el);
-    },
-    updated(): void {
-        this.updated();
-    },
-    beforeDestroy(): void {
-        this.destroyComponent();
-    },
-    beforeUnmount(): void {
-        this.destroyComponent();
-    },
-    methods: {
-        setModelValue(): void {
-            if (!isNullOrUndefined(this.modelValue) || !isNullOrUndefined(this.$attrs.modelValue)) {
-                const key: string[] = this.models.toString().match(/checked|value/) || [];
-                const propKey: string = key[0];
-                if (!isNullOrUndefined(propKey)) {
-                    this.ej2Instances[`${propKey}`] = !isNullOrUndefined(this.modelValue) ? this.modelValue : this.$attrs.modelValue;
-                }
-            }
-        },
-        updated(): void {
-            if (this.isVue3) {
-                this.setModelValue();
-            }
-            if (this.hasChildDirective) {
-                const childKey: Object = {};
-                this.fetchChildPropValues(childKey);
-                const curChildDir: string = JSON.stringify(childKey);
-                if (this.childDirObjects !== curChildDir) {
-                    this.childDirObjects = curChildDir;
-                    this.assignValueToWrapper(childKey, false);
-                }
-            }
-        },
-        getInjectedServices(): Object[] {
-            let ret: Object[] = []; let provide: any;
-            if (this.$root && this.isDecorator) {
-                provide = getValue('$root.$options.provide', this);
-            } else if (this.$vnode) {
-                provide = getValue('$vnode.context.$options.provide', this);
-            } else if (this.$parent) {
-                provide = getValue('$parent.$options.provide', this);
-            }
-            if (isNullOrUndefined(provide) && !isNullOrUndefined(this.$)) {
-                provide = getValue('$.parent.provides', this);
-            }
-            if (provide) {
-                let injectables: any = provide;
-                if (typeof provide === 'function') {
-                    if (provide.managed) {
-                        const pKey: Object = provide.managed;
-                        const pValue: string[] = Object.keys(pKey);
-                        let key: string[];
-                        if (this.$root && this.isDecorator) {
-                            key = Object.keys(this.$root);
-                        } else if (this.$vnode) {
-                            key = Object.keys(this.$vnode.context);
-                        } else if (this.$parent) {
-                            key = Object.keys(this.$parent);
-                        }
-                        for (let i: number = 0; i < pValue.length; i++) {
-                            for (let j: number = 0; j < key.length; j++) {
-                                if ((key[parseInt(j.toString(), 10)].indexOf(pValue[parseInt(i.toString(), 10)])) !== -1) {
-                                    if (this.$root && this.isDecorator) {
-                                        pKey[pValue[parseInt(j.toString(), 10)]] = this.$root[key[parseInt(i.toString(), 10)]];
-                                    } else if (this.$vnode) {
-                                        pKey[pValue[parseInt(i.toString(), 10)]] = this.$vnode.context[key[parseInt(j.toString(), 10)]];
-                                    } else if (this.$parent) {
-                                        pKey[pValue[parseInt(i.toString(), 10)]] = this.$parent[key[parseInt(j.toString(), 10)]];
-                                    }
-                                    injectables = pKey;
-                                }
-                            }
-                        }
-                    }
-                    else if (this.$vnode) {
-                        injectables = this.$vnode.context.$options.provide();
-                    } else if (this.$parent) {
-                        injectables = this.$parent.$options.provide();
-                    }
-                }
-                ret = injectables[this.ej2Instances.getModuleName()] || [];
-            }
-            this.isDecorator = false;
-            return ret;
-        },
-        destroyComponent(): void {
-            this.ej2Instances.destroy();
-            (this.$el as any).style.visibility = 'hidden';
-            this.clearTemplate();
-        },
-        destroyPortals(element?: any): void {
-            if (element) {
-                const destroy: any = getValue('__vue__.$destroy', element);
-                if (destroy) {
-                    element.__vue__.$destroy();
-                } else if (!isExecute && element._vnode) {
-                    try { aVue.render(null, element); }
-                    catch (e) { /* Handle error */ }
-                }
-                if (element.innerHTML) {
-                    element.innerHTML = '';
-                }
-            }
-        },
-        bindProperties(): void {
-            const options: Object = {};
-            for (const prop of this.propKeys) {
-                if (!isNullOrUndefined(this[`${prop}`])) {
-                    options[`${prop}`] = this[`${prop}`];
-                }
-                else if (this[0] && !isNullOrUndefined(this[0][0]) && !isNullOrUndefined(this[0][0][`${prop}`])) {
-                    options[`${prop}`] = this[0][0][`${prop}`];
-                }
-            }
-            if (this.hasChildDirective) {
-                this.fetchChildPropValues(options);
-            }
-            if (this.hasInjectedModules) {
-
-                const prevModule: Object[] = this.getInjectedServices() || [];
-                const curModule: Object[] = this.ej2Instances.getInjectedModules() || [];
-                for (const mod of curModule) {
-                    if (prevModule.indexOf(mod) === -1) {
-                        prevModule.push(mod);
-                    }
-                }
-                this.ej2Instances.injectedModules = prevModule;
-            }
-            this.assignValueToWrapper(options);
-        },
-        assignValueToWrapper(option: Object, silent?: boolean): void {
-            this.ej2Instances.setProperties(extend({}, {}, option, true), isNullOrUndefined(silent as any) ? true : silent);
-        },
-        fetchChildPropValues(childOption: Object): void {
-            let dirProps: Object = {};
-            if (!this.isVue3) {
-                dirProps = this.getDirectiveValues(this.$slots.default, this.tagMapper || {}, this.tagNameMapper || {});
-            } else {
-                let propRef: any;
-                if (this[0] && this[0][1].slots.default) {
-                    propRef = this[0][1].slots.default();
-                }
-                else if (this && this.$ && this.$.slots && this.$.slots.default) {
-                    propRef = this.$.slots.default();
-                }
-                if (propRef) {
-                    for (let i: number = 0; i < propRef.length; i++) {
-                        if (propRef[parseInt(i.toString(), 10)].type.methods || propRef[parseInt(i.toString(), 10)].type === 'e-seriescollection') {
-                            const key: string = propRef[parseInt(i.toString(), 10)].type === 'e-seriescollection' ? 'series-collection' :
-                                propRef[parseInt(i.toString(), 10)].type.methods.getTag().replace('e-', '');
-                            const ref: any = this.resolveArrayDirectives(propRef[parseInt(i.toString(), 10)].children, key);
-                            const spKeys: any = key.split('-');
-                            const controlName: string = this.ej2Instances.getModuleName().toLowerCase();
-                            let keyRef: string = (spKeys.length > 1 && controlName.indexOf(spKeys[0]) > -1) ? spKeys[1] : spKeys[0];
-                            keyRef = keyRef.replace(controlName, '');
-                            keyRef = this.tagNameMapper['e-' + key] ? this.tagNameMapper['e-' + key].replace('e-', '') : keyRef;
-                            if (controlName === 'splitter' && keyRef === 'panes') {
-                                keyRef = 'paneSettings';
-                            } else if (controlName === 'bulletchart' && keyRef === 'range') {
-                                keyRef = 'ranges';
-                            } else if (controlName === 'schedule' && keyRef === 'header') {
-                                keyRef = 'headerRows';
-                            }
-                            dirProps[`${keyRef}`] = ref[`${key}`];
-                        }
-                    }
-                } else {
-                    return;
-                }
-            }
-            if (!this.childDirObjects) {
-                this.childDirObjects = JSON.stringify(dirProps);
-            }
-            for (const dirProp of Object.keys(dirProps)) {
-                childOption[`${dirProp}`] = dirProps[`${dirProp}`];
-            }
-        },
-        resolveArrayDirectives(slots: any, tagName: any): any {
-            let slot: any = [];
-            let innerDirValues: any;
-            slot = slots.default ? slots.default() : slots;
-            slot = slot.flatMap((item: any) => Array.isArray(item.children) ? item.children : item);
-            const items: any = {};
-            items[`${tagName}`] = [];
-            for (const childSlot of slot) {
-                let tempObj: any = {};
-                const tagRef: any = childSlot.type.methods ? childSlot.type.methods.getTag() : tagName;
-                if (childSlot.children) {
-                    let key: string;
-                    innerDirValues = this.resolveComplexDirs(childSlot.children, this.tagMapper['e-' + tagName], tagRef);
-                    if (innerDirValues.length) {
-                        tempObj = innerDirValues;
-                    } else {
-                        for (let i: number = 0; i < Object.keys(innerDirValues).length; i++) {
-                            key = Object.keys(innerDirValues)[parseInt(i.toString(), 10)];
-                            tempObj[`${key}`] = innerDirValues[`${key}`];
-                        }
-                    }
-                }
-                if (childSlot.props) {
-                    Object.keys(childSlot.props).forEach((key: string) => {
-                        const propName: string = key.replace(/-[a-z]/g, (e: any) => { return e[1].toUpperCase(); });
-                        if (propName) {
-                            tempObj[`${propName}`] = childSlot.props[`${key}`];
-                        }
-                    });
-                }
-                if (((/[s]\b/).test(tagRef) && innerDirValues) && (!(/[s]\b/).test(tagName) || innerDirValues.length)) {
-                    if (Array.isArray(tempObj)) { tempObj.forEach((item: any) => { items[`${tagName}`].push(item); }); } else { items[`${tagName}`].push(tempObj); }
-                }
-                else if (tempObj && Object.keys(tempObj).length !== 0) {
-                    items[`${tagName}`].push(tempObj);
-                }
-            }
-            return items;
-        },
-        resolveComplexDirs(slots: any, tagObject: any, tagName: string): any {
-            let slot: any = [];
-            let innerDirValues: any;
-            slot = slots.default ? slots.default() : slots;
-            let items: any = {};
-            for (const childSlot of slot) {
-                let tagRef: any;
-                let tag: any;
-                if (tagObject[`${tagName}`]) {
-                    tagRef = Object.keys(tagObject[`${tagName}`]);
-                    tag = tagRef.find(
-                        (key: any) =>
-                            tagObject[`${tagName}`][`${key}`] ===
-                        childSlot.type.methods.getTag().replace(/[s]\b/, '')
-                    );
-                    tag = tag ? tag : childSlot.type.methods.getTag();
-                    tag = (this.tagNameMapper[`${tag}`] ? this.tagNameMapper[`${tag}`] : tag).replace('e-', '');
-                    if (this.ej2Instances.getModuleName().toLowerCase() === 'diagram' && tag.indexOf('annotations') !== -1) {
-                        tag = 'annotations';
-                    }
-                }
-                if (childSlot.children) {
-                    innerDirValues = this.resolveComplexInnerDirs(childSlot.children, tagObject[`${tagName}`], childSlot.type.methods.getTag());
-                    if (!items[`${tag}`]) {
-                        items[`${tag}`] = [];
-                    }
-                    if (innerDirValues.length > 1) {
-                        items[`${tag}`] = innerDirValues;
-                    } else {
-                        items[`${tag}`].push(innerDirValues);
-                    }
-                }
-                if (childSlot.props) {
-                    childSlot.props = this.getCamelCaseProps(childSlot.props);
-                }
-                if (slot.length > 1) {
-                    items = Object.keys(items).length === 0 && !items.length ? [] : items;
-                    if (childSlot.props) { items.push(childSlot.props); }
-                }
-                else {
-                    items = childSlot.props ? (<any>Object).assign(items, childSlot.props) : items;
-                }
-            }
-            return items;
-        },
-        resolveComplexInnerDirs(slots: any, tagObject: any, tagName: string): any {
-            let slot: any = [];
-            slot = slots.default ? slots.default() : slots;
-            let items: any = slot.length > 1 ? [] : {};
-            for (const childSlot of slot) {
-                let innerDirValues: any = null;
-                let tag: string = childSlot.type.methods.getTag();
-                tag = (this.tagNameMapper[`${tag}`] ? this.tagNameMapper[`${tag}`] : tag).replace('e-', '');
-                if (childSlot.children) {
-                    innerDirValues = this.resolveMultilevelComplexInnerDirs(childSlot.children, tagObject[`${tagName}`], childSlot.type.methods.getTag());
-                    if ((/[s]\b/).test(tag) || slot.length > 1) {
-                        if ((/[s]\b/).test(tag)) {
-                            items[`${tag}`] = !items[`${tag}`] ? [] : items[`${tag}`];
-                            if (innerDirValues.length) {
-                                items[`${tag}`] = innerDirValues;
-                            } else { items[`${tag}`].push(innerDirValues); }
-                        } else if (innerDirValues && !childSlot.props) {
-                            items.push(innerDirValues);
-                        }
-                    } else {
-                        items = innerDirValues ? innerDirValues : items;
-                    }
-                }
-                if (childSlot.props) {
-                    childSlot.props = this.getCamelCaseProps(childSlot.props);
-                }
-                if (slot.length > 1 && childSlot.props) {
-                    if (innerDirValues) {
-                        innerDirValues = childSlot.props ? (<any>Object).assign(innerDirValues, childSlot.props) : innerDirValues;
-                        items.push(innerDirValues);
-                    }
-                    else if (items.length >= 0) {
-                        items.push(childSlot.props);
-                    } else {
-                        items = childSlot.props ? (<any>Object).assign(items, childSlot.props) : items;
-                    }
-                } else {
-                    items = childSlot.props ? (<any>Object).assign(items, childSlot.props) : items;
-                }
-            }
-            return items;
-        },
-        resolveMultilevelComplexInnerDirs(slots: any, tagObject: any, tagName: string): any {
-            let slot: any = [];
-            slot = slots.default ? slots.default() : slots;
-            let items: any = slot.length > 1 ? [] : {};
-            for (const childSlot of slot) {
-                let innerDirValues: any = null;
-                let tag: string = childSlot.type.methods.getTag();
-                tag = (this.tagNameMapper[`${tag}`] ? this.tagNameMapper[`${tag}`] : tag).replace('e-', '');
-                if (childSlot.children) {
-                    innerDirValues = this.resolveComplexInnerDirs(childSlot.children, tagObject[`${tagName}`], childSlot.type.methods.getTag());
-                }
-                if (childSlot.props) {
-                    childSlot.props = this.getCamelCaseProps(childSlot.props);
-                }
-                if ((/[s]\b/).test(tag)) {
-                    items[`${tag}`] = !items[`${tag}`] ? [] : items[`${tag}`];
-                    if (innerDirValues.length) {
-                        items[`${tag}`] = innerDirValues;
-                    } else { items[`${tag}`].push(innerDirValues); }
-                    if (childSlot.props) { items[`${tag}`].push(childSlot.props); }
-                } else {
-                    items = innerDirValues;
-                    items = childSlot.props ? (<any>Object).assign(items, childSlot.props) : items;
-                }
-            }
-            return items;
-        },
-        getDirectiveValues(tagDirectives: any, tagMapper: { [key: string]: Object }, tagNameMapper: Object): Object {
-            const keyTags: string[] = Object.keys(tagMapper);
-            const dir: Object = {};
-            if (tagDirectives) {
-                for (const tagDirective of tagDirectives) {
-                    const tagCompOption: any = tagDirective.componentOptions;
-                    if (tagCompOption && tagCompOption.children && this.getTagName(tagCompOption) ||
-                    (tagDirective.tag === 'e-seriescollection' && tagDirective.children)) {
-                        let dirTag: string = tagCompOption ? this.getTagName(tagCompOption) : tagDirective.tag;
-                        dirTag = (dirTag === 'e-seriescollection') ? 'e-seriesCollection' : dirTag;
-                        if (keyTags.indexOf(dirTag) !== -1) {
-                            const tagName: string = tagNameMapper[`${dirTag}`] ? tagNameMapper[`${dirTag}`] : dirTag;
-                            dir[tagName.replace('e-', '')] = [];
-                            const children: any = tagCompOption ? tagCompOption.children : tagDirective.children;
-                            for (const tagDirChild of children) {
-                                const retObj: Object = this.getVNodeValue(tagDirChild, tagMapper[`${dirTag}`], tagNameMapper);
-                                if (Object.keys(retObj).length !== 0) {
-                                    dir[tagName.replace('e-', '')].push(retObj);
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-            return dir;
-        },
-        getMultiLevelDirValue(tagDirectories: any, tagKey: string | Object, tagNameMapper: Object): Object {
-            const mulObj: Object = {};
-            for (const tagDir of tagDirectories) {
-                let key: string;
-                let children: any;
-                if (tagDir.componentOptions) {
-                    key = this.getTagName(tagDir.componentOptions);
-                    if (tagDir.componentOptions.children) {
-                        children = tagDir.componentOptions.children;
-                    }
-                } else if ((tagDir.tag === 'e-markersettings' || tagDir.tag === 'e-markersetting') && tagDir.children) {
-                    key = (tagDir.tag === 'e-markersettings') ? 'e-markerSettings' : 'e-markerSetting';
-                    children = tagDir.children;
-                }
-                if (key) {
-                    const tagName: string = tagNameMapper[`${key}`] ? tagNameMapper[`${key}`] : key;
-                    mulObj[tagName.replace('e-', '')] = [];
-                    if (children) {
-                        for (const tagDirChild of children) {
-                            const mulLevObj: Object = this.getVNodeValue(tagDirChild, tagKey[`${key}`], tagNameMapper);
-                            if (Object.keys(mulLevObj).length !== 0) {
-                                mulObj[tagName.replace('e-', '')].push(mulLevObj);
-                            }
-                        }
-                    }
-                }
-            }
-            return mulObj;
-        },
-        getVNodeValue(tagDirective: any, tagKey: string | Object, tagNameMapper: Object): Object {
-            let ret: Object = {};
-            if (tagDirective.componentOptions || ((tagDirective.tag === 'e-markersettings' || tagDirective.tag === 'e-markersetting') && tagDirective.context)) {
-                let dirTag: string;
-                if (tagDirective.componentOptions) {
-                    dirTag = this.getTagName(tagDirective.componentOptions);
-                } else {
-                    dirTag = (tagDirective.tag === 'e-markersettings') ? 'e-markerSettings' : 'e-markerSetting';
-                }
-                const tagData: any = tagDirective.data;
-                if (typeof tagKey === 'string' && dirTag === tagKey && tagData) {
-                    ret = tagData.attrs ? this.getCamelCaseProps(tagData.attrs) : this.getCamelCaseProps(tagData);
-                } else if (typeof tagKey === 'object') {
-                    if (tagDirective.componentOptions.children && (Object.keys(tagKey).indexOf(dirTag) !== -1)) {
-                        ret = this.getMultiLevelDirValue(tagDirective.componentOptions.children, tagKey[`${dirTag}`], tagNameMapper);
-                    } else if (tagDirective.children && (Object.keys(tagKey).indexOf(dirTag) !== -1) && (dirTag === 'e-markersettings' || dirTag === 'e-markersetting')) {
-                        ret = this.getMultiLevelDirValue(tagDirective.children, tagKey[`${dirTag}`], tagNameMapper);
-                    }
-                    if (tagData && tagData.attrs) {
-                        ret = extend(ret, this.getCamelCaseProps(tagData.attrs));
-                    }
-                }
-            }
-            return ret;
-        },
-        /**
-         * convert kebab case directive props to camel case.
-         *
-         * @param {Object} props - Objects in kebab case directive props.
-         * @returns {Object} Object converted into camel case directive props.
-         */
-        getCamelCaseProps(props: Object): Object {
-            const retProps: Object = {};
-            for (const prop of Object.keys(props)) {
-                retProps[prop.replace(/-[a-z]/g, (e: any) => { return e[1].toUpperCase(); })] = props[`${prop}`];
-            }
-            return retProps;
-        },
-        dataBind(): void {
-            this.ej2Instances.dataBind();
-        },
-        setProperties(arg: Object, muteOnChange?: boolean): void {
-            return this.ej2Instances.setProperties(arg, muteOnChange);
-        },
-        getTagName(options: any): string | undefined {
-            let tag: any = options.tag;
-            const optCtor: any = options.Ctor;
-            if (!tag && optCtor && optCtor.extendOptions && optCtor.extendOptions.methods && optCtor.extendOptions.methods.getTag) {
-                tag = options.Ctor.extendOptions.methods.getTag();
-            }
-            return tag;
-        }
-    }
-});
-
-/**
- * Collect public property values for the Vue component.
- *
- * @param {any} options - represents props object.
- * @returns {any} array of props object and `watchobject` respectively.
- */
-export function getProps(options: any = {}): any {
-    if (options.props) {
-        for (const prop of options.props) {
-            (options.newprops || (options.newprops = {}))[`${prop}`] = {};
-            (options.watch || (options.watch = {}))[`${prop}`] = function (newVal: Object): void { // watch it
-                this.ej2Instances[`${prop}`] = newVal;
-                if (this.dataBind && (options.name !== 'DateRangePickerComponent')) {
-                    this.dataBind();
-                }
-            };
-        }
-    }
-    return [options.newprops, options.watch];
-}
-
-if (!isExecute) { setProxyToRaw(aVue.toRaw); }
-

package/dist/ts/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * index for component base
- */
-export * from './component-base';
-export * from './template';
-export * from './vue-types';

package/dist/ts/index.ts

@@ -1,6 +0,0 @@
-/**
- * index for component base
- */
-export * from './component-base';
-export * from './template';
-export * from './vue-types';

package/dist/ts/template.d.ts

@@ -1,8 +0,0 @@
-/**
- * Compiler function that convert the template property to DOM element.
- *
- * @param {any} templateElement - represents value of the template property from the component.
- * @param {Object} helper - represents helper object to utilize on template compilation.
- * @returns {NodeList} template element that append to the component.
- */
-export declare function compile(templateElement: any, helper?: Object): (data: Object | JSON, component?: any, propName?: any, element?: any, root?: any) => Object;

package/dist/ts/template.ts

@@ -1,361 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
-import { setTemplateEngine, getTemplateEngine, getUniqueID, createElement, detach, extend, getValue } from '@syncfusion/ej2-base';
-import { aVue as Vue, isExecute } from './component-base';
-
-const stringCompiler: (template: string, helper?: object) => (data: Object | JSON) => string = getTemplateEngine();
-
-/**
- * Compiler function that convert the template property to DOM element.
- *
- * @param {any} templateElement - represents value of the template property from the component.
- * @param {Object} helper - represents helper object to utilize on template compilation.
- * @returns {NodeList} template element that append to the component.
- */
-export function compile(
-    templateElement: any,
-    helper?: Object
-): (data: Object | JSON, component?: any, propName?: any, element?: any, root?: any) => Object {
-    return (data: any, context: any, propName: any, element: any, root: any): any => {
-        let returnEle: any;
-        if (context) {
-            let plugins: any = context.vueInstance && context.vueInstance.plugins ? { plugins: context.vueInstance.plugins } : {};
-            const vueInstance: any = context.vueInstance ? context.vueInstance :
-                ((root && root.vueInstance) ? root.vueInstance : null);
-            const pid: string = getUniqueID('templateParentDiv');
-            const id: string = getUniqueID('templateDiv');
-            const ele: HTMLElement = createElement('div', {
-                id: pid,
-                innerHTML: '<div id="' + id + '"></div>'
-            });
-            document.body.appendChild(ele);
-            if (!isExecute && (typeof templateElement === 'string' || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function'))) {
-                const vueSlot: any = getCurrentVueSlot(context.vueInstance, templateElement, root);
-                if (vueSlot) {
-                    // Compilation for Vue 3 slot template
-                    const app: any = Vue.createVNode({
-                        render(): any {
-                            return vueSlot[`${templateElement}`]({ data: data });
-                        }
-                    }, plugins);
-                    ele.innerHTML = '';
-                    // Get values for Vue 3 slot template
-                    getValues(app, context.vueInstance, root);
-                    Vue.render(app, ele);
-                    returnEle = ele.childNodes;
-                    if (vueInstance) {
-                        let templateInstance: any = vueInstance.templateCollection;
-                        if (!templateInstance) {
-                            vueInstance.templateCollection = {};
-                            templateInstance = vueInstance.templateCollection;
-                        }
-                        if (propName) {
-                            if (!templateInstance[`${propName}`]) {
-                                templateInstance[`${propName}`] = [];
-                            }
-                            templateInstance[`${propName}`].push(ele);
-                        }
-                    }
-                    detach(ele);
-                } else {
-                    // Compilation for Vue 3 string template
-                    detach(ele);
-                    return stringCompiler(templateElement, helper)(data);
-                }
-            } else if (!isExecute) {
-                // Compilation for Vue 3 functional template
-                const tempObj: any = templateElement.call(this, {});
-                const object: any = tempObj;
-                const propsData: any = getValue('template.propsData', tempObj);
-                const dataObj: any = {
-                    data: { data: extend(tempObj.data || {}, data) },
-                    parent: context.vueInstance
-                };
-                if (!object.template) {
-                    object.template = object[Object.keys(object)[0]];
-                }
-                let templateCompRef: any;
-                if (object.template.extends) {
-                    templateCompRef = object.template.extends._context.components.template;
-                } else {
-                    templateCompRef = object.template._context.components[templateElement.name];
-                    if (!templateCompRef) {
-                        const key: any = Object.keys(object.template._context.components)[0];
-                        templateCompRef = object.template._context.components[`${key}`];
-                    }
-                }
-                let tempRef: any;
-                if (propsData) {
-                    if (templateCompRef.setup) {
-                        tempRef = (<any>Object).assign({}, propsData);
-                    } else {
-                        tempRef = (<any>Object).assign(templateCompRef.data(), propsData);
-                    }
-                }
-                else {
-                    if (templateCompRef.setup) {
-                        tempRef = (<any>Object).assign({}, dataObj.data);
-                    } else {
-                        tempRef = (<any>Object).assign(templateCompRef.data(), dataObj.data);
-                    }
-                    if (templateCompRef.components) {
-                        const objkeys: any = Object.keys(templateCompRef.components) || [];
-                        for (const objstring of objkeys) {
-                            const intComponent: any = templateCompRef.components[`${objstring}`];
-                            if (intComponent && intComponent.data) {
-                                if (!intComponent.__data) { intComponent.__data = intComponent.data; }
-                                intComponent.data = function (proxy: any): Object {
-                                    return (Object as any).assign(intComponent.__data.call(proxy), dataObj.data);
-                                };
-                            }
-                        }
-                    }
-                }
-                if (templateCompRef.setup) {
-                    plugins = (<any>Object).assign(plugins, data);
-                }
-                templateCompRef.data = function (): any { return tempRef; };
-                const app: any = Vue.createVNode(templateCompRef, plugins);
-                ele.innerHTML = '';
-                // Get values for Vue 3 functional template
-                getValues(app, context.vueInstance, root);
-                Vue.render(app, ele);
-                returnEle = ele.childNodes;
-                dataObj.parent = null;
-                if (vueInstance) {
-                    let templateInstance: any = vueInstance.templateCollection;
-                    if (!templateInstance) {
-                        vueInstance.templateCollection = {};
-                        templateInstance = vueInstance.templateCollection;
-                    }
-                    if (propName) {
-                        if (!templateInstance[`${propName}`]) {
-                            templateInstance[`${propName}`] = [];
-                        }
-                        templateInstance[`${propName}`].push(ele);
-                    }
-                }
-                detach(ele);
-            } else if (typeof templateElement === 'string' || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function')) {
-                const vueSlot: any = getVueSlot(context.vueInstance, templateElement, root);
-                if (vueSlot) {
-                    // Get provide values for Vue 2 slot template
-                    let provided: any = {};
-                    const getProvideValues: any = (vueinstance: any) => {
-                        if (vueinstance['$parent']) { getProvideValues(vueinstance.$parent); }
-                        if (vueinstance['_provided'] && Object.keys(vueinstance['_provided']).length > 0) {
-                            provided = { ...provided, ...vueinstance._provided };
-                        }
-                    };
-                    const vueInstance: any = context.vueInstance ? context.vueInstance :
-                        ((root && root.vueInstance) ? root.vueInstance : null);
-                    if (vueInstance) {
-                        getProvideValues(vueInstance);
-                    }
-                    // Compilation for Vue 2 slot template
-                    const vueTemplate: any = new Vue({
-                        provide: { ...provided },
-                        render(): any {
-                            return vueSlot[`${templateElement}`]({ data: data });
-                        }
-                    });
-                    vueTemplate.$mount('#' + id);
-                    returnEle = ele.childNodes;
-                    if (vueInstance) {
-                        let templateInstance: any = vueInstance.templateCollection;
-                        if (!templateInstance) {
-                            vueInstance.templateCollection = {};
-                            templateInstance = vueInstance.templateCollection;
-                        }
-                        if (propName) {
-                            if (!templateInstance[`${propName}`]) {
-                                templateInstance[`${propName}`] = [];
-                            }
-                            templateInstance[`${propName}`].push(returnEle[0]);
-                        }
-                    }
-                    detach(ele);
-                } else {
-                    // Compilation for Vue 2 string template
-                    detach(ele);
-                    return stringCompiler(templateElement, helper)(data);
-                }
-            } else {
-                // Compilation for Vue 2 functional template
-                const tempObj: any = templateElement.call(this, {});
-                let templateFunction: any = tempObj.template;
-                const propsData: any = getValue('template.propsData', tempObj);
-                const dataObj: any = {
-                    data: { data: extend(tempObj.data || {}, data) },
-                    parent: context.vueInstance
-                };
-                if (propsData) {
-                    templateFunction = tempObj.template.extends;
-                    dataObj.propsData = propsData;
-                }
-                if (typeof templateFunction !== 'function') {
-                    templateFunction = Vue.extend(templateFunction);
-                }
-                if (templateFunction.options.setup) {
-                    dataObj.propsData = (<any>Object).assign(dataObj.propsData || {}, data);
-                }
-                const templateVue: any = new templateFunction(dataObj);
-                // let templateVue = new Vue(tempObj.template);
-                // templateVue.$data.data = extend(tempObj.data, data);
-                templateVue.$mount('#' + id);
-                returnEle = ele.childNodes;
-                dataObj.parent = null;
-                if (vueInstance) {
-                    let templateInstance: any = vueInstance.templateCollection;
-                    if (!templateInstance) {
-                        vueInstance.templateCollection = {};
-                        templateInstance = vueInstance.templateCollection;
-                    }
-                    if (propName) {
-                        if (!templateInstance[`${propName}`]) {
-                            templateInstance[`${propName}`] = [];
-                        }
-                        templateInstance[`${propName}`].push(returnEle[0]);
-                    }
-                }
-                detach(ele);
-            }
-        }
-        return returnEle || [];
-    };
-}
-
-setTemplateEngine({ compile: compile as any });
-
-/**
- * Collect values from the app instance.
- *
- * @param {any} app - represents global application instance
- * @param {any} cInstance - represents Vue component instance
- * @param {any} root - represents parent component instance
- * @returns {void}
- */
-function getValues(app: any, cInstance: any, root: any): void {
-    const vueInstance: any = cInstance ? cInstance : ((root && root.vueInstance) ? root.vueInstance : null);
-    if (!vueInstance) {
-        return;
-    }
-    // Get globally defined variables.
-    app['appContext'] = vueInstance['$']['appContext'];
-    // Get provide value from child component.
-    let provided: any = {};
-    const getProvideValue: any = (vueinstance: any) => {
-        if (vueinstance['$'] && vueinstance['$']['parent']) { getProvideValue(vueinstance.$.parent); }
-        if (vueinstance['provides'] && Object.keys(vueinstance['provides']).length > 0) {
-            provided = { ...provided, ...vueinstance.provides };
-        }
-    };
-    getProvideValue(vueInstance);
-    if (app['appContext']['provides']) {
-        app.appContext.provides = { ...app.appContext.provides, ...provided };
-    }
-}
-
-/**
- * Get the Vue2 slot template from the root or current Vue component.
- *
- * @param {any} vueInstance - represents parent Vue instance.
- * @param {any} templateElement - represents component property value
- * @param {any} root - represents root Vue instance
- * @returns {any} template Vue instance
- */
-function getVueSlot(vueInstance: any, templateElement: any, root: any): any {
-    if (!vueInstance && !(root && root.vueInstance)) {
-        return undefined;
-    }
-    const instance: any = (root && root.vueInstance) ? root.vueInstance : vueInstance;
-    return getVueChildSlot(instance, templateElement);
-}
-
-/**
- * Get the Vue2 nested slot template from the root or current Vue component.
- *
- * @param {any} vueInstance - represents parent Vue instance.
- * @param {any} templateElement - represents component property value
- * @returns {any} nested template Vue instance
- */
-function getVueChildSlot(vueInstance: any, templateElement: any): any {
-    if (!vueInstance) {
-        return undefined;
-    }
-    const slots: any = vueInstance.$slots;
-    const scopedSlots: any = vueInstance.$scopedSlots;
-    const vSlots: any = vueInstance.scopedSlots;
-    const children: any = vueInstance.children;
-    if (scopedSlots && scopedSlots[`${templateElement}`]) {
-        return scopedSlots;
-    } else if (slots && slots.default) {
-        const childSlots: any = slots.default;
-        for (let i: number = 0; i < childSlots.length; i++) {
-            const slot: any = getVueChildSlot(getSlot(childSlots[parseInt(i.toString(), 10)]), templateElement);
-            if (slot) {
-                return slot;
-            }
-        }
-    } else if (vSlots && vSlots[`${templateElement}`]) {
-        return vSlots;
-    } else if (children) {
-        for (let i: number = 0; i < children.length; i++) {
-            const slot: any = getVueChildSlot(getSlot(children[parseInt(i.toString(), 10)]), templateElement);
-            if (slot) {
-                return slot;
-            }
-        }
-    }
-    return undefined;
-}
-
-/**
- * Collect the component slot directive instance.
- *
- * @param {any} vnode - represents Vue components slot instance.
- * @returns {any} the slot instance of the directive.
- */
-function getSlot(vnode: any): any {
-    const slot: any = (vnode.componentOptions && vnode.componentOptions.children) ? vnode.componentOptions :
-        (!vnode.data && (vnode.tag === 'e-markersettings' || vnode.tag === 'e-markersetting')) ? vnode : vnode.data;
-    return vnode.componentInstance ? vnode.componentInstance : slot;
-}
-
-/**
- * Get the Vue3 slot template from the root or current Vue component.
- *
- * @param {any} vueInstance - represents parent Vue instance.
- * @param {any} templateElement - represents component property value
- * @param {any} root - represents root Vue instance
- * @returns {any} slot template instance
- */
-function getCurrentVueSlot(vueInstance: any, templateElement: any, root: any): any {
-    if (!vueInstance && !(root && root.vueInstance)) {
-        return undefined;
-    }
-    const slots: any = (root && root.vueInstance) ? root.vueInstance.$slots : vueInstance.$slots;
-    return getChildVueSlot(slots, templateElement);
-}
-
-/**
- * Get the Vue3 nested slot template from the root or current Vue component.
- *
- * @param {any} slots - represents slot instance.
- * @param {any} templateElement - represents component property value
- * @returns {any} nested template Vue instance
- */
-function getChildVueSlot(slots: any, templateElement: any): any {
-    if (slots && slots[`${templateElement}`]) {
-        return slots;
-    } else if (slots && slots.default) {
-        let childSlots: any = slots.default();
-        childSlots = childSlots.flatMap((item: any) => Array.isArray(item.children) ? item.children : item);
-        for (let i: number = 0; i < childSlots.length; i++) {
-            const slot: any = getChildVueSlot(childSlots[parseInt(i.toString(), 10)].children, templateElement);
-            if (slot) {
-                return slot;
-            }
-        }
-    }
-    return undefined;
-}

package/dist/ts/vue-types.d.ts

@@ -1,15 +0,0 @@
-// @ts-ignore
-import Vue, { VueConstructor } from 'vue';
-// @ts-ignore
-import { DefineComponent } from 'vue';
-
-interface CommonProps {
-    isLazyUpdate?: Boolean,
-    plugins?: any[]
-}
-
-// @ts-ignore
-export type DefineVueComponent<Props> = typeof Vue.compile extends (template: string) => Function ? DefineComponent<Props & CommonProps, any, {}, {}, {}, {}, {}, {}, string, Props & CommonProps, Props & CommonProps, {}> : VueConstructor<Vue<{}, Props & CommonProps>>;
-
-//@ts-ignore
-export type DefineVueDirective<Props> = typeof Vue.compile extends (template: string) => Function ? DefineComponent<Props, any, {}, {}, {}, {}, {}, {}, string, Props, Props, {}> : VueConstructor<Vue<{}, Props>>;