@syncfusion/ej2-image-editor 23.2.6 → 24.1.41

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

@@ -25,6 +25,8 @@ export interface ImageFinetuneValue {
 }
 /**
  * The Interface which contains the properties for zoom transition occur in the Image Editor.
+ * @remarks
+ * The `cancel` and `previousZoomFactor` properties were used for `zooming` event.
  */
 export interface ZoomEventArgs {
     /**
@@ -54,7 +56,7 @@ export interface ZoomEventArgs {
     /**
      * Specifies a value that indicates whether the zooming action can be canceled in image editor.
      */
-    cancel: boolean;
+    cancel?: boolean;
     /**
      * Returns the type of zooming performed in the image editor.
      *
@@ -91,6 +93,8 @@ export interface PanEventArgs {
 }
 /**
  * The Interface which contains the properties for crop transition occurs in the Image Editor.
+ * @remarks
+ * The `cancel` and `preventScaling` properties were used for `cropping` event.
  */
 export interface CropEventArgs {
     /**
@@ -112,14 +116,16 @@ export interface CropEventArgs {
     /**
      * Specifies whether to prevent scale-based cropping in the image editor.
      */
-    preventScaling: boolean;
+    preventScaling?: boolean;
     /**
      * Defines whether to cancel the cropping action of image editor.
      */
-    cancel: boolean;
+    cancel?: boolean;
 }
 /**
  * The Interface which contains the properties for rotate transition in the Image Editor.
+ * @remarks
+ * The `cancel` and `previousDegree` properties were used for `rotating` event.
  */
 export interface RotateEventArgs {
     /**
@@ -133,10 +139,12 @@ export interface RotateEventArgs {
     /**
      * Defines whether to cancel the rotating action of image editor.
      */
-    cancel: boolean;
+    cancel?: boolean;
 }
 /**
  * The Interface which contains the properties for flip transition in the Image Editor.
+ * @remarks
+ * The `cancel` and `previousDirection` properties were used for `flipping` event.
  */
 export interface FlipEventArgs {
     /**
@@ -146,7 +154,7 @@ export interface FlipEventArgs {
     /**
      * Defines the cancel option to cancel the flip action.
      */
-    cancel: boolean;
+    cancel?: boolean;
     /**
      * Returns the previous flipped direction of image.
      */
@@ -154,8 +162,14 @@ export interface FlipEventArgs {
 }
 /**
  * The Interface which contains the properties for shape change in Image Editor.
+ * @remarks
+ * The `cancel` and `previousShapeSettings` properties were used for `shapeChanging` event.
  */
 export interface ShapeChangeEventArgs {
+    /**
+     * Defines the cancel option to cancel the shape change action.
+     */
+    cancel?: boolean;
     /**
      * Returns the name of the action.
      */
@@ -337,6 +351,10 @@ export interface ShapeSettings {
      * Returns the start y position of the shape.
      */
     startY: number;
+    /**
+     * Returns the opacity value of the shape.
+     */
+    opacity?: number;
     /**
      * Returns the width of the shape.
      */
@@ -399,7 +417,9 @@ export interface ShapeSettings {
     imageData?: string | ImageData;
 }
 /**
- * Interface for filter option for the image.
+ * The interface which contains the properties for filter option for the image.
+ * @remarks
+ * The `cancel` property is used for `imageFiltering` event.
  */
 export interface ImageFilterEventArgs {
     /**
@@ -409,10 +429,12 @@ export interface ImageFilterEventArgs {
     /**
      * Defines the cancel option to cancel the filter action.
      */
-    cancel: boolean;
+    cancel?: boolean;
 }
 /**
- * Interface for fine tunes option for the image.
+ * The interface which contains the properties for fine tunes option for the image.
+ * @remarks
+ * The `cancel` property is used for `finetuneValueChanging` event.
  */
 export interface FinetuneEventArgs {
     /**
@@ -426,7 +448,7 @@ export interface FinetuneEventArgs {
     /**
      * Defines the cancel option to cancel the fine tunes action.
      */
-    cancel: boolean;
+    cancel?: boolean;
 }
 /**
  * Interface for Dimension calculation in the imageEditor.
@@ -461,12 +483,14 @@ export interface ImageEditorClickEventArgs {
 }
 /**
  * The Interface which contains the properties for resize action in the Image Editor.
+ * @remarks
+ * The `cancel`, `previousWidth`, and `previousHeight` properties were used for `resizing` event.
  */
 export interface ResizeEventArgs {
     /**
      * Defines whether to cancel the resizing action of image editor.
      */
-    cancel: boolean;
+    cancel?: boolean;
     /**
      * Returns the width of the image before resizing can be performed.
      */
@@ -520,12 +544,14 @@ export interface QuickAccessToolbarEventArgs {
 }
 /**
  * The Interface which contains the properties for frame action in the Image Editor.
+ * @remarks
+ * The `cancel` and `previousFrameSetting` properties were used for `frameChange` event.
  */
 export interface FrameChangeEventArgs {
     /**
      * Defines whether to cancel the frame changing action of image editor.
      */
-    cancel: boolean;
+    cancel?: boolean;
     /**
      * Returns the previous frame settings applied on the image.
      */
@@ -682,6 +708,10 @@ export interface CurrentObject {
      * Specifies the stroke color for the object in Image Editor.
      */
     previousZoomValue: number;
+    /**
+     * Specifies the stroke color for the object in Image Editor.
+     */
+    straightenZoom: number;
     /**
      * Specifies the stroke color for the object in Image Editor.
      */
@@ -714,6 +744,10 @@ export interface CurrentObject {
      * Specifies the stroke color for the object in Image Editor.
      */
     currFlipState: string;
+    /**
+     * Specifies the stroke color for the object in Image Editor.
+     */
+    straighten: number;
     /**
      * Specifies the stroke color for the object in Image Editor.
      */
@@ -742,6 +776,14 @@ export interface CurrentObject {
      * Specifies the frame to be drawn in the image in Image Editor.
      */
     frame: string;
+    /**
+     * Specifies the finetune value in Image Editor.
+     */
+    adjustmentLevel: Adjustment;
+    /**
+     * Specifies the selected filter value in Image Editor.
+     */
+    currentFilter: string;
     /**
      * Specifies the frame object to be drawn on the image in Image Editor.
      */
@@ -855,6 +897,10 @@ export interface TransformValue {
      * Specifies the zoomed value of image in non-selection state on the canvas.
      */
     defaultZoomFactor: number;
+    /**
+     * Specifies the straighten value of image on the canvas.
+     */
+    straighten: number;
 }
 /**
  * Defines the panned values of image in canvas.
@@ -980,6 +1026,14 @@ export interface Transition {
      * Specifies the circle crop value in Image Editor.
      */
     isCircleCrop?: boolean;
+    /**
+     * Specifies the finetune slider value in Image Editor.
+     */
+    adjustmentLevel?: Adjustment;
+    /**
+     * Specifies the selected filter value in Image Editor.
+     */
+    currentFilter?: string;
 }
 /**
  * Interface for freehand drawing in the Image Editor.
@@ -1355,12 +1409,12 @@ export interface SelectionPoint {
      * Gets the image element is flipped in vertical  or not.
      */
     isVerImageFlip?: boolean;
-    /**
-     * Gets the image transparency value.
-     */
-    imageTransparency?: number;
     /**
      * Gets the transform collection values.
      */
     rotateFlipColl?: any;
+    /**
+     * Gets the opacity value of image annotation.
+     */
+    opacity?: number;
 }

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

@@ -13,12 +13,14 @@ export declare class ToolbarModule {
     private preventEnableDisableUr;
     private isAspectRatio;
     private isFrameToolbar;
+    private presetColors;
     private lowerContext;
     private upperContext;
     private inMemoryCanvas;
     private inMemoryContext;
     imageWidth: number;
     imageHeight: number;
+    private popupLeft;
     constructor(parent: ImageEditor);
     destroy(): void;
     private addEventListener;
@@ -44,6 +46,8 @@ export declare class ToolbarModule {
     private processToolbar;
     private processSubToolbar;
     private wireZoomBtnEvents;
+    private widthPress;
+    private heightPress;
     private widthAspectRatio;
     private heightAspectRatio;
     private getResizeToolbarItem;
@@ -53,14 +57,17 @@ export declare class ToolbarModule {
     private createLeftToolbarControls;
     private fileSelect;
     private renderAnnotationBtn;
+    private renderStraightenSlider;
     private renderCropBtn;
     private renderTransformBtn;
     private renderSaveBtn;
     private getCropTransformToolbarItem;
     private getShapesToolbarItem;
     private initCropTransformToolbar;
+    private getCropTextContent;
     private getCurrentShapeIcon;
     private initShapesToolbarItem;
+    private beforeModeSwitch;
     private createShapeColor;
     private createShapeBtn;
     private createStartBtn;
@@ -71,6 +78,7 @@ export declare class ToolbarModule {
     private createTextColor;
     private createTextBtn;
     private refreshToolbar;
+    private performCropTransformClick;
     private getAdjustmentToolbarItem;
     private getFrameToolbarItem;
     private getFilterToolbarItem;
@@ -98,6 +106,7 @@ export declare class ToolbarModule {
     private refreshDropDownBtn;
     private cropSelect;
     private quickAccessToolbarClicked;
+    private duplicateShape;
     private defToolbarClicked;
     private performDefTbrClick;
     private frameToolbarClick;
@@ -115,6 +124,7 @@ export declare class ToolbarModule {
     private destroyQuickAccessToolbar;
     private renderSlider;
     private createSlider;
+    private updateFinetuneSpan;
     private applyPreviewFilter;
     private unselectBtn;
     private openSlider;