@syncfusion/ej2-image-editor 20.4.42 → 20.4.48

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

@@ -1,6 +1,5 @@
-import { INotifyPropertyChanged } from '@syncfusion/ej2-base';
+import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
 import { EmitType } from '@syncfusion/ej2-base';
-import { SignatureBase } from '@syncfusion/ej2-inputs';
 import { ItemModel, ClickEventArgs } from '@syncfusion/ej2-navigations';
 import { ChildProperty } from '@syncfusion/ej2-base';
 import { ImageEditorModel, FinetuneSettingsModel } from './image-editor-model';
@@ -88,7 +87,7 @@ export declare class FinetuneSettings extends ChildProperty<FinetuneSettings> {
  * </script>
  * ```
  */
-export declare class ImageEditor extends SignatureBase implements INotifyPropertyChanged {
+export declare class ImageEditor extends Component<HTMLDivElement> implements INotifyPropertyChanged {
     /**
      *
      * ImageEditor Private Properties
@@ -100,12 +99,13 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private inMemoryCanvas;
     private inMemoryContext;
     private baseImg;
-    private textBox;
+    private textArea;
     private degree;
+    private isUndoRedo;
     private dragCanvas;
     private dragElement;
     private keyHistory;
-    private flipState;
+    private tempKeyHistory;
     private mouseDownPoint;
     private previousPoint;
     private dragPoint;
@@ -113,47 +113,33 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private oldPoint;
     private objColl;
     private undoRedoColl;
-    private imgDataColl;
-    private currImgData;
+    private isImageLoaded;
     private strokeSettings;
-    private textSettings;
     private tempStrokeSettings;
-    private penStrokeWidth;
+    private textSettings;
     private tempTextSettings;
+    private penStrokeWidth;
     private toolbarHeight;
-    private pannStart;
-    private pannEnd;
     private togglePan;
     private disablePan;
-    private lastX;
-    private lastY;
-    private dragStart;
-    private factor;
     private currFlipState;
     private touchEndPoint;
-    private prevX;
-    private currX;
-    private prevY;
-    private currY;
+    private undoRedoStep;
     private togglePen;
     private currentToolbar;
     private textStartPoints;
     private fontSizeColl;
-    private tempKeyHistory;
-    private penDrawColl;
-    private allowDrag;
     private textRow;
     private activeObj;
+    private tempActiveObj;
     private currObjType;
     private defToolbarItems;
     private defaultLocale;
     private l10n;
     private themeColl;
     private toolbarFn;
-    private baseImgSrc;
     private isTimer;
     private timer;
-    private isScreenOriented;
     private tempObjColl;
     private isFirstMove;
     private startTouches;
@@ -166,14 +152,76 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private currentFilter;
     private tempFilter;
     private canvasFilter;
-    private tempImageData;
-    private sharpenedImgData;
-    private tempSharpenFilter;
-    private tempBWFilter;
+    private tempUndoRedoColl;
+    private tempUndoRedoStep;
+    private zoomFactor;
+    private tempZoomFactor;
+    private destLeft;
+    private destTop;
+    private destWidth;
+    private destHeight;
+    private srcLeft;
+    private srcTop;
+    private srcWidth;
+    private srcHeight;
+    private currSelectionPoint;
+    private cropDestPoints;
+    private panDown;
+    private panMove;
+    private tempPanMove;
+    private flipColl;
+    private isReverseRotate;
+    private isReverseFlip;
+    private isPreventDragging;
+    private isRotateZoom;
+    private rotateFlipColl;
+    private currentPannedPoint;
+    private isCircleCrop;
+    private rotatedDestPoints;
+    private croppedDegree;
+    private freehandDrawHoveredIndex;
+    private freehandDrawSelectedIndex;
+    private isFreehandDrawingPoint;
+    private isFreehandDrawEditing;
+    private tempFreeHandDrawEditingStyles;
+    private totalPannedInternalPoint;
+    private totalPannedClientPoint;
+    private currentSelectionPoint;
+    private totalPannedPoint;
+    private isCropTab;
+    private cropZoomFactor;
+    private defaultZoomFactor;
+    private fileName;
     private isBrightnessAdjusted;
     private isInitialLoading;
-    private imageFileName;
-    private imageFileType;
+    private fileType;
+    private freehandDrawObj;
+    private points;
+    private pointColl;
+    private pointCounter;
+    private freehandCounter;
+    private isFreehandDrawing;
+    private tempFreehandCounter;
+    private tempActObj;
+    private lastPan;
+    private selectedFreehandColor;
+    private isFreehandDrawCustomized;
+    private isShapeInserted;
+    private isAllowCropPan;
+    private tempPannedPoint;
+    private cropObj;
+    private afterCropActions;
+    private isCancelAction;
+    private isFreehandPointMoved;
+    private isTouch;
+    private freehandDownPoint;
+    private tempFlipPanPoint;
+    private currentFreehandDrawIndex;
+    private tempCurrentFreehandDrawIndex;
+    private preventZoomBtn;
+    private cancelObjColl;
+    private cancelPointColl;
+    private rotatedFlipCropSelection;
     /**
      * Defines class/multiple classes separated by a space for customizing Image Editor UI.
      *
@@ -204,6 +252,7 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     /**
      * Specifies the theme of the Image Editor. The shape selection appearance will be decided based on this property.
      * The property supports all the built-in themes of Syncfusion.
+     * default 'Bootstrap5'
      *
      * @isenumeration true
      * @default Theme.Bootstrap5
@@ -216,16 +265,18 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
      * If the property is defined as empty collection, the toolbar will not be rendered.
      * Suppose the property is not defined in control, an image editor’s toolbar will be rendered with preconfigured toolbar commands.
      * The preconfigured toolbar commands are
-     * Crop: helps to crop an image as ellipse, square, various ratio aspects, custom selection with resize, drag and drop.
-     * Annotate: help to insert a shape on image that supports rectangle, ellipse, line, text and freehand drawing with resize, drag and drop, and customize its appearance.
-     * Transform: helps to rotate and flip an image.
-     * ZoomIn: performs zoom-in an image.
-     * ZoomOut: performs zoom-out an image.
-     * Pan: performs panning once zoomed an image.
-     * Move: disable the pan action and move to perform other actions such as insert a shape, transform, and more.
-     * Save: save the modified image.
-     * Open: open an image to perform editing.
-     * Reset: reset the modification and restore the original image.
+     *  Crop: helps to crop an image as ellipse, square, various ratio aspects, custom selection with resize, drag and drop.
+     *  Annotate: help to insert a shape on image that supports rectangle, ellipse, line, text and freehand drawing with resize, drag and drop, and customize its appearance.
+     *  Transform: helps to rotate and flip an image.
+     *  ZoomIn: performs zoom-in an image.
+     *  ZoomOut: performs zoom-out an image.
+     *  Pan: performs panning once zoomed an image.
+     *  Move: disable the pan action and move to perform other actions such as insert a shape, transform, and more.
+     *  Save: save the modified image.
+     *  Open: open an image to perform editing.
+     *  Reset: reset the modification and restore the original image.
+     *
+     * @default null
      ```html
      * <div id='imageeditor'></div>
      * ```
@@ -270,21 +321,12 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
      */
     width: string;
     /**
-     * Gets or sets the background color of the component.
-     * The background color of the component that accepts hex value, rgb and text (like 'red'). The default value is ''.
-     *
-     * @default ''
-     * @private
-     */
-    backgroundColor: string;
-    /**
-     * Gets or sets the background image for the component.
-     * An image that used to fill the background of the component. The default value is ''.
+     * Specifies whether to perform undo / redo operation.
      *
-     * @default ''
+     * @default false
      * @private
      */
-    backgroundImage: string;
+    allowUndoRedo: boolean;
     /**
      * Gets or sets whether to prevent the interaction in signature component.
      * True, if the signature component is read only state where the user interaction is prevented. The default value is false.
@@ -293,49 +335,6 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
      * @private
      */
     isReadOnly: boolean;
-    /**
-     * Gets or sets whether to save the signature along with Background Color and background Image while saving.
-     * True, if signature component to save with background. The default value is true.
-     *
-     * @default true
-     * @private
-     */
-    saveWithBackground: boolean;
-    /**
-     * Gets or sets the stroke color of the signature.
-     * The color of the signature stroke that accepts hex value, rgb and text (like 'red'). The default value is "#000000".
-     *
-     * @default '#000000'
-     * @private
-     */
-    strokeColor: string;
-    /**
-     * Gets or sets the minimum stroke width for signature.
-     * The signature component calculates stroke width based on Velocity, MinStrokeWidth and MaxStrokeWidth.
-     * The minimum width of stroke. The default value is 0.5.
-     *
-     * @default 0.5
-     * @private
-     */
-    minStrokeWidth: number;
-    /**
-     * Gets or sets the maximum stroke width for signature.
-     * The signature component calculates stroke width based on Velocity, MinStrokeWidth and MaxStrokeWidth.
-     * The maximum width of stroke. The default value is 2.0.
-     *
-     * @default 2
-     * @private
-     */
-    maxStrokeWidth: number;
-    /**
-     * Gets or sets the velocity to calculate the stroke thickness based on the pressure of the contact on the digitizer surface.
-     * The Signature component calculates stroke thickness based on Velocity, MinStrokeWidth and MaxStrokeWidth.
-     * The default value is 0.7.
-     *
-     * @default 0.7
-     * @private
-     */
-    velocity: number;
     /**
      * Specifies the Signature in RTL mode that displays the content in the right-to-left direction.
      *
@@ -364,12 +363,6 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
      *
      */
     finetuneSettings: FinetuneSettingsModel;
-    /**
-     * Gets or sets the last signature url to maintain the persist state.
-     *
-     * @private
-     */
-    signatureValue: string;
     /**
      * Triggers before an image is saved.
      *
@@ -429,7 +422,7 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
      *
      * @event fileOpened
      */
-    fileOpened: EmitType<FileOpenEventArgs>;
+    fileOpened: EmitType<OpenEventArgs>;
     /**
      * Triggers once an image is saved.
      *
@@ -463,9 +456,9 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     /**
      * Triggers when applying fine tune to an image.
      *
-     * @event fineTuneValueChanging
+     * @event finetuneValueChanging
      */
-    fineTuneValueChanging: EmitType<FinetuneEventArgs>;
+    finetuneValueChanging: EmitType<FinetuneEventArgs>;
     /**
      *
      * Constructor for creating the widget
@@ -473,7 +466,7 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
      * @param  {ImageEditorModel} options - Specifies the image editor model
      * @param  {string|HTMLDivElement} element - Specifies the target element
      */
-    constructor(options?: ImageEditorModel, element?: string | HTMLCanvasElement);
+    constructor(options?: ImageEditorModel, element?: string | HTMLDivElement);
     protected preRender(): void;
     /**
      *
@@ -510,7 +503,9 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     onPropertyChanged(newProperties: ImageEditorModel, oldProperties?: ImageEditorModel): void;
     destroy(): void;
     initialize(): void;
+    private getDefaultFilter;
     private updateFinetunes;
+    private initializeFilter;
     /**
      *
      * This Method will add events to component (element, event, method, current reference)
@@ -525,7 +520,6 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
      * @returns {void}.
      */
     private unwireEvent;
-    private initializeFilter;
     private destroySubComponents;
     private updateTheme;
     private toPascalCase;
@@ -545,13 +539,17 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private processSubToolbar;
     private isToolbar;
     private initToolbarItem;
+    private enableDisableToolbarBtn;
     private createLeftToolbarControls;
+    private cropSelectedState;
     private renderAnnotationBtn;
     private renderCropBtn;
     private renderTransformBtn;
     private renderSaveBtn;
     private cropSelect;
     private transformSelect;
+    private performTransformation;
+    private updateTransform;
     private getShapesToolbarItem;
     private initShapesToolbarItem;
     private createShapeColor;
@@ -565,28 +563,56 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private createTextBtn;
     private getFontSizes;
     private getTextAreaWidth;
+    private updateUndoRedoObj;
     private updateObjColl;
     private applyFontStyle;
     private initZoomToolbarItem;
+    private refreshUndoRedoColl;
+    private applyPreviewFilter;
     private contextualToolbarClicked;
     private defToolbarClicked;
+    private performCancel;
+    private applyShape;
+    private applyFreehandDraw;
+    private cancelFreehandDraw;
+    private openSlider;
+    private setTempFilterProperties;
     private okBtn;
+    private updateBrightnessFilter;
+    private isFreehandDrawIndex;
+    private deleteFreehandDraw;
     private unselectBtn;
+    private callUndo;
+    private callRedo;
     private refreshSlider;
+    private iterateObjColl;
     private updateAdjustment;
-    private updateBrightnessFilter;
     private autoEnablePan;
     private setTempFilterValue;
-    private getDefaultFilter;
-    private setAdjustment;
+    private getDefaultCurrentFilter;
     private renderSlider;
+    private createSlider;
     private getCurrAdjustmentValue;
     private setCurrAdjustmentValue;
     private cancelPan;
     private callMainToolbar;
+    private setCurrSelectionPoints;
+    private updateObjAndFreeHandDrawColl;
     private cancelItems;
-    private gradient;
-    private applyPenDraw;
+    private freehandDownHandler;
+    private freehandUpHandler;
+    private freehandMoveHandler;
+    private processPoint;
+    private calcCurveControlPoints;
+    private point;
+    private startDraw;
+    private pointVelocity;
+    private distanceTo;
+    private drawCurve;
+    private bezierLength;
+    private bezierPoint;
+    private drawArc;
+    private freehandRedraw;
     private redrawImgWithObj;
     private refreshToolbar;
     private getAdjustmentToolbarItem;
@@ -595,16 +621,63 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private initPenToolbarItem;
     private createPenColor;
     private createPenBtn;
+    private updateFreehandDrawColorChange;
     private setPenStroke;
     private getPenStroke;
     private initAdjustmentToolbarItem;
     private initFilterToolbarItem;
+    private getCurrentCanvasData;
     private createCanvasFilter;
+    private callUpdateCurrentTransformedState;
+    private updateCurrentTransformedState;
+    private reverseTransformedState;
+    private currentTransformedState;
+    private iterateRotateFlipColl;
+    private setTransform;
+    private isObjInsideCropRegion;
+    private panFreehandDrawColl;
+    private panObjColl;
+    private cropObjColl;
+    private cropFreehandDrawColl;
+    private hoverFreehandraw;
+    private flipFreehandrawColl;
+    private rotateFreehandDrawColl;
+    private zoomFreehandDrawColl;
+    private zoomX;
+    private zoomY;
+    private zoomObjColl;
+    private calcRatio;
+    private drawCustomSelection;
+    private clearOuterCanvas;
+    private cropCircle;
+    private updateCropObj;
+    private setCropObj;
+    private drawCropSelectionImage;
+    private cropImg;
+    private updateImageRatioForActObj;
+    private drawImgToCanvas;
+    private limitPan;
+    private updatePanPoints;
+    private setCurrentPanRegion;
+    private getCurrentPanRegion;
+    private drawPannImage;
+    private drawPannedImage;
+    private updateFlipPan;
+    private updateFlipActiveObj;
+    private resetPanPoints;
+    private flipCrop;
+    private rotateCrop;
+    private updateRotatePanPoints;
+    private rotatePan;
+    private rotateZoom;
+    private drawZoomImgToCanvas;
+    private cropZoom;
     private updateCanvas;
     private imageOnLoad;
     private refreshActiveObj;
     private redrawText;
     private setTextSelection;
+    private updateUndoRedoColl;
     private fileSelect;
     private findTextPoint;
     private getStrokeWidth;
@@ -613,7 +686,12 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private targetTouches;
     private calculateScale;
     private getDistance;
+    private setXYPoints;
     private touchStartHandler;
+    private isShapeTouch;
+    private isFreehandDrawTouch;
+    private selectFreehandDraw;
+    private closeContextualToolbar;
     private mouseDownEventHandler;
     private mouseMoveEventHandler;
     private mouseUpEventHandler;
@@ -622,18 +700,14 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private canvasMouseDownHandler;
     private canvasMouseMoveHandler;
     private canvasMouseUpHandler;
-    private setPanPoints;
+    private handleScroll;
     private textKeyDown;
     private adjustToScreen;
     private screenOrientation;
     private windowResizeHandler;
-    private drawPanImg;
-    private redrawImg;
-    private updateContext;
-    private scaleNonUniform;
-    private zoomImg;
-    private handleScroll;
-    private redraw;
+    private updatePreviousShapeSettings;
+    private disableZoomOutBtn;
+    private setZoomDimension;
     private applyCurrActObj;
     private updateTextFromTextArea;
     private setTextBoxStylesToActObj;
@@ -641,10 +715,15 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private setTextBoxPos;
     private setTextBoxPoints;
     private findTextTarget;
+    private selectedText;
     private setTextBoxHeight;
     private setTextBoxWidth;
     private setActivePoint;
+    private setDragWidth;
+    private setDragHeight;
+    private triggerShapeChange;
     private updateActivePoint;
+    private preventDraggingInvertly;
     private updateNWPoints;
     private updateNPoints;
     private updateNEPoints;
@@ -653,14 +732,17 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private updateSWPoints;
     private updateSPoints;
     private updateSEPoints;
+    private updateFontRatio;
+    private updateFontSize;
+    private preventInverseResize;
     private getScaleRatio;
     private getMaxText;
     private setDragLimit;
     private lineDraw;
     private shapeCircle;
     private drawOuterSelection;
-    private getZoomShape;
     private drawObject;
+    private rotateShape;
     private updateActiveObject;
     private drawShapeObj;
     private shapeLine;
@@ -671,42 +753,67 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private drawCenterCircles;
     private findTarget;
     private findTargetObj;
+    private getCurrentFlipState;
+    private rotateDegree;
     private updateCursorStyles;
     private drawCropRatio;
     private setDragDirection;
+    private updatePoints;
     private calcShapeRatio;
     private getScale;
-    private calcRatio;
     private calcMaxDimension;
     private setMaximumDimension;
     private setCursor;
+    private setCursorForFreehandDrawing;
     private setCursorFromObj;
-    private setCursorForZoomState;
+    private isInside;
+    private refreshDropDownBtn;
     private downloadImg;
     private toSVGImg;
     private toBlobFn;
+    private exportChangesToCanvas;
+    private exportTransformedImage;
+    private exportRotate;
+    private exportHorizontalFlip;
+    private exportVerticalFlip;
+    private updateSaveContext;
     private addLetter;
     private updateFontStyles;
-    private updateInMemoryCanvas;
-    private calcPrevRatio;
     private textFlipDegree;
     private rotateText;
-    private redrawSelection;
     private redrawObj;
     private updateCurrentActiveObjPoint;
-    private calcCurrPoints;
+    private rotateObjColl;
+    private setTextFontSize;
     private redrawShape;
     private applyActObj;
     private apply;
     private setCenterPoints;
     private drawShape;
     private drawShapeText;
-    private drawPen;
+    private updateShapeChangeEventArgs;
     private getObjDetails;
+    private getFreehandDrawDetails;
     private isPointsInRange;
-    private updateInMemoryContext;
     private clearActObj;
-    private rotateMultiple;
+    private applyPenDraw;
+    private drawRotatedImage;
+    private setClientTransformedDimension;
+    private popForDefaultTransformedState;
+    private popForDefaultFlipState;
+    private popForDefaultRotateState;
+    private alignRotateFlipColl;
+    private updateFlipColl;
+    private horizontalFlip;
+    private verticalFlip;
+    private updateFlipState;
+    private setDestinationPoints;
+    private rotatedFlip;
+    private getFilterValue;
+    private setFilterValue;
+    private getSaturationFilterValue;
+    private setSaturationFilterValue;
+    private getBlackAndWhiteData;
     private setBrightness;
     private setContrast;
     private setHue;
@@ -715,16 +822,11 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
     private setBlur;
     private setExposure;
     private setFilter;
-    private setBlackAndWhiteFilter;
-    private setSharpness;
-    private replaceBWSharpenData;
-    private updateBWSharpness;
-    private getSharpenData;
-    private getFilterValue;
-    private setFilterValue;
-    private getSaturationFilterValue;
-    private setSaturationFilterValue;
-    private getBlackAndWhiteData;
+    private renderImage;
+    private updateTextBox;
+    private setAdjustment;
+    private updateFilter;
+    private drawNewSelection;
     /**
      * Clear a current selection.
      *
@@ -832,6 +934,7 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
      * @returns {void}.
      */
     pan(value: boolean): void;
+    private setDestPointsForFlipState;
     /**
      * Increase / Decrease the magnification of an image.
      *
@@ -992,13 +1095,6 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
      * @returns {void}.
      */
     update(): void;
-    /**
-     * To apply the filters to an image
-     *
-     * @param {ImageFilterOptions } filterOption - Specifies the filter options to the image.
-     * @returns {void}.
-     */
-    applyImageFilter(filterOption: ImageFilterOptions): void;
     /**
      * To apply the filters to an image
      *
@@ -1009,100 +1105,26 @@ export declare class ImageEditor extends SignatureBase implements INotifyPropert
      */
     finetuneImage(finetuneOption: ImageFinetuneOptions, value: number): void;
     /**
-     * To check whether the undo collection is empty or not.
-     *
-     * @returns {boolean}.
-     * @private
-     */
-    canUndo(): boolean;
-    /**
-     * To check whether the redo collection is empty or not.
-     *
-     * @returns {boolean}.
-     * @private
-     */
-    canRedo(): boolean;
-    /**
-     * Erases all the signature strokes signed by user.
-     *
-     * @returns {void}.
-     * @private
-     */
-    clear(): void;
-    /**
-     * 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: string, fontFamily?: string, fontSize?: number): void;
-    /**
-     * 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: string): Blob;
-    /**
-     * To check whether the signature is empty or not.
-     *
-     * @returns {boolean}.
-     * @private
-     */
-    isEmpty(): boolean;
-    /**
-     * To load the signature with the given base 64 string, height and width.
+     * To apply the filters to an image
      *
-     * @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.
+     * @param {ImageFilterOptions } filterOption - Specifies the filter options to the image.
      * @returns {void}.
-     * @private
      */
-    load(signature: string, width?: number, height?: number): void;
+    applyImageFilter(filterOption: ImageFilterOptions): void;
     /**
      * Undo the last user action.
      *
-     * @returns {void}.
      * @private
+     * @returns {void}.
      */
     undo(): void;
     /**
      * Redo the last user action.
      *
-     * @returns {void}.
      * @private
-     */
-    redo(): void;
-    /**
-     * To save the signature with the given file type and file name.
-     *
-     * @param {FileType} 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?: FileType, fileName?: string): void;
-    /**
-     * To save the signature as Blob.
-     *
-     * @returns {Blob}.
-     * @private
      */
-    saveAsBlob(): Blob;
-    /**
-     * Returns the persistence data for component.
-     *
-     * @returns {any}.
-     * @private
-     */
-    getLocalData(): any;
+    redo(): void;
 }
 /**
  * Defines the Image Editor file type.
@@ -1115,7 +1137,7 @@ export declare type Direction = 'Horizontal' | 'Vertical';
 /**
  * Defines the Image Editor shape type.
  */
-export declare type ShapeType = 'Rectangle' | 'Ellipse' | 'Line' | 'Text';
+export declare type ShapeType = 'Rectangle' | 'Ellipse' | 'Line' | 'Text' | 'FreehandDraw';
 /**
  * Defines the theme for Image Editor.
  */
@@ -1127,7 +1149,7 @@ export declare type ImageEditorCommands = 'Crop' | 'Transform' | 'Annotate' | 'Z
 /**
  * Defines the image filter options
  */
-export declare type ImageFilterOptions = 'Default' | 'Chrome' | 'Cold' | 'Warm' | 'Gray Scale' | 'Sepia' | 'Invert';
+export declare type ImageFilterOptions = 'Default' | 'Chrome' | 'Cold' | 'Warm' | 'Grayscale' | 'Sepia' | 'Invert';
 /**
  * Defines the image filter options
  */
@@ -1200,11 +1222,11 @@ export interface ShapeChangeEventArgs {
     /**
      * Returns the object of shape before moved, resized, or customized the UI.
      */
-    previousShapeSettings?: Object;
+    previousShapeSettings?: ShapeSettings;
     /**
      * Returns `the object of shape which is inserted or moved or deleted or resized or customized the UI.
      */
-    currentShapeSettings?: Object;
+    currentShapeSettings?: ShapeSettings;
 }
 /**
  * Interface for Toolbar events.
@@ -1228,15 +1250,15 @@ export interface ToolbarEventArgs {
     toolbarItems?: (string | ItemModel)[];
 }
 /**
- * Interface for saving the canvas as image.
+ * Interface for opening the image.
  */
-export interface FileOpenEventArgs {
+export interface OpenEventArgs {
     /**
-     * Specifies the file name for an image.
+     * Returns the file name of an image.
      */
     fileName: string;
     /**
-     * Returns the file type for an image.
+     * Returns the file type of an image.
      */
     fileType: FileType;
 }
@@ -1245,11 +1267,11 @@ export interface FileOpenEventArgs {
  */
 export interface SaveEventArgs {
     /**
-     * Specifies the file name for an image.
+     * Returns the file name of an image.
      */
     fileName: string;
     /**
-     * Returns the file type for an image.
+     * Returns the file type of an image.
      */
     fileType: FileType;
 }
@@ -1283,6 +1305,24 @@ export interface Point {
      * Returns y position in the canvas.
      */
     y: number;
+    /**
+     * Returns the x ratio from in the image.
+     *
+     * @private
+     */
+    ratioX?: number;
+    /**
+     * Returns y ratio from the image.
+     *
+     * @private
+     */
+    ratioY?: number;
+    /**
+     * Gets or sets the time.
+     *
+     * @private
+     */
+    time?: number;
 }
 /**
  * Interface for ShapeSettings in the imageEditor.
@@ -1348,6 +1388,10 @@ export interface ShapeSettings {
      * Returns the font color of the text.
      */
     color?: string;
+    /**
+     * Returns the points collection of freehand drawing.
+     */
+    points?: Point[];
 }
 /**
  * Interface for filter option for the image.