@syncfusion/ej2-image-editor 24.2.8 → 25.1.37

package/src/image-editor/action/undo-redo.js

@@ -1,4 +1,4 @@
-import { isNullOrUndefined, extend, isBlazor } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';
 var UndoRedo = /** @class */ (function () {
     function UndoRedo(parent) {
         this.undoRedoStep = 0;
@@ -99,33 +99,22 @@ var UndoRedo = /** @class */ (function () {
         var parent = this.parent;
         refreshToolbar = refreshToolbar ? refreshToolbar : false;
         if (refreshToolbar) {
-            if (!isBlazor()) {
-                parent.notify('toolbar', { prop: 'setEnableDisableUndoRedo', value: { isPrevent: true } });
-            }
+            parent.notify('toolbar', { prop: 'setEnableDisableUndoRedo', value: { isPrevent: true } });
             this.tempUndoRedoColl = extend([], this.appliedUndoRedoColl, [], true);
             this.tempUndoRedoStep = this.undoRedoStep;
         }
-        else if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'setEnableDisableUndoRedo', value: { isPrevent: false } });
-        }
+        parent.notify('toolbar', { prop: 'setEnableDisableUndoRedo', value: { isPrevent: false } });
         this.undoRedoColl = this.undoRedoColl.slice(0, this.undoRedoStep);
         this.appliedUndoRedoColl = this.appliedUndoRedoColl.slice(0, this.undoRedoStep);
         parent.isUndoRedo = parent.currObjType.isUndoAction = false;
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'enable-disable-btns' });
-        }
-        else {
-            parent.updateToolbar(parent.element, 'enableDisableToolbarBtn');
-        }
+        parent.notify('toolbar', { prop: 'enable-disable-btns' });
     };
     UndoRedo.prototype.updateCurrUrc = function (type) {
         var parent = this.parent;
         if (parent.isResize || this.isPreventing) {
             return;
         }
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'setEnableDisableUndoRedo', value: { isPrevent: false } });
-        }
+        parent.notify('toolbar', { prop: 'setEnableDisableUndoRedo', value: { isPrevent: false } });
         if (type === 'ok') {
             parent.notify('draw', { prop: 'setShapeTextInsert', onPropertyChange: false, value: { bool: false } });
             var collection = this.tempUndoRedoColl.length > 0 ?
@@ -185,12 +174,7 @@ var UndoRedo = /** @class */ (function () {
         this.undoRedoColl = extend([], this.appliedUndoRedoColl, [], true);
         if (type === 'ok') {
             this.undoRedoStep = this.undoRedoColl.length;
-            if (!isBlazor()) {
-                parent.notify('toolbar', { prop: 'enable-disable-btns' });
-            }
-            else {
-                parent.updateToolbar(parent.element, 'enableDisableToolbarBtn');
-            }
+            parent.notify('toolbar', { prop: 'enable-disable-btns' });
         }
         if (parent.transform.zoomFactor > 0) {
             parent.togglePan = true;
@@ -216,25 +200,18 @@ var UndoRedo = /** @class */ (function () {
             this.undoRedoStep = this.tempUndoRedoStep;
             this.tempUndoRedoColl = [];
             this.tempUndoRedoStep = 0;
-            if (!isBlazor()) {
-                parent.notify('toolbar', { prop: 'setEnableDisableUndoRedo', value: { isPrevent: false } });
-            }
+            parent.notify('toolbar', { prop: 'setEnableDisableUndoRedo', value: { isPrevent: false } });
         }
     };
     UndoRedo.prototype.refreshToolbarActions = function () {
         var parent = this.parent;
-        if (!isBlazor()) {
-            if (parent.activeObj.shape) {
-                parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'shapes',
-                        isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
-                parent.notify('toolbar', { prop: 'update-toolbar-items', onPropertyChange: false });
-            }
-            else {
-                parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
-            }
+        if (parent.activeObj.shape) {
+            parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'shapes',
+                    isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
+            parent.notify('toolbar', { prop: 'update-toolbar-items', onPropertyChange: false });
         }
-        else if (isNullOrUndefined(parent.activeObj.shape)) {
-            parent.updateToolbar(parent.element, 'imageLoaded');
+        else {
+            parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
         }
     };
     UndoRedo.prototype.applyCurrentChanges = function () {
@@ -244,7 +221,7 @@ var UndoRedo = /** @class */ (function () {
             parent.togglePan = false;
             parent.notify('selection', { prop: 'setDragCanvas', value: { bool: false } });
         }
-        if (parent.element.querySelector('.e-contextual-toolbar-wrapper') && !isBlazor()) {
+        if (parent.element.querySelector('.e-contextual-toolbar-wrapper')) {
             parent.element.querySelector('.e-contextual-toolbar-wrapper').classList.add('e-hide');
         }
         if (parent.togglePen) {
@@ -276,14 +253,9 @@ var UndoRedo = /** @class */ (function () {
                 }
                 parent.notify('shape', { prop: 'refreshActiveObj', onPropertyChange: false });
                 this.undoRedoStep--;
-                if (!isBlazor()) {
-                    parent.notify('toolbar', { prop: 'enable-disable-btns' });
-                    if (parent.element.querySelector('.e-contextual-toolbar-wrapper')) {
-                        parent.element.querySelector('.e-contextual-toolbar-wrapper').classList.add('e-hide');
-                    }
-                }
-                else {
-                    parent.updateToolbar(parent.element, 'enableDisableToolbarBtn');
+                parent.notify('toolbar', { prop: 'enable-disable-btns' });
+                if (parent.element.querySelector('.e-contextual-toolbar-wrapper')) {
+                    parent.element.querySelector('.e-contextual-toolbar-wrapper').classList.add('e-hide');
                 }
                 parent.isUndoRedo = true;
                 var obj = this.undoRedoColl[this.undoRedoStep];
@@ -411,12 +383,7 @@ var UndoRedo = /** @class */ (function () {
             if (this.undoRedoStep < this.appliedUndoRedoColl.length) {
                 this.refreshToolbarActions();
                 this.undoRedoStep++;
-                if (!isBlazor()) {
-                    parent.notify('toolbar', { prop: 'enable-disable-btns' });
-                }
-                else {
-                    parent.updateToolbar(parent.element, 'enableDisableToolbarBtn');
-                }
+                parent.notify('toolbar', { prop: 'enable-disable-btns' });
                 parent.isUndoRedo = true;
                 var obj = this.undoRedoColl[this.undoRedoStep - 1];
                 if (this.undoRedoColl.length === this.undoRedoStep) {
@@ -433,7 +400,7 @@ var UndoRedo = /** @class */ (function () {
                 parent.cropObj = extend({}, obj.currentCropObj, {}, true);
                 parent.afterCropActions = obj.currentObj.afterCropActions;
                 this.lowerContext.filter = obj.currentObj.filter;
-                if (!isBlazor() && parent.element.querySelector('.e-contextual-toolbar-wrapper')) {
+                if (parent.element.querySelector('.e-contextual-toolbar-wrapper')) {
                     parent.element.querySelector('.e-contextual-toolbar-wrapper').classList.add('e-hide');
                 }
                 parent.notify('filter', { prop: 'setAdjustmentLevel', onPropertyChange: false, value: { adjustmentLevel: obj.currentObj.adjustmentLevel } });
@@ -705,12 +672,7 @@ var UndoRedo = /** @class */ (function () {
         this.upperContext.clearRect(0, 0, parent.lowerCanvas.width, parent.lowerCanvas.height);
         this.lowerContext.clearRect(0, 0, parent.lowerCanvas.width, parent.lowerCanvas.height);
         parent.notify('draw', { prop: 'redrawImgWithObj', onPropertyChange: false });
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'destroy-qa-toolbar', onPropertyChange: false });
-        }
-        else {
-            parent.updateToolbar(parent.element, 'destroyQuickAccessToolbar');
-        }
+        parent.notify('toolbar', { prop: 'destroy-qa-toolbar', onPropertyChange: false });
         var textArea = parent.textArea;
         textArea.style.display = 'block';
         textArea.style.fontFamily = obj.textSettings.fontFamily;
@@ -772,66 +734,24 @@ var UndoRedo = /** @class */ (function () {
             parent.notify('selection', { prop: 'setDragCanvas', value: { bool: true } });
         }
         parent.notify('draw', { prop: 'setCancelAction', onPropertyChange: false, value: { bool: false } });
-        if (!isBlazor()) {
-            if (parent.activeObj.shape && parent.activeObj.shape.split('-')[0] === 'crop') {
-                parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'main',
-                        isApplyBtn: true, isCropping: true, isZooming: null, cType: null } });
-            }
-            else {
-                parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
-            }
-            parent.notify('toolbar', { prop: 'enable-disable-btns' });
+        if (parent.activeObj.shape && parent.activeObj.shape.split('-')[0] === 'crop') {
+            parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'main',
+                    isApplyBtn: true, isCropping: true, isZooming: null, cType: null } });
         }
-        else if (isNullOrUndefined(parent.activeObj.shape) || parent.activeObj.shape.split('-')[0] !== 'crop') {
-            parent.updateToolbar(parent.element, 'imageLoaded');
-            parent.updateToolbar(parent.element, 'enableDisableToolbarBtn');
+        else {
+            parent.notify('toolbar', { prop: 'refresh-main-toolbar', onPropertyChange: false });
         }
+        parent.notify('toolbar', { prop: 'enable-disable-btns' });
         if (document.getElementById(parent.element.id + '_quickAccessToolbarArea')) {
             document.getElementById(parent.element.id + '_quickAccessToolbarArea').style.display = 'none';
         }
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'enable-disable-btns' });
-        }
-        else {
-            parent.updateToolbar(parent.element, 'enableDisableToolbarBtn');
-        }
+        parent.notify('toolbar', { prop: 'enable-disable-btns' });
         if (parent.transform.degree !== 0) {
             parent.notify('transform', { prop: 'drawPannedImage', onPropertyChange: false,
                 value: { xDiff: 0, yDiff: 0 } });
         }
         parent.notify('filter', { prop: 'setAdjustmentValue', onPropertyChange: false, value: { adjustmentValue: this.lowerContext.filter } });
         parent.currObjType.isCustomCrop = false;
-        if (isBlazor() && parent.events && parent.events.historyChanged.hasDelegate === true) {
-            var imageAction = this.getImageAction(operation);
-            var args = { length: this.undoRedoColl.length, index: this.undoRedoStep, actionTrigger: isUndo ? 'Undo' : 'Redo', imageAction: imageAction };
-            parent.dotNetRef.invokeMethodAsync('OnHistoryChangedAsync', args);
-        }
-    };
-    UndoRedo.prototype.getImageAction = function (operation) {
-        if (['brightness', 'contrast', 'saturation', 'opacity', 'blur', 'hue'].indexOf(operation) !== -1) {
-            return 'FinetuneApplied';
-        }
-        else if (['chrome', 'cold', 'warm', 'grayscale', 'blackandwhite', 'sepia', 'invert'].indexOf(operation) !== -1) {
-            return 'FilterApplied';
-        }
-        else if (operation === 'frame') {
-            return 'FrameApplied';
-        }
-        else if (operation === 'resize') {
-            return 'ImageResized';
-        }
-        else if (['deleteFreehandDrawing', 'deleteObj'].indexOf(operation) !== -1) {
-            return 'ShapeDeleted';
-        }
-        else if (operation === 'crop') {
-            return 'Cropped';
-        }
-        else if (['shapeInsert', 'freehanddraw', 'freehand-draw'].indexOf(operation) !== -1) {
-            return 'ShapeInserted';
-        }
-        else {
-            return 'ShapeCustomized';
-        }
     };
     UndoRedo.prototype.updateUrc = function (operation, previousObj, previousObjColl, previousPointColl, previousSelPointColl, previousCropObj, previousText, currentText, previousFilter, isCircleCrop) {
         var parent = this.parent;
@@ -886,17 +806,7 @@ var UndoRedo = /** @class */ (function () {
                 previousSelPointColl: previousSelPointColl, currentSelPointColl: currentObj.selPointColl,
                 previousCropObj: previousCropObj, currentCropObj: extend({}, parent.cropObj, {}, true),
                 previousText: previousText, currentText: currentText, filter: previousFilter, isCircleCrop: isCircleCrop });
-            if (!isBlazor()) {
-                parent.notify('toolbar', { prop: 'enable-disable-btns', onPropertyChange: false });
-                /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-            }
-            else if (parent.currentToolbar !== 'pen-toolbar') {
-                var toolbarValue = null;
-                if (parent.currentToolbar === 'text-toolbar' && operation === 'textAreaCustomization') {
-                    toolbarValue = 'textAreaClicked';
-                }
-                parent.updateToolbar(parent.element, 'enableDisableToolbarBtn', toolbarValue);
-            }
+            parent.notify('toolbar', { prop: 'enable-disable-btns', onPropertyChange: false });
         }
     };
     UndoRedo.prototype.updateUrObj = function (objColl, operation) {
@@ -952,15 +862,10 @@ var UndoRedo = /** @class */ (function () {
         parent.objColl.pop();
         parent.notify('shape', { prop: 'applyActObj', onPropertyChange: false, value: { isMouseDown: null } });
         parent.notify('shape', { prop: 'refreshActiveObj', onPropertyChange: false });
-        if (!isBlazor()) {
-            parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'shapes',
-                    isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
-            parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'main',
-                    isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
-        }
-        else {
-            parent.updateToolbar(parent.element, 'imageLoaded');
-        }
+        parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'shapes',
+                isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
+        parent.notify('toolbar', { prop: 'refresh-toolbar', onPropertyChange: false, value: { type: 'main',
+                isApplyBtn: null, isCropping: null, isZooming: null, cType: null } });
     };
     UndoRedo.prototype.getZeroZoomObjPointValue = function (obj, point) {
         var parent = this.parent;

package/src/image-editor/base/image-editor-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, addClass, removeClass, ModuleDeclaration, extend, isBlazor, BlazorDotnetObject } from '@syncfusion/ej2-base';
+import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, addClass, removeClass, ModuleDeclaration, extend } from '@syncfusion/ej2-base';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**

package/src/image-editor/base/image-editor.d.ts

@@ -1,4 +1,4 @@
-import { Component, INotifyPropertyChanged, ModuleDeclaration, BlazorDotnetObject } from '@syncfusion/ej2-base';
+import { Component, INotifyPropertyChanged, ModuleDeclaration } from '@syncfusion/ej2-base';
 import { EmitType } from '@syncfusion/ej2-base';
 import { ItemModel, ClickEventArgs } from '@syncfusion/ej2-navigations';
 import { ChildProperty } from '@syncfusion/ej2-base';
@@ -271,8 +271,6 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
     /** @hidden */
     canvasFilter: string;
     /** @hidden */
-    dotNetRef: BlazorDotnetObject;
-    /** @hidden */
     toolbarHeight: number;
     /** @hidden */
     events: any;
@@ -878,9 +876,11 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
     /**
      * Clears the current selection performed in the image editor.
      *
+     * @param { boolean } resetCrop - Specifies to reset last cropped image.
+     *
      * @returns {void}.
      */
-    clearSelection(): void;
+    clearSelection(resetCrop?: boolean): void;
     /**
      * Crops an image based on the selection done in the image editor.
      *
@@ -1040,10 +1040,11 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
      * @param {string} strokeColor - Specifies the stroke color of ellipse.
      * @param {string} fillColor - Specifies the fill color of the ellipse.
      * @param {number} degree - Specifies the degree to rotate the ellipse.
+     * @param {boolean} isSelected - Specifies to show the ellipse in the selected state.
      * @returns {boolean}.
      *
      */
-    drawEllipse(x?: number, y?: number, radiusX?: number, radiusY?: number, strokeWidth?: number, strokeColor?: string, fillColor?: string, degree?: number): boolean;
+    drawEllipse(x?: number, y?: number, radiusX?: number, radiusY?: number, strokeWidth?: number, strokeColor?: string, fillColor?: string, degree?: number, isSelected?: boolean): boolean;
     /**
      * Draw line on an image.
      *
@@ -1053,9 +1054,10 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
      * @param {number} endY - Specifies end point y-coordinates of the line.
      * @param {number} strokeWidth - Specifies the stroke width of line.
      * @param {string} strokeColor - Specifies the stroke color of line.
+     * @param {boolean} isSelected - Specifies to show the line in the selected state.
      * @returns {boolean}.
      */
-    drawLine(startX?: number, startY?: number, endX?: number, endY?: number, strokeWidth?: number, strokeColor?: string): boolean;
+    drawLine(startX?: number, startY?: number, endX?: number, endY?: number, strokeWidth?: number, strokeColor?: string, isSelected?: boolean): boolean;
     /**
      * Draw arrow on an image.
      *
@@ -1067,18 +1069,20 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
      * @param {string} strokeColor - Specifies the stroke color of arrow.
      * @param {ArrowheadType} arrowStart – Specifies the type of arrowhead for start position. The default value is ‘None’.
      * @param {ArrowheadType} arrowEnd – Specifies the type of arrowhead for end position. The default value is ‘SolidArrow’.
+     * @param {boolean} isSelected - Specifies to show the arrow in the selected state.
      * @returns {boolean}.
      */
-    drawArrow(startX?: number, startY?: number, endX?: number, endY?: number, strokeWidth?: number, strokeColor?: string, arrowStart?: ArrowheadType, arrowEnd?: ArrowheadType): boolean;
+    drawArrow(startX?: number, startY?: number, endX?: number, endY?: number, strokeWidth?: number, strokeColor?: string, arrowStart?: ArrowheadType, arrowEnd?: ArrowheadType, isSelected?: boolean): boolean;
     /**
      * Draw path on an image.
      *
      * @param {Point[]} pointColl – Specifies collection of start and end x, y-coordinates of path.
      * @param {number} strokeWidth - Specifies the stroke width of path.
      * @param {string} strokeColor - Specifies the stroke color of path.
+     * @param {boolean} isSelected - Specifies to show the path in the selected state.
      * @returns {boolean}.
      */
-    drawPath(pointColl: Point[], strokeWidth?: number, strokeColor?: string, opacity?: number): boolean;
+    drawPath(pointColl: Point[], strokeWidth?: number, strokeColor?: string, isSelected?: boolean): boolean;
     /**
      * Draw a rectangle on an image.
      *
@@ -1090,9 +1094,10 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
      * @param {string} strokeColor - Specifies the stroke color of rectangle.
      * @param {string} fillColor - Specifies the fill color of the rectangle.
      * @param {number} degree - Specifies the degree to rotate the rectangle.
+     * @param {boolean} isSelected - Specifies to show the rectangle in the selected state.
      * @returns {boolean}.
      */
-    drawRectangle(x?: number, y?: number, width?: number, height?: number, strokeWidth?: number, strokeColor?: string, fillColor?: string, degree?: number): boolean;
+    drawRectangle(x?: number, y?: number, width?: number, height?: number, strokeWidth?: number, strokeColor?: string, fillColor?: string, degree?: number, isSelected?: boolean): boolean;
     /**
      * Draw a text on an image.
      *
@@ -1106,10 +1111,11 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
      * @param {boolean} bold - Specifies whether the text is bold or not.
      * @param {boolean} italic - Specifies whether the text is italic or not.
      * @param {string} color - Specifies font color of the text.
+     * @param {boolean} isSelected - Specifies to show the text in the selected state.
      * @returns {boolean}.
      *
      */
-    drawText(x?: number, y?: number, text?: string, fontFamily?: string, fontSize?: number, bold?: boolean, italic?: boolean, color?: string): boolean;
+    drawText(x?: number, y?: number, text?: string, fontFamily?: string, fontSize?: number, bold?: boolean, italic?: boolean, color?: string, isSelected?: boolean): boolean;
     /**
      * Draw an image as annotation on an image.
      *
@@ -1122,10 +1128,11 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
      * @param {boolean} isAspectRatio - Specifies whether to maintain aspect ratio or not.
      * @param {number} degree - Specifies the degree to rotate the image.
      * @param {number} opacity - Specifies the value for the image.
+     * @param {boolean} isSelected - Specifies to show the image in the selected state.
      * @returns {boolean}.
      *
      */
-    drawImage(data: string | ImageData, x?: number, y?: number, width?: number, height?: number, isAspectRatio?: boolean, degree?: number, opacity?: number): boolean;
+    drawImage(data: string | ImageData, x?: number, y?: number, width?: number, height?: number, isAspectRatio?: boolean, degree?: number, opacity?: number, isSelected?: boolean): boolean;
     /**
      * Select a shape based on the given shape id.
      * Use 'getShapeSettings' method to get the shape id which is then passed to perform selection.
@@ -1262,10 +1269,11 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
      * {% codeBlock src='image-editor/updateShape/index.md' %}{% endcodeBlock %}
      *
      * @param {ShapeSettings} setting - Specifies the shape settings to be updated for the shape on an image.
+     * @param {boolean} isSelected - Specifies to show the shape in the selected state.
      * @returns {boolean}.
      *
      */
-    updateShape(setting: ShapeSettings): boolean;
+    updateShape(setting: ShapeSettings, isSelected?: boolean): boolean;
     /**
      * Duplicates a shape based on the given shape ID in the ImageEditor.
      * Use 'getShapeSettings' method to get the shape and then pass a shapeId from the returned shape to clone a shape.
@@ -1275,6 +1283,36 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
      *
      */
     cloneShape(shapeId: string): boolean;
+    /**
+     * Update filter to the canvas in the ImageEditor.
+     *
+     * @param {ImageFilterOption } filterOption - Specifies the filter options to the image.
+     *
+     * @returns {string}.
+     *
+     */
+    getImageFilter(filterOption: ImageFilterOption): string;
+    /**
+     * Enable text area editing in the ImageEditor.
+     *
+     * @returns {void}.
+     *
+     */
+    enableTextEditing(): void;
+    /**
+     * Specifies if it's possible to undo the last recent action made in an Image Editor.
+     *
+     * @returns {boolean}.
+     *
+     */
+    canUndo(): boolean;
+    /**
+     * Specifies if it's possible to redo the last recent action made in an Image Editor.
+     *
+     * @returns {boolean}.
+     *
+     */
+    canRedo(): boolean;
     private toolbarTemplateFn;
     private quickAccessToolbarTemplateFn;
     private templateParser;
@@ -1282,6 +1320,7 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
     private getFinetuneOption;
     private setPenStroke;
     private updateFreehandDrawColorChange;
+    private getUndoRedoColl;
     private updateImageTransformColl;
     private setInitialZoomState;
     /**
@@ -1528,36 +1567,6 @@ export declare class ImageEditor extends Component<HTMLDivElement> implements IN
      */
     getRotatedCanvasDim(width: number, height: number, angle: number): Dimension;
     private getStraightenFlipState;
-    /**
-     * To Initialize the component rendering
-     *
-     * @private
-     * @param {HTMLCanvasElement} element - Specifies the canvas element.
-     * @param {BlazorDotnetObject} dotnetRef - Specifies for blazor client to server communication.
-     * @returns {void}
-     */
-    initializeImageEditor(element: HTMLDivElement, dotnetRef?: BlazorDotnetObject): void;
-    private prerender;
     private initializeZoomSettings;
     private initializeThemeColl;
-    /**
-     * Get the square point for path.
-     *
-     * @param { HTMLDivElement } element - Specifies element.
-     * @param { string } type - Specifies the type.
-     * @param { string } value - Specifies the value.
-     * @hidden
-     * @private
-     * @returns {void}.
-     */
-    updateToolbar(element: HTMLDivElement, type: string, value?: string): void;
-    /**
-     * Trigger the shapeChanging event for after the shape applied.
-     *
-     * @param { ShapeChangeEventArgs } shapeChangedArgs - Specifies the shapeChaning event args.
-     * @hidden
-     * @returns {void}.
-     */
-    triggerShapeChanged(shapeChangedArgs: ShapeChangeEventArgs): void;
-    private triggerActionComplete;
 }