@syncfusion/ej2-image-editor 20.3.47

package/dist/global/index.d.ts

@@ -0,0 +1,14 @@
+/*!
+*  filename: index.d.ts
+*  version : 20.3.47
+*  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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
+import * as _imageeditor from '@syncfusion/ej2-image-editor';
+
+export declare namespace ej {
+    const imageeditor: typeof _imageeditor;
+}

package/helpers/e2e/imageEditorHelper.d.ts

@@ -0,0 +1,37 @@
+import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
+/**
+ * E2E test helpers for Image Editor to easily interact and the test the component
+ */
+export declare class ImageEditorHelper extends TestHelper {
+    id: string;
+    wrapperFn: Function;
+    /**
+     * Initialize the Image Editor E2E helpers
+     * @param id Element id of the Image Editor element
+     * @param wrapperFn Pass the wrapper function
+     * @return Image Editor any
+     */
+    constructor(id: string, wrapperFn: Function);
+    /**
+     * Used to get the root element of the Image Editor component.
+     * @return Element
+     */
+    getElement(): any;
+    /**
+     * The setModel method is used to set values for the property. It will accepts two arguments.
+     * @param property - Specifies the name of the property whose value has to be updated.
+     * @param value - Specifies the corresponding value to the property.
+     */
+    setModel(property: any, value: any): any;
+    /**
+     * The getModel method is used to return value for the property.
+     * @param property - Specifies the name of the property.
+     */
+    getModel(property: any): any;
+    /**
+     * The invoke method is used to access the public methods available in Image Editor control.
+     * @param fName - Specifies the method name of the Image Editor control.
+     * @param args - Specifies the arguments. This is optional.
+     */
+    invoke(fName: any, args?: any): any;
+}

package/helpers/e2e/imageEditorHelper.js

@@ -0,0 +1,53 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var ImageEditorHelper = (function (_super) {
+        __extends(ImageEditorHelper, _super);
+        function ImageEditorHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
+        }
+        ImageEditorHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        ImageEditorHelper.prototype.setModel = function (property, value) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property] = value;
+            });
+        };
+        ImageEditorHelper.prototype.getModel = function (property) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property];
+            });
+        };
+        ImageEditorHelper.prototype.invoke = function (fName, args) {
+            if (args === void 0) { args = []; }
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                var inst = ele[0].ej2_instances[0];
+                return inst[fName].apply(inst, args);
+            });
+        };
+        return ImageEditorHelper;
+    }(e2e_1.TestHelper));
+    exports.ImageEditorHelper = ImageEditorHelper;
+});

package/helpers/e2e/index.d.ts

@@ -0,0 +1 @@
+export * from './imageEditorHelper';

package/helpers/e2e/index.js

@@ -0,0 +1,8 @@
+define(["require", "exports", "./imageEditorHelper"], function (require, exports, imageEditorHelper_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(imageEditorHelper_1);
+});

package/helpers/e2e/querybuilderHelper.d.ts

@@ -0,0 +1,37 @@
+import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
+/**
+ * E2E test helpers for QueryBuilder to easily interact and the test the component
+ */
+export declare class QueryBuilderHelper extends TestHelper {
+    id: string;
+    wrapperFn: Function;
+    /**
+     * Initialize the Querybuilder E2E helpers
+     * @param id Element id of the Querybuilder element
+     * @param wrapperFn Pass the wrapper function
+     * @return Querybuilder any
+     */
+    constructor(id: string, wrapperFn: Function);
+    /**
+     * Used to get the root element of the Querybuilder component.
+     * @return Element
+     */
+    getElement(): any;
+    /**
+     * The setModel method is used to set values for the property. It will accepts two arguments.
+     * @param property - Specifies the name of the property whose value has to be updated.
+     * @param value - Specifies the corresponding value to the property.
+     */
+    setModel(property: any, value: any): any;
+    /**
+     * The getModel method is used to return value for the property.
+     * @param property - Specifies the name of the property.
+     */
+    getModel(property: any): any;
+    /**
+     * The invoke method is used to access the public methods available in Querybuilder control.
+     * @param fName - Specifies the method name of the Querybuilder control.
+     * @param args - Specifies the arguments. This is optional.
+     */
+    invoke(fName: any, args?: any): any;
+}

package/image-editor.d.ts

@@ -0,0 +1,4 @@
+/**
+ * image-editor
+ */
+export * from './src/image-editor/index';

package/image-editor.js

@@ -0,0 +1,4 @@
+/**
+ * image-editor
+ */
+export * from './src/image-editor/index';

package/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * index
+ */
+export * from './src/index';

package/index.js

@@ -0,0 +1,4 @@
+/**
+ * index
+ */
+export * from './src/index';

package/license

@@ -0,0 +1,10 @@
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/package.json

@@ -0,0 +1,74 @@
+{
+  "_from": "@syncfusion/ej2-image-editor@*",
+  "_id": "@syncfusion/ej2-image-editor@20.2.52",
+  "_inBundle": false,
+  "_integrity": "sha512-XXA7tsh8G5fSVsWD0gq2hx3oqzU/y+RmufrctYIqDbPBxjoeOnMkH2N8cSp27i/lp1LOhjtMPB8uWqQsBIeNdA==",
+  "_location": "/@syncfusion/ej2-image-editor",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-image-editor@*",
+    "name": "@syncfusion/ej2-image-editor",
+    "escapedName": "@syncfusion%2fej2-image-editor",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
+  },
+  "_requiredBy": [
+    "/",
+    "/@syncfusion/ej2",
+    "/@syncfusion/ej2-angular-image-editor",
+    "/@syncfusion/ej2-react-image-editor",
+    "/@syncfusion/ej2-vue-image-editor"
+  ],
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-image-editor/-/ej2-image-editor-20.2.52.tgz",
+  "_shasum": "bc48db2256ebc59e271c1506bea6f38c63c2870d",
+  "_spec": "@syncfusion/ej2-image-editor@*",
+  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+  "author": {
+    "name": "Syncfusion Inc."
+  },
+  "bundleDependencies": false,
+  "dependencies": {
+    "@syncfusion/ej2-base": "~20.3.47",
+    "@syncfusion/ej2-buttons": "~20.3.47",
+    "@syncfusion/ej2-inputs": "~20.3.47",
+    "@syncfusion/ej2-navigations": "~20.3.47",
+    "@syncfusion/ej2-popups": "~20.3.47",
+    "@syncfusion/ej2-splitbuttons": "~20.3.47"
+  },
+  "deprecated": false,
+  "description": "Essential JS 2 ImageEditor",
+  "devDependencies": {},
+  "es2015": "./dist/es6/ej2-image-editor.es5.js",
+  "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"
+  ],
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-image-editor.umd.min.js",
+  "module": "./index.js",
+  "name": "@syncfusion/ej2-image-editor",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/imageeditor"
+  },
+  "typings": "index.d.ts",
+  "version": "20.3.47",
+  "sideEffects": false
+}

package/src/global.js

@@ -0,0 +1 @@
+export * from './index';

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

@@ -0,0 +1,206 @@
+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";
+
+/**
+ * Interface for a class ImageEditor
+ */
+export interface ImageEditorModel {
+
+    /**
+     * Defines class/multiple classes separated by a space for customizing Image Editor UI.
+     * default ''
+     ```html
+     * <div id='imageeditor'></div>
+     * ```
+     * ```typescript
+     * <script>
+     * var imageObj = new ImageEditor({cssClass: 'e-custom-img-editor'});
+     * imageObj.appendTo("#imageeditor");
+     * </script>
+     * ```
+     */
+    cssClass?: string;
+
+    /**
+     * Specifies whether the Image Editor is disabled.
+     * default false
+     */
+    disabled?: boolean;
+
+    /**
+     * Specifies the height of the Image Editor.
+     * 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;
+
+    /**
+     * Specifies the toolbar items to perform UI interactions. It accepts both string[] and ItemModel[] to configure its toolbar items.
+     * 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
+     ```html
+     * <div id='imageeditor'></div>
+     * ```
+     * ```typescript
+     * <script>
+     * var imageObj = new ImageEditor({
+     *     toolbar[Crop, ZoomIn, ZoomOut, Transform, {text: 'Custom'}]
+     * });
+     * imageObj.appendTo("#imageeditor");
+     * </script>
+     * ```
+     */
+    toolbar?: (string | ImageEditorCommands | ItemModel)[];
+
+    /**
+     * Specifies template to the Image Editor Toolbar.
+     * If you want to customize the entire toolbar in own way by using this property.
+     * The property is depending on ‘toolbar’.
+     *
+     * @default null
+     ```html
+     * <div id='imageeditor'></div>
+     * ```
+     * ```typescript
+     * <script>
+     * var imageObj = new ImageEditor({
+     *     toolbarTemplate: '#toolbarTemplate'
+     * });
+     * imageObj.appendTo("#imageeditor");
+     * </script>
+     * <script id="toolbarTemplate" type="text/x-template">
+     *    <div class = 'e-toolbar'>
+     *      <button id= 'dltbtn'></button>
+     *    </div>
+     *  </script>
+     * ```
+     */
+    toolbarTemplate?: string;
+
+    /**
+     * Specifies the width of the Image Editor.
+     * default 100%
+     */
+    width?: string;
+
+    /**
+     * Triggers before an image is saved.
+     *
+     * @event beforeSave
+     */
+    beforeSave?: EmitType<BeforeSaveEventArgs>;
+
+    /**
+     * Triggers once the component rendering is completed.
+     *
+     * @event created
+     */
+    created?: EmitType<Event>
+
+    /**
+     * Triggers once the component is destroyed with its elements and bound events.
+     *
+     * @event destroyed
+     */
+    destroyed?: EmitType<Event>
+
+    /**
+     * Triggers while zooming an image.
+     *
+     * @event zooming
+     */
+    zooming?: EmitType<ZoomEventArgs>
+
+    /**
+     * Triggers while panning an image.
+     *
+     * @event panning
+     */
+    panning?: EmitType<PanEventArgs>
+
+    /**
+     * Triggers while cropping an image.
+     *
+     * @event cropping
+     */
+    cropping?: EmitType<CropEventArgs>
+
+    /**
+     * Triggers while rotating an image.
+     *
+     * @event rotating
+     */
+    rotating?: EmitType<RotateEventArgs>
+
+    /**
+     * Triggers while flipping an image.
+     *
+     * @event flipping
+     */
+    flipping?: EmitType<FlipEventArgs>
+
+    /**
+     * Triggers while changing shapes in an image.
+     *
+     * @event shapeChanging
+     */
+    shapeChanging?: EmitType<ShapeChangeEventArgs>
+
+    /**
+     * Triggers once an image is opened.
+     *
+     * @event fileOpened
+     */
+    fileOpened?: EmitType<OpenEventArgs>
+
+    /**
+     * Triggers once an image is saved.
+     *
+     * @event saved
+     */
+    saved?: EmitType<SaveEventArgs>;
+
+    /**
+     * Triggers once the toolbar is created.
+     *
+     * @event toolbarCreated
+     */
+    toolbarCreated?: EmitType<ToolbarEventArgs>
+
+    /**
+     * Triggers while updating/refreshing the toolbar
+     *
+     * @event toolbarUpdating
+     */
+    toolbarUpdating?: EmitType<ToolbarEventArgs>
+
+    /**
+     * Triggers once the toolbar item is clicked.
+     *
+     * @event toolbarItemClicked
+     */
+    toolbarItemClicked?: EmitType<ClickEventArgs>
+
+}