@syncfusion/ej2-vue-inputs 21.2.8 → 22.1.34

package/CHANGELOG.md

@@ -2,19 +2,49 @@
 
 ## [Unreleased]
 
-## 21.2.6 (2023-05-23)
+### NumericTextbox
 
-### Uploader
+#### Bug Fixes
+
+- Issue with "Unwanted calls for CalculateWidth method" has been resolved.
+
+### TextBox
+
+#### New Features
+
+- Provided clear icon support for Multiline Textbox, allowing users to easily clear the contents of the textarea with a single click.
+
+### FormValidator
+
+#### New Features
+
+- Provided support for validating multiple date formats using a form validator.
+- Provided support for placing validation messages outside the component for all Syncfusion Form Components.
+
+## 21.2.9 (2023-06-06)
+
+### ColorPicker
 
 #### Bug Fixes
 
-- `#I460888` - Issue with "Console error occurs when deleting files after data load" has been resolved.
+- Facing exception when mode switching from color palette to color picker has been resolved.
+- Color picker value is not getting reset for transparent case.
 
-### MaskedTextBox
+## 21.2.8 (2023-05-30)
+
+### ColorPicker
+
+#### Bug Fixes
+
+- Issue with keyboard navigation has been resolved.
+
+## 21.2.6 (2023-05-23)
+
+### Uploader
 
 #### Bug Fixes
 
-- `#SF-456074` - Issue with "MaskedTextbox fails to clear the value after setting value of model to empty string"
+- `#I460888` - Issue with "Console error occurs when deleting files after data load" has been resolved.
 
 ## 21.1.38 (2023-04-04)
 

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

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