@syncfusion/ej2-vue-inputs 20.1.48 → 20.1.59

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

@@ -60,6 +60,7 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     TextBoxComponent.prototype.clearTemplate = function (templateNames) {
@@ -121,6 +122,7 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
                 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)) {
@@ -156,6 +158,9 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('input', slots);
     };
+    TextBoxComponent.prototype.custom = function () {
+        this.updated();
+    };
     TextBoxComponent.prototype.addAttributes = function (attributes) {
         return this.ej2Instances.addAttributes(attributes);
     };
@@ -181,7 +186,12 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], TextBoxComponent);
     return TextBoxComponent;
@@ -249,6 +259,7 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     NumericTextBoxComponent.prototype.clearTemplate = function (templateNames) {
@@ -310,6 +321,7 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
                 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)) {
@@ -345,6 +357,9 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('input', slots);
     };
+    NumericTextBoxComponent.prototype.custom = function () {
+        this.updated();
+    };
     NumericTextBoxComponent.prototype.decrement = function (step) {
         return this.ej2Instances.decrement(step);
     };
@@ -370,7 +385,12 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], NumericTextBoxComponent);
     return NumericTextBoxComponent;
@@ -438,6 +458,7 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     MaskedTextBoxComponent.prototype.clearTemplate = function (templateNames) {
@@ -499,6 +520,7 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
                 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)) {
@@ -534,6 +556,9 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('input', slots);
     };
+    MaskedTextBoxComponent.prototype.custom = function () {
+        this.updated();
+    };
     MaskedTextBoxComponent.prototype.focusIn = function () {
         return this.ej2Instances.focusIn();
     };
@@ -553,7 +578,12 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], MaskedTextBoxComponent);
     return MaskedTextBoxComponent;
@@ -621,6 +651,7 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     SliderComponent.prototype.clearTemplate = function (templateNames) {
@@ -682,6 +713,7 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
                 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)) {
@@ -717,6 +749,9 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    SliderComponent.prototype.custom = function () {
+        this.updated();
+    };
     SliderComponent.prototype.reposition = function () {
         return this.ej2Instances.reposition();
     };
@@ -733,7 +768,12 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], SliderComponent);
     return SliderComponent;
@@ -764,6 +804,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}}
 var isExecute$4 = gh ? false : true;
 var vueImport;
 if (!isExecute$4 || parseInt(allVue.version) < 3) {
@@ -775,16 +816,36 @@ else {
 var FilesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$4(FilesDirective, _super);
     function FilesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    FilesDirective.prototype.render = function () {
+    FilesDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    FilesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     FilesDirective.prototype.getTag = function () {
         return 'e-files';
     };
     FilesDirective = __decorate$4([
         EJComponentDecorator({}, isExecute$4)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], FilesDirective);
     return FilesDirective;
 }(vueImport));
@@ -883,6 +944,7 @@ var UploaderComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     UploaderComponent.prototype.clearTemplate = function (templateNames) {
@@ -941,6 +1003,9 @@ var UploaderComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('input', slots);
     };
+    UploaderComponent.prototype.custom = function () {
+        this.updated();
+    };
     UploaderComponent.prototype.bytesToSize = function (bytes) {
         return this.ej2Instances.bytesToSize(bytes);
     };
@@ -984,7 +1049,12 @@ var UploaderComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], UploaderComponent);
     return UploaderComponent;
@@ -1054,6 +1124,7 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     ColorPickerComponent.prototype.clearTemplate = function (templateNames) {
@@ -1115,6 +1186,7 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
                 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)) {
@@ -1150,6 +1222,9 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('input', slots);
     };
+    ColorPickerComponent.prototype.custom = function () {
+        this.updated();
+    };
     ColorPickerComponent.prototype.focusIn = function () {
         return this.ej2Instances.focusIn();
     };
@@ -1169,7 +1244,12 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], ColorPickerComponent);
     return ColorPickerComponent;
@@ -1235,6 +1315,7 @@ var SignatureComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     SignatureComponent.prototype.clearTemplate = function (templateNames) {
@@ -1293,6 +1374,9 @@ var SignatureComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('canvas', slots);
     };
+    SignatureComponent.prototype.custom = function () {
+        this.updated();
+    };
     SignatureComponent.prototype.canRedo = function () {
         return this.ej2Instances.canRedo();
     };
@@ -1336,7 +1420,12 @@ var SignatureComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], SignatureComponent);
     return SignatureComponent;