@syncfusion/ej2-image-editor 20.3.50 → 20.4.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.50
+*  version : 20.4.38
 *  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.48",
+  "_id": "@syncfusion/ej2-image-editor@20.5.2",
   "_inBundle": false,
-  "_integrity": "sha512-wiorIhe8Z3pnWog2Pj0FgkCtduL1PYYRBCGoMOlpMKfFObs06BZvKHOuoW84LvK84Z6DluTEExS6iEGap4ByiQ==",
+  "_integrity": "sha512-5ifN1vR2eDXYloC2I91m7z6BGK/5hOKQxX9FjA2AGnu/EMCEuRd46k/G6v97y9G2tFfK06NzJxTBftRzJoVjbQ==",
   "_location": "/@syncfusion/ej2-image-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -23,21 +23,21 @@
     "/@syncfusion/ej2-react-image-editor",
     "/@syncfusion/ej2-vue-image-editor"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-20.3.48.tgz",
-  "_shasum": "00e57bec580b475a0afdee744e70de4dfd3c8053",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-image-editor/-/ej2-image-editor-20.5.2.tgz",
+  "_shasum": "52c3e2411c696fa6b06398a8651f55b6eb18ef8c",
   "_spec": "@syncfusion/ej2-image-editor@*",
-  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.50",
-    "@syncfusion/ej2-buttons": "~20.3.50",
-    "@syncfusion/ej2-inputs": "~20.3.50",
-    "@syncfusion/ej2-navigations": "~20.3.50",
-    "@syncfusion/ej2-popups": "~20.3.50",
-    "@syncfusion/ej2-splitbuttons": "~20.3.47"
+    "@syncfusion/ej2-base": "~20.4.38",
+    "@syncfusion/ej2-buttons": "~20.4.38",
+    "@syncfusion/ej2-inputs": "~20.4.38",
+    "@syncfusion/ej2-navigations": "~20.4.38",
+    "@syncfusion/ej2-popups": "~20.4.38",
+    "@syncfusion/ej2-splitbuttons": "~20.4.38"
   },
   "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,6 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/imageeditor"
   },
   "typings": "index.d.ts",
-  "version": "20.3.50",
+  "version": "20.4.38",
   "sideEffects": false
 }

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

@@ -1,5 +1,54 @@
-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,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 +57,7 @@ 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 +72,26 @@ 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 +99,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 +150,7 @@ export interface ImageEditorModel {
 
     /**
      * Specifies the width of the Image Editor.
-     * default 100%
+     * @default '100%'
      */
     width?: string;
 
@@ -198,6 +247,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.
      *
@@ -296,4 +365,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>
+
 }