@syncfusion/ej2-react-inputs 19.3.53 → 19.4.42

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 ## [Unreleased]
 
+## 19.4.38 (2021-12-17)
+
+### Signature
+
+The Signature control allows user to draw smooth signatures as vector outline of strokes using variable width Bézier curve interpolation. You can use your finger, pen, or mouse on a tablet, touchscreen, etc., to draw your own signature on this Signature control.
+
+
+- **Customization** - Support various customization options like background color, background image, stroke color, stroke width, save with background, undo, redo, clear, readonly, and disabled.
+- **Load** - Support to load the signature as base64.
+- **Draw** - Support to draw the text with the different font family and font size.
+- **Save** - Support to save the signature as image like PNG, JPEG, and SVG.
+
+The Signature component allows user to draw smooth signatures as vector outline of strokes using variable width Bézier curve interpolation. You can use your finger, pen, or mouse on a tablet, touchscreen, etc., to draw your own signature on this Signature component.
+
+
+- **Customization** - Support various customization options like background color, background image, stroke color, stroke width, save with background, undo, redo, clear, readonly, and disabled.
+- **Load** - Support to load the signature as base64.
+- **Draw** - Support to draw the text with the different font family and font size.
+- **Save** - Support to save the signature as image like PNG, JPEG, and SVG.
+
+## 19.3.53 (2021-11-12)
+
 ### ColorPicker
 
 #### Bug Fixes

package/diConfig.json

@@ -352,6 +352,40 @@
                 " * ```",
                 " */"
             ]
+        },
+        {
+            "baseClass": "Signature",
+            "directoryName": "signature",
+            "type": "form",
+            "selector": "[ejs-signature]",
+            "preferredTag": "canvas",
+            "defaultTag": "<canvas id='signature'/>",
+            "blazorType": "native",
+            "blazorPlaceholder": "signature",
+            "comment": [
+                "/**",
+                " * Represents the EJ2 Angular Signature Component.",
+                " * ```html",
+                " * <canvas ejs-signature />",
+                " * ```",
+                " */"
+            ],
+            "reactComment": [
+                "/**",
+                " * Represents the React Signature Component",
+                " * ```html",
+                " * <SignatureComponent></SignatureComponent>",
+                " * ```",
+                " */"
+            ],
+            "vueComment": [
+                "/**",
+                " * Represents the Essential JS 2 VueJS Signature Component",
+                " * ```html",
+                " * <ejs-signature></ejs-signature>",
+                " * ```",
+                " */"
+            ]
         }
     ]
 }

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

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-inputs.umd.min.js
-*  version : 19.3.53
+*  version : 19.4.42
 *  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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-inputs","@syncfusion/ej2-react-base"],e):e(t.ej={},t.React,t.ej2Inputs,t.ej2ReactBase)}(this,function(t,e,n,r){"use strict";var o=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return o(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.TextBox);r.applyMixins(i,[r.ComponentBase,e.Component]);var c=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),s=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return c(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.NumericTextBox);r.applyMixins(s,[r.ComponentBase,e.Component]);var a=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),p=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return a(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.MaskedTextBox);r.applyMixins(p,[r.ComponentBase,e.Component]);var u=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),l=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return u(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Slider);r.applyMixins(l,[r.ComponentBase,e.Component]);var f=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.moduleName="uploadedFiles",e}(r.ComplexBase),h=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.propertyName="files",e.moduleName="files",e}(r.ComplexBase),y=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),m=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={files:"uploadedFiles"},n.immediateRender=!1,n.portals=[],n}return y(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Uploader);r.applyMixins(m,[r.ComponentBase,e.Component]);var _=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),C=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return _(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ColorPicker);r.applyMixins(C,[r.ComponentBase,e.Component]),t.TextBoxComponent=i,t.NumericTextBoxComponent=s,t.MaskedTextBoxComponent=p,t.SliderComponent=l,t.UploadedFilesDirective=d,t.FilesDirective=h,t.UploaderComponent=m,t.ColorPickerComponent=C,Object.keys(n).forEach(function(e){t[e]=n[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-inputs","@syncfusion/ej2-react-base"],e):e(t.ej={},t.React,t.ej2Inputs,t.ej2ReactBase)}(this,function(t,e,n,r){"use strict";var o=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return o(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.TextBox);r.applyMixins(i,[r.ComponentBase,e.Component]);var c=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),s=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return c(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.NumericTextBox);r.applyMixins(s,[r.ComponentBase,e.Component]);var a=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),p=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return a(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.MaskedTextBox);r.applyMixins(p,[r.ComponentBase,e.Component]);var u=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),l=function(t){function n(e){var n=t.call(this,e)||this;return n.controlAttributes=["name"],n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return u(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Slider);r.applyMixins(l,[r.ComponentBase,e.Component]);var f=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.moduleName="uploadedFiles",e}(r.ComplexBase),h=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.propertyName="files",e.moduleName="files",e}(r.ComplexBase),y=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),m=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={files:"uploadedFiles"},n.immediateRender=!1,n.portals=[],n}return y(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Uploader);r.applyMixins(m,[r.ComponentBase,e.Component]);var _=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),C=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return _(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement(e.Fragment,null,[].concat(e.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ColorPicker);r.applyMixins(C,[r.ComponentBase,e.Component]);var R=function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),v=function(t){function n(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!0,n.portals=[],n}return R(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return e.createElement("canvas",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(n.Signature);r.applyMixins(v,[r.ComponentBase,e.Component]),t.TextBoxComponent=i,t.NumericTextBoxComponent=s,t.MaskedTextBoxComponent=p,t.SliderComponent=l,t.UploadedFilesDirective=d,t.FilesDirective=h,t.UploaderComponent=m,t.ColorPickerComponent=C,t.SignatureComponent=v,Object.keys(n).forEach(function(e){t[e]=n[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-inputs.umd.min.js.map

package/dist/ej2-react-inputs.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-inputs.umd.min.js","sources":["../src/textbox/textbox.component.js","../src/numerictextbox/numerictextbox.component.js","../src/maskedtextbox/maskedtextbox.component.js","../src/slider/slider.component.js","../src/uploader/files-directive.js","../src/uploader/uploader.component.js","../src/color-picker/colorpicker.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { TextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React TextBox Component\n * ```html\n * <TextBox value={value}></TextBox>\n * ```\n */\nvar TextBoxComponent = /** @class */ (function (_super) {\n    __extends(TextBoxComponent, _super);\n    function TextBoxComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    TextBoxComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    };\n    return TextBoxComponent;\n}(TextBox));\nexport { TextBoxComponent };\napplyMixins(TextBoxComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { NumericTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React NumericTextBox Component\n * ```html\n * <NumericTextBox value={value}></NumericTextBox>\n * ```\n */\nvar NumericTextBoxComponent = /** @class */ (function (_super) {\n    __extends(NumericTextBoxComponent, _super);\n    function NumericTextBoxComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    NumericTextBoxComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    };\n    return NumericTextBoxComponent;\n}(NumericTextBox));\nexport { NumericTextBoxComponent };\napplyMixins(NumericTextBoxComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { MaskedTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MaskedTextBox Component\n * ```html\n * <MaskedTextBox value={value}></MaskedTextBox>\n * ```\n */\nvar MaskedTextBoxComponent = /** @class */ (function (_super) {\n    __extends(MaskedTextBoxComponent, _super);\n    function MaskedTextBoxComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.controlAttributes = ['name'];\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    MaskedTextBoxComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    };\n    return MaskedTextBoxComponent;\n}(MaskedTextBox));\nexport { MaskedTextBoxComponent };\napplyMixins(MaskedTextBoxComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Slider } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Slider Component\n * ```html\n * <Slider value={value}></Slider>\n * ```\n */\nvar SliderComponent = /** @class */ (function (_super) {\n    __extends(SliderComponent, _super);\n    function SliderComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.controlAttributes = ['name'];\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    SliderComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return SliderComponent;\n}(Slider));\nexport { SliderComponent };\napplyMixins(SliderComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `FilesDirective` represent a file of the react uploader.\n * It must be contained in a Uploader component(`UploaderComponent`).\n * ```tsx\n * <UploaderComponent multiple={true}>\n *   <FilesDirective>\n *    <FileDirective name='Java' size=23000 type='pdf'><FileDirective>\n *    <FileDirective name='C++' size=30000 type='.docx'><FileDirective>\n *   </FilesDirective>\n * </UploaderComponent>\n * ```\n */\nvar UploadedFilesDirective = /** @class */ (function (_super) {\n    __extends(UploadedFilesDirective, _super);\n    function UploadedFilesDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    UploadedFilesDirective.moduleName = 'uploadedFiles';\n    return UploadedFilesDirective;\n}(ComplexBase));\nexport { UploadedFilesDirective };\nvar FilesDirective = /** @class */ (function (_super) {\n    __extends(FilesDirective, _super);\n    function FilesDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    FilesDirective.propertyName = 'files';\n    FilesDirective.moduleName = 'files';\n    return FilesDirective;\n}(ComplexBase));\nexport { FilesDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Uploader } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Uploader Component\n * ```html\n * <UploaderComponent></UploaderComponent>\n * ```\n */\nvar UploaderComponent = /** @class */ (function (_super) {\n    __extends(UploaderComponent, _super);\n    function UploaderComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.directivekeys = { 'files': 'uploadedFiles' };\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    UploaderComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    };\n    return UploaderComponent;\n}(Uploader));\nexport { UploaderComponent };\napplyMixins(UploaderComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { ColorPicker } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React ColorPicker Component\n * ```html\n * <ColorPickerComponent></ColorPickerComponent>\n * ```\n */\nvar ColorPickerComponent = /** @class */ (function (_super) {\n    __extends(ColorPickerComponent, _super);\n    function ColorPickerComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    ColorPickerComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    };\n    return ColorPickerComponent;\n}(ColorPicker));\nexport { ColorPickerComponent };\napplyMixins(ColorPickerComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","TextBoxComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","React.Fragment","concat","getDefaultAttributes","TextBox","ej2ReactBase","ComponentBase","React.Component","NumericTextBoxComponent","NumericTextBox","MaskedTextBoxComponent","controlAttributes","MaskedTextBox","SliderComponent","children","Slider","UploadedFilesDirective","apply","arguments","moduleName","ComplexBase","FilesDirective","propertyName","UploaderComponent","directivekeys","files","Uploader","ColorPickerComponent","ColorPicker"],"mappings":"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"}
+{"version":3,"file":"ej2-react-inputs.umd.min.js","sources":["../src/textbox/textbox.component.js","../src/numerictextbox/numerictextbox.component.js","../src/maskedtextbox/maskedtextbox.component.js","../src/slider/slider.component.js","../src/uploader/files-directive.js","../src/uploader/uploader.component.js","../src/color-picker/colorpicker.component.js","../src/signature/signature.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { TextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React TextBox Component\n * ```html\n * <TextBox value={value}></TextBox>\n * ```\n */\nvar TextBoxComponent = /** @class */ (function (_super) {\n    __extends(TextBoxComponent, _super);\n    function TextBoxComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    TextBoxComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    };\n    return TextBoxComponent;\n}(TextBox));\nexport { TextBoxComponent };\napplyMixins(TextBoxComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { NumericTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React NumericTextBox Component\n * ```html\n * <NumericTextBox value={value}></NumericTextBox>\n * ```\n */\nvar NumericTextBoxComponent = /** @class */ (function (_super) {\n    __extends(NumericTextBoxComponent, _super);\n    function NumericTextBoxComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    NumericTextBoxComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    };\n    return NumericTextBoxComponent;\n}(NumericTextBox));\nexport { NumericTextBoxComponent };\napplyMixins(NumericTextBoxComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { MaskedTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MaskedTextBox Component\n * ```html\n * <MaskedTextBox value={value}></MaskedTextBox>\n * ```\n */\nvar MaskedTextBoxComponent = /** @class */ (function (_super) {\n    __extends(MaskedTextBoxComponent, _super);\n    function MaskedTextBoxComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.controlAttributes = ['name'];\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    MaskedTextBoxComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    };\n    return MaskedTextBoxComponent;\n}(MaskedTextBox));\nexport { MaskedTextBoxComponent };\napplyMixins(MaskedTextBoxComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Slider } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Slider Component\n * ```html\n * <Slider value={value}></Slider>\n * ```\n */\nvar SliderComponent = /** @class */ (function (_super) {\n    __extends(SliderComponent, _super);\n    function SliderComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.controlAttributes = ['name'];\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    SliderComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return SliderComponent;\n}(Slider));\nexport { SliderComponent };\napplyMixins(SliderComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `FilesDirective` represent a file of the react uploader.\n * It must be contained in a Uploader component(`UploaderComponent`).\n * ```tsx\n * <UploaderComponent multiple={true}>\n *   <FilesDirective>\n *    <FileDirective name='Java' size=23000 type='pdf'><FileDirective>\n *    <FileDirective name='C++' size=30000 type='.docx'><FileDirective>\n *   </FilesDirective>\n * </UploaderComponent>\n * ```\n */\nvar UploadedFilesDirective = /** @class */ (function (_super) {\n    __extends(UploadedFilesDirective, _super);\n    function UploadedFilesDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    UploadedFilesDirective.moduleName = 'uploadedFiles';\n    return UploadedFilesDirective;\n}(ComplexBase));\nexport { UploadedFilesDirective };\nvar FilesDirective = /** @class */ (function (_super) {\n    __extends(FilesDirective, _super);\n    function FilesDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    FilesDirective.propertyName = 'files';\n    FilesDirective.moduleName = 'files';\n    return FilesDirective;\n}(ComplexBase));\nexport { FilesDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Uploader } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Uploader Component\n * ```html\n * <UploaderComponent></UploaderComponent>\n * ```\n */\nvar UploaderComponent = /** @class */ (function (_super) {\n    __extends(UploaderComponent, _super);\n    function UploaderComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.directivekeys = { 'files': 'uploadedFiles' };\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    UploaderComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    };\n    return UploaderComponent;\n}(Uploader));\nexport { UploaderComponent };\napplyMixins(UploaderComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { ColorPicker } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React ColorPicker Component\n * ```html\n * <ColorPickerComponent></ColorPickerComponent>\n * ```\n */\nvar ColorPickerComponent = /** @class */ (function (_super) {\n    __extends(ColorPickerComponent, _super);\n    function ColorPickerComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    ColorPickerComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    };\n    return ColorPickerComponent;\n}(ColorPicker));\nexport { ColorPickerComponent };\napplyMixins(ColorPickerComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Signature } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Signature Component\n * ```html\n * <SignatureComponent></SignatureComponent>\n * ```\n */\nvar SignatureComponent = /** @class */ (function (_super) {\n    __extends(SignatureComponent, _super);\n    function SignatureComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.immediateRender = true;\n        _this.portals = [];\n        return _this;\n    }\n    SignatureComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('canvas', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return SignatureComponent;\n}(Signature));\nexport { SignatureComponent };\napplyMixins(SignatureComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","TextBoxComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","React.Fragment","concat","getDefaultAttributes","TextBox","ej2ReactBase","ComponentBase","React.Component","NumericTextBoxComponent","NumericTextBox","MaskedTextBoxComponent","controlAttributes","MaskedTextBox","SliderComponent","children","Slider","UploadedFilesDirective","apply","arguments","moduleName","ComplexBase","FilesDirective","propertyName","UploaderComponent","directivekeys","files","Uploader","ColorPickerComponent","ColorPicker","SignatureComponent","Signature"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { Component, Fragment, createElement } from 'react';
-import { ColorPicker, MaskedTextBox, NumericTextBox, Slider, TextBox, Uploader } from '@syncfusion/ej2-inputs';
+import { ColorPicker, MaskedTextBox, NumericTextBox, Signature, Slider, TextBox, Uploader } from '@syncfusion/ej2-inputs';
 import { ComplexBase, ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
 
 /**
@@ -181,6 +181,32 @@ class ColorPickerComponent extends ColorPicker {
 }
 applyMixins(ColorPickerComponent, [ComponentBase, Component]);
 
-export { TextBoxComponent, NumericTextBoxComponent, MaskedTextBoxComponent, SliderComponent, UploadedFilesDirective, FilesDirective, UploaderComponent, ColorPickerComponent };
+/**
+ * Represents the React Signature Component
+ * ```html
+ * <SignatureComponent></SignatureComponent>
+ * ```
+ */
+class SignatureComponent extends Signature {
+    constructor(props) {
+        super(props);
+        this.initRenderCalled = false;
+        this.checkInjectedModules = false;
+        this.immediateRender = true;
+        this.portals = [];
+    }
+    render() {
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            super.render();
+            this.initRenderCalled = true;
+        }
+        else {
+            return createElement('canvas', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
+        }
+    }
+}
+applyMixins(SignatureComponent, [ComponentBase, Component]);
+
+export { TextBoxComponent, NumericTextBoxComponent, MaskedTextBoxComponent, SliderComponent, UploadedFilesDirective, FilesDirective, UploaderComponent, ColorPickerComponent, SignatureComponent };
 export * from '@syncfusion/ej2-inputs';
 //# sourceMappingURL=ej2-react-inputs.es2015.js.map

package/dist/es6/ej2-react-inputs.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-inputs.es2015.js","sources":["../src/es6/textbox/textbox.component.js","../src/es6/numerictextbox/numerictextbox.component.js","../src/es6/maskedtextbox/maskedtextbox.component.js","../src/es6/slider/slider.component.js","../src/es6/uploader/files-directive.js","../src/es6/uploader/uploader.component.js","../src/es6/color-picker/colorpicker.component.js"],"sourcesContent":["import * as React from 'react';\nimport { TextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React TextBox Component\n * ```html\n * <TextBox value={value}></TextBox>\n * ```\n */\nexport class TextBoxComponent extends TextBox {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    }\n}\napplyMixins(TextBoxComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { NumericTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React NumericTextBox Component\n * ```html\n * <NumericTextBox value={value}></NumericTextBox>\n * ```\n */\nexport class NumericTextBoxComponent extends NumericTextBox {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    }\n}\napplyMixins(NumericTextBoxComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { MaskedTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MaskedTextBox Component\n * ```html\n * <MaskedTextBox value={value}></MaskedTextBox>\n * ```\n */\nexport class MaskedTextBoxComponent extends MaskedTextBox {\n    constructor(props) {\n        super(props);\n        this.controlAttributes = ['name'];\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    }\n}\napplyMixins(MaskedTextBoxComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { Slider } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Slider Component\n * ```html\n * <Slider value={value}></Slider>\n * ```\n */\nexport class SliderComponent extends Slider {\n    constructor(props) {\n        super(props);\n        this.controlAttributes = ['name'];\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(SliderComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `FilesDirective` represent a file of the react uploader.\n * It must be contained in a Uploader component(`UploaderComponent`).\n * ```tsx\n * <UploaderComponent multiple={true}>\n *   <FilesDirective>\n *    <FileDirective name='Java' size=23000 type='pdf'><FileDirective>\n *    <FileDirective name='C++' size=30000 type='.docx'><FileDirective>\n *   </FilesDirective>\n * </UploaderComponent>\n * ```\n */\nexport class UploadedFilesDirective extends ComplexBase {\n}\nUploadedFilesDirective.moduleName = 'uploadedFiles';\nexport class FilesDirective extends ComplexBase {\n}\nFilesDirective.propertyName = 'files';\nFilesDirective.moduleName = 'files';\n","import * as React from 'react';\nimport { Uploader } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Uploader Component\n * ```html\n * <UploaderComponent></UploaderComponent>\n * ```\n */\nexport class UploaderComponent extends Uploader {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'files': 'uploadedFiles' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    }\n}\napplyMixins(UploaderComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { ColorPicker } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React ColorPicker Component\n * ```html\n * <ColorPickerComponent></ColorPickerComponent>\n * ```\n */\nexport class ColorPickerComponent extends ColorPicker {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    }\n}\napplyMixins(ColorPickerComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Fragment","React.Component"],"mappings":"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"}
+{"version":3,"file":"ej2-react-inputs.es2015.js","sources":["../src/es6/textbox/textbox.component.js","../src/es6/numerictextbox/numerictextbox.component.js","../src/es6/maskedtextbox/maskedtextbox.component.js","../src/es6/slider/slider.component.js","../src/es6/uploader/files-directive.js","../src/es6/uploader/uploader.component.js","../src/es6/color-picker/colorpicker.component.js","../src/es6/signature/signature.component.js"],"sourcesContent":["import * as React from 'react';\nimport { TextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React TextBox Component\n * ```html\n * <TextBox value={value}></TextBox>\n * ```\n */\nexport class TextBoxComponent extends TextBox {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    }\n}\napplyMixins(TextBoxComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { NumericTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React NumericTextBox Component\n * ```html\n * <NumericTextBox value={value}></NumericTextBox>\n * ```\n */\nexport class NumericTextBoxComponent extends NumericTextBox {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    }\n}\napplyMixins(NumericTextBoxComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { MaskedTextBox } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MaskedTextBox Component\n * ```html\n * <MaskedTextBox value={value}></MaskedTextBox>\n * ```\n */\nexport class MaskedTextBoxComponent extends MaskedTextBox {\n    constructor(props) {\n        super(props);\n        this.controlAttributes = ['name'];\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    }\n}\napplyMixins(MaskedTextBoxComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { Slider } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Slider Component\n * ```html\n * <Slider value={value}></Slider>\n * ```\n */\nexport class SliderComponent extends Slider {\n    constructor(props) {\n        super(props);\n        this.controlAttributes = ['name'];\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(SliderComponent, [ComponentBase, React.Component]);\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `FilesDirective` represent a file of the react uploader.\n * It must be contained in a Uploader component(`UploaderComponent`).\n * ```tsx\n * <UploaderComponent multiple={true}>\n *   <FilesDirective>\n *    <FileDirective name='Java' size=23000 type='pdf'><FileDirective>\n *    <FileDirective name='C++' size=30000 type='.docx'><FileDirective>\n *   </FilesDirective>\n * </UploaderComponent>\n * ```\n */\nexport class UploadedFilesDirective extends ComplexBase {\n}\nUploadedFilesDirective.moduleName = 'uploadedFiles';\nexport class FilesDirective extends ComplexBase {\n}\nFilesDirective.propertyName = 'files';\nFilesDirective.moduleName = 'files';\n","import * as React from 'react';\nimport { Uploader } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Uploader Component\n * ```html\n * <UploaderComponent></UploaderComponent>\n * ```\n */\nexport class UploaderComponent extends Uploader {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'files': 'uploadedFiles' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    }\n}\napplyMixins(UploaderComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { ColorPicker } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React ColorPicker Component\n * ```html\n * <ColorPickerComponent></ColorPickerComponent>\n * ```\n */\nexport class ColorPickerComponent extends ColorPicker {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n        }\n    }\n}\napplyMixins(ColorPickerComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { Signature } from '@syncfusion/ej2-inputs';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React Signature Component\n * ```html\n * <SignatureComponent></SignatureComponent>\n * ```\n */\nexport class SignatureComponent extends Signature {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.immediateRender = true;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('canvas', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(SignatureComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Fragment","React.Component"],"mappings":"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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-inputs@*",
-  "_id": "@syncfusion/ej2-react-inputs@19.3.48",
+  "_id": "@syncfusion/ej2-react-inputs@19.4.41",
   "_inBundle": false,
-  "_integrity": "sha512-bK8aIvbtJIC6XmzqQa6ePS03DhPiVSRqDZLf01o1ad26VVJiwXa4PWnPWeuwMp+PZNG+FwfR8RM+Re7LUtxZUA==",
+  "_integrity": "sha512-VH93nJOUAHGPsQJd26omt6klg/KLljIPEt25kZBc567fUPKoxwGuOFf7lkKuKqmxKo0qKj6Mt6KjZbG5bOiz4g==",
   "_location": "/@syncfusion/ej2-react-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-react-inputs/-/ej2-react-inputs-19.3.48.tgz",
-  "_shasum": "cd1a1b9da44582b142e66ee3ff0cd3dbbb7f116f",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-inputs/-/ej2-react-inputs-19.4.41.tgz",
+  "_shasum": "b03b2cc4239cece46f1ea21de62c29a0f137885f",
   "_spec": "@syncfusion/ej2-react-inputs@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.53",
-    "@syncfusion/ej2-inputs": "19.3.53",
-    "@syncfusion/ej2-react-base": "~19.3.53"
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-inputs": "19.4.42",
+    "@syncfusion/ej2-react-base": "~19.4.42"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users. for React",
@@ -121,6 +121,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "19.3.53",
+  "version": "19.4.42",
   "sideEffects": false
 }

package/signature.d.ts

@@ -0,0 +1,4 @@
+/**
+ * signature
+ */
+export * from './src/signature/index';

package/signature.js

@@ -0,0 +1,4 @@
+/**
+ * signature
+ */
+export * from './src/signature/index';

package/src/index.d.ts

@@ -4,4 +4,5 @@ export * from './maskedtextbox';
 export * from './slider';
 export * from './uploader';
 export * from './color-picker';
+export * from './signature';
 export * from '@syncfusion/ej2-inputs';

package/src/index.js

@@ -4,4 +4,5 @@ export * from './maskedtextbox';
 export * from './slider';
 export * from './uploader';
 export * from './color-picker';
+export * from './signature';
 export * from '@syncfusion/ej2-inputs';

package/src/signature/index.d.ts

@@ -0,0 +1 @@
+export * from './signature.component';

package/src/signature/index.js

@@ -0,0 +1 @@
+export * from './signature.component';

package/src/signature/signature.component.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { Signature, SignatureModel } from '@syncfusion/ej2-inputs';
+import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+/**
+ * Represents the React Signature Component
+ * ```html
+ * <SignatureComponent></SignatureComponent>
+ * ```
+ */
+export declare class SignatureComponent extends Signature {
+    state: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<SignatureModel & DefaultHtmlAttributes>;
+    setState: any;
+    private getDefaultAttributes;
+    initRenderCalled: boolean;
+    private checkInjectedModules;
+    private immediateRender;
+    props: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<SignatureModel & DefaultHtmlAttributes>;
+    forceUpdate: (callBack?: () => any) => void;
+    context: Object;
+    portals: any;
+    isReactComponent: Object;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    constructor(props: any);
+    render(): any;
+}

package/src/signature/signature.component.js

@@ -0,0 +1,45 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import * as React from 'react';
+import { Signature } from '@syncfusion/ej2-inputs';
+import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
+/**
+ * Represents the React Signature Component
+ * ```html
+ * <SignatureComponent></SignatureComponent>
+ * ```
+ */
+var SignatureComponent = /** @class */ (function (_super) {
+    __extends(SignatureComponent, _super);
+    function SignatureComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.initRenderCalled = false;
+        _this.checkInjectedModules = false;
+        _this.immediateRender = true;
+        _this.portals = [];
+        return _this;
+    }
+    SignatureComponent.prototype.render = function () {
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            _super.prototype.render.call(this);
+            this.initRenderCalled = true;
+        }
+        else {
+            return React.createElement('canvas', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
+        }
+    };
+    return SignatureComponent;
+}(Signature));
+export { SignatureComponent };
+applyMixins(SignatureComponent, [ComponentBase, React.Component]);

package/styles/bootstrap-dark.css

@@ -1,3 +1,13 @@
+.e-signature {
+  border: 1px solid;
+}
+
+.e-signature {
+  background-color: #fff;
+  border: 1px solid;
+  border-color: #505050;
+}
+
 .e-float-input .e-clear-icon::before,
 .e-float-input.e-control-wrapper .e-clear-icon::before {
   content: '\e96c';
@@ -538,6 +548,8 @@ textarea.e-input.e-small,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   font-size: 12px;
@@ -1504,6 +1516,8 @@ label.e-float-text,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+.e-small .e-bigger.e-input-group .e-input-group-icon,
+.e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
 .e-bigger .e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
   margin-bottom: 0;
@@ -3533,7 +3547,12 @@ textarea.e-input,
 .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
 .e-bigger .e-input-group.e-input-focus textarea,
 .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
+.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
+.e-input-group.e-control-wrapper textarea.e-bigger:focus,
+.e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
+.e-bigger .e-input-group.e-control-wrapper textarea:focus,
+.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
+.e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
   font: inherit;
   line-height: 1.5;
   min-height: 36px;
@@ -3546,13 +3565,8 @@ textarea.e-input,
 .e-input-group textarea.e-input.e-small,
 .e-input-group.e-control-wrapper.e-small textarea,
 .e-input-group.e-control-wrapper.e-small textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-bigger,
-.e-input-group.e-control-wrapper textarea.e-input.e-bigger,
 .e-small .e-input-group textarea,
 .e-small .e-input-group textarea.e-input,
-.e-bigger .e-input-group.e-control-wrapper textarea,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
-.e-bigger .e-input-group.e-control-wrapper textarea.e-input,
 .e-float-input.e-small textarea,
 .e-float-input textarea.e-small,
 .e-float-input.e-control-wrapper.e-small textarea,
@@ -3571,11 +3585,8 @@ textarea.e-input,
 .e-input-group.e-input-focus textarea.e-input.e-small,
 .e-input-group.e-control-wrapper.e-input-focus.e-small textarea,
 .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
-.e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger,
-.e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
 .e-small .e-input-group.e-input-focus textarea,
-.e-small .e-input-group.e-input-focus textarea.e-input,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
+.e-small .e-input-group.e-input-focus textarea.e-input {
   font: inherit;
   min-height: 26px;
   padding: 4px 10px 4px 10px;
@@ -3587,13 +3598,8 @@ textarea.e-input,
 .e-input-group textarea.e-input.e-small:focus,
 .e-input-group.e-control-wrapper.e-small textarea:focus,
 .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
-.e-input-group.e-control-wrapper textarea.e-bigger:focus,
-.e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
 .e-small .e-input-group textarea:focus,
 .e-small .e-input-group textarea.e-input:focus,
-.e-bigger .e-input-group.e-control-wrapper textarea:focus,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
-.e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
 .e-float-input.e-small textarea:focus,
 .e-float-input textarea.e-small:focus,
 .e-float-input.e-control-wrapper.e-small textarea:focus,
@@ -3649,7 +3655,8 @@ textarea.e-input,
 .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input,
 .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
 .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
-.e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
+.e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
+.e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
   font: inherit;
   line-height: 1.5;
   min-height: 32px;
@@ -7263,6 +7270,26 @@ body.e-colorpicker-overflow {
   color: rgba(240, 240, 240, 0.3);
 }
 
+.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
+.e-colorpicker-container .e-icon-btn:disabled,
+.e-colorpicker-container .e-icon-btn.e-disabled {
+  background-color: transparent;
+  box-shadow: none;
+  color: rgba(57, 57, 57, 0.4);
+}
+
+.e-colorpicker-wrapper .e-icon-btn:disabled:focus, .e-colorpicker-wrapper .e-icon-btn:disabled:hover, .e-colorpicker-wrapper .e-icon-btn:disabled:active, .e-colorpicker-wrapper .e-icon-btn.e-disabled:focus, .e-colorpicker-wrapper .e-icon-btn.e-disabled:hover, .e-colorpicker-wrapper .e-icon-btn.e-disabled:active,
+.e-colorpicker-container .e-icon-btn:disabled:focus,
+.e-colorpicker-container .e-icon-btn:disabled:hover,
+.e-colorpicker-container .e-icon-btn:disabled:active,
+.e-colorpicker-container .e-icon-btn.e-disabled:focus,
+.e-colorpicker-container .e-icon-btn.e-disabled:hover,
+.e-colorpicker-container .e-icon-btn.e-disabled:active {
+  background-color: transparent;
+  box-shadow: none;
+  color: rgba(57, 57, 57, 0.4);
+}
+
 .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
   background-color: #fff;
   border-color: #fff;

package/styles/bootstrap-dark.scss

@@ -1,3 +1,4 @@
+@import 'signature/bootstrap-dark.scss';
 @import 'input/bootstrap-dark.scss';
 @import 'numerictextbox/bootstrap-dark.scss';
 @import 'maskedtextbox/bootstrap-dark.scss';