@syncfusion/ej2-vue-inputs 25.2.6 → 26.1.35

package/README.md

@@ -187,6 +187,19 @@ The [Vue Rating](https://www.syncfusion.com/vue-components/vue-rating?utm_source
 * [Appearance](https://ej2.syncfusion.com/vue/documentation/rating/appearance) - Customize the rating items appearance.
 * [Templates](https://ej2.syncfusion.com/vue/documentation/rating/templates) - Customize the rating item with a heart, SVG, or any content that precisely matches unique needs.
 
+### Vue OTP Input
+
+The `Vue OTP Input` component is designed to securely enter and verify single-use passwords for multi-factor authentication purposes in various applications, such as banking, e-commerce, or account login processes. It has several built-in features such as support for input types, styling modes, placeholder, seperators, and customization.
+
+#### Key features
+
+* `Input types` - Allow specifying the input type as text, number, or password for the OTP input..
+* `Styling modes` - Offer built-in styling options such as underline, outline, or fill.
+* `Tooltip` - Displays additional information of the rating items.
+* `Placeholders` - Allow setting a hint character for each input field, indicating the expected value.
+* `Separators` - Specify a character to be placed between input fields. 
+* `Customization` - Allows customizing the default appearance, including input field styling, input length, and more. 
+
 <p align="center">
 Trusted by the world's leading companies
   <a href="https://www.syncfusion.com/">

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

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-vue-inputs.umd.min.js
-*  version : 25.2.6
+*  version : 26.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. 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","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})});
+!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=e||self).ej={},e.ej2Inputs,e.ej2VueBase,e.ej2Base)}(this,function(t,s,a,c){"use strict";var e=["isLazyUpdate","plugins","autocomplete","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","multiline","placeholder","readonly","showClearButton","type","value","width","blur","change","created","destroyed","focus","input"],n=["value"],i=a.getProps({props:e}),o=i[0],i=i[1],r=Object.keys(i);r.push("modelchanged","update:modelValue");for(var l=0,u=n;l<u.length;l++)r.push("update:"+u[l]);var h=a.vueDefineComponent({name:"TextBoxComponent",mixins:[a.ComponentBase],props:o,watch:i,emits:r,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.TextBox({}),propKeys:e,models:n,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=c.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];c.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!c.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!c.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},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)}}}),d={name:"ejs-textbox",install:function(e){e.component(d.name,h)}},p=["isLazyUpdate","plugins","cols","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","maxLength","placeholder","readonly","resizeMode","rows","showClearButton","value","width","blur","change","created","destroyed","focus","input"],B=["value"],o=a.getProps({props:p}),i=o[0],o=o[1],m=Object.keys(o);m.push("modelchanged","update:modelValue");for(var g=0,S=B;g<S.length;g++)m.push("update:"+S[g]);var D=a.vueDefineComponent({name:"TextAreaComponent",mixins:[a.ComponentBase],props:i,watch:o,emits:m,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.TextArea({}),propKeys:p,models:B,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("textarea",t=c.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];c.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!c.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!c.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},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)}}}),N={name:"ejs-textarea",install:function(e){e.component(N.name,D)}},z=["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"],A=["value"],i=a.getProps({props:z}),o=i[0],i=i[1],f=Object.keys(i);f.push("modelchanged","update:modelValue");for(var I=0,H=A;I<H.length;I++)f.push("update:"+H[I]);var R=a.vueDefineComponent({name:"NumericTextBoxComponent",mixins:[a.ComponentBase],props:o,watch:i,emits:f,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.NumericTextBox({}),propKeys:z,models:A,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=c.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];c.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!c.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!c.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},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)}}}),F={name:"ejs-numerictextbox",install:function(e){e.component(F.name,R)}},q=["isLazyUpdate","plugins","cssClass","customCharacters","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","mask","placeholder","promptChar","readonly","showClearButton","value","width","blur","change","created","destroyed","focus"],K=["value"],o=a.getProps({props:q}),i=o[0],o=o[1],j=Object.keys(o);j.push("modelchanged","update:modelValue");for(var v=0,W=K;v<W.length;v++)j.push("update:"+W[v]);var G=a.vueDefineComponent({name:"MaskedTextBoxComponent",mixins:[a.ComponentBase],props:i,watch:o,emits:j,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.MaskedTextBox({}),propKeys:q,models:K,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=c.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];c.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!c.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!c.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getMaskedValue:function(){return this.ej2Instances.getMaskedValue()}}}),J={name:"ejs-maskedtextbox",install:function(e){e.component(J.name,G)}},Q=["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"],X=["value"],i=a.getProps({props:Q}),o=i[0],i=i[1],$=Object.keys(i);$.push("modelchanged","update:modelValue");for(var _=0,Y=X;_<Y.length;_++)$.push("update:"+Y[_]);var Z=a.vueDefineComponent({name:"SliderComponent",mixins:[a.ComponentBase],props:o,watch:i,emits:$,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Slider({}),propKeys:Q,models:X,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("div",t=c.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];c.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!c.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!c.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},reposition:function(){return this.ej2Instances.reposition()},setTooltip:function(e){return this.ej2Instances.setTooltip(e)}}}),ee={name:"ejs-slider",install:function(e){e.component(ee.name,Z)}},b=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=c.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-files"}}}),C={name:"e-files",install:function(e){e.component(C.name,b)}},y=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-uploadedfiles"}}}),P={name:"e-uploadedfiles",install:function(e){e.component(P.name,y)}},te=["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"],se=[],o=a.getProps({props:te}),i=o[0],o=o[1],x=Object.keys(o);x.push("modelchanged","update:modelValue");for(var T=0,ne=se;T<ne.length;T++)x.push("update:"+ne[T]);var ie=a.vueDefineComponent({name:"UploaderComponent",mixins:[a.ComponentBase],props:i,watch:o,emits:x,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Uploader({}),propKeys:te,models:se,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-files":"e-uploadedfiles"},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=c.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];c.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[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)}}}),ae={name:"ejs-uploader",install:function(e){e.component(ae.name,ie),e.component(P.name,y),e.component(C.name,b)}},oe=["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"],re=["value"],i=a.getProps({props:oe}),o=i[0],i=i[1],M=Object.keys(i);M.push("modelchanged","update:modelValue");for(var V=0,ce=re;V<ce.length;V++)M.push("update:"+ce[V]);var le=a.vueDefineComponent({name:"ColorPickerComponent",mixins:[a.ComponentBase],props:o,watch:i,emits:M,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.ColorPicker({}),propKeys:oe,models:re,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=c.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];c.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!c.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!c.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},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()}}}),ue={name:"ejs-colorpicker",install:function(e){e.component(ue.name,le)}},he=["isLazyUpdate","plugins","backgroundColor","backgroundImage","disabled","enablePersistence","enableRtl","isReadOnly","locale","maxStrokeWidth","minStrokeWidth","saveWithBackground","strokeColor","velocity","beforeSave","change","created"],de=[],o=a.getProps({props:he}),i=o[0],o=o[1],k=Object.keys(o);k.push("modelchanged","update:modelValue");for(var O=0,pe=de;O<pe.length;O++)k.push("update:"+pe[O]);var me=a.vueDefineComponent({name:"SignatureComponent",mixins:[a.ComponentBase],props:i,watch:o,emits:k,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Signature({}),propKeys:he,models:de,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("canvas",t=c.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];c.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[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()}}}),ge={name:"ejs-signature",install:function(e){e.component(ge.name,me)}},fe=["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"],Ie=["value"],i=a.getProps({props:fe}),o=i[0],i=i[1],E=Object.keys(i);E.push("modelchanged","update:modelValue");for(var U=0,je=Ie;U<je.length;U++)E.push("update:"+je[U]);var ve=a.vueDefineComponent({name:"RatingComponent",mixins:[a.ComponentBase],props:o,watch:i,emits:E,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Rating({}),propKeys:fe,models:Ie,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=c.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];c.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!c.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!c.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},reset:function(){return this.ej2Instances.reset()}}}),$e={name:"ejs-rating",install:function(e){e.component($e.name,ve)}},_e=["isLazyUpdate","plugins","ariaLabels","cssClass","disabled","enablePersistence","enableRtl","htmlAttributes","length","locale","placeholder","separator","stylingMode","type","value","blur","created","focus","input","valueChanged"],be=["value"],o=a.getProps({props:_e}),i=o[0],o=o[1],w=Object.keys(o);w.push("modelchanged","update:modelValue");for(var L=0,Ce=be;L<Ce.length;L++)w.push("update:"+Ce[L]);var ye=a.vueDefineComponent({name:"OtpInputComponent",mixins:[a.ComponentBase],props:i,watch:o,emits:w,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.OtpInput({}),propKeys:_e,models:be,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("div",t=c.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];c.getValue("__vue__.$destroy",r)&&r.__vue__.$destroy(),r.innerHTML&&(r.innerHTML="")}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!c.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!c.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()}}}),Pe={name:"ejs-otpinput",install:function(e){e.component(Pe.name,ye)}};Object.keys(s).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return s[e]}})}),t.ColorPickerComponent=le,t.ColorPickerPlugin=ue,t.FilesDirective=b,t.FilesPlugin=C,t.MaskedTextBoxComponent=G,t.MaskedTextBoxPlugin=J,t.NumericTextBoxComponent=R,t.NumericTextBoxPlugin=F,t.OtpInputComponent=ye,t.OtpInputPlugin=Pe,t.RatingComponent=ve,t.RatingPlugin=$e,t.SignatureComponent=me,t.SignaturePlugin=ge,t.SliderComponent=Z,t.SliderPlugin=ee,t.TextAreaComponent=D,t.TextAreaPlugin=N,t.TextBoxComponent=h,t.TextBoxPlugin=d,t.UploadedFilesDirective=y,t.UploadedFilesPlugin=P,t.UploaderComponent=ie,t.UploaderPlugin=ae,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-inputs.umd.min.js.map