@syncfusion/ej2-vue-inputs 19.3.57 → 19.4.43

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

@@ -1,4 +1,4 @@
-import { ColorPicker, MaskedTextBox, NumericTextBox, Slider, TextBox, Uploader } from '@syncfusion/ej2-inputs';
+import { ColorPicker, MaskedTextBox, NumericTextBox, Signature, Slider, TextBox, Uploader } from '@syncfusion/ej2-inputs';
 import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
 import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
@@ -24,7 +24,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Options } from 'vue-class-component';
-var properties = ['islazyUpdate', 'autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus', 'input'];
+var properties = ['isLazyUpdate', 'autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus', 'input'];
 var modelProps = ['value'];
 var testProp = getProps({ props: properties });
 var props = testProp[0];
@@ -123,7 +123,7 @@ var TextBoxComponent = /** @__PURE__ @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]);
                     }
@@ -213,7 +213,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var properties$1 = ['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'];
+var properties$1 = ['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'];
 var modelProps$1 = ['value'];
 var testProp$1 = getProps({ props: properties$1 });
 var props$1 = testProp$1[0];
@@ -312,7 +312,7 @@ var NumericTextBoxComponent = /** @__PURE__ @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]);
                     }
@@ -402,7 +402,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var properties$2 = ['islazyUpdate', 'cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
+var properties$2 = ['isLazyUpdate', 'cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
 var modelProps$2 = ['value'];
 var testProp$2 = getProps({ props: properties$2 });
 var props$2 = testProp$2[0];
@@ -501,7 +501,7 @@ var MaskedTextBoxComponent = /** @__PURE__ @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]);
                     }
@@ -585,7 +585,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var properties$3 = ['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'];
+var properties$3 = ['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'];
 var modelProps$3 = ['value'];
 var testProp$3 = getProps({ props: properties$3 });
 var props$3 = testProp$3[0];
@@ -684,7 +684,7 @@ var SliderComponent = /** @__PURE__ @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]);
                     }
@@ -849,7 +849,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var properties$4 = ['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'];
+var properties$4 = ['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'];
 var modelProps$4 = [];
 var testProp$4 = getProps({ props: properties$4 });
 var props$4 = testProp$4[0];
@@ -1018,7 +1018,7 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 // {{VueImport}}
-var properties$5 = ['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'];
+var properties$5 = ['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'];
 var modelProps$5 = ['value'];
 var testProp$5 = getProps({ props: properties$5 });
 var props$5 = testProp$5[0];
@@ -1117,7 +1117,7 @@ var ColorPickerComponent = /** @__PURE__ @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]);
                     }
@@ -1181,6 +1181,173 @@ var ColorPickerPlugin = {
     }
 };
 
-export { TextBoxComponent, TextBoxPlugin, NumericTextBoxComponent, NumericTextBoxPlugin, MaskedTextBoxComponent, MaskedTextBoxPlugin, SliderComponent, SliderPlugin, FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugin, UploaderComponent, UploaderPlugin, ColorPickerComponent, ColorPickerPlugin };
+var __extends$7 = (undefined && undefined.__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$7 = (undefined && undefined.__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;
+};
+// {{VueImport}}
+var properties$6 = ['isLazyUpdate', 'backgroundColor', 'backgroundImage', 'disabled', 'enablePersistence', 'enableRtl', 'isReadOnly', 'locale', 'maxStrokeWidth', 'minStrokeWidth', 'saveWithBackground', 'strokeColor', 'velocity', 'beforeSave', 'change', 'created'];
+var modelProps$6 = [];
+var testProp$6 = getProps({ props: properties$6 });
+var props$6 = testProp$6[0];
+var watch$6 = testProp$6[1];
+var emitProbs$6 = Object.keys(watch$6);
+emitProbs$6.push('modelchanged');
+for (var _i$6 = 0, modelProps_1$6 = modelProps$6; _i$6 < modelProps_1$6.length; _i$6++) {
+    var props_1$6 = modelProps_1$6[_i$6];
+    emitProbs$6.push('update:' + props_1$6);
+}
+var isExecute$7 = gh ? false : true;
+/**
+ * Represents the Essential JS 2 VueJS Signature Component
+ * ```html
+ * <ejs-signature></ejs-signature>
+ * ```
+ */
+var SignatureComponent = /** @__PURE__ @class */ (function (_super) {
+    __extends$7(SignatureComponent, _super);
+    function SignatureComponent() {
+        var _this = _super.call(this, arguments) || this;
+        _this.propKeys = properties$6;
+        _this.models = modelProps$6;
+        _this.hasChildDirective = false;
+        _this.hasInjectedModules = false;
+        _this.tagMapper = {};
+        _this.tagNameMapper = {};
+        _this.isVue3 = !isExecute$7;
+        _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$7([
+        EJComponentDecorator({
+            props: properties$6
+        }, isExecute$7)
+        ,Options({
+            props: props,
+            watch: watch,
+            emits: emitProbs
+        })
+    ], SignatureComponent);
+    return SignatureComponent;
+}(ComponentBase));
+var SignaturePlugin = {
+    name: 'ejs-signature',
+    install: function (Vue$$1) {
+        Vue$$1.component(SignaturePlugin.name, SignatureComponent);
+    }
+};
+
+export { TextBoxComponent, TextBoxPlugin, NumericTextBoxComponent, NumericTextBoxPlugin, MaskedTextBoxComponent, MaskedTextBoxPlugin, SliderComponent, SliderPlugin, FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugin, UploaderComponent, UploaderPlugin, ColorPickerComponent, ColorPickerPlugin, SignatureComponent, SignaturePlugin };
 export * from '@syncfusion/ej2-inputs';
 //# sourceMappingURL=ej2-vue-inputs.es5.js.map