@syncfusion/ej2-vue-inputs 19.3.53 → 19.4.42

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-inputs@*",
-  "_id": "@syncfusion/ej2-vue-inputs@19.3.48",
+  "_id": "@syncfusion/ej2-vue-inputs@19.4.41",
   "_inBundle": false,
-  "_integrity": "sha512-7suOLivthrdxzugkPSJVTjgKB3FNT3ONx2HpdiFXj8/3P/YalU8Jtb1GIKVq1KuaZn5E9kzaAu0iLY1V9dA1Fw==",
+  "_integrity": "sha512-E9/HqqrmvGdlirzFFlRiralwYvniIvvqIs2nXfqTf+DnpGQq49uUEIgTQZfbKSTQ8QLOARIJCzvoYbym7lGaHg==",
   "_location": "/@syncfusion/ej2-vue-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-19.3.48.tgz",
-  "_shasum": "13f9d8fc237462cec57a1138b2cd74181fcaea1f",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-19.4.41.tgz",
+  "_shasum": "95831e548f2b5ed8460cb691c4743b0905d9b337",
   "_spec": "@syncfusion/ej2-vue-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-vue-base": "~19.3.53"
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-inputs": "19.4.42",
+    "@syncfusion/ej2-vue-base": "~19.4.40"
   },
   "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 Vue",
@@ -120,6 +120,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-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/color-picker/colorpicker.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { ColorPicker } from '@syncfusion/ej2-inputs';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select'];
+export var properties = ['isLazyUpdate', 'columns', 'createPopupOnClick', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -121,7 +121,7 @@ var ColorPickerComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                    if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
                         this.$emit('update:' + propKey, eventProp[propKey]);
                         this.$emit('modelchanged', eventProp[propKey]);
                     }

package/src/index.d.ts

@@ -6,3 +6,4 @@ export { SliderComponent, SliderPlugin } from './slider/slider.component';
 export { FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugin } from './uploader/files.directive';
 export { UploaderComponent, UploaderPlugin } from './uploader/uploader.component';
 export { ColorPickerComponent, ColorPickerPlugin } from './color-picker/colorpicker.component';
+export { SignatureComponent, SignaturePlugin } from './signature/signature.component';

package/src/index.js

@@ -6,3 +6,4 @@ export { SliderComponent, SliderPlugin } from './slider/slider.component';
 export { FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugin } from './uploader/files.directive';
 export { UploaderComponent, UploaderPlugin } from './uploader/uploader.component';
 export { ColorPickerComponent, ColorPickerPlugin } from './color-picker/colorpicker.component';
+export { SignatureComponent, SignaturePlugin } from './signature/signature.component';

package/src/maskedtextbox/maskedtextbox.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { MaskedTextBox } from '@syncfusion/ej2-inputs';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
+export var properties = ['isLazyUpdate', 'cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -121,7 +121,7 @@ var MaskedTextBoxComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                    if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
                         this.$emit('update:' + propKey, eventProp[propKey]);
                         this.$emit('modelchanged', eventProp[propKey]);
                     }

package/src/numerictextbox/numerictextbox.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { NumericTextBox } from '@syncfusion/ej2-inputs';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
+export var properties = ['isLazyUpdate', 'cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -121,7 +121,7 @@ var NumericTextBoxComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                    if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
                         this.$emit('update:' + propKey, eventProp[propKey]);
                         this.$emit('modelchanged', eventProp[propKey]);
                     }

package/src/signature/index.d.ts

@@ -0,0 +1 @@
+export { SignatureComponent, SignaturePlugin } from './signature.component';

package/src/signature/index.js

@@ -0,0 +1 @@
+export { SignatureComponent, SignaturePlugin } from './signature.component';

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

@@ -0,0 +1,47 @@
+import { ComponentBase } from '@syncfusion/ej2-vue-base';
+export declare const properties: string[];
+export declare const modelProps: string[];
+export declare const testProp: any;
+export declare const props: any;
+export declare const watch: any;
+export declare const emitProbs: any;
+export declare const isExecute: any;
+/**
+ * Represents the Essential JS 2 VueJS Signature Component
+ * ```html
+ * <ejs-signature></ejs-signature>
+ * ```
+ */
+export declare class SignatureComponent extends ComponentBase {
+    ej2Instances: any;
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    protected hasInjectedModules: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    isVue3: boolean;
+    templateCollection: any;
+    constructor();
+    clearTemplate(templateNames?: string[]): any;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    render(createElement: any): any;
+    canRedo(): boolean;
+    canUndo(): boolean;
+    clear(): void;
+    draw(text: string, fontFamily?: string, fontSize?: number): void;
+    getBlob(url: string): Object;
+    initialize(): void;
+    isEmpty(): boolean;
+    load(signature: string, width?: number, height?: number): void;
+    redo(): void;
+    save(type?: Object, fileName?: string): void;
+    saveAsBlob(): Object;
+    undo(): void;
+}
+export declare const SignaturePlugin: {
+    name: string;
+    install(Vue: any): void;
+};

package/src/signature/signature.component.js

@@ -0,0 +1,170 @@
+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 __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
+import { Signature } from '@syncfusion/ej2-inputs';
+import { Options } from 'vue-class-component';
+export var properties = ['isLazyUpdate', 'backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity', 'beforeSave', 'change', 'created'];
+export var modelProps = [];
+export var testProp = getProps({ props: properties });
+export var props = testProp[0];
+export var watch = testProp[1];
+export var emitProbs = Object.keys(watch);
+emitProbs.push('modelchanged');
+for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
+    var props_1 = modelProps_1[_i];
+    emitProbs.push('update:' + props_1);
+}
+export var isExecute = gh ? false : true;
+/**
+ * Represents the Essential JS 2 VueJS Signature Component
+ * ```html
+ * <ejs-signature></ejs-signature>
+ * ```
+ */
+var SignatureComponent = /** @class */ (function (_super) {
+    __extends(SignatureComponent, _super);
+    function SignatureComponent() {
+        var _this = _super.call(this, arguments) || this;
+        _this.propKeys = properties;
+        _this.models = modelProps;
+        _this.hasChildDirective = false;
+        _this.hasInjectedModules = false;
+        _this.tagMapper = {};
+        _this.tagNameMapper = {};
+        _this.isVue3 = !isExecute;
+        _this.ej2Instances = new Signature({});
+        _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        return _this;
+    }
+    SignatureComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
+    SignatureComponent.prototype.setProperties = function (prop, muteOnChange) {
+        var _this = this;
+        if (this.isVue3) {
+            this.models = !this.models ? this.ej2Instances.referModels : this.models;
+        }
+        if (this.ej2Instances && this.ej2Instances._setProperties) {
+            this.ej2Instances._setProperties(prop, muteOnChange);
+        }
+        if (prop && this.models && this.models.length) {
+            Object.keys(prop).map(function (key) {
+                _this.models.map(function (model) {
+                    if ((key === model) && !(/datasource/i.test(key))) {
+                        if (_this.isVue3) {
+                            _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                        }
+                        else {
+                            _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
+                        }
+                    }
+                });
+            });
+        }
+    };
+    SignatureComponent.prototype.render = function (createElement) {
+        var h = gh || createElement;
+        var slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = gh ? this.$slots.default() : this.$slots.default;
+        }
+        return h('canvas', slots);
+    };
+    SignatureComponent.prototype.canRedo = function () {
+        return this.ej2Instances.canRedo();
+    };
+    SignatureComponent.prototype.canUndo = function () {
+        return this.ej2Instances.canUndo();
+    };
+    SignatureComponent.prototype.clear = function () {
+        return this.ej2Instances.clear();
+    };
+    SignatureComponent.prototype.draw = function (text, fontFamily, fontSize) {
+        return this.ej2Instances.draw(text, fontFamily, fontSize);
+    };
+    SignatureComponent.prototype.getBlob = function (url) {
+        return this.ej2Instances.getBlob(url);
+    };
+    SignatureComponent.prototype.initialize = function () {
+        return this.ej2Instances.initialize();
+    };
+    SignatureComponent.prototype.isEmpty = function () {
+        return this.ej2Instances.isEmpty();
+    };
+    SignatureComponent.prototype.load = function (signature, width, height) {
+        return this.ej2Instances.load(signature, width, height);
+    };
+    SignatureComponent.prototype.redo = function () {
+        return this.ej2Instances.redo();
+    };
+    SignatureComponent.prototype.save = function (type, fileName) {
+        return this.ej2Instances.save(type, fileName);
+    };
+    SignatureComponent.prototype.saveAsBlob = function () {
+        return this.ej2Instances.saveAsBlob();
+    };
+    SignatureComponent.prototype.undo = function () {
+        return this.ej2Instances.undo();
+    };
+    SignatureComponent = __decorate([
+        EJComponentDecorator({
+            props: properties
+        }, isExecute)
+        ,Options({
+            props: props,
+            watch: watch,
+            emits: emitProbs
+        })
+    ], SignatureComponent);
+    return SignatureComponent;
+}(ComponentBase));
+export { SignatureComponent };
+export var SignaturePlugin = {
+    name: 'ejs-signature',
+    install: function (Vue) {
+        Vue.component(SignaturePlugin.name, SignatureComponent);
+    }
+};

package/src/slider/slider.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Slider } from '@syncfusion/ej2-inputs';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange'];
+export var properties = ['isLazyUpdate', 'colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -121,7 +121,7 @@ var SliderComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                    if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
                         this.$emit('update:' + propKey, eventProp[propKey]);
                         this.$emit('modelchanged', eventProp[propKey]);
                     }

package/src/textbox/textbox.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { TextBox } from '@syncfusion/ej2-inputs';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus', 'input'];
+export var properties = ['isLazyUpdate', 'autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus', 'input'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -121,7 +121,7 @@ var TextBoxComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                    if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
                         this.$emit('update:' + propKey, eventProp[propKey]);
                         this.$emit('modelchanged', eventProp[propKey]);
                     }

package/src/uploader/uploader.component.js

@@ -22,7 +22,7 @@ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Uploader } from '@syncfusion/ej2-inputs';
 import { FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugin } from './files.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
+export var properties = ['isLazyUpdate', 'allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

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';