@syncfusion/ej2-image-editor - npm Package Compare versions

Comparing version 20.3.48 to 20.3.50

CHANGELOG.md

@@ -9,2 +9,10 @@ # Changelog
 
+- Issue with "Toolbar Template Alignment" has been resolved.
+
+## 20.3.48 (2022-10-05)
+
+### Image Editor
+
+#### Bug Fixes
+
 - Issue with "Screen Orientation Alignment in mobile mode" has been resolved.
@@ -11,0 +19,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 20.3.48
+*  version : 20.3.50
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-image-editor@*",
-  "_id": "@syncfusion/ej2-image-editor@20.3.47",
+  "_id": "@syncfusion/ej2-image-editor@20.3.48",
   "_inBundle": false,
-  "_integrity": "sha512-Q62yo/sQO5+omyPnSjFaUTf9jOEPjzBURoZEtIr2TZKIgSumJhofZcN80i/Lq8cJOGAQixaIANZIcZV2tn2Wng==",
+  "_integrity": "sha512-wiorIhe8Z3pnWog2Pj0FgkCtduL1PYYRBCGoMOlpMKfFObs06BZvKHOuoW84LvK84Z6DluTEExS6iEGap4ByiQ==",
   "_location": "/@syncfusion/ej2-image-editor",
@@ -26,4 +26,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-20.3.47.tgz",
-  "_shasum": "92f90ea59cb20e1aa045767d9da0ff40b10f584f",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-20.3.48.tgz",
+  "_shasum": "00e57bec580b475a0afdee744e70de4dfd3c8053",
   "_spec": "@syncfusion/ej2-image-editor@*",
@@ -36,7 +36,7 @@ "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.48",
-    "@syncfusion/ej2-buttons": "~20.3.48",
-    "@syncfusion/ej2-inputs": "~20.3.47",
-    "@syncfusion/ej2-navigations": "~20.3.48",
-    "@syncfusion/ej2-popups": "~20.3.48",
+    "@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"
@@ -74,4 +74,4 @@ },
   "typings": "index.d.ts",
-  "version": "20.3.48",
+  "version": "20.3.50",
   "sideEffects": false
 }

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

@@ -109,2 +109,95 @@ import { NotifyPropertyChanges, INotifyPropertyChanged, Property, addClass, removeClass, extend } from '@syncfusion/ej2-base';
import { Event, EmitType, EventHandler, getComponent, getInstance, isNullOrUndefined, L10n, getUniqueID } from '@syncfusion/ej2-base';
import { SignatureBase, Dimension, ActivePoint } from '@syncfusion/ej2-inputs';
import { ItemModel, Toolbar, ClickEventArgs } from '@syncfusion/ej2-navigations';
import { DropDownButton, ItemModel as DropDownButtonItemModel, MenuEventArgs, OpenCloseMenuEventArgs } from '@syncfusion/ej2-splitbuttons';
import { ColorPicker, ColorPickerEventArgs, Uploader } from '@syncfusion/ej2-inputs';
import { createSpinner, showSpinner, hideSpinner, OpenEventArgs } from '@syncfusion/ej2-popups';
import { compile, compile as templateCompiler, Browser } from '@syncfusion/ej2-base';
     /**
+     * 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 ''.
+     *
+     * @default ''
+     * @private
+     */
+    backgroundImage?: string;
+
+    /**
+     * 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.
+     *
+     * @default false
+     * @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.
+     *
+     * @default false
+     * @private
+     */
+    enableRtl?: boolean;
+
+    /**
+     * Gets or sets whether to persist component's state between page reloads.
+     * True, if the component's state persistence is enabled. The default value is false.
+     * Component's property will be stored in browser local storage to persist component's state when page reloads.
+     *
+     * @default false
+     * @private
+     */
+    enablePersistence?: boolean;
+
+    /**
      * Triggers before an image is saved.
@@ -111,0 +204,0 @@ *

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

@@ -187,2 +187,91 @@ import { INotifyPropertyChanged } from '@syncfusion/ej2-base';
     /**
+     * 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 ''.
+     *
+     * @default ''
+     * @private
+     */
+    backgroundImage: string;
+    /**
+     * 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.
+     *
+     * @default false
+     * @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.
+     *
+     * @default false
+     * @private
+     */
+    enableRtl: boolean;
+    /**
+     * Gets or sets whether to persist component's state between page reloads.
+     * True, if the component's state persistence is enabled. The default value is false.
+     * Component's property will be stored in browser local storage to persist component's state when page reloads.
+     *
+     * @default false
+     * @private
+     */
+    enablePersistence: boolean;
+    /**
+     * Gets or sets the last signature url to maintain the persist state.
+     *
+     * @private
+     */
+    signatureValue: string;
+    /**
      * Triggers before an image is saved.
@@ -737,2 +826,97 @@ *
     update(): 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.
+     *
+     * @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.
+     * @returns {void}.
+     * @private
+     */
+    load(signature: string, width?: number, height?: number): void;
+    /**
+     * Undo the last user action.
+     *
+     * @returns {void}.
+     * @private
+     */
+    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 {SignatureFileType} 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;
 }
@@ -739,0 +923,0 @@ /**

No alert changes

Improved metrics

Total package byte prevSize

5045737

increased by1.13%

Lines of code

35711

increased by2.17%

Dependency changes

• Updated@syncfusion/ej2-base@~20.3.50

• Updated@syncfusion/ej2-buttons@~20.3.50

• Updated@syncfusion/ej2-inputs@~20.3.50

• Updated@syncfusion/ej2-navigations@~20.3.50

• Updated@syncfusion/ej2-popups@~20.3.50