@syncfusion/ej2-image-editor 20.3.48 → 20.3.50

package/dist/es6/ej2-image-editor.es2015.js

@@ -2106,12 +2106,21 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends SignatureBase {
             wrapperWidth = this.element.clientWidth;
         }
         const maxDimension = this.calcMaxDimension(this.baseImg.width, this.baseImg.height);
+        let toolbarHeight = 0;
+        if (!isNullOrUndefined(this.toolbarTemplate) && !isNullOrUndefined(document.querySelector('.e-toolbar'))) {
+            toolbarHeight = document.querySelector('.e-toolbar').clientHeight;
+            maxDimension.width -= toolbarHeight;
+            maxDimension.height -= toolbarHeight;
+        }
         this.lowerContext.clearRect(0, 0, this.lowerCanvas.width, this.lowerCanvas.height);
         this.lowerCanvas.width = this.upperCanvas.width = this.inMemoryCanvas.width = this.baseImg.width;
         this.lowerCanvas.height = this.upperCanvas.height = this.inMemoryCanvas.height = this.baseImg.height;
         this.lowerCanvas.style.maxWidth = this.upperCanvas.style.maxWidth = maxDimension.width + 'px';
         this.lowerCanvas.style.maxHeight = this.upperCanvas.style.maxHeight = maxDimension.height + 'px';
         this.lowerCanvas.style.left = this.upperCanvas.style.left = (wrapperWidth - maxDimension.width) / 2 + 1 + 'px';
+        if (!isNullOrUndefined(this.toolbarTemplate)) {
+            this.lowerCanvas.style.left = parseFloat(this.lowerCanvas.style.left) + (toolbarHeight / 2) + 'px';
+        }
         if (canvasWrapper) {
             this.lowerCanvas.style.top = this.upperCanvas.style.top = (parseFloat(canvasWrapper.style.height) - maxDimension.height - 1) / 2 + 'px';
         }
@@ -6738,7 +6747,9 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends SignatureBase {
                 (isNullOrUndefined(document.getElementById(this.element.id + '_toolbar')))) {
                 this.toolbarHeight = 0;
             }
-            this.update();
+            if (isNullOrUndefined(this.toolbarTemplate)) {
+                this.update();
+            }
             const type = typeof (data);
             if (type === 'string') {
                 this.imageOnLoad(data);
@@ -7205,7 +7216,7 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends SignatureBase {
             }
             this.currObjType.isCustomCrop = false;
             const start = { x: x, y: y };
-            this.drawShape('circle', strokeWidth, strokeColor, fillColor, start, radiusX, radiusY);
+            this.drawShape('ellipse', strokeWidth, strokeColor, fillColor, start, radiusX, radiusY);
         }
         return isEllipse;
     }
@@ -7449,6 +7460,125 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends SignatureBase {
         this.lowerContext.clearRect(0, 0, this.lowerCanvas.width, this.lowerCanvas.height);
         this.upperContext.clearRect(0, 0, this.upperCanvas.width, this.upperCanvas.height);
     }
+    /**
+     * To check whether the undo collection is empty or not.
+     *
+     * @returns {boolean}.
+     * @private
+     */
+    canUndo() {
+        return super.canUndo();
+    }
+    /**
+     * To check whether the redo collection is empty or not.
+     *
+     * @returns {boolean}.
+     * @private
+     */
+    canRedo() {
+        return super.canRedo();
+    }
+    /**
+     * Erases all the signature strokes signed by user.
+     *
+     * @returns {void}.
+     * @private
+     */
+    clear() {
+        super.clear();
+    }
+    /**
+     * To draw the signature based on the given text, with the font family and font size.
+     *
+     * @param {string} text - specify text to be drawn as signature.
+     * @param {string} fontFamily - specify font family of a signature.
+     * @param {number} fontSize - specify font size of a signature.
+     *
+     * @returns {void}.
+     * @private
+     */
+    draw(text, fontFamily, fontSize) {
+        super.draw(text, fontFamily, fontSize);
+    }
+    /**
+     * To get the signature as Blob.
+     *
+     * @param {string} url - specify the url/base 64 string to get blob of the signature.
+     * @returns {Blob}.
+     * @private
+     */
+    getBlob(url) {
+        return super.getBlob(url);
+    }
+    /**
+     * To check whether the signature is empty or not.
+     *
+     * @returns {boolean}.
+     * @private
+     */
+    isEmpty() {
+        return super.isEmpty();
+    }
+    /**
+     * To load the signature with the given base 64 string, height and width.
+     *
+     * @param {string} signature - specify the url/base 64 string to be drawn as signature.
+     * @param {number} width - specify the width of the loaded signature image.
+     * @param {number} height - specify the height of the loaded signature image.
+     * @returns {void}.
+     * @private
+     */
+    load(signature, width, height) {
+        super.load(signature, width, height);
+    }
+    /**
+     * Undo the last user action.
+     *
+     * @returns {void}.
+     * @private
+     */
+    undo() {
+        super.undo();
+    }
+    /**
+     * Redo the last user action.
+     *
+     * @returns {void}.
+     * @private
+     */
+    redo() {
+        super.redo();
+    }
+    /**
+     * To save the signature with the given file type and file name.
+     *
+     * @param {SignatureFileType} type - specify type of the file to be saved a signature.
+     * @param {string} fileName - specify name of the file to be saved a signature.
+     *
+     * @returns {void}.
+     * @private
+     */
+    save(type, fileName) {
+        super.save(type, fileName);
+    }
+    /**
+     * To save the signature as Blob.
+     *
+     * @returns {Blob}.
+     * @private
+     */
+    saveAsBlob() {
+        return super.saveAsBlob();
+    }
+    /**
+     * Returns the persistence data for component.
+     *
+     * @returns any.
+     * @private
+     */
+    getLocalData() {
+        return super.getLocalData();
+    }
 };
 __decorate([
     Property('')
@@ -7471,6 +7601,36 @@ __decorate([
 __decorate([
     Property('100%')
 ], ImageEditor.prototype, "width", void 0);
+__decorate([
+    Property('')
+], ImageEditor.prototype, "backgroundColor", void 0);
+__decorate([
+    Property('')
+], ImageEditor.prototype, "backgroundImage", void 0);
+__decorate([
+    Property(false)
+], ImageEditor.prototype, "isReadOnly", void 0);
+__decorate([
+    Property(true)
+], ImageEditor.prototype, "saveWithBackground", void 0);
+__decorate([
+    Property('#000000')
+], ImageEditor.prototype, "strokeColor", void 0);
+__decorate([
+    Property(0.5)
+], ImageEditor.prototype, "minStrokeWidth", void 0);
+__decorate([
+    Property(2)
+], ImageEditor.prototype, "maxStrokeWidth", void 0);
+__decorate([
+    Property(0.7)
+], ImageEditor.prototype, "velocity", void 0);
+__decorate([
+    Property(false)
+], ImageEditor.prototype, "enableRtl", void 0);
+__decorate([
+    Property(false)
+], ImageEditor.prototype, "enablePersistence", void 0);
 __decorate([
     Event()
 ], ImageEditor.prototype, "beforeSave", void 0);