@syncfusion/ej2-vue-inputs 20.2.48 → 20.3.49

package/CHANGELOG.md

@@ -2,12 +2,6 @@
 
 ## [Unreleased]
 
-### TextBox
-
-#### Bug Fixes
-
-- Issue with "Change event is triggered without changing the value when we focusout the component" has been resolved.
-
 ## 19.4.38 (2021-12-17)
 
 ### Signature

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-vue-inputs.umd.min.js
-*  version : 20.2.48
+*  version : 20.3.49
 *  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

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

@@ -1,6 +1,6 @@
 import { ColorPicker, MaskedTextBox, NumericTextBox, Signature, Slider, TextBox, Uploader } from '@syncfusion/ej2-inputs';
 import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
-import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { ComponentBase, EJComponentDecorator, allVue, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
 import Vue$1 from 'vue';
 
@@ -21,7 +21,6 @@ emitProbs.push('modelchanged', 'update:modelValue');
 for (let props of modelProps) {
     emitProbs.push('update:' + props);
 }
-const isExecute = gh ? false : true;
 /**
  * Represents the Essential JS 2 VueJS TextBox Component
  * ```html
@@ -143,10 +142,10 @@ class TextBoxComponent extends ComponentBase {
         }
     }
     render(createElement) {
-        let h = gh || createElement;
+        let h = !isExecute ? gh : createElement;
         let slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     }
@@ -211,7 +210,6 @@ emitProbs$1.push('modelchanged', 'update:modelValue');
 for (let props of modelProps$1) {
     emitProbs$1.push('update:' + props);
 }
-const isExecute$1 = gh ? false : true;
 /**
  * Represents the Essential JS 2 VueJS NumericTextBox Component
  * ```html
@@ -238,7 +236,7 @@ class NumericTextBoxComponent extends ComponentBase {
         this.hasInjectedModules = false;
         this.tagMapper = {};
         this.tagNameMapper = {};
-        this.isVue3 = !isExecute$1;
+        this.isVue3 = !isExecute;
         this.ej2Instances = new NumericTextBox({});
         this.ej2Instances._trigger = this.ej2Instances.trigger;
         this.ej2Instances.trigger = this.trigger;
@@ -294,14 +292,14 @@ class NumericTextBoxComponent extends ComponentBase {
         }
     }
     trigger(eventName, eventProp, successHandler) {
-        if (!isExecute$1) {
+        if (!isExecute) {
             this.models = !this.models ? this.ej2Instances.referModels : this.models;
         }
         if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             let key = this.models.toString().match(/checked|value/) || [];
             let propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$1) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
@@ -318,7 +316,7 @@ class NumericTextBoxComponent extends ComponentBase {
             let key = this.models.toString().match(/currentView|selectedDate/) || [];
             let propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$1) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -333,10 +331,10 @@ class NumericTextBoxComponent extends ComponentBase {
         }
     }
     render(createElement) {
-        let h = gh || createElement;
+        let h = !isExecute ? gh : createElement;
         let slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     }
@@ -365,7 +363,7 @@ NumericTextBoxComponent = __decorate$1([
         model: {
             event: 'modelchanged'
         }
-    }, isExecute$1)
+    }, isExecute)
     /* Start Options({
         props: props,
         watch: watch,
@@ -401,7 +399,6 @@ emitProbs$2.push('modelchanged', 'update:modelValue');
 for (let props of modelProps$2) {
     emitProbs$2.push('update:' + props);
 }
-const isExecute$2 = gh ? false : true;
 /**
  * Represents the Essential JS 2 VueJS MaskedTextBox Component
  * ```html
@@ -428,7 +425,7 @@ class MaskedTextBoxComponent extends ComponentBase {
         this.hasInjectedModules = false;
         this.tagMapper = {};
         this.tagNameMapper = {};
-        this.isVue3 = !isExecute$2;
+        this.isVue3 = !isExecute;
         this.ej2Instances = new MaskedTextBox({});
         this.ej2Instances._trigger = this.ej2Instances.trigger;
         this.ej2Instances.trigger = this.trigger;
@@ -484,14 +481,14 @@ class MaskedTextBoxComponent extends ComponentBase {
         }
     }
     trigger(eventName, eventProp, successHandler) {
-        if (!isExecute$2) {
+        if (!isExecute) {
             this.models = !this.models ? this.ej2Instances.referModels : this.models;
         }
         if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             let key = this.models.toString().match(/checked|value/) || [];
             let propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$2) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
@@ -508,7 +505,7 @@ class MaskedTextBoxComponent extends ComponentBase {
             let key = this.models.toString().match(/currentView|selectedDate/) || [];
             let propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$2) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -523,10 +520,10 @@ class MaskedTextBoxComponent extends ComponentBase {
         }
     }
     render(createElement) {
-        let h = gh || createElement;
+        let h = !isExecute ? gh : createElement;
         let slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     }
@@ -549,7 +546,7 @@ MaskedTextBoxComponent = __decorate$2([
         model: {
             event: 'modelchanged'
         }
-    }, isExecute$2)
+    }, isExecute)
     /* Start Options({
         props: props,
         watch: watch,
@@ -585,7 +582,6 @@ emitProbs$3.push('modelchanged', 'update:modelValue');
 for (let props of modelProps$3) {
     emitProbs$3.push('update:' + props);
 }
-const isExecute$3 = gh ? false : true;
 /**
  * Represents the VueJS Slider Component.
  * ```html
@@ -612,7 +608,7 @@ class SliderComponent extends ComponentBase {
         this.hasInjectedModules = false;
         this.tagMapper = {};
         this.tagNameMapper = {};
-        this.isVue3 = !isExecute$3;
+        this.isVue3 = !isExecute;
         this.ej2Instances = new Slider({});
         this.ej2Instances._trigger = this.ej2Instances.trigger;
         this.ej2Instances.trigger = this.trigger;
@@ -668,14 +664,14 @@ class SliderComponent extends ComponentBase {
         }
     }
     trigger(eventName, eventProp, successHandler) {
-        if (!isExecute$3) {
+        if (!isExecute) {
             this.models = !this.models ? this.ej2Instances.referModels : this.models;
         }
         if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             let key = this.models.toString().match(/checked|value/) || [];
             let propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$3) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
@@ -692,7 +688,7 @@ class SliderComponent extends ComponentBase {
             let key = this.models.toString().match(/currentView|selectedDate/) || [];
             let propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$3) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -707,10 +703,10 @@ class SliderComponent extends ComponentBase {
         }
     }
     render(createElement) {
-        let h = gh || createElement;
+        let h = !isExecute ? gh : createElement;
         let slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('div', slots);
     }
@@ -730,7 +726,7 @@ SliderComponent = __decorate$3([
         model: {
             event: 'modelchanged'
         }
-    }, isExecute$3)
+    }, isExecute)
     /* Start Options({
         props: props,
         watch: watch,
@@ -756,9 +752,8 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-const isExecute$4 = gh ? false : true;
 let vueImport;
-if (!isExecute$4 || parseInt(allVue.version) < 3) {
+if (!isExecute || parseInt(allVue.version) < 3) {
     vueImport = Vue;
 }
 else {
@@ -777,18 +772,18 @@ class FilesDirective extends vueImport {
         super(arguments);
     }
     render(createElement) {
-        if (gh) {
-            let h = gh || createElement;
+        if (!isExecute) {
+            let h = !isExecute ? gh : createElement;
             let slots = null;
             if (!isNullOrUndefined(this.$slots.default)) {
-                slots = gh ? this.$slots.default() : this.$slots.default;
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
             }
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
     }
     updated() {
-        if (gh && this.custom) {
+        if (!isExecute && this.custom) {
             this.custom();
         }
     }
@@ -797,7 +792,7 @@ class FilesDirective extends vueImport {
     }
 };
 FilesDirective = __decorate$4([
-    EJComponentDecorator({}, isExecute$4)
+    EJComponentDecorator({}, isExecute)
     /* Start Options({
         inject: {
             custom: {
@@ -833,7 +828,7 @@ let UploadedFilesDirective = class UploadedFilesDirective extends vueImport {
     }
 };
 UploadedFilesDirective = __decorate$4([
-    EJComponentDecorator({}, isExecute$4)
+    EJComponentDecorator({}, isExecute)
 ], UploadedFilesDirective);
 const UploadedFilesPlugin = {
     name: 'e-uploadedfiles',
@@ -859,7 +854,6 @@ emitProbs$4.push('modelchanged', 'update:modelValue');
 for (let props of modelProps$4) {
     emitProbs$4.push('update:' + props);
 }
-const isExecute$5 = gh ? false : true;
 /**
  * Represents the Essential JS 2 VueJS Uploader Component
  * ```html
@@ -886,7 +880,7 @@ class UploaderComponent extends ComponentBase {
         this.hasInjectedModules = false;
         this.tagMapper = { "e-files": "e-uploadedfiles" };
         this.tagNameMapper = {};
-        this.isVue3 = !isExecute$5;
+        this.isVue3 = !isExecute;
         this.ej2Instances = new Uploader({});
         this.bindProperties();
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
@@ -940,10 +934,10 @@ class UploaderComponent extends ComponentBase {
         }
     }
     render(createElement) {
-        let h = gh || createElement;
+        let h = !isExecute ? gh : createElement;
         let slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     }
@@ -990,7 +984,7 @@ class UploaderComponent extends ComponentBase {
 UploaderComponent = __decorate$5([
     EJComponentDecorator({
         props: properties$4
-    }, isExecute$5)
+    }, isExecute)
     /* Start Options({
         props: props,
         watch: watch,
@@ -1028,7 +1022,6 @@ emitProbs$5.push('modelchanged', 'update:modelValue');
 for (let props of modelProps$5) {
     emitProbs$5.push('update:' + props);
 }
-const isExecute$6 = gh ? false : true;
 /**
  * Represents the Essential JS 2 VueJS ColorPicker Component
  * ```html
@@ -1055,7 +1048,7 @@ class ColorPickerComponent extends ComponentBase {
         this.hasInjectedModules = false;
         this.tagMapper = {};
         this.tagNameMapper = {};
-        this.isVue3 = !isExecute$6;
+        this.isVue3 = !isExecute;
         this.ej2Instances = new ColorPicker({});
         this.ej2Instances._trigger = this.ej2Instances.trigger;
         this.ej2Instances.trigger = this.trigger;
@@ -1111,14 +1104,14 @@ class ColorPickerComponent extends ComponentBase {
         }
     }
     trigger(eventName, eventProp, successHandler) {
-        if (!isExecute$6) {
+        if (!isExecute) {
             this.models = !this.models ? this.ej2Instances.referModels : this.models;
         }
         if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
             let key = this.models.toString().match(/checked|value/) || [];
             let propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$6) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
@@ -1135,7 +1128,7 @@ class ColorPickerComponent extends ComponentBase {
             let key = this.models.toString().match(/currentView|selectedDate/) || [];
             let propKey = key[0];
             if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute$6) {
+                if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
@@ -1150,10 +1143,10 @@ class ColorPickerComponent extends ComponentBase {
         }
     }
     render(createElement) {
-        let h = gh || createElement;
+        let h = !isExecute ? gh : createElement;
         let slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('input', slots);
     }
@@ -1176,7 +1169,7 @@ ColorPickerComponent = __decorate$6([
         model: {
             event: 'modelchanged'
         }
-    }, isExecute$6)
+    }, isExecute)
     /* Start Options({
         props: props,
         watch: watch,
@@ -1212,7 +1205,6 @@ emitProbs$6.push('modelchanged', 'update:modelValue');
 for (let props of modelProps$6) {
     emitProbs$6.push('update:' + props);
 }
-const isExecute$7 = gh ? false : true;
 /**
  * Represents the Essential JS 2 VueJS Signature Component
  * ```html
@@ -1239,7 +1231,7 @@ class SignatureComponent extends ComponentBase {
         this.hasInjectedModules = false;
         this.tagMapper = {};
         this.tagNameMapper = {};
-        this.isVue3 = !isExecute$7;
+        this.isVue3 = !isExecute;
         this.ej2Instances = new Signature({});
         this.bindProperties();
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
@@ -1293,10 +1285,10 @@ class SignatureComponent extends ComponentBase {
         }
     }
     render(createElement) {
-        let h = gh || createElement;
+        let h = !isExecute ? gh : createElement;
         let slots = null;
         if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('canvas', slots);
     }
@@ -1343,7 +1335,7 @@ class SignatureComponent extends ComponentBase {
 SignatureComponent = __decorate$7([
     EJComponentDecorator({
         props: properties$6
-    }, isExecute$7)
+    }, isExecute)
     /* Start Options({
         props: props,
         watch: watch,