@syncfusion/ej2-image-editor 20.3.48 → 20.3.50

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

@@ -2139,12 +2139,21 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
             wrapperWidth = this.element.clientWidth;
         }
         var maxDimension = this.calcMaxDimension(this.baseImg.width, this.baseImg.height);
+        var 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';
         }
@@ -6774,7 +6783,9 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
                 (isNullOrUndefined(document.getElementById(this.element.id + '_toolbar')))) {
                 this.toolbarHeight = 0;
             }
-            this.update();
+            if (isNullOrUndefined(this.toolbarTemplate)) {
+                this.update();
+            }
             var type = typeof (data);
             if (type === 'string') {
                 this.imageOnLoad(data);
@@ -7242,7 +7253,7 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
             }
             this.currObjType.isCustomCrop = false;
             var 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;
     };
@@ -7486,6 +7497,125 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
         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
+     */
+    ImageEditor.prototype.canUndo = function () {
+        return _super.prototype.canUndo.call(this);
+    };
+    /**
+     * To check whether the redo collection is empty or not.
+     *
+     * @returns {boolean}.
+     * @private
+     */
+    ImageEditor.prototype.canRedo = function () {
+        return _super.prototype.canRedo.call(this);
+    };
+    /**
+     * Erases all the signature strokes signed by user.
+     *
+     * @returns {void}.
+     * @private
+     */
+    ImageEditor.prototype.clear = function () {
+        _super.prototype.clear.call(this);
+    };
+    /**
+     * 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
+     */
+    ImageEditor.prototype.draw = function (text, fontFamily, fontSize) {
+        _super.prototype.draw.call(this, 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
+     */
+    ImageEditor.prototype.getBlob = function (url) {
+        return _super.prototype.getBlob.call(this, url);
+    };
+    /**
+     * To check whether the signature is empty or not.
+     *
+     * @returns {boolean}.
+     * @private
+     */
+    ImageEditor.prototype.isEmpty = function () {
+        return _super.prototype.isEmpty.call(this);
+    };
+    /**
+     * 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
+     */
+    ImageEditor.prototype.load = function (signature, width, height) {
+        _super.prototype.load.call(this, signature, width, height);
+    };
+    /**
+     * Undo the last user action.
+     *
+     * @returns {void}.
+     * @private
+     */
+    ImageEditor.prototype.undo = function () {
+        _super.prototype.undo.call(this);
+    };
+    /**
+     * Redo the last user action.
+     *
+     * @returns {void}.
+     * @private
+     */
+    ImageEditor.prototype.redo = function () {
+        _super.prototype.redo.call(this);
+    };
+    /**
+     * 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
+     */
+    ImageEditor.prototype.save = function (type, fileName) {
+        _super.prototype.save.call(this, type, fileName);
+    };
+    /**
+     * To save the signature as Blob.
+     *
+     * @returns {Blob}.
+     * @private
+     */
+    ImageEditor.prototype.saveAsBlob = function () {
+        return _super.prototype.saveAsBlob.call(this);
+    };
+    /**
+     * Returns the persistence data for component.
+     *
+     * @returns any.
+     * @private
+     */
+    ImageEditor.prototype.getLocalData = function () {
+        return _super.prototype.getLocalData.call(this);
+    };
     var ImageEditor_1;
     __decorate([
         Property('')
@@ -7508,6 +7638,36 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
     __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);