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

Comparing version 24.2.9 to 25.1.35

CHANGELOG.md

@@ -5,24 +5,2 @@ # Changelog
 
-### ColorPicker
-
-#### Bug Fixes
-
-- `#I526571` - Fixed the issue where Color Picker throws an error on mobile devices while createPopupOnClick is set to true has been resolved.
-
-## 24.2.4 (2024-02-06)
-
-### Uploader
-
-#### Bug Fixes
-
-- `#I526571` - Fixed the issue where the header in the Cancel Event was not returning in the header as expected. Instead, it was returning in the payload.
-
-### TextBox
-
-#### Bug Fixes
-
-- `#I548068` - Fixed the issue where a compilation error occurred while generating the CSS file from the `DataForm` related styles.
-
-## 24.1.47 (2024-01-23)
-
 ### Signature
@@ -32,18 +10,2 @@
 
-- `#F86282` - Issue with "The `getSignature` method data is not cleared after using clear method of signature" has been resolved.
-
-## 24.1.45 (2024-01-09)
-
-### Signature
-
-#### Bug Fixes
-
-- `#I510300` - Issue with "drawn points will be in a significantly different location than the cursor while zooming" has been resolved.
-
-## 24.1.41 (2023-12-18)
-
-### Signature
-
-#### Bug Fixes
-
 - `#I433821` - Correcting the signature scaling issue while resizing the web browser has been resolved.
@@ -50,0 +12,0 @@

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

 /*!
 *  filename: ej2-vue-inputs.umd.min.js
-*  version : 24.2.9
+*  version : 25.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-inputs","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Inputs,e.ej2VueBase,e.ej2Base)}(this,function(e,t,s,n){"use strict";var i=["isLazyUpdate","plugins","autocomplete","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","multiline","placeholder","readonly","showClearButton","type","value","width","blur","change","created","destroyed","focus","input"],a=["value"],o=s.getProps({props:i}),r=o[0],l=o[1],c=Object.keys(l);c.push("modelchanged","update:modelValue");for(var u=0,h=a;u<h.length;u++){var d=h[u];c.push("update:"+d)}var m=s.vueDefineComponent({name:"TextBoxComponent",mixins:[s.ComponentBase],props:r,watch:l,emits:c,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.TextBox({}),propKeys:i,models:a,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addAttributes:function(e){return this.ej2Instances.addAttributes(e)},addIcon:function(e,t){return this.ej2Instances.addIcon(e,t)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},removeAttributes:function(e){return this.ej2Instances.removeAttributes(e)}}}),p={name:"ejs-textbox",install:function(e){e.component(p.name,m)}},g=["isLazyUpdate","plugins","cssClass","currency","currencyCode","decimals","enablePersistence","enableRtl","enabled","floatLabelType","format","htmlAttributes","locale","max","min","placeholder","readonly","showClearButton","showSpinButton","step","strictMode","validateDecimalOnType","value","width","blur","change","created","destroyed","focus"],f=["value"],I=s.getProps({props:g}),j=I[0],v=I[1],$=Object.keys(v);$.push("modelchanged","update:modelValue");for(var C=0,_=f;C<_.length;C++){var b=_[C];$.push("update:"+b)}var y=s.vueDefineComponent({name:"NumericTextBoxComponent",mixins:[s.ComponentBase],props:j,watch:v,emits:$,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.NumericTextBox({}),propKeys:g,models:f,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},decrement:function(e){return this.ej2Instances.decrement(e)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getText:function(){return this.ej2Instances.getText()},increment:function(e){return this.ej2Instances.increment(e)}}}),P={name:"ejs-numerictextbox",install:function(e){e.component(P.name,y)}},x=["isLazyUpdate","plugins","cssClass","customCharacters","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","mask","placeholder","promptChar","readonly","showClearButton","value","width","blur","change","created","destroyed","focus"],T=["value"],M=s.getProps({props:x}),V=M[0],k=M[1],E=Object.keys(k);E.push("modelchanged","update:modelValue");for(var U=0,O=T;U<O.length;U++){var w=O[U];E.push("update:"+w)}var L=s.vueDefineComponent({name:"MaskedTextBoxComponent",mixins:[s.ComponentBase],props:V,watch:k,emits:E,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.MaskedTextBox({}),propKeys:x,models:T,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getMaskedValue:function(){return this.ej2Instances.getMaskedValue()}}}),B={name:"ejs-maskedtextbox",install:function(e){e.component(B.name,L)}},S=["isLazyUpdate","plugins","colorRange","cssClass","customValues","enableAnimation","enableHtmlSanitizer","enablePersistence","enableRtl","enabled","limits","locale","max","min","orientation","readonly","showButtons","step","ticks","tooltip","type","value","width","change","changed","created","renderedTicks","renderingTicks","tooltipChange"],D=["value"],N=s.getProps({props:S}),z=N[0],R=N[1],H=Object.keys(R);H.push("modelchanged","update:modelValue");for(var F=0,A=D;F<A.length;F++){var q=A[F];H.push("update:"+q)}var K=s.vueDefineComponent({name:"SliderComponent",mixins:[s.ComponentBase],props:z,watch:R,emits:H,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Slider({}),propKeys:S,models:D,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},reposition:function(){return this.ej2Instances.reposition()},setTooltip:function(e){return this.ej2Instances.setTooltip(e)}}}),W={name:"ejs-slider",install:function(e){e.component(W.name,K)}},G=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!s.isExecute){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},i)}},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-files"}}}),J={name:"e-files",install:function(e){e.component(J.name,G)}},Q=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-uploadedfiles"}}}),X={name:"e-uploadedfiles",install:function(e){e.component(X.name,Q)}},Y=["isLazyUpdate","plugins","allowedExtensions","asyncSettings","autoUpload","buttons","cssClass","directoryUpload","dropArea","dropEffect","enableHtmlSanitizer","enablePersistence","enableRtl","enabled","files","htmlAttributes","locale","maxFileSize","minFileSize","multiple","sequentialUpload","showFileList","template","actionComplete","beforeRemove","beforeUpload","canceling","change","chunkFailure","chunkSuccess","chunkUploading","clearing","created","failure","fileListRendering","pausing","progress","removing","rendering","resuming","selected","success","uploading"],Z=[],ee=s.getProps({props:Y}),te=ee[0],se=ee[1],ne=Object.keys(se);ne.push("modelchanged","update:modelValue");for(var ie=0,ae=Z;ie<ae.length;ie++){var oe=ae[ie];ne.push("update:"+oe)}var re=s.vueDefineComponent({name:"UploaderComponent",mixins:[s.ComponentBase],props:te,watch:se,emits:ne,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Uploader({}),propKeys:Y,models:Z,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-files":"e-uploadedfiles"},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},bytesToSize:function(e){return this.ej2Instances.bytesToSize(e)},cancel:function(e){return this.ej2Instances.cancel(e)},clearAll:function(){return this.ej2Instances.clearAll()},createFileList:function(e){return this.ej2Instances.createFileList(e)},getFilesData:function(e){return this.ej2Instances.getFilesData(e)},pause:function(e,t){return this.ej2Instances.pause(e,t)},remove:function(e,t,s,n,i){return this.ej2Instances.remove(e,t,s,n,i)},resume:function(e,t){return this.ej2Instances.resume(e,t)},retry:function(e,t,s){return this.ej2Instances.retry(e,t,s)},sortFileList:function(e){return this.ej2Instances.sortFileList(e)},traverseFileTree:function(e,t){return this.ej2Instances.traverseFileTree(e,t)},upload:function(e,t){return this.ej2Instances.upload(e,t)}}}),le={name:"ejs-uploader",install:function(e){e.component(le.name,re),e.component(X.name,Q),e.component(J.name,G)}},ce=["isLazyUpdate","plugins","columns","createPopupOnClick","cssClass","disabled","enableOpacity","enablePersistence","enableRtl","inline","locale","mode","modeSwitcher","noColor","presetColors","showButtons","value","beforeClose","beforeModeSwitch","beforeOpen","beforeTileRender","change","created","onModeSwitch","open","select"],ue=["value"],he=s.getProps({props:ce}),de=he[0],me=he[1],pe=Object.keys(me);pe.push("modelchanged","update:modelValue");for(var ge=0,fe=ue;ge<fe.length;ge++){var Ie=fe[ge];pe.push("update:"+Ie)}var je=s.vueDefineComponent({name:"ColorPickerComponent",mixins:[s.ComponentBase],props:de,watch:me,emits:pe,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.ColorPicker({}),propKeys:ce,models:ue,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},getValue:function(e,t){return this.ej2Instances.getValue(e,t)},toggle:function(){return this.ej2Instances.toggle()}}}),ve={name:"ejs-colorpicker",install:function(e){e.component(ve.name,je)}},$e=["isLazyUpdate","plugins","backgroundColor","backgroundImage","disabled","enablePersistence","enableRtl","isReadOnly","locale","maxStrokeWidth","minStrokeWidth","saveWithBackground","strokeColor","velocity","beforeSave","change","created"],Ce=[],_e=s.getProps({props:$e}),be=_e[0],ye=_e[1],Pe=Object.keys(ye);Pe.push("modelchanged","update:modelValue");for(var xe=0,Te=Ce;xe<Te.length;xe++){var Me=Te[xe];Pe.push("update:"+Me)}var Ve=s.vueDefineComponent({name:"SignatureComponent",mixins:[s.ComponentBase],props:be,watch:ye,emits:Pe,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Signature({}),propKeys:$e,models:Ce,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("canvas",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},canRedo:function(){return this.ej2Instances.canRedo()},canUndo:function(){return this.ej2Instances.canUndo()},clear:function(){return this.ej2Instances.clear()},draw:function(e,t,s,n,i){return this.ej2Instances.draw(e,t,s,n,i)},getBlob:function(e){return this.ej2Instances.getBlob(e)},initialize:function(){return this.ej2Instances.initialize()},isEmpty:function(){return this.ej2Instances.isEmpty()},load:function(e,t,s){return this.ej2Instances.load(e,t,s)},redo:function(){return this.ej2Instances.redo()},refresh:function(){return this.ej2Instances.refresh()},save:function(e,t){return this.ej2Instances.save(e,t)},saveAsBlob:function(){return this.ej2Instances.saveAsBlob()},undo:function(){return this.ej2Instances.undo()}}}),ke={name:"ejs-signature",install:function(e){e.component(ke.name,Ve)}},Ee=["isLazyUpdate","plugins","allowReset","cssClass","disabled","emptyTemplate","enableAnimation","enablePersistence","enableRtl","enableSingleSelection","fullTemplate","itemsCount","labelPosition","labelTemplate","locale","min","precision","readOnly","showLabel","showTooltip","tooltipTemplate","value","visible","beforeItemRender","created","onItemHover","valueChanged"],Ue=["value"],Oe=s.getProps({props:Ee}),we=Oe[0],Le=Oe[1],Be=Object.keys(Le);Be.push("modelchanged","update:modelValue");for(var Se=0,De=Ue;Se<De.length;Se++){var Ne=De[Se];Be.push("update:"+Ne)}var ze=s.vueDefineComponent({name:"RatingComponent",mixins:[s.ComponentBase],props:we,watch:Le,emits:Be,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Rating({}),propKeys:Ee,models:Ue,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},reset:function(){return this.ej2Instances.reset()}}}),Re={name:"ejs-rating",install:function(e){e.component(Re.name,ze)}};e.TextBoxComponent=m,e.TextBoxPlugin=p,e.NumericTextBoxComponent=y,e.NumericTextBoxPlugin=P,e.MaskedTextBoxComponent=L,e.MaskedTextBoxPlugin=B,e.SliderComponent=K,e.SliderPlugin=W,e.FilesDirective=G,e.UploadedFilesDirective=Q,e.FilesPlugin=J,e.UploadedFilesPlugin=X,e.UploaderComponent=re,e.UploaderPlugin=le,e.ColorPickerComponent=je,e.ColorPickerPlugin=ve,e.SignatureComponent=Ve,e.SignaturePlugin=ke,e.RatingComponent=ze,e.RatingPlugin=Re,Object.keys(t).forEach(function(s){e[s]=t[s]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-inputs","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Inputs,e.ej2VueBase,e.ej2Base)}(this,function(e,t,s,n){"use strict";var i=["isLazyUpdate","plugins","autocomplete","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","multiline","placeholder","readonly","showClearButton","type","value","width","blur","change","created","destroyed","focus","input"],a=["value"],o=s.getProps({props:i}),r=o[0],l=o[1],c=Object.keys(l);c.push("modelchanged","update:modelValue");for(var u=0,h=a;u<h.length;u++){var d=h[u];c.push("update:"+d)}var m=s.vueDefineComponent({name:"TextBoxComponent",mixins:[s.ComponentBase],props:r,watch:l,emits:c,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.TextBox({}),propKeys:i,models:a,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addAttributes:function(e){return this.ej2Instances.addAttributes(e)},addIcon:function(e,t){return this.ej2Instances.addIcon(e,t)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},removeAttributes:function(e){return this.ej2Instances.removeAttributes(e)}}}),p={name:"ejs-textbox",install:function(e){e.component(p.name,m)}},g=["isLazyUpdate","plugins","columnsCount","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","maxLength","placeholder","readonly","resizeMode","rowsCount","showClearButton","value","width","blur","change","created","destroyed","focus","input"],f=["value"],I=s.getProps({props:g}),j=I[0],v=I[1],$=Object.keys(v);$.push("modelchanged","update:modelValue");for(var C=0,_=f;C<_.length;C++){var b=_[C];$.push("update:"+b)}var y=s.vueDefineComponent({name:"TextAreaComponent",mixins:[s.ComponentBase],props:j,watch:v,emits:$,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.TextArea({}),propKeys:g,models:f,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("textarea",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addAttributes:function(e){return this.ej2Instances.addAttributes(e)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},removeAttributes:function(e){return this.ej2Instances.removeAttributes(e)}}}),x={name:"ejs-textarea",install:function(e){e.component(x.name,y)}},P=["isLazyUpdate","plugins","cssClass","currency","currencyCode","decimals","enablePersistence","enableRtl","enabled","floatLabelType","format","htmlAttributes","locale","max","min","placeholder","readonly","showClearButton","showSpinButton","step","strictMode","validateDecimalOnType","value","width","blur","change","created","destroyed","focus"],T=["value"],M=s.getProps({props:P}),V=M[0],k=M[1],E=Object.keys(k);E.push("modelchanged","update:modelValue");for(var O=0,U=T;O<U.length;O++){var w=U[O];E.push("update:"+w)}var L=s.vueDefineComponent({name:"NumericTextBoxComponent",mixins:[s.ComponentBase],props:V,watch:k,emits:E,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.NumericTextBox({}),propKeys:P,models:T,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},decrement:function(e){return this.ej2Instances.decrement(e)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getText:function(){return this.ej2Instances.getText()},increment:function(e){return this.ej2Instances.increment(e)}}}),B={name:"ejs-numerictextbox",install:function(e){e.component(B.name,L)}},S=["isLazyUpdate","plugins","cssClass","customCharacters","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","mask","placeholder","promptChar","readonly","showClearButton","value","width","blur","change","created","destroyed","focus"],D=["value"],N=s.getProps({props:S}),z=N[0],A=N[1],R=Object.keys(A);R.push("modelchanged","update:modelValue");for(var H=0,F=D;H<F.length;H++){var q=F[H];R.push("update:"+q)}var K=s.vueDefineComponent({name:"MaskedTextBoxComponent",mixins:[s.ComponentBase],props:z,watch:A,emits:R,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.MaskedTextBox({}),propKeys:S,models:D,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getMaskedValue:function(){return this.ej2Instances.getMaskedValue()}}}),W={name:"ejs-maskedtextbox",install:function(e){e.component(W.name,K)}},G=["isLazyUpdate","plugins","colorRange","cssClass","customValues","enableAnimation","enableHtmlSanitizer","enablePersistence","enableRtl","enabled","limits","locale","max","min","orientation","readonly","showButtons","step","ticks","tooltip","type","value","width","change","changed","created","renderedTicks","renderingTicks","tooltipChange"],J=["value"],Q=s.getProps({props:G}),X=Q[0],Y=Q[1],Z=Object.keys(Y);Z.push("modelchanged","update:modelValue");for(var ee=0,te=J;ee<te.length;ee++){var se=te[ee];Z.push("update:"+se)}var ne=s.vueDefineComponent({name:"SliderComponent",mixins:[s.ComponentBase],props:X,watch:Y,emits:Z,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Slider({}),propKeys:G,models:J,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},reposition:function(){return this.ej2Instances.reposition()},setTooltip:function(e){return this.ej2Instances.setTooltip(e)}}}),ie={name:"ejs-slider",install:function(e){e.component(ie.name,ne)}},ae=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!s.isExecute){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},i)}},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-files"}}}),oe={name:"e-files",install:function(e){e.component(oe.name,ae)}},re=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-uploadedfiles"}}}),le={name:"e-uploadedfiles",install:function(e){e.component(le.name,re)}},ce=["isLazyUpdate","plugins","allowedExtensions","asyncSettings","autoUpload","buttons","cssClass","directoryUpload","dropArea","dropEffect","enableHtmlSanitizer","enablePersistence","enableRtl","enabled","files","htmlAttributes","locale","maxFileSize","minFileSize","multiple","sequentialUpload","showFileList","template","actionComplete","beforeRemove","beforeUpload","canceling","change","chunkFailure","chunkSuccess","chunkUploading","clearing","created","failure","fileListRendering","pausing","progress","removing","rendering","resuming","selected","success","uploading"],ue=[],he=s.getProps({props:ce}),de=he[0],me=he[1],pe=Object.keys(me);pe.push("modelchanged","update:modelValue");for(var ge=0,fe=ue;ge<fe.length;ge++){var Ie=fe[ge];pe.push("update:"+Ie)}var je=s.vueDefineComponent({name:"UploaderComponent",mixins:[s.ComponentBase],props:de,watch:me,emits:pe,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Uploader({}),propKeys:ce,models:ue,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-files":"e-uploadedfiles"},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},bytesToSize:function(e){return this.ej2Instances.bytesToSize(e)},cancel:function(e){return this.ej2Instances.cancel(e)},clearAll:function(){return this.ej2Instances.clearAll()},createFileList:function(e){return this.ej2Instances.createFileList(e)},getFilesData:function(e){return this.ej2Instances.getFilesData(e)},pause:function(e,t){return this.ej2Instances.pause(e,t)},remove:function(e,t,s,n,i){return this.ej2Instances.remove(e,t,s,n,i)},resume:function(e,t){return this.ej2Instances.resume(e,t)},retry:function(e,t,s){return this.ej2Instances.retry(e,t,s)},sortFileList:function(e){return this.ej2Instances.sortFileList(e)},traverseFileTree:function(e,t){return this.ej2Instances.traverseFileTree(e,t)},upload:function(e,t){return this.ej2Instances.upload(e,t)}}}),ve={name:"ejs-uploader",install:function(e){e.component(ve.name,je),e.component(le.name,re),e.component(oe.name,ae)}},$e=["isLazyUpdate","plugins","columns","createPopupOnClick","cssClass","disabled","enableOpacity","enablePersistence","enableRtl","inline","locale","mode","modeSwitcher","noColor","presetColors","showButtons","value","beforeClose","beforeModeSwitch","beforeOpen","beforeTileRender","change","created","onModeSwitch","open","select"],Ce=["value"],_e=s.getProps({props:$e}),be=_e[0],ye=_e[1],xe=Object.keys(ye);xe.push("modelchanged","update:modelValue");for(var Pe=0,Te=Ce;Pe<Te.length;Pe++){var Me=Te[Pe];xe.push("update:"+Me)}var Ve=s.vueDefineComponent({name:"ColorPickerComponent",mixins:[s.ComponentBase],props:be,watch:ye,emits:xe,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.ColorPicker({}),propKeys:$e,models:Ce,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},getValue:function(e,t){return this.ej2Instances.getValue(e,t)},toggle:function(){return this.ej2Instances.toggle()}}}),ke={name:"ejs-colorpicker",install:function(e){e.component(ke.name,Ve)}},Ee=["isLazyUpdate","plugins","backgroundColor","backgroundImage","disabled","enablePersistence","enableRtl","isReadOnly","locale","maxStrokeWidth","minStrokeWidth","saveWithBackground","strokeColor","velocity","beforeSave","change","created"],Oe=[],Ue=s.getProps({props:Ee}),we=Ue[0],Le=Ue[1],Be=Object.keys(Le);Be.push("modelchanged","update:modelValue");for(var Se=0,De=Oe;Se<De.length;Se++){var Ne=De[Se];Be.push("update:"+Ne)}var ze=s.vueDefineComponent({name:"SignatureComponent",mixins:[s.ComponentBase],props:we,watch:Le,emits:Be,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Signature({}),propKeys:Ee,models:Oe,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("canvas",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},canRedo:function(){return this.ej2Instances.canRedo()},canUndo:function(){return this.ej2Instances.canUndo()},clear:function(){return this.ej2Instances.clear()},draw:function(e,t,s,n,i){return this.ej2Instances.draw(e,t,s,n,i)},getBlob:function(e){return this.ej2Instances.getBlob(e)},initialize:function(){return this.ej2Instances.initialize()},isEmpty:function(){return this.ej2Instances.isEmpty()},load:function(e,t,s){return this.ej2Instances.load(e,t,s)},redo:function(){return this.ej2Instances.redo()},refresh:function(){return this.ej2Instances.refresh()},save:function(e,t){return this.ej2Instances.save(e,t)},saveAsBlob:function(){return this.ej2Instances.saveAsBlob()},undo:function(){return this.ej2Instances.undo()}}}),Ae={name:"ejs-signature",install:function(e){e.component(Ae.name,ze)}},Re=["isLazyUpdate","plugins","allowReset","cssClass","disabled","emptyTemplate","enableAnimation","enablePersistence","enableRtl","enableSingleSelection","fullTemplate","itemsCount","labelPosition","labelTemplate","locale","min","precision","readOnly","showLabel","showTooltip","tooltipTemplate","value","visible","beforeItemRender","created","onItemHover","valueChanged"],He=["value"],Fe=s.getProps({props:Re}),qe=Fe[0],Ke=Fe[1],We=Object.keys(Ke);We.push("modelchanged","update:modelValue");for(var Ge=0,Je=He;Ge<Je.length;Ge++){var Qe=Je[Ge];We.push("update:"+Qe)}var Xe=s.vueDefineComponent({name:"RatingComponent",mixins:[s.ComponentBase],props:qe,watch:Ke,emits:We,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Rating({}),propKeys:Re,models:He,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},reset:function(){return this.ej2Instances.reset()}}}),Ye={name:"ejs-rating",install:function(e){e.component(Ye.name,Xe)}};e.TextBoxComponent=m,e.TextBoxPlugin=p,e.TextAreaComponent=y,e.TextAreaPlugin=x,e.NumericTextBoxComponent=L,e.NumericTextBoxPlugin=B,e.MaskedTextBoxComponent=K,e.MaskedTextBoxPlugin=W,e.SliderComponent=ne,e.SliderPlugin=ie,e.FilesDirective=ae,e.UploadedFilesDirective=re,e.FilesPlugin=oe,e.UploadedFilesPlugin=le,e.UploaderComponent=je,e.UploaderPlugin=ve,e.ColorPickerComponent=Ve,e.ColorPickerPlugin=ke,e.SignatureComponent=ze,e.SignaturePlugin=Ae,e.RatingComponent=Xe,e.RatingPlugin=Ye,Object.keys(t).forEach(function(s){e[s]=t[s]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-inputs.umd.min.js.map

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

@@ -1,2 +0,2 @@
-import { ColorPicker, MaskedTextBox, NumericTextBox, Rating, Signature, Slider, TextBox, Uploader } from '@syncfusion/ej2-inputs';
+import { ColorPicker, MaskedTextBox, NumericTextBox, Rating, Signature, Slider, TextArea, TextBox, Uploader } from '@syncfusion/ej2-inputs';
 import { ComponentBase, getProps, gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
@@ -171,3 +171,3 @@ import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
 
-const properties$1 = ['isLazyUpdate', 'plugins', 'cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
+const properties$1 = ['isLazyUpdate', 'plugins', 'columnsCount', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rowsCount', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus', 'input'];
 const modelProps$1 = ['value'];
@@ -183,9 +183,9 @@ const testProp$1 = getProps({ props: properties$1 });
 /**
- * Represents the Essential JS 2 VueJS NumericTextBox Component
+ * Represents the Essential JS 2 VueJS TextArea Component
  * ```html
- * <ejs-numerictextbox v-bind:value='value'></ejs-numerictextbox>
+ * <ejs-textarea v-bind:value='value'></ejs-textarea>
  * ```
  */
-let NumericTextBoxComponent = vueDefineComponent({
-    name: 'NumericTextBoxComponent',
+let TextAreaComponent = vueDefineComponent({
+    name: 'TextAreaComponent',
     mixins: [ComponentBase],
@@ -199,3 +199,3 @@ props: props$1,
         return {
-            ej2Instances: new NumericTextBox({}),
+            ej2Instances: new TextArea({}),
             propKeys: properties$1,
@@ -226,3 +226,3 @@ models: modelProps$1,
         }
-        return h('input', slots);
+        return h('textarea', slots);
     },
@@ -317,4 +317,4 @@ methods: {
         },
-        decrement(step) {
-            return this.ej2Instances.decrement(step);
+        addAttributes(attributes) {
+            return this.ej2Instances.addAttributes(attributes);
         },
@@ -327,18 +327,15 @@ focusIn() {
         },
-        getText() {
-            return this.ej2Instances.getText();
+        removeAttributes(attributes) {
+            return this.ej2Instances.removeAttributes(attributes);
         },
-        increment(step) {
-            return this.ej2Instances.increment(step);
-        },
     }
 });
-const NumericTextBoxPlugin = {
-    name: 'ejs-numerictextbox',
+const TextAreaPlugin = {
+    name: 'ejs-textarea',
     install(Vue) {
-        Vue.component(NumericTextBoxPlugin.name, NumericTextBoxComponent);
+        Vue.component(TextAreaPlugin.name, TextAreaComponent);
     }
 };
 
-const properties$2 = ['isLazyUpdate', 'plugins', 'cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
+const properties$2 = ['isLazyUpdate', 'plugins', 'cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
 const modelProps$2 = ['value'];
@@ -354,9 +351,9 @@ const testProp$2 = getProps({ props: properties$2 });
 /**
- * Represents the Essential JS 2 VueJS MaskedTextBox Component
+ * Represents the Essential JS 2 VueJS NumericTextBox Component
  * ```html
- * <ejs-maskedtextbox v-bind:value='value'></ejs-maskedtextbox>
+ * <ejs-numerictextbox v-bind:value='value'></ejs-numerictextbox>
  * ```
  */
-let MaskedTextBoxComponent = vueDefineComponent({
-    name: 'MaskedTextBoxComponent',
+let NumericTextBoxComponent = vueDefineComponent({
+    name: 'NumericTextBoxComponent',
     mixins: [ComponentBase],
@@ -370,3 +367,3 @@ props: props$2,
         return {
-            ej2Instances: new MaskedTextBox({}),
+            ej2Instances: new NumericTextBox({}),
             propKeys: properties$2,
@@ -487,2 +484,5 @@ models: modelProps$2,
         },
+        decrement(step) {
+            return this.ej2Instances.decrement(step);
+        },
         focusIn() {
@@ -494,15 +494,18 @@ return this.ej2Instances.focusIn();
         },
-        getMaskedValue() {
-            return this.ej2Instances.getMaskedValue();
+        getText() {
+            return this.ej2Instances.getText();
         },
+        increment(step) {
+            return this.ej2Instances.increment(step);
+        },
     }
 });
-const MaskedTextBoxPlugin = {
-    name: 'ejs-maskedtextbox',
+const NumericTextBoxPlugin = {
+    name: 'ejs-numerictextbox',
     install(Vue) {
-        Vue.component(MaskedTextBoxPlugin.name, MaskedTextBoxComponent);
+        Vue.component(NumericTextBoxPlugin.name, NumericTextBoxComponent);
     }
 };
 
-const properties$3 = ['isLazyUpdate', 'plugins', 'colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange'];
+const properties$3 = ['isLazyUpdate', 'plugins', 'cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
 const modelProps$3 = ['value'];
@@ -518,9 +521,9 @@ const testProp$3 = getProps({ props: properties$3 });
 /**
- * Represents the VueJS Slider Component.
+ * Represents the Essential JS 2 VueJS MaskedTextBox Component
  * ```html
- * <ejs-slider :value='value'></ejs-slider>
+ * <ejs-maskedtextbox v-bind:value='value'></ejs-maskedtextbox>
  * ```
  */
-let SliderComponent = vueDefineComponent({
-    name: 'SliderComponent',
+let MaskedTextBoxComponent = vueDefineComponent({
+    name: 'MaskedTextBoxComponent',
     mixins: [ComponentBase],
@@ -534,3 +537,3 @@ props: props$3,
         return {
-            ej2Instances: new Slider({}),
+            ej2Instances: new MaskedTextBox({}),
             propKeys: properties$3,
@@ -561,2 +564,162 @@ models: modelProps$3,
         }
+        return h('input', slots);
+    },
+    methods: {
+        clearTemplate(templateNames) {
+            if (!templateNames) {
+                templateNames = Object.keys(this.templateCollection || {});
+            }
+            if (templateNames.length && this.templateCollection) {
+                for (let tempName of templateNames) {
+                    let elementCollection = this.templateCollection[tempName];
+                    if (elementCollection && elementCollection.length) {
+                        for (let ele of elementCollection) {
+                            let destroy = getValue('__vue__.$destroy', ele);
+                            if (destroy) {
+                                ele.__vue__.$destroy();
+                            }
+                            if (ele.innerHTML) {
+                                ele.innerHTML = '';
+                            }
+                        }
+                        delete this.templateCollection[tempName];
+                    }
+                }
+            }
+        },
+        setProperties(prop, muteOnChange) {
+            if (this.isVue3) {
+                this.models = !this.models ? this.ej2Instances.referModels : this.models;
+            }
+            if (this.ej2Instances && this.ej2Instances._setProperties) {
+                this.ej2Instances._setProperties(prop, muteOnChange);
+            }
+            if (prop && this.models && this.models.length) {
+                Object.keys(prop).map((key) => {
+                    this.models.map((model) => {
+                        if ((key === model) && !(/datasource/i.test(key))) {
+                            if (this.isVue3) {
+                                this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                            }
+                            else {
+                                this.$emit('update:' + key, prop[key]);
+                                this.$emit('modelchanged', prop[key]);
+                            }
+                        }
+                    });
+                });
+            }
+        },
+        trigger(eventName, eventProp, successHandler) {
+            if (!isExecute) {
+                this.models = !this.models ? this.ej2Instances.referModels : this.models;
+            }
+            if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
+                let key = this.models.toString().match(/checked|value/) || [];
+                let propKey = key[0];
+                if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                    if (!isExecute) {
+                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
+                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                        this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
+                    }
+                    else {
+                        if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
+                            this.$emit('update:' + propKey, eventProp[propKey]);
+                            this.$emit('modelchanged', eventProp[propKey]);
+                        }
+                    }
+                }
+            }
+            else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {
+                let key = this.models.toString().match(/currentView|selectedDate/) || [];
+                let propKey = key[0];
+                if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                    if (!isExecute) {
+                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
+                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    }
+                    else {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
+                }
+            }
+            if ((this.ej2Instances && this.ej2Instances._trigger)) {
+                this.ej2Instances._trigger(eventName, eventProp, successHandler);
+            }
+        },
+        custom() {
+            this.updated();
+        },
+        focusIn() {
+            return this.ej2Instances.focusIn();
+        },
+        focusOut() {
+            return this.ej2Instances.focusOut();
+        },
+        getMaskedValue() {
+            return this.ej2Instances.getMaskedValue();
+        },
+    }
+});
+const MaskedTextBoxPlugin = {
+    name: 'ejs-maskedtextbox',
+    install(Vue) {
+        Vue.component(MaskedTextBoxPlugin.name, MaskedTextBoxComponent);
+    }
+};
+
+const properties$4 = ['isLazyUpdate', 'plugins', 'colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange'];
+const modelProps$4 = ['value'];
+const testProp$4 = getProps({ props: properties$4 });
+const props$4 = testProp$4[0];
+const watch$4 = testProp$4[1];
+const emitProbs$4 = Object.keys(watch$4);
+emitProbs$4.push('modelchanged', 'update:modelValue');
+for (let props of modelProps$4) {
+    emitProbs$4.push('update:' + props);
+}
+/**
+ * Represents the VueJS Slider Component.
+ * ```html
+ * <ejs-slider :value='value'></ejs-slider>
+ * ```
+ */
+let SliderComponent = vueDefineComponent({
+    name: 'SliderComponent',
+    mixins: [ComponentBase],
+    props: props$4,
+    watch: watch$4,
+    emits: emitProbs$4,
+    model: { event: 'modelchanged' },
+    provide() { return { custom: this.custom }; },
+    data() {
+        return {
+            ej2Instances: new Slider({}),
+            propKeys: properties$4,
+            models: modelProps$4,
+            hasChildDirective: false,
+            hasInjectedModules: false,
+            tagMapper: {},
+            tagNameMapper: {},
+            isVue3: !isExecute,
+            templateCollection: {},
+        };
+    },
+    created() {
+        this.ej2Instances._trigger = this.ej2Instances.trigger;
+        this.ej2Instances.trigger = this.trigger;
+        this.bindProperties();
+        this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        this.ej2Instances.setProperties = this.setProperties;
+        this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
+    },
+    render(createElement) {
+        let h = !isExecute ? gh : createElement;
+        let slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
+        }
         return h('div', slots);
@@ -726,11 +889,11 @@ },
 
-const properties$4 = ['isLazyUpdate', 'plugins', 'allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
-const modelProps$4 = [];
-const testProp$4 = getProps({ props: properties$4 });
-const props$4 = testProp$4[0];
-const watch$4 = testProp$4[1];
-const emitProbs$4 = Object.keys(watch$4);
-emitProbs$4.push('modelchanged', 'update:modelValue');
-for (let props of modelProps$4) {
-    emitProbs$4.push('update:' + props);
+const properties$5 = ['isLazyUpdate', 'plugins', 'allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
+const modelProps$5 = [];
+const testProp$5 = getProps({ props: properties$5 });
+const props$5 = testProp$5[0];
+const watch$5 = testProp$5[1];
+const emitProbs$5 = Object.keys(watch$5);
+emitProbs$5.push('modelchanged', 'update:modelValue');
+for (let props of modelProps$5) {
+    emitProbs$5.push('update:' + props);
 }
@@ -746,5 +909,5 @@ /**
     mixins: [ComponentBase],
-    props: props$4,
-    watch: watch$4,
-    emits: emitProbs$4,
+    props: props$5,
+    watch: watch$5,
+    emits: emitProbs$5,
     provide() { return { custom: this.custom }; },
@@ -754,4 +917,4 @@ data() {
             ej2Instances: new Uploader({}),
-            propKeys: properties$4,
-            models: modelProps$4,
+            propKeys: properties$5,
+            models: modelProps$5,
             hasChildDirective: true,
@@ -876,11 +1039,11 @@ hasInjectedModules: false,
 
-const properties$5 = ['isLazyUpdate', 'plugins', 'columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select'];
-const modelProps$5 = ['value'];
-const testProp$5 = getProps({ props: properties$5 });
-const props$5 = testProp$5[0];
-const watch$5 = testProp$5[1];
-const emitProbs$5 = Object.keys(watch$5);
-emitProbs$5.push('modelchanged', 'update:modelValue');
-for (let props of modelProps$5) {
-    emitProbs$5.push('update:' + props);
+const properties$6 = ['isLazyUpdate', 'plugins', 'columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select'];
+const modelProps$6 = ['value'];
+const testProp$6 = getProps({ props: properties$6 });
+const props$6 = testProp$6[0];
+const watch$6 = testProp$6[1];
+const emitProbs$6 = Object.keys(watch$6);
+emitProbs$6.push('modelchanged', 'update:modelValue');
+for (let props of modelProps$6) {
+    emitProbs$6.push('update:' + props);
 }
@@ -896,5 +1059,5 @@ /**
     mixins: [ComponentBase],
-    props: props$5,
-    watch: watch$5,
-    emits: emitProbs$5,
+    props: props$6,
+    watch: watch$6,
+    emits: emitProbs$6,
     model: { event: 'modelchanged' },
@@ -905,4 +1068,4 @@ provide() { return { custom: this.custom }; },
             ej2Instances: new ColorPicker({}),
-            propKeys: properties$5,
-            models: modelProps$5,
+            propKeys: properties$6,
+            models: modelProps$6,
             hasChildDirective: false,
@@ -1039,11 +1202,11 @@ hasInjectedModules: false,
 
-const properties$6 = ['isLazyUpdate', 'plugins', 'backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity', 'beforeSave', 'change', 'created'];
-const modelProps$6 = [];
-const testProp$6 = getProps({ props: properties$6 });
-const props$6 = testProp$6[0];
-const watch$6 = testProp$6[1];
-const emitProbs$6 = Object.keys(watch$6);
-emitProbs$6.push('modelchanged', 'update:modelValue');
-for (let props of modelProps$6) {
-    emitProbs$6.push('update:' + props);
+const properties$7 = ['isLazyUpdate', 'plugins', 'backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity', 'beforeSave', 'change', 'created'];
+const modelProps$7 = [];
+const testProp$7 = getProps({ props: properties$7 });
+const props$7 = testProp$7[0];
+const watch$7 = testProp$7[1];
+const emitProbs$7 = Object.keys(watch$7);
+emitProbs$7.push('modelchanged', 'update:modelValue');
+for (let props of modelProps$7) {
+    emitProbs$7.push('update:' + props);
 }
@@ -1059,5 +1222,5 @@ /**
     mixins: [ComponentBase],
-    props: props$6,
-    watch: watch$6,
-    emits: emitProbs$6,
+    props: props$7,
+    watch: watch$7,
+    emits: emitProbs$7,
     provide() { return { custom: this.custom }; },
@@ -1067,4 +1230,4 @@ data() {
             ej2Instances: new Signature({}),
-            propKeys: properties$6,
-            models: modelProps$6,
+            propKeys: properties$7,
+            models: modelProps$7,
             hasChildDirective: false,
@@ -1190,11 +1353,11 @@ hasInjectedModules: false,
 
-const properties$7 = ['isLazyUpdate', 'plugins', 'allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged'];
-const modelProps$7 = ['value'];
-const testProp$7 = getProps({ props: properties$7 });
-const props$7 = testProp$7[0];
-const watch$7 = testProp$7[1];
-const emitProbs$7 = Object.keys(watch$7);
-emitProbs$7.push('modelchanged', 'update:modelValue');
-for (let props of modelProps$7) {
-    emitProbs$7.push('update:' + props);
+const properties$8 = ['isLazyUpdate', 'plugins', 'allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged'];
+const modelProps$8 = ['value'];
+const testProp$8 = getProps({ props: properties$8 });
+const props$8 = testProp$8[0];
+const watch$8 = testProp$8[1];
+const emitProbs$8 = Object.keys(watch$8);
+emitProbs$8.push('modelchanged', 'update:modelValue');
+for (let props of modelProps$8) {
+    emitProbs$8.push('update:' + props);
 }
@@ -1210,5 +1373,5 @@ /**
     mixins: [ComponentBase],
-    props: props$7,
-    watch: watch$7,
-    emits: emitProbs$7,
+    props: props$8,
+    watch: watch$8,
+    emits: emitProbs$8,
     model: { event: 'modelchanged' },
@@ -1219,4 +1382,4 @@ provide() { return { custom: this.custom }; },
             ej2Instances: new Rating({}),
-            propKeys: properties$7,
-            models: modelProps$7,
+            propKeys: properties$8,
+            models: modelProps$8,
             hasChildDirective: false,
@@ -1347,4 +1510,4 @@ hasInjectedModules: false,
 
-export { TextBoxComponent, TextBoxPlugin, NumericTextBoxComponent, NumericTextBoxPlugin, MaskedTextBoxComponent, MaskedTextBoxPlugin, SliderComponent, SliderPlugin, FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugin, UploaderComponent, UploaderPlugin, ColorPickerComponent, ColorPickerPlugin, SignatureComponent, SignaturePlugin, RatingComponent, RatingPlugin };
+export { TextBoxComponent, TextBoxPlugin, TextAreaComponent, TextAreaPlugin, NumericTextBoxComponent, NumericTextBoxPlugin, MaskedTextBoxComponent, MaskedTextBoxPlugin, SliderComponent, SliderPlugin, FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugin, UploaderComponent, UploaderPlugin, ColorPickerComponent, ColorPickerPlugin, SignatureComponent, SignaturePlugin, RatingComponent, RatingPlugin };
 export * from '@syncfusion/ej2-inputs';
 //# sourceMappingURL=ej2-vue-inputs.es2015.js.map

package.json

 {
   "_from": "@syncfusion/ej2-vue-inputs@*",
-  "_id": "@syncfusion/ej2-vue-inputs@24.2.7",
+  "_id": "@syncfusion/ej2-vue-inputs@18.78.15",
   "_inBundle": false,
-  "_integrity": "sha512-a7edh8I7Gg+dDXpvtsPAHZ3DEKoVXy3JqFXpZ0k2b30WWLtA7Hnuv02NNMfEdLqFCcVC3/HSvwYeUmPXgU96PA==",
+  "_integrity": "sha512-VNmveGSgClbggS7u7bauo9CEy9al4I/eyNa78N/0rJ6iE2p2KhZy488VDG+zobQ4avwP8hSjYKfkBd9KZWlx+g==",
   "_location": "/@syncfusion/ej2-vue-inputs",
@@ -22,6 +22,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-24.2.7.tgz",
-  "_shasum": "008d80f8807abd64e5b6eb8fa76b485b068ead8c",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-18.78.15.tgz",
+  "_shasum": "aab25dbb6a64258e3bbce25d22f738eb73e0c1bc",
   "_spec": "@syncfusion/ej2-vue-inputs@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -35,5 +35,5 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.7",
-    "@syncfusion/ej2-inputs": "24.2.9",
-    "@syncfusion/ej2-vue-base": "~24.2.3"
+    "@syncfusion/ej2-base": "~25.1.35",
+    "@syncfusion/ej2-inputs": "25.1.35",
+    "@syncfusion/ej2-vue-base": "~25.1.35"
   },
@@ -79,4 +79,4 @@ "deprecated": false,
   },
-  "version": "24.2.9",
+  "version": "25.1.35",
   "sideEffects": false
 }

src/color-picker/colorpicker.component.d.ts

@@ -1,3 +0,3 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { ColorPickerModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { ColorPicker, ColorPickerModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
@@ -14,3 +14,22 @@ export declare const modelProps: string[];
 export declare let ColorPickerComponent: DefineVueComponent<ColorPickerModel>;
-export declare type ColorPickerComponent = InstanceType<typeof ColorPickerComponent>;
+export declare type ColorPickerComponent = typeof ComponentBase & {
+    ej2Instances: ColorPicker;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    focusIn(): void;
+    getValue(value?: string, type?: string): string;
+    toggle(): void;
+};
 export declare const ColorPickerPlugin: {
@@ -17,0 +36,0 @@ name: string;

src/index.d.ts

 export * from '@syncfusion/ej2-inputs';
 export { TextBoxComponent, TextBoxPlugin } from './textbox/textbox.component';
+export { TextAreaComponent, TextAreaPlugin } from './textarea/textarea.component';
 export { NumericTextBoxComponent, NumericTextBoxPlugin } from './numerictextbox/numerictextbox.component';
@@ -4,0 +5,0 @@ export { MaskedTextBoxComponent, MaskedTextBoxPlugin } from './maskedtextbox/maskedtextbox.component';

src/index.js

 export * from '@syncfusion/ej2-inputs';
 export { TextBoxComponent, TextBoxPlugin } from './textbox/textbox.component';
+export { TextAreaComponent, TextAreaPlugin } from './textarea/textarea.component';
 export { NumericTextBoxComponent, NumericTextBoxPlugin } from './numerictextbox/numerictextbox.component';
@@ -4,0 +5,0 @@ export { MaskedTextBoxComponent, MaskedTextBoxPlugin } from './maskedtextbox/maskedtextbox.component';

src/maskedtextbox/maskedtextbox.component.d.ts

@@ -1,3 +0,3 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { MaskedTextBoxModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { MaskedTextBox, MaskedTextBoxModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
@@ -14,3 +14,22 @@ export declare const modelProps: string[];
 export declare let MaskedTextBoxComponent: DefineVueComponent<MaskedTextBoxModel>;
-export declare type MaskedTextBoxComponent = InstanceType<typeof MaskedTextBoxComponent>;
+export declare type MaskedTextBoxComponent = typeof ComponentBase & {
+    ej2Instances: MaskedTextBox;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    focusIn(): void;
+    focusOut(): void;
+    getMaskedValue(): string;
+};
 export declare const MaskedTextBoxPlugin: {
@@ -17,0 +36,0 @@ name: string;

src/numerictextbox/numerictextbox.component.d.ts

@@ -1,3 +0,3 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { NumericTextBoxModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { NumericTextBox, NumericTextBoxModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
@@ -14,3 +14,24 @@ export declare const modelProps: string[];
 export declare let NumericTextBoxComponent: DefineVueComponent<NumericTextBoxModel>;
-export declare type NumericTextBoxComponent = InstanceType<typeof NumericTextBoxComponent>;
+export declare type NumericTextBoxComponent = typeof ComponentBase & {
+    ej2Instances: NumericTextBox;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    decrement(step: number): void;
+    focusIn(): void;
+    focusOut(): void;
+    getText(): string;
+    increment(step: number): void;
+};
 export declare const NumericTextBoxPlugin: {
@@ -17,0 +38,0 @@ name: string;

src/rating/rating.component.d.ts

@@ -1,3 +0,3 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { RatingModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { Rating, RatingModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
@@ -14,3 +14,20 @@ export declare const modelProps: string[];
 export declare let RatingComponent: DefineVueComponent<RatingModel>;
-export declare type RatingComponent = InstanceType<typeof RatingComponent>;
+export declare type RatingComponent = typeof ComponentBase & {
+    ej2Instances: Rating;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    reset(): void;
+};
 export declare const RatingPlugin: {
@@ -17,0 +34,0 @@ name: string;

src/signature/signature.component.d.ts

@@ -1,3 +0,3 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { SignatureModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { Signature, SignatureModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
@@ -14,3 +14,32 @@ export declare const modelProps: string[];
 export declare let SignatureComponent: DefineVueComponent<SignatureModel>;
-export declare type SignatureComponent = InstanceType<typeof SignatureComponent>;
+export declare type SignatureComponent = typeof ComponentBase & {
+    ej2Instances: Signature;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    canRedo(): boolean;
+    canUndo(): boolean;
+    clear(): void;
+    draw(text: string, fontFamily?: string, fontSize?: number, x?: number, y?: number): void;
+    getBlob(url: string): Object;
+    initialize(): void;
+    isEmpty(): boolean;
+    load(signature: string, width?: number, height?: number): void;
+    redo(): void;
+    refresh(): void;
+    save(type?: Object, fileName?: string): void;
+    saveAsBlob(): Object;
+    undo(): void;
+};
 export declare const SignaturePlugin: {
@@ -17,0 +46,0 @@ name: string;

src/slider/slider.component.d.ts

@@ -1,3 +0,3 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { SliderModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { Slider, SliderModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
@@ -14,3 +14,21 @@ export declare const modelProps: string[];
 export declare let SliderComponent: DefineVueComponent<SliderModel>;
-export declare type SliderComponent = InstanceType<typeof SliderComponent>;
+export declare type SliderComponent = typeof ComponentBase & {
+    ej2Instances: Slider;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    reposition(): void;
+    setTooltip(args?: string): void;
+};
 export declare const SliderPlugin: {
@@ -17,0 +35,0 @@ name: string;

src/textbox/textbox.component.d.ts

@@ -1,3 +0,3 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { TextBoxModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { TextBox, TextBoxModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
@@ -14,3 +14,24 @@ export declare const modelProps: string[];
 export declare let TextBoxComponent: DefineVueComponent<TextBoxModel>;
-export declare type TextBoxComponent = InstanceType<typeof TextBoxComponent>;
+export declare type TextBoxComponent = typeof ComponentBase & {
+    ej2Instances: TextBox;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    addAttributes(attributes: undefined): void;
+    addIcon(position: string, icons: string | string[]): void;
+    focusIn(): void;
+    focusOut(): void;
+    removeAttributes(attributes: string[]): void;
+};
 export declare const TextBoxPlugin: {
@@ -17,0 +38,0 @@ name: string;

src/uploader/uploader.component.d.ts

@@ -1,3 +0,3 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { UploaderModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { Uploader, UploaderModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
@@ -14,3 +14,31 @@ export declare const modelProps: string[];
 export declare let UploaderComponent: DefineVueComponent<UploaderModel>;
-export declare type UploaderComponent = InstanceType<typeof UploaderComponent>;
+export declare type UploaderComponent = typeof ComponentBase & {
+    ej2Instances: Uploader;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    bytesToSize(bytes: number): string;
+    cancel(fileData?: Object[]): void;
+    clearAll(): void;
+    createFileList(fileData: Object[]): void;
+    getFilesData(index?: number): Object[];
+    pause(fileData?: Object | Object[], custom?: boolean): void;
+    remove(fileData?: Object | Object[], customTemplate?: boolean, removeDirectly?: boolean, postRawFile?: boolean, args?: Object | Object | Object): void;
+    resume(fileData?: Object | Object[], custom?: boolean): void;
+    retry(fileData?: Object | Object[], fromcanceledStage?: boolean, custom?: boolean): void;
+    sortFileList(filesData?: Object): Object[];
+    traverseFileTree(item: any, event?: Object | Object | Object | Object): void;
+    upload(files?: Object | Object[], custom?: boolean): void;
+};
 export declare const UploaderPlugin: {
@@ -17,0 +45,0 @@ name: string;

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1590705

increased by6.59%

Number of package files

480

increased by9.09%

Lines of code

8678

increased by10.58%

Dependency changes

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

• + Added@syncfusion/ej2-buttons@25.1.39(transitive)

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

• + Added@syncfusion/ej2-inputs@25.1.35(transitive)

• + Added@syncfusion/ej2-popups@25.1.42(transitive)

• + Added@syncfusion/ej2-splitbuttons@25.1.38(transitive)

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

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

• - Removed@syncfusion/ej2-buttons@24.2.7(transitive)

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

• - Removed@syncfusion/ej2-inputs@24.2.9(transitive)

• - Removed@syncfusion/ej2-popups@24.2.10(transitive)

• - Removed@syncfusion/ej2-splitbuttons@24.2.7(transitive)

• - Removed@syncfusion/ej2-vue-base@24.2.3(transitive)

• Updated@syncfusion/ej2-base@~25.1.35

• Updated@syncfusion/ej2-inputs@25.1.35

• Updated@syncfusion/ej2-vue-base@~25.1.35