@syncfusion/ej2-vue-inputs 20.1.55 → 20.1.58

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

@@ -32,7 +32,12 @@ let TextBoxComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class TextBoxComponent extends ComponentBase {
     constructor() {
@@ -51,6 +56,7 @@ class TextBoxComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -108,6 +114,7 @@ class TextBoxComponent extends ComponentBase {
                 if (!isExecute) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 }
                 else {
                     if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -143,6 +150,9 @@ class TextBoxComponent extends ComponentBase {
         }
         return h('input', slots);
     }
+    custom() {
+        this.updated();
+    }
     addAttributes(attributes) {
         return this.ej2Instances.addAttributes(attributes);
     }
@@ -169,7 +179,12 @@ TextBoxComponent = __decorate([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], TextBoxComponent);
 const TextBoxPlugin = {
@@ -207,7 +222,12 @@ let NumericTextBoxComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class NumericTextBoxComponent extends ComponentBase {
     constructor() {
@@ -226,6 +246,7 @@ class NumericTextBoxComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -283,6 +304,7 @@ class NumericTextBoxComponent extends ComponentBase {
                 if (!isExecute$1) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 }
                 else {
                     if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -318,6 +340,9 @@ class NumericTextBoxComponent extends ComponentBase {
         }
         return h('input', slots);
     }
+    custom() {
+        this.updated();
+    }
     decrement(step) {
         return this.ej2Instances.decrement(step);
     }
@@ -344,7 +369,12 @@ NumericTextBoxComponent = __decorate$1([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], NumericTextBoxComponent);
 const NumericTextBoxPlugin = {
@@ -382,7 +412,12 @@ let MaskedTextBoxComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class MaskedTextBoxComponent extends ComponentBase {
     constructor() {
@@ -401,6 +436,7 @@ class MaskedTextBoxComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -458,6 +494,7 @@ class MaskedTextBoxComponent extends ComponentBase {
                 if (!isExecute$2) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 }
                 else {
                     if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -493,6 +530,9 @@ class MaskedTextBoxComponent extends ComponentBase {
         }
         return h('input', slots);
     }
+    custom() {
+        this.updated();
+    }
     focusIn() {
         return this.ej2Instances.focusIn();
     }
@@ -513,7 +553,12 @@ MaskedTextBoxComponent = __decorate$2([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], MaskedTextBoxComponent);
 const MaskedTextBoxPlugin = {
@@ -551,7 +596,12 @@ let SliderComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class SliderComponent extends ComponentBase {
     constructor() {
@@ -570,6 +620,7 @@ class SliderComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -627,6 +678,7 @@ class SliderComponent extends ComponentBase {
                 if (!isExecute$3) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 }
                 else {
                     if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -662,6 +714,9 @@ class SliderComponent extends ComponentBase {
         }
         return h('div', slots);
     }
+    custom() {
+        this.updated();
+    }
     reposition() {
         return this.ej2Instances.reposition();
     }
@@ -679,7 +734,12 @@ SliderComponent = __decorate$3([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], SliderComponent);
 const SliderPlugin = {
@@ -695,6 +755,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     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) {
@@ -703,16 +764,47 @@ if (!isExecute$4 || parseInt(allVue.version) < 3) {
 else {
     vueImport = Vue$1;
 }
-let FilesDirective = class FilesDirective extends vueImport {
-    render() {
+let FilesDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class FilesDirective extends vueImport {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-files';
     }
 };
 FilesDirective = __decorate$4([
     EJComponentDecorator({}, isExecute$4)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], FilesDirective);
 const FilesPlugin = {
     name: 'e-files',
@@ -778,7 +870,12 @@ let UploaderComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class UploaderComponent extends ComponentBase {
     constructor() {
@@ -795,6 +892,7 @@ class UploaderComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -849,6 +947,9 @@ class UploaderComponent extends ComponentBase {
         }
         return h('input', slots);
     }
+    custom() {
+        this.updated();
+    }
     bytesToSize(bytes) {
         return this.ej2Instances.bytesToSize(bytes);
     }
@@ -893,7 +994,12 @@ UploaderComponent = __decorate$5([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], UploaderComponent);
 const UploaderPlugin = {
@@ -933,7 +1039,12 @@ let ColorPickerComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class ColorPickerComponent extends ComponentBase {
     constructor() {
@@ -952,6 +1063,7 @@ class ColorPickerComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -1009,6 +1121,7 @@ class ColorPickerComponent extends ComponentBase {
                 if (!isExecute$6) {
                     this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
                 }
                 else {
                     if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -1044,6 +1157,9 @@ class ColorPickerComponent extends ComponentBase {
         }
         return h('input', slots);
     }
+    custom() {
+        this.updated();
+    }
     focusIn() {
         return this.ej2Instances.focusIn();
     }
@@ -1064,7 +1180,12 @@ ColorPickerComponent = __decorate$6([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], ColorPickerComponent);
 const ColorPickerPlugin = {
@@ -1102,7 +1223,12 @@ let SignatureComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class SignatureComponent extends ComponentBase {
     constructor() {
@@ -1119,6 +1245,7 @@ class SignatureComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -1173,6 +1300,9 @@ class SignatureComponent extends ComponentBase {
         }
         return h('canvas', slots);
     }
+    custom() {
+        this.updated();
+    }
     canRedo() {
         return this.ej2Instances.canRedo();
     }
@@ -1217,7 +1347,12 @@ SignatureComponent = __decorate$7([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], SignatureComponent);
 const SignaturePlugin = {