@omnia/fx 8.0.103-vnext → 8.0.104-dev

package/internal-do-not-import-from-here/ux/imagetransformer/tui-image-editor/imageEditor.d.ts

@@ -1,1003 +0,0 @@
-/**
- * Image filter result
- * @typedef {object} FilterResult
- * @property {string} type - filter type like 'mask', 'Grayscale' and so on
- * @property {string} action - action type like 'add', 'remove'
- */
-/**
- * Flip status
- * @typedef {object} FlipStatus
- * @property {boolean} flipX - x axis
- * @property {boolean} flipY - y axis
- * @property {Number} angle - angle
- */
-/**
- * Rotation status
- * @typedef {Number} RotateStatus
- * @property {Number} angle - angle
- */
-/**
- * Old and new Size
- * @typedef {object} SizeChange
- * @property {Number} oldWidth - old width
- * @property {Number} oldHeight - old height
- * @property {Number} newWidth - new width
- * @property {Number} newHeight - new height
- */
-/**
- * @typedef {string} ErrorMsg - {string} error message
- */
-/**
- * @typedef {object} ObjectProps - graphics object properties
- * @property {number} id - object id
- * @property {string} type - object type
- * @property {string} text - text content
- * @property {(string | number)} left - Left
- * @property {(string | number)} top - Top
- * @property {(string | number)} width - Width
- * @property {(string | number)} height - Height
- * @property {string} fill - Color
- * @property {string} stroke - Stroke
- * @property {(string | number)} strokeWidth - StrokeWidth
- * @property {string} fontFamily - Font type for text
- * @property {number} fontSize - Font Size
- * @property {string} fontStyle - Type of inclination (normal / italic)
- * @property {string} fontWeight - Type of thicker or thinner looking (normal / bold)
- * @property {string} textAlign - Type of text align (left / center / right)
- * @property {string} textDecoration - Type of line (underline / line-through / overline)
- */
-/**
- * Shape filter option
- * @typedef {object.<string, number>} ShapeFillFilterOption
- */
-/**
- * Shape filter option
- * @typedef {object} ShapeFillOption - fill option of shape
- * @property {string} type - fill type ('color' or 'filter')
- * @property {Array.<ShapeFillFilterOption>} [filter] - {@link ShapeFilterOption} List.
- *  only applies to filter types
- *  (ex: [\{pixelate: 20\}, \{blur: 0.3\}])
- * @property {string} [color] - Shape foreground color (ex: '#fff', 'transparent')
- */
-/**
- * Image editor
- * @class
- * @param {string|HTMLElement} wrapper - Wrapper's element or selector
- * @param {Object} [options] - Canvas max width & height of css
- *  @param {number} [options.includeUI] - Use the provided UI
- *    @param {Object} [options.includeUI.loadImage] - Basic editing image
- *      @param {string} options.includeUI.loadImage.path - image path
- *      @param {string} options.includeUI.loadImage.name - image name
- *    @param {Object} [options.includeUI.theme] - Theme object
- *    @param {Array} [options.includeUI.menu] - It can be selected when only specific menu is used, Default values are \['crop', 'flip', 'rotate', 'draw', 'shape', 'icon', 'text', 'mask', 'filter'\].
- *    @param {string} [options.includeUI.initMenu] - The first menu to be selected and started.
- *    @param {Object} [options.includeUI.uiSize] - ui size of editor
- *      @param {string} options.includeUI.uiSize.width - width of ui
- *      @param {string} options.includeUI.uiSize.height - height of ui
- *    @param {string} [options.includeUI.menuBarPosition=bottom] - Menu bar position('top', 'bottom', 'left', 'right')
- *  @param {number} options.cssMaxWidth - Canvas css-max-width
- *  @param {number} options.cssMaxHeight - Canvas css-max-height
- *  @param {Object} [options.selectionStyle] - selection style
- *  @param {string} [options.selectionStyle.cornerStyle] - selection corner style
- *  @param {number} [options.selectionStyle.cornerSize] - selection corner size
- *  @param {string} [options.selectionStyle.cornerColor] - selection corner color
- *  @param {string} [options.selectionStyle.cornerStrokeColor] = selection corner stroke color
- *  @param {boolean} [options.selectionStyle.transparentCorners] - selection corner transparent
- *  @param {number} [options.selectionStyle.lineWidth] - selection line width
- *  @param {string} [options.selectionStyle.borderColor] - selection border color
- *  @param {number} [options.selectionStyle.rotatingPointOffset] - selection rotating point length
- *  @param {Boolean} [options.usageStatistics=true] - Let us know the hostname. If you don't want to send the hostname, please set to false.
- * @example
- * var ImageEditor = require('tui-image-editor');
- * var blackTheme = require('./js/theme/black-theme.js');
- * var instance = new ImageEditor(document.querySelector('#tui-image-editor'), {
- *   includeUI: {
- *     loadImage: {
- *       path: 'img/sampleImage.jpg',
- *       name: 'SampleImage'
- *     },
- *     theme: blackTheme, // or whiteTheme
- *     menu: ['shape', 'filter'],
- *     initMenu: 'filter',
- *     uiSize: {
- *         width: '1000px',
- *         height: '700px'
- *     },
- *     menuBarPosition: 'bottom'
- *   },
- *   cssMaxWidth: 700,
- *   cssMaxHeight: 500,
- *   selectionStyle: {
- *     cornerSize: 20,
- *     rotatingPointOffset: 70
- *   }
- * });
- */
-declare class ImageEditor {
-    constructor(wrapper: any, options: any);
-    /**
-     * Set selection style by init option
-     * @param {Object} selectionStyle - Selection styles
-     * @param {Object} applyTargets - Selection apply targets
-     *   @param {boolean} applyCropSelectionStyle - whether apply with crop selection style or not
-     *   @param {boolean} applyGroupSelectionStyle - whether apply with group selection style or not
-     * @private
-     */
-    _setSelectionStyle(selectionStyle: any, { applyCropSelectionStyle, applyGroupSelectionStyle }: {
-        applyCropSelectionStyle: any;
-        applyGroupSelectionStyle: any;
-    }): void;
-    /**
-     * Attach invoker events
-     * @private
-     */
-    _attachInvokerEvents(): void;
-    /**
-     * Attach canvas events
-     * @private
-     */
-    _attachGraphicsEvents(): void;
-    /**
-     * Attach dom events
-     * @private
-     */
-    _attachDomEvents(): void;
-    /**
-     * Detach dom events
-     * @private
-     */
-    _detachDomEvents(): void;
-    /**
-     * Keydown event handler
-     * @param {KeyboardEvent} e - Event object
-     * @private
-     */
-    _onKeyDown(e: any): void;
-    /**
-     * Remove Active Object
-     */
-    removeActiveObject(): boolean;
-    /**
-     * mouse down event handler
-     * @param {Event} event mouse down event
-     * @param {Object} originPointer origin pointer
-     *  @param {Number} originPointer.x x position
-     *  @param {Number} originPointer.y y position
-     * @private
-     */
-    _onMouseDown(event: any, originPointer: any): void;
-    /**
-     * mouse up event handler
-     * @param {Event} event up down event
-     * @param {Object} originPointer origin pointer
-     *  @param {Number} originPointer.x x position
-     *  @param {Number} originPointer.y y position
-     * @private
-     */
-    _onMouseUp(): void;
-    /**
-     * Add a 'addObject' command
-     * @param {Object} obj - Fabric object
-     * @private
-     */
-    _pushAddObjectCommand(obj: any): void;
-    /**
-     * 'objectActivated' event handler
-     * @param {ObjectProps} props - object properties
-     * @private
-     */
-    _onObjectActivated(props: any): void;
-    /**
-     * 'objectMoved' event handler
-     * @param {ObjectProps} props - object properties
-     * @private
-     */
-    _onObjectMoved(props: any): void;
-    /**
-     * 'objectScaled' event handler
-     * @param {ObjectProps} props - object properties
-     * @private
-     */
-    _onObjectScaled(props: any): void;
-    /**
-     * 'objectRotated' event handler
-     * @param {ObjectProps} props - object properties
-     * @private
-     */
-    _onObjectRotated(props: any): void;
-    /**
-     * Get current drawing mode
-     * @returns {string}
-     * @example
-     * // Image editor drawing mode
-     * //
-     * //    NORMAL: 'NORMAL'
-     * //    CROPPER: 'CROPPER'
-     * //    FREE_DRAWING: 'FREE_DRAWING'
-     * //    LINE_DRAWING: 'LINE_DRAWING'
-     * //    TEXT: 'TEXT'
-     * //
-     * if (imageEditor.getDrawingMode() === 'FREE_DRAWING') {
-     *     imageEditor.stopDrawingMode();
-     * }
-     */
-    getDrawingMode(): any;
-    /**
-     * Clear all objects
-     * @returns {Promise}
-     * @example
-     * imageEditor.clearObjects();
-     */
-    clearObjects(): any;
-    /**
-     * Deactivate all objects
-     * @example
-     * imageEditor.deactivateAll();
-     */
-    deactivateAll(): void;
-    /**
-     * discard selction
-     * @example
-     * imageEditor.discardSelection();
-     */
-    discardSelection(): void;
-    /**
-     * selectable status change
-     * @param {boolean} selectable - selctable status
-     * @example
-     * imageEditor.changeSelectableAll(false); // or true
-     */
-    changeSelectableAll(selectable: any): void;
-    /**
-     * Invoke command
-     * @param {String} commandName - Command name
-     * @param {...*} args - Arguments for creating command
-     * @returns {Promise}
-     * @private
-     */
-    execute(commandName: any, ...args: any[]): any;
-    /**
-     * Invoke command
-     * @param {String} commandName - Command name
-     * @param {...*} args - Arguments for creating command
-     * @returns {Promise}
-     * @private
-     */
-    executeSilent(commandName: any, ...args: any[]): any;
-    /**
-     * Undo
-     * @returns {Promise}
-     * @example
-     * imageEditor.undo();
-     */
-    undo(): any;
-    /**
-     * Redo
-     * @returns {Promise}
-     * @example
-     * imageEditor.redo();
-     */
-    redo(): any;
-    /**
-     * Load image from file
-     * @param {File} imgFile - Image file
-     * @param {string} [imageName] - imageName
-     * @returns {Promise<SizeChange, ErrorMsg>}
-     * @example
-     * imageEditor.loadImageFromFile(file).then(result => {
-     *      console.log('old : ' + result.oldWidth + ', ' + result.oldHeight);
-     *      console.log('new : ' + result.newWidth + ', ' + result.newHeight);
-     * });
-     */
-    loadImageFromFile(imgFile: any, imageName: any): any;
-    /**
-     * Load image from url
-     * @param {string} url - File url
-     * @param {string} imageName - imageName
-     * @returns {Promise<SizeChange, ErrorMsg>}
-     * @example
-     * imageEditor.loadImageFromURL('http://url/testImage.png', 'lena').then(result => {
-     *      console.log('old : ' + result.oldWidth + ', ' + result.oldHeight);
-     *      console.log('new : ' + result.newWidth + ', ' + result.newHeight);
-     * });
-     */
-    loadImageFromURL(url: any, imageName: any): any;
-    /**
-     * Add image object on canvas
-     * @param {string} imgUrl - Image url to make object
-     * @returns {Promise<ObjectProps, ErrorMsg>}
-     * @example
-     * imageEditor.addImageObject('path/fileName.jpg').then(objectProps => {
-     *     console.log(ojectProps.id);
-     * });
-     */
-    addImageObject(imgUrl: any): any;
-    /**
-     * Start a drawing mode. If the current mode is not 'NORMAL', 'stopDrawingMode()' will be called first.
-     * @param {String} mode Can be one of <I>'CROPPER', 'FREE_DRAWING', 'LINE_DRAWING', 'TEXT', 'SHAPE'</I>
-     * @param {Object} [option] parameters of drawing mode, it's available with 'FREE_DRAWING', 'LINE_DRAWING'
-     *  @param {Number} [option.width] brush width
-     *  @param {String} [option.color] brush color
-     * @returns {boolean} true if success or false
-     * @example
-     * imageEditor.startDrawingMode('FREE_DRAWING', {
-     *      width: 10,
-     *      color: 'rgba(255,0,0,0.5)'
-     * });
-     */
-    startDrawingMode(mode: any, option?: any): any;
-    /**
-     * Stop the current drawing mode and back to the 'NORMAL' mode
-     * @example
-     * imageEditor.stopDrawingMode();
-     */
-    stopDrawingMode(): void;
-    /**
-     * Crop this image with rect
-     * @param {Object} rect crop rect
-     *  @param {Number} rect.left left position
-     *  @param {Number} rect.top top position
-     *  @param {Number} rect.width width
-     *  @param {Number} rect.height height
-     * @returns {Promise}
-     * @example
-     * imageEditor.crop(imageEditor.getCropzoneRect());
-     */
-    crop(rect: any): any;
-    /**
-     * Get the cropping rect
-     * @returns {Object}  {{left: number, top: number, width: number, height: number}} rect
-     */
-    getCropzoneRect(): any;
-    /**
-     * Set the cropping rect
-     * @param {number} [mode] crop rect mode [1, 1.5, 1.3333333333333333, 1.25, 1.7777777777777777]
-     */
-    setCropzoneRect(mode: any): void;
-    /**
-     * Set the cropping rect
-     * @param {Object} cropRect cropzone rect
-     *  @param {Number} presetRatio
-     *  @param {Number} cropRect.left left position
-     *  @param {Number} cropRect.top top position
-     *  @param {Number} cropRect.width width
-     *  @param {Number} cropRect.height height
-     */
-    restoreCropzoneRect(presetRatio: any, cropRect: any): void;
-    isValidCropzoneRect(): boolean;
-    /**
-     * Flip
-     * @returns {Promise}
-     * @param {string} type - 'flipX' or 'flipY' or 'reset'
-     * @returns {Promise<FlipStatus, ErrorMsg>}
-     * @private
-     */
-    _flip(type: any): any;
-    /**
-     * Flip x
-     * @returns {Promise<FlipStatus, ErrorMsg>}
-     * @example
-     * imageEditor.flipX().then((status => {
-     *     console.log('flipX: ', status.flipX);
-     *     console.log('flipY: ', status.flipY);
-     *     console.log('angle: ', status.angle);
-     * }).catch(message => {
-     *     console.log('error: ', message);
-     * });
-     */
-    flipX(): any;
-    /**
-     * Flip y
-     * @returns {Promise<FlipStatus, ErrorMsg>}
-     * @example
-     * imageEditor.flipY().then(status => {
-     *     console.log('flipX: ', status.flipX);
-     *     console.log('flipY: ', status.flipY);
-     *     console.log('angle: ', status.angle);
-     * }).catch(message => {
-     *     console.log('error: ', message);
-     * });
-     */
-    flipY(): any;
-    /**
-     * Reset flip
-     * @returns {Promise<FlipStatus, ErrorMsg>}
-     * @example
-     * imageEditor.resetFlip().then(status => {
-     *     console.log('flipX: ', status.flipX);
-     *     console.log('flipY: ', status.flipY);
-     *     console.log('angle: ', status.angle);
-     * }).catch(message => {
-     *     console.log('error: ', message);
-     * });;
-     */
-    resetFlip(): any;
-    /**
-     * @param {string} type - 'rotate' or 'setAngle'
-     * @param {number} angle - angle value (degree)
-     * @param {boolean} isSilent - is silent execution or not
-     * @returns {Promise<RotateStatus, ErrorMsg>}
-     * @private
-     */
-    _rotate(type: any, angle: any, isSilent: any): any;
-    /**
-     * Rotate image
-     * @returns {Promise}
-     * @param {number} angle - Additional angle to rotate image
-     * @param {boolean} isSilent - is silent execution or not
-     * @returns {Promise<RotateStatus, ErrorMsg>}
-     * @example
-     * imageEditor.rotate(10); // angle = 10
-     * imageEditor.rotate(10); // angle = 20
-     * imageEidtor.rotate(5); // angle = 5
-     * imageEidtor.rotate(-95); // angle = -90
-     * imageEditor.rotate(10).then(status => {
-     *     console.log('angle: ', status.angle);
-     * })).catch(message => {
-     *     console.log('error: ', message);
-     * });
-     */
-    rotate(angle: any, isSilent: any): any;
-    /**
-     * Set angle
-     * @param {number} angle - Angle of image
-     * @param {boolean} isSilent - is silent execution or not
-     * @returns {Promise<RotateStatus, ErrorMsg>}
-     * @example
-     * imageEditor.setAngle(10); // angle = 10
-     * imageEditor.rotate(10); // angle = 20
-     * imageEidtor.setAngle(5); // angle = 5
-     * imageEidtor.rotate(50); // angle = 55
-     * imageEidtor.setAngle(-40); // angle = -40
-     * imageEditor.setAngle(10).then(status => {
-     *     console.log('angle: ', status.angle);
-     * })).catch(message => {
-     *     console.log('error: ', message);
-     * });
-     */
-    setAngle(angle: any, isSilent: any): any;
-    /**
-     * Set drawing brush
-     * @param {Object} option brush option
-     *  @param {Number} option.width width
-     *  @param {String} option.color color like 'FFFFFF', 'rgba(0, 0, 0, 0.5)'
-     * @example
-     * imageEditor.startDrawingMode('FREE_DRAWING');
-     * imageEditor.setBrush({
-     *     width: 12,
-     *     color: 'rgba(0, 0, 0, 0.5)'
-     * });
-     * imageEditor.setBrush({
-     *     width: 8,
-     *     color: 'FFFFFF'
-     * });
-     */
-    setBrush(option: any): void;
-    /**
-     * Set states of current drawing shape
-     * @param {string} type - Shape type (ex: 'rect', 'circle', 'triangle')
-     * @param {Object} [options] - Shape options
-     *      @param {(ShapeFillOption | string)} [options.fill] - {@link ShapeFillOption} or
-     *        Shape foreground color (ex: '#fff', 'transparent')
-     *      @param {string} [options.stoke] - Shape outline color
-     *      @param {number} [options.strokeWidth] - Shape outline width
-     *      @param {number} [options.width] - Width value (When type option is 'rect', this options can use)
-     *      @param {number} [options.height] - Height value (When type option is 'rect', this options can use)
-     *      @param {number} [options.rx] - Radius x value (When type option is 'circle', this options can use)
-     *      @param {number} [options.ry] - Radius y value (When type option is 'circle', this options can use)
-     *      @param {number} [options.isRegular] - Whether resizing shape has 1:1 ratio or not
-     * @example
-     * imageEditor.setDrawingShape('rect', {
-     *     fill: 'red',
-     *     width: 100,
-     *     height: 200
-     * });
-     * @example
-     * imageEditor.setDrawingShape('circle', {
-     *     fill: 'transparent',
-     *     stroke: 'blue',
-     *     strokeWidth: 3,
-     *     rx: 10,
-     *     ry: 100
-     * });
-     * @example
-     * imageEditor.setDrawingShape('triangle', { // When resizing, the shape keep the 1:1 ratio
-     *     width: 1,
-     *     height: 1,
-     *     isRegular: true
-     * });
-     * @example
-     * imageEditor.setDrawingShape('circle', { // When resizing, the shape keep the 1:1 ratio
-     *     rx: 10,
-     *     ry: 10,
-     *     isRegular: true
-     * });
-     */
-    setDrawingShape(type: any, options: any): void;
-    /**
-     * Add shape
-     * @param {string} type - Shape type (ex: 'rect', 'circle', 'triangle')
-     * @param {Object} options - Shape options
-     *      @param {(ShapeFillOption | string)} [options.fill] - {@link ShapeFillOption} or
-     *        Shape foreground color (ex: '#fff', 'transparent')
-     *      @param {string} [options.stroke] - Shape outline color
-     *      @param {number} [options.strokeWidth] - Shape outline width
-     *      @param {number} [options.width] - Width value (When type option is 'rect', this options can use)
-     *      @param {number} [options.height] - Height value (When type option is 'rect', this options can use)
-     *      @param {number} [options.rx] - Radius x value (When type option is 'circle', this options can use)
-     *      @param {number} [options.ry] - Radius y value (When type option is 'circle', this options can use)
-     *      @param {number} [options.left] - Shape x position
-     *      @param {number} [options.top] - Shape y position
-     *      @param {boolean} [options.isRegular] - Whether resizing shape has 1:1 ratio or not
-     * @returns {Promise<ObjectProps, ErrorMsg>}
-     * @example
-     * imageEditor.addShape('rect', {
-     *     fill: 'red',
-     *     stroke: 'blue',
-     *     strokeWidth: 3,
-     *     width: 100,
-     *     height: 200,
-     *     left: 10,
-     *     top: 10,
-     *     isRegular: true
-     * });
-     * @example
-     * imageEditor.addShape('circle', {
-     *     fill: 'red',
-     *     stroke: 'blue',
-     *     strokeWidth: 3,
-     *     rx: 10,
-     *     ry: 100,
-     *     isRegular: false
-     * }).then(objectProps => {
-     *     console.log(objectProps.id);
-     * });
-     * @example
-     * imageEditor.addShape('rect', {
-     *     fill: {
-     *         type: 'filter',
-     *         filter: [{blur: 0.3}, {pixelate: 20}]
-     *     },
-     *     stroke: 'blue',
-     *     strokeWidth: 3,
-     *     rx: 10,
-     *     ry: 100,
-     *     isRegular: false
-     * }).then(objectProps => {
-     *     console.log(objectProps.id);
-     * });
-     */
-    addShape(type: any, options: any): any;
-    /**
-     * Change shape
-     * @param {number} id - object id
-     * @param {Object} options - Shape options
-     *      @param {(ShapeFillOption | string)} [options.fill] - {@link ShapeFillOption} or
-     *        Shape foreground color (ex: '#fff', 'transparent')
-     *      @param {string} [options.stroke] - Shape outline color
-     *      @param {number} [options.strokeWidth] - Shape outline width
-     *      @param {number} [options.width] - Width value (When type option is 'rect', this options can use)
-     *      @param {number} [options.height] - Height value (When type option is 'rect', this options can use)
-     *      @param {number} [options.rx] - Radius x value (When type option is 'circle', this options can use)
-     *      @param {number} [options.ry] - Radius y value (When type option is 'circle', this options can use)
-     *      @param {boolean} [options.isRegular] - Whether resizing shape has 1:1 ratio or not
-     * @param {boolean} isSilent - is silent execution or not
-     * @returns {Promise}
-     * @example
-     * // call after selecting shape object on canvas
-     * imageEditor.changeShape(id, { // change rectagle or triangle
-     *     fill: 'red',
-     *     stroke: 'blue',
-     *     strokeWidth: 3,
-     *     width: 100,
-     *     height: 200
-     * });
-     * @example
-     * // call after selecting shape object on canvas
-     * imageEditor.changeShape(id, { // change circle
-     *     fill: 'red',
-     *     stroke: 'blue',
-     *     strokeWidth: 3,
-     *     rx: 10,
-     *     ry: 100
-     * });
-     */
-    changeShape(id: any, options: any, isSilent: any): any;
-    /**
-     * Add text on image
-     * @param {string} text - Initial input text
-     * @param {Object} [options] Options for generating text
-     *     @param {Object} [options.styles] Initial styles
-     *         @param {string} [options.styles.fill] Color
-     *         @param {string} [options.styles.fontFamily] Font type for text
-     *         @param {number} [options.styles.fontSize] Size
-     *         @param {string} [options.styles.fontStyle] Type of inclination (normal / italic)
-     *         @param {string} [options.styles.fontWeight] Type of thicker or thinner looking (normal / bold)
-     *         @param {string} [options.styles.textAlign] Type of text align (left / center / right)
-     *         @param {string} [options.styles.textDecoration] Type of line (underline / line-through / overline)
-     *     @param {{x: number, y: number}} [options.position] - Initial position
-     *     @param {boolean} [options.autofocus] - text autofocus, default is true
-     * @returns {Promise}
-     * @example
-     * imageEditor.addText('init text');
-     * @example
-     * imageEditor.addText('init text', {
-     *     styles: {
-     *         fill: '#000',
-     *         fontSize: 20,
-     *         fontWeight: 'bold'
-     *     },
-     *     position: {
-     *         x: 10,
-     *         y: 10
-     *     }
-     * }).then(objectProps => {
-     *     console.log(objectProps.id);
-     * });
-     */
-    addText(text: any, options: any): any;
-    /**
-     * Change contents of selected text object on image
-     * @param {number} id - object id
-     * @param {string} text - Changing text
-     * @returns {Promise<ObjectProps, ErrorMsg>}
-     * @example
-     * imageEditor.changeText(id, 'change text');
-     */
-    changeText(id: any, text: any): any;
-    /**
-     * Set style
-     * @param {number} id - object id
-     * @param {Object} styleObj - text styles
-     *     @param {string} [styleObj.fill] Color
-     *     @param {string} [styleObj.fontFamily] Font type for text
-     *     @param {number} [styleObj.fontSize] Size
-     *     @param {string} [styleObj.fontStyle] Type of inclination (normal / italic)
-     *     @param {string} [styleObj.fontWeight] Type of thicker or thinner looking (normal / bold)
-     *     @param {string} [styleObj.textAlign] Type of text align (left / center / right)
-     *     @param {string} [styleObj.textDecoration] Type of line (underline / line-through / overline)
-     * @param {boolean} isSilent - is silent execution or not
-     * @returns {Promise}
-     * @example
-     * imageEditor.changeTextStyle(id, {
-     *     fontStyle: 'italic'
-     * });
-     */
-    changeTextStyle(id: any, styleObj: any, isSilent: any): any;
-    /**
-     * change text mode
-     * @param {string} type - change type
-     * @private
-     */
-    _changeActivateMode(type: any): void;
-    /**
-     * 'textChanged' event handler
-     * @param {Object} objectProps changed object properties
-     * @private
-     */
-    _onTextChanged(objectProps: any): void;
-    /**
-     * 'iconCreateResize' event handler
-     * @param {Object} originPointer origin pointer
-     *  @param {Number} originPointer.x x position
-     *  @param {Number} originPointer.y y position
-     * @private
-     */
-    _onIconCreateResize(originPointer: any): void;
-    /**
-     * 'iconCreateEnd' event handler
-     * @param {Object} originPointer origin pointer
-     *  @param {Number} originPointer.x x position
-     *  @param {Number} originPointer.y y position
-     * @private
-     */
-    _onIconCreateEnd(originPointer: any): void;
-    /**
-     * 'textEditing' event handler
-     * @private
-     */
-    _onTextEditing(): void;
-    /**
-     * Mousedown event handler in case of 'TEXT' drawing mode
-     * @param {fabric.Event} event - Current mousedown event object
-     * @private
-     */
-    _onAddText(event: any): void;
-    /**
-     * 'addObject' event handler
-     * @param {Object} objectProps added object properties
-     * @private
-     */
-    _onAddObject(objectProps: any): void;
-    /**
-     * 'objectAdded' event handler
-     * @param {Object} objectProps added object properties
-     * @private
-     */
-    _onObjectAdded(objectProps: any): void;
-    /**
-     * 'selectionCleared' event handler
-     * @private
-     */
-    _selectionCleared(): void;
-    /**
-     * 'selectionCreated' event handler
-     * @param {Object} eventTarget - Fabric object
-     * @private
-     */
-    _selectionCreated(eventTarget: any): void;
-    /**
-     * Register custom icons
-     * @param {{iconType: string, pathValue: string}} infos - Infos to register icons
-     * @example
-     * imageEditor.registerIcons({
-     *     customIcon: 'M 0 0 L 20 20 L 10 10 Z',
-     *     customArrow: 'M 60 0 L 120 60 H 90 L 75 45 V 180 H 45 V 45 L 30 60 H 0 Z'
-     * });
-     */
-    registerIcons(infos: any): void;
-    /**
-     * Change canvas cursor type
-     * @param {string} cursorType - cursor type
-     * @example
-     * imageEditor.changeCursor('crosshair');
-     */
-    changeCursor(cursorType: any): void;
-    /**
-     * Add icon on canvas
-     * @param {string} type - Icon type ('arrow', 'cancel', custom icon name)
-     * @param {Object} options - Icon options
-     *      @param {string} [options.fill] - Icon foreground color
-     *      @param {number} [options.left] - Icon x position
-     *      @param {number} [options.top] - Icon y position
-     * @returns {Promise<ObjectProps, ErrorMsg>}
-     * @example
-     * imageEditor.addIcon('arrow'); // The position is center on canvas
-     * @example
-     * imageEditor.addIcon('arrow', {
-     *     left: 100,
-     *     top: 100
-     * }).then(objectProps => {
-     *     console.log(objectProps.id);
-     * });
-     */
-    addIcon(type: any, options: any): any;
-    /**
-     * Change icon color
-     * @param {number} id - object id
-     * @param {string} color - Color for icon
-     * @returns {Promise}
-     * @example
-     * imageEditor.changeIconColor(id, '#000000');
-     */
-    changeIconColor(id: any, color: any): any;
-    /**
-     * Remove an object or group by id
-     * @param {number} id - object id
-     * @returns {Promise}
-     * @example
-     * imageEditor.removeObject(id);
-     */
-    removeObject(id: any): any;
-    /**
-     * Whether it has the filter or not
-     * @param {string} type - Filter type
-     * @returns {boolean} true if it has the filter
-     */
-    hasFilter(type: any): any;
-    /**
-     * Remove filter on canvas image
-     * @param {string} type - Filter type
-     * @returns {Promise<FilterResult, ErrorMsg>}
-     * @example
-     * imageEditor.removeFilter('Grayscale').then(obj => {
-     *     console.log('filterType: ', obj.type);
-     *     console.log('actType: ', obj.action);
-     * }).catch(message => {
-     *     console.log('error: ', message);
-     * });
-     */
-    removeFilter(type: any): any;
-    /**
-     * Apply filter on canvas image
-     * @param {string} type - Filter type
-     * @param {Object} options - Options to apply filter
-     *  @param {number} options.maskObjId - masking image object id
-     * @param {boolean} isSilent - is silent execution or not
-     * @returns {Promise<FilterResult, ErrorMsg>}
-     * @example
-     * imageEditor.applyFilter('Grayscale');
-     * @example
-     * imageEditor.applyFilter('mask', {maskObjId: id}).then(obj => {
-     *     console.log('filterType: ', obj.type);
-     *     console.log('actType: ', obj.action);
-     * }).catch(message => {
-     *     console.log('error: ', message);
-     * });;
-     */
-    applyFilter(type: any, options: any, isSilent: any): any;
-    /**
-     * Get data url
-     * @param {Object} options - options for toDataURL
-     *   @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png"
-     *   @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg.
-     *   @param {Number} [options.multiplier=1] Multiplier to scale by
-     *   @param {Number} [options.left] Cropping left offset. Introduced in fabric v1.2.14
-     *   @param {Number} [options.top] Cropping top offset. Introduced in fabric v1.2.14
-     *   @param {Number} [options.width] Cropping width. Introduced in fabric v1.2.14
-     *   @param {Number} [options.height] Cropping height. Introduced in fabric v1.2.14
-     * @returns {string} A DOMString containing the requested data URI
-     * @example
-     * imgEl.src = imageEditor.toDataURL();
-     *
-     * imageEditor.loadImageFromURL(imageEditor.toDataURL(), 'FilterImage').then(() => {
-     *      imageEditor.addImageObject(imgUrl);
-     * });
-     */
-    toDataURL(options: any): any;
-    /**
-     * Get image name
-     * @returns {string} image name
-     * @example
-     * console.log(imageEditor.getImageName());
-     */
-    getImageName(): any;
-    /**
-     * Clear undoStack
-     * @example
-     * imageEditor.clearUndoStack();
-     */
-    clearUndoStack(): void;
-    /**
-     * Clear redoStack
-     * @example
-     * imageEditor.clearRedoStack();
-     */
-    clearRedoStack(): void;
-    /**
-     * Whehter the undo stack is empty or not
-     * @returns {boolean}
-     * imageEditor.isEmptyUndoStack();
-     */
-    isEmptyUndoStack(): any;
-    /**
-     * Whehter the redo stack is empty or not
-     * @returns {boolean}
-     * imageEditor.isEmptyRedoStack();
-     */
-    isEmptyRedoStack(): any;
-    /**
-     * Resize canvas dimension
-     * @param {{width: number, height: number}} dimension - Max width & height
-     * @returns {Promise}
-     */
-    resizeCanvasDimension(dimension: any): any;
-    /**
-     * Destroy
-     */
-    destroy(): void;
-    /**
-     * Set position
-     * @param {Object} options - Position options (left or top)
-     * @private
-     */
-    _setPositions(options: any): void;
-    /**
-     * Set properties of active object
-     * @param {number} id - object id
-     * @param {Object} keyValue - key & value
-     * @returns {Promise}
-     * @example
-     * imageEditor.setObjectProperties(id, {
-     *     left:100,
-     *     top:100,
-     *     width: 200,
-     *     height: 200,
-     *     opacity: 0.5
-     * });
-     */
-    setObjectProperties(id: any, keyValue: any): any;
-    /**
-     * Set properties of active object, Do not leave an invoke history.
-     * @param {number} id - object id
-     * @param {Object} keyValue - key & value
-     * @example
-     * imageEditor.setObjectPropertiesQuietly(id, {
-     *     left:100,
-     *     top:100,
-     *     width: 200,
-     *     height: 200,
-     *     opacity: 0.5
-     * });
-     */
-    setObjectPropertiesQuietly(id: any, keyValue: any): void;
-    /**
-     * Get properties of active object corresponding key
-     * @param {number} id - object id
-     * @param {Array<string>|ObjectProps|string} keys - property's key
-     * @returns {ObjectProps} properties if id is valid or null
-     * @example
-     * var props = imageEditor.getObjectProperties(id, 'left');
-     * console.log(props);
-     * @example
-     * var props = imageEditor.getObjectProperties(id, ['left', 'top', 'width', 'height']);
-     * console.log(props);
-     * @example
-     * var props = imageEditor.getObjectProperties(id, {
-     *     left: null,
-     *     top: null,
-     *     width: null,
-     *     height: null,
-     *     opacity: null
-     * });
-     * console.log(props);
-     */
-    getObjectProperties(id: any, keys: any): any;
-    /**
-     * Get the canvas size
-     * @returns {Object} {{width: number, height: number}} canvas size
-     * @example
-     * var canvasSize = imageEditor.getCanvasSize();
-     * console.log(canvasSize.width);
-     * console.height(canvasSize.height);
-     */
-    getCanvasSize(): any;
-    /**
-     * Get object position by originX, originY
-     * @param {number} id - object id
-     * @param {string} originX - can be 'left', 'center', 'right'
-     * @param {string} originY - can be 'top', 'center', 'bottom'
-     * @returns {Object} {{x:number, y: number}} position by origin if id is valid, or null
-     * @example
-     * var position = imageEditor.getObjectPosition(id, 'left', 'top');
-     * console.log(position);
-     */
-    getObjectPosition(id: any, originX: any, originY: any): any;
-    /**
-     * Set object position  by originX, originY
-     * @param {number} id - object id
-     * @param {Object} posInfo - position object
-     *  @param {number} posInfo.x - x position
-     *  @param {number} posInfo.y - y position
-     *  @param {string} posInfo.originX - can be 'left', 'center', 'right'
-     *  @param {string} posInfo.originY - can be 'top', 'center', 'bottom'
-     * @returns {Promise}
-     * @example
-     * // align the object to 'left', 'top'
-     * imageEditor.setObjectPosition(id, {
-     *     x: 0,
-     *     y: 0,
-     *     originX: 'left',
-     *     originY: 'top'
-     * });
-     * @example
-     * // align the object to 'right', 'top'
-     * var canvasSize = imageEditor.getCanvasSize();
-     * imageEditor.setObjectPosition(id, {
-     *     x: canvasSize.width,
-     *     y: 0,
-     *     originX: 'right',
-     *     originY: 'top'
-     * });
-     * @example
-     * // align the object to 'left', 'bottom'
-     * var canvasSize = imageEditor.getCanvasSize();
-     * imageEditor.setObjectPosition(id, {
-     *     x: 0,
-     *     y: canvasSize.height,
-     *     originX: 'left',
-     *     originY: 'bottom'
-     * });
-     * @example
-     * // align the object to 'right', 'bottom'
-     * var canvasSize = imageEditor.getCanvasSize();
-     * imageEditor.setObjectPosition(id, {
-     *     x: canvasSize.width,
-     *     y: canvasSize.height,
-     *     originX: 'right',
-     *     originY: 'bottom'
-     * });
-     */
-    setObjectPosition(id: any, posInfo: any): any;
-}
-export default ImageEditor;