@syncfusion/ej2-vue-inputs 20.1.47 → 20.1.48

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 ## [Unreleased]
 
+## 19.4.47 (2022-01-25)
+
+### ColorPicker
+
+#### Bug Fixes
+
+Color Picker in Angular reactive form throws errors when selecting after form is reset has been resolved.
+
+
+## 19.4.43 (2022-01-18)
+
+### Range Slider
+
+#### Bug Fixes
+
+- `#I359470` - The issue with "The Range Slider tooltip is not hidden when it is placed inside the tab container" has been resolved.
+
 ## 19.4.38 (2021-12-17)
 
 ### Signature

package/README.md

@@ -38,11 +38,6 @@ Following list of components are available in the package.
   * [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/default.html)
   * [Product Page](https://www.syncfusion.com/vue-ui-components/numerictextbox/?utm_source=npm&utm_campaign=numerictextbox)
 
-* **Signature** - The Signature component allows user to draw smooth signatures as vector outline of strokes using variable width bezier curve interpolation. It allows to save signature as image.
-  * [Getting Started](https://ej2.syncfusion.com/documentation/signature/getting-started?lang=typescript&utm_source=npm&utm_campaign=signature)
-  * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=signature#/material/signature/default.html)
-  * [Product Page](https://www.syncfusion.com/javascript-ui-controls/signature/?utm_source=npm&utm_campaign=signature)
-
 * **Slider** - The slider component allows you to select a value or range of values between the min and max range.
   * [Getting Started](https://ej2.syncfusion.com/vue/documentation/slider/getting-started/?utm_source=npm&utm_campaign=slider)
   * [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html)
@@ -97,15 +92,7 @@ Input component is also offered in following list of frameworks.
 - [**Internationalization**](https://ej2.syncfusion.com/vue/documentation/numerictextbox/internationalization/?utm_source=npm&utm_campaign=numerictextbox) - library provides support for formatting and parsing number using the official Unicode CLDR JSON data.
 - [**Localization**](https://ej2.syncfusion.com/vue/documentation/numerictextbox/internationalization#localization/?utm_source=npm&utm_campaign=numerictextbox#localization) - Supports to localize spin up and down buttons title for the tooltip to different cultures.
 
-### 5. Signature
-- [**Customization**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support various customization options like background color, background image, stroke color, stroke width, save with background, undo, redo, clear, readonly, and disabled.
-- [**Save**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support to save the signature as image like PNG, JPEG, and SVG.
-- [**Load**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html)
-- Support to load the signature as base64 url of the image.
-- [**Draw**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html)
-- Support to draw the text with the different font family and font size.
-
-### 6. Slider
+### 5. Slider
 - [**Types**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html) - Provided three types of Slider.
 - [**Orientation**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/orientation.html) - Displays the Slider in horizontal or vertical direction.
 - [**Buttons**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip.html) - Provided built-in support to render the buttons in both edges of the Slider.
@@ -116,7 +103,7 @@ Input component is also offered in following list of frameworks.
 - [**Accessibility**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html) - Built-in compliance with the [WAI-ARIA](http://www.w3.org/WAI/PF/aria-practices/) specifications.
 - [**Keyboard Interaction**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/api.html) - The Slider can be intractable through the keyboard.
 
-### 7. Upload
+### 6. Upload
 - [**Chunk Upload**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/chunk-upload.html) – used to upload large files as chunks
 - [**Drag-and-drop**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/custom-drop-area.html) – drag the files and drop into component to upload them.
 - [**Template**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/custom-file-list.html) – the file list and buttons can be customize using template

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-vue-inputs.umd.min.js
-*  version : 20.1.47
+*  version : 20.1.48
 *  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
@@ -9,7 +9,7 @@
 */
 /*!
 *  filename: ej2-vue-inputs.umd.min.js
-*  version : 19.4.38
+*  version : 19.2.55
 *  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

@@ -32,12 +32,7 @@ let TextBoxComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs,
-    provide: function provide() {
-        return {
-            custom: this.custom
-        };
-    }
+    emits: emitProbs
 }) End */
 class TextBoxComponent extends ComponentBase {
     constructor() {
@@ -56,7 +51,6 @@ 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) {
@@ -149,9 +143,6 @@ class TextBoxComponent extends ComponentBase {
         }
         return h('input', slots);
     }
-    custom() {
-        this.updated();
-    }
     addAttributes(attributes) {
         return this.ej2Instances.addAttributes(attributes);
     }
@@ -178,12 +169,7 @@ TextBoxComponent = __decorate([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs,
-        provide: function provide() {
-            return {
-                custom: this.custom
-            };
-        }
+        emits: emitProbs
     }) End */
 ], TextBoxComponent);
 const TextBoxPlugin = {
@@ -221,12 +207,7 @@ let NumericTextBoxComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs,
-    provide: function provide() {
-        return {
-            custom: this.custom
-        };
-    }
+    emits: emitProbs
 }) End */
 class NumericTextBoxComponent extends ComponentBase {
     constructor() {
@@ -245,7 +226,6 @@ 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) {
@@ -338,9 +318,6 @@ class NumericTextBoxComponent extends ComponentBase {
         }
         return h('input', slots);
     }
-    custom() {
-        this.updated();
-    }
     decrement(step) {
         return this.ej2Instances.decrement(step);
     }
@@ -367,12 +344,7 @@ NumericTextBoxComponent = __decorate$1([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs,
-        provide: function provide() {
-            return {
-                custom: this.custom
-            };
-        }
+        emits: emitProbs
     }) End */
 ], NumericTextBoxComponent);
 const NumericTextBoxPlugin = {
@@ -410,12 +382,7 @@ let MaskedTextBoxComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs,
-    provide: function provide() {
-        return {
-            custom: this.custom
-        };
-    }
+    emits: emitProbs
 }) End */
 class MaskedTextBoxComponent extends ComponentBase {
     constructor() {
@@ -434,7 +401,6 @@ 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) {
@@ -527,9 +493,6 @@ class MaskedTextBoxComponent extends ComponentBase {
         }
         return h('input', slots);
     }
-    custom() {
-        this.updated();
-    }
     focusIn() {
         return this.ej2Instances.focusIn();
     }
@@ -550,12 +513,7 @@ MaskedTextBoxComponent = __decorate$2([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs,
-        provide: function provide() {
-            return {
-                custom: this.custom
-            };
-        }
+        emits: emitProbs
     }) End */
 ], MaskedTextBoxComponent);
 const MaskedTextBoxPlugin = {
@@ -593,12 +551,7 @@ let SliderComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs,
-    provide: function provide() {
-        return {
-            custom: this.custom
-        };
-    }
+    emits: emitProbs
 }) End */
 class SliderComponent extends ComponentBase {
     constructor() {
@@ -617,7 +570,6 @@ 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) {
@@ -710,9 +662,6 @@ class SliderComponent extends ComponentBase {
         }
         return h('div', slots);
     }
-    custom() {
-        this.updated();
-    }
     reposition() {
         return this.ej2Instances.reposition();
     }
@@ -730,12 +679,7 @@ SliderComponent = __decorate$3([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs,
-        provide: function provide() {
-            return {
-                custom: this.custom
-            };
-        }
+        emits: emitProbs
     }) End */
 ], SliderComponent);
 const SliderPlugin = {
@@ -751,7 +695,6 @@ 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) {
@@ -760,47 +703,16 @@ if (!isExecute$4 || parseInt(allVue.version) < 3) {
 else {
     vueImport = Vue$1;
 }
-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);
-        }
+let FilesDirective = class FilesDirective extends vueImport {
+    render() {
         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',
@@ -866,12 +778,7 @@ let UploaderComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs,
-    provide: function provide() {
-        return {
-            custom: this.custom
-        };
-    }
+    emits: emitProbs
 }) End */
 class UploaderComponent extends ComponentBase {
     constructor() {
@@ -888,7 +795,6 @@ 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) {
@@ -943,9 +849,6 @@ class UploaderComponent extends ComponentBase {
         }
         return h('input', slots);
     }
-    custom() {
-        this.updated();
-    }
     bytesToSize(bytes) {
         return this.ej2Instances.bytesToSize(bytes);
     }
@@ -990,12 +893,7 @@ UploaderComponent = __decorate$5([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs,
-        provide: function provide() {
-            return {
-                custom: this.custom
-            };
-        }
+        emits: emitProbs
     }) End */
 ], UploaderComponent);
 const UploaderPlugin = {
@@ -1035,12 +933,7 @@ let ColorPickerComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs,
-    provide: function provide() {
-        return {
-            custom: this.custom
-        };
-    }
+    emits: emitProbs
 }) End */
 class ColorPickerComponent extends ComponentBase {
     constructor() {
@@ -1059,7 +952,6 @@ 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) {
@@ -1152,9 +1044,6 @@ class ColorPickerComponent extends ComponentBase {
         }
         return h('input', slots);
     }
-    custom() {
-        this.updated();
-    }
     focusIn() {
         return this.ej2Instances.focusIn();
     }
@@ -1175,12 +1064,7 @@ ColorPickerComponent = __decorate$6([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs,
-        provide: function provide() {
-            return {
-                custom: this.custom
-            };
-        }
+        emits: emitProbs
     }) End */
 ], ColorPickerComponent);
 const ColorPickerPlugin = {
@@ -1218,12 +1102,7 @@ let SignatureComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs,
-    provide: function provide() {
-        return {
-            custom: this.custom
-        };
-    }
+    emits: emitProbs
 }) End */
 class SignatureComponent extends ComponentBase {
     constructor() {
@@ -1240,7 +1119,6 @@ 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) {
@@ -1295,9 +1173,6 @@ class SignatureComponent extends ComponentBase {
         }
         return h('canvas', slots);
     }
-    custom() {
-        this.updated();
-    }
     canRedo() {
         return this.ej2Instances.canRedo();
     }
@@ -1342,12 +1217,7 @@ SignatureComponent = __decorate$7([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs,
-        provide: function provide() {
-            return {
-                custom: this.custom
-            };
-        }
+        emits: emitProbs
     }) End */
 ], SignatureComponent);
 const SignaturePlugin = {