@syncfusion/ej2-image-editor 20.3.56 → 20.4.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.56
+*  version : 20.4.40
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-image-editor@*",
-  "_id": "@syncfusion/ej2-image-editor@20.3.50",
+  "_id": "@syncfusion/ej2-image-editor@20.4.38",
   "_inBundle": false,
-  "_integrity": "sha512-GC3GXiioSuat7lNj1+alap+EKHpfZE82vt3zXFUkkLapiv6l0ANzbwAnyDgb26HhgtTw1eRSISKw3WFy2gJxXw==",
+  "_integrity": "sha512-qmD+rNyurwGSaTsEg87SGQDiy4gvGYVwnXVxEyuY5sjSSHXmRV21J33nFIOfrzx6an+GxUJfUwQ/0NPIFCnKwA==",
   "_location": "/@syncfusion/ej2-image-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-image-editor",
     "/@syncfusion/ej2-vue-image-editor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-20.3.50.tgz",
-  "_shasum": "d3a275b9552ab924a714250cea4033a379403075",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-20.4.38.tgz",
+  "_shasum": "0e045a664e6e4c477c8dd1b736c36df40153ebcd",
   "_spec": "@syncfusion/ej2-image-editor@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -32,12 +32,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.56",
-    "@syncfusion/ej2-buttons": "~20.3.56",
-    "@syncfusion/ej2-inputs": "~20.3.56",
-    "@syncfusion/ej2-navigations": "~20.3.56",
-    "@syncfusion/ej2-popups": "~20.3.56",
-    "@syncfusion/ej2-splitbuttons": "~20.3.56"
+    "@syncfusion/ej2-base": "~20.4.40",
+    "@syncfusion/ej2-buttons": "~20.4.40",
+    "@syncfusion/ej2-inputs": "~20.4.40",
+    "@syncfusion/ej2-navigations": "~20.4.40",
+    "@syncfusion/ej2-popups": "~20.4.40",
+    "@syncfusion/ej2-splitbuttons": "~20.4.40"
   },
   "deprecated": false,
   "description": "Essential JS 2 ImageEditor",
@@ -46,19 +46,17 @@
   "keywords": [
     "ej2",
     "syncfusion",
-    "web-components",
-    "javascript",
-    "typescript",
-    "image-editor",
-    "ej2-image-editor",
-    "ej2-imageeditor",
-    "js image-editor",
-    "js image-editor",
-    "image editor js",
     "image editor",
-    "javascript imageeditor",
-    "typescript imageeditor",
-    "imageeditor"
+    "photo editor",
+    "photo viewer",
+    "javascript image editor",
+    "typescript image editor",
+    "syncfusion image editor",
+    "imageeditor",
+    "image manipulation tool",
+    "canvas image editor",
+    "web image editor",
+    "image editing software"
   ],
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-image-editor.umd.min.js",
@@ -69,6 +67,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/imageeditor"
   },
   "typings": "index.d.ts",
-  "version": "20.3.56",
-  "sideEffects": false
+  "version": "20.4.40",
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -1,5 +1,61 @@
-import { NotifyPropertyChanges, INotifyPropertyChanged, Property, addClass, removeClass, extend } from '@syncfusion/ej2-base';
-import {Theme,ImageEditorCommands,SaveEventArgs,BeforeSaveEventArgs,ZoomEventArgs,PanEventArgs,CropEventArgs,RotateEventArgs,FlipEventArgs,ShapeChangeEventArgs,ToolbarEventArgs} from "./image-editor";
+import { NotifyPropertyChanges, INotifyPropertyChanged, Property, addClass, removeClass, extend } from '@syncfusion/ej2-base';
+import {ImageFinetuneValue,Theme,ImageEditorCommands,SaveEventArgs,BeforeSaveEventArgs,ZoomEventArgs,PanEventArgs,CropEventArgs,RotateEventArgs,FlipEventArgs,ShapeChangeEventArgs,FileOpenEventArgs,ToolbarEventArgs,ImageFilterEventArgs,FinetuneEventArgs} from "./image-editor";
+
+/**
+ * Interface for a class FinetuneSettings
+ */
+export interface FinetuneSettingsModel {
+
+    /**
+     * Specifies the brightness level of image.
+     *
+     * @default null
+     */
+    brightness?: ImageFinetuneValue;
+
+    /**
+     * Specifies the contrast level image.
+     *
+     * @default null
+     */
+    contrast?: ImageFinetuneValue;
+
+    /**
+     * Specifies the hue level image.
+     *
+     * @default null
+     */
+    hue?: ImageFinetuneValue;
+
+    /**
+     * Specifies the saturation level image.
+     *
+     * @default null
+     */
+    saturation?: ImageFinetuneValue;
+
+    /**
+     * Specifies the exposure level image.
+     *
+     * @default null
+     */
+    exposure?: ImageFinetuneValue;
+
+    /**
+     * Specifies the opacity level image.
+     *
+     * @default null
+     */
+    opacity?: ImageFinetuneValue;
+
+    /**
+     * Specifies the blur level image.
+     *
+     * @default null
+     */
+    blur?: ImageFinetuneValue;
+
+}
 
 /**
  * Interface for a class ImageEditor
@@ -8,7 +64,8 @@ export interface ImageEditorModel {
 
     /**
      * Defines class/multiple classes separated by a space for customizing Image Editor UI.
-     * default ''
+     *
+     * @default ''
      ```html
      * <div id='imageeditor'></div>
      * ```
@@ -23,25 +80,28 @@ export interface ImageEditorModel {
 
     /**
      * Specifies whether the Image Editor is disabled.
-     * default false
+     *
+     * @default false
      */
     disabled?: boolean;
 
     /**
      * Specifies the height of the Image Editor.
-     * default '100%'
+     *
+     * @default '100%'
      */
     height?: string;
 
     /**
      * 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
      * @asptype Theme
-     * 
+     *
      */
+
     theme?: string | Theme;
 
     /**
@@ -49,17 +109,16 @@ export interface ImageEditorModel {
      * 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.
-     * default null
+     * 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.
      ```html
      * <div id='imageeditor'></div>
      * ```
@@ -101,7 +160,8 @@ export interface ImageEditorModel {
 
     /**
      * Specifies the width of the Image Editor.
-     * default 100%
+     *
+     * @default '100%'
      */
     width?: string;
 
@@ -198,6 +258,26 @@ export interface ImageEditorModel {
      */
     enablePersistence?: boolean;
 
+    /**
+     * It can be done using the filter property of the canvas.  The following fine tunes can be supported.
+     * Brightness: The intensity of the primary colors grows with increased brightness, but the color itself does not change. It can be done by changing brightness and opacity property.
+     * Contrast: The contrast of an image refers to the difference between the light pixels and dark pixels. Low contrast images contain either a narrow range of colors while high contrast images have bright highlights and dark shadows. It can be done by changing contrast property.
+     * Hue: Hue distinguishes one color from another and is described using common color names such as green, blue, red, yellow, etc. Value refers to the lightness or darkness of a color. It can be controlled by hue-rotate property.
+     * Saturation: If saturation increases, colors appear sharper or purer. As saturation decreases, colors appear more washed-out or faded. It can be controlled by saturation and brightness property.
+     * Exposure: If exposure increases, intensity of light appears brighter. As exposure decreases, intensity of light decreases. Exposure can be controlled by brightness property.
+     * Opacity: The state or quality of being opaque or transparent, not allowing light to pass through the image. Opacity can be controlled by opacity property.
+     * Blur : Adjusting the blur can make an image unfocused or unclear. Blur can be controlled by blur property.
+     *
+     */
+    finetuneSettings?: FinetuneSettingsModel;
+
+    /**
+     * Gets or sets the last signature url to maintain the persist state.
+     *
+     * @private
+     */
+    signatureValue?: string;
+
     /**
      * Triggers before an image is saved.
      *
@@ -266,7 +346,7 @@ export interface ImageEditorModel {
      *
      * @event fileOpened
      */
-    fileOpened?: EmitType<OpenEventArgs>
+    fileOpened?: EmitType<FileOpenEventArgs>
 
     /**
      * Triggers once an image is saved.
@@ -296,4 +376,18 @@ export interface ImageEditorModel {
      */
     toolbarItemClicked?: EmitType<ClickEventArgs>
 
+    /**
+     * Triggers when applying filter to an image.
+     *
+     * @event imageFiltering
+     */
+    imageFiltering?: EmitType<ImageFilterEventArgs>;
+
+    /**
+     * Triggers when applying fine tune to an image.
+     *
+     * @event fineTuneValueChanging
+     */
+    fineTuneValueChanging?: EmitType<FinetuneEventArgs>
+
 }