fabric 7.4.0 → 7.5.0-beta.1

package/dist/src/canvas/Canvas.d.ts

@@ -1,354 +0,0 @@
-import type { CanvasEvents, DragEventData, ObjectEvents, TEventsExtraData, TPointerEvent, TPointerEventNames, Transform } from '../EventTypeDefs';
-import { Point } from '../Point';
-import type { FabricObject } from '../shapes/Object/FabricObject';
-import { type TToCanvasElementOptions } from '../typedefs';
-import type { CanvasOptions, TCanvasOptions } from './CanvasOptions';
-import { SelectableCanvas } from './SelectableCanvas';
-import { TextEditingManager } from './TextEditingManager';
-type TSyntheticEventContext = {
-    mouse: {
-        e: TPointerEvent;
-    };
-    drag: DragEventData;
-};
-export declare class Canvas extends SelectableCanvas implements CanvasOptions {
-    /**
-     * Contains the id of the touch event that owns the fabric transform
-     * @type Number
-     * @private
-     */
-    mainTouchId?: number;
-    enablePointerEvents: boolean;
-    /**
-     * Holds a reference to a setTimeout timer for event synchronization
-     * @type number
-     * @private
-     */
-    private _willAddMouseDown;
-    /**
-     * Holds a reference to an object on the canvas that is receiving the drag over event.
-     * @type FabricObject
-     * @private
-     */
-    private _draggedoverTarget?;
-    /**
-     * Holds a reference to an object on the canvas from where the drag operation started
-     * @type FabricObject
-     * @private
-     */
-    private _dragSource?;
-    /**
-     * Holds a reference to an object on the canvas that is the current drop target
-     * May differ from {@link _draggedoverTarget}
-     * @todo inspect whether {@link _draggedoverTarget} and {@link _dropTarget} should be merged somehow
-     * @type FabricObject
-     * @private
-     */
-    private _dropTarget;
-    /**
-     * a boolean that keeps track of the click state during a cycle of mouse down/up.
-     * If a mouse move occurs it becomes false.
-     * Is true by default, turns false on mouse move.
-     * Used to determine if a mouseUp is a click
-     */
-    private _isClick;
-    textEditingManager: TextEditingManager;
-    constructor(el?: string | HTMLCanvasElement, options?: TCanvasOptions);
-    /**
-     * return an event prefix pointer or mouse.
-     * @private
-     */
-    private _getEventPrefix;
-    addOrRemove(functor: any, forTouch?: boolean): void;
-    /**
-     * Removes all event listeners, used when disposing the instance
-     */
-    removeListeners(): void;
-    /**
-     * @private
-     * @param {Event} [e] Event object fired on wheel event
-     */
-    private _onMouseWheel;
-    /**
-     * @private
-     * @param {Event} e Event object fired on mousedown
-     */
-    private _onMouseOut;
-    /**
-     * @private
-     * Used when the mouse cursor enter the canvas from outside
-     * @param {Event} e Event object fired on mouseenter
-     */
-    private _onMouseEnter;
-    /**
-     * supports native like text dragging
-     * @private
-     * @param {DragEvent} e
-     */
-    private _onDragStart;
-    /**
-     * First we clear top context where the effects are being rendered.
-     * Then we render the effects.
-     * Doing so will render the correct effect for all cases including an overlap between `source` and `target`.
-     * @private
-     */
-    private _renderDragEffects;
-    /**
-     * supports native like text dragging
-     * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag
-     * @private
-     * @param {DragEvent} e
-     */
-    private _onDragEnd;
-    /**
-     * fire `drag` event on canvas and drag source
-     * @private
-     * @param {DragEvent} e
-     */
-    private _onDragProgress;
-    /**
-     * prevent default to allow drop event to be fired
-     * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#specifying_drop_targets
-     * @private
-     * @param {DragEvent} [e] Event object fired on Event.js shake
-     */
-    private _onDragOver;
-    /**
-     * fire `dragleave` on `dragover` targets
-     * @private
-     * @param {Event} [e] Event object fired on Event.js shake
-     */
-    private _onDragEnter;
-    /**
-     * fire `dragleave` on `dragover` targets
-     * @private
-     * @param {Event} [e] Event object fired on Event.js shake
-     */
-    private _onDragLeave;
-    /**
-     * `drop:before` is a an event that allows you to schedule logic
-     * before the `drop` event. Prefer `drop` event always, but if you need
-     * to run some drop-disabling logic on an event, since there is no way
-     * to handle event handlers ordering, use `drop:before`
-     * @private
-     * @param {Event} e
-     */
-    private _onDrop;
-    /**
-     * @private
-     * @param {Event} e Event object fired on mousedown
-     */
-    private _onContextMenu;
-    /**
-     * @private
-     * @param {Event} e Event object fired on mousedown
-     */
-    private _onClick;
-    /**
-     * This supports gesture event firing
-     * It is a method to keep some code organized, it exposes private methods
-     * in a way that works and still keep them private
-     * This is supposed to mirror _handleEvent
-     */
-    fireEventFromPointerEvent(e: TPointerEvent, eventName: keyof CanvasEvents, secondaryName: keyof ObjectEvents, extraData?: Record<string, unknown> | {
-        rotation: number;
-    } | {
-        ping: number;
-    }): void;
-    /**
-     * Return a the id of an event.
-     * returns either the pointerId or the identifier or 0 for the mouse event
-     * @private
-     * @param {Event} evt Event object
-     */
-    getPointerId(evt: TouchEvent | PointerEvent): number;
-    /**
-     * Determines if an event has the id of the event that is considered main
-     * @private
-     * @param {evt} event Event object
-     */
-    _isMainEvent(evt: TPointerEvent): boolean;
-    /**
-     * @private
-     * @param {Event} e Event object fired on mousedown
-     */
-    _onTouchStart(e: TouchEvent): void;
-    /**
-     * @private
-     * @param {Event} e Event object fired on mousedown
-     */
-    _onMouseDown(e: TPointerEvent): void;
-    /**
-     * @private
-     * @param {Event} e Event object fired on mousedown
-     */
-    _onTouchEnd(e: TouchEvent): void;
-    /**
-     * @private
-     * @param {Event} e Event object fired on mouseup
-     */
-    _onMouseUp(e: TPointerEvent): void;
-    /**
-     * @private
-     * @param {Event} e Event object fired on mousemove
-     */
-    _onMouseMove(e: TPointerEvent): void;
-    /**
-     * @private
-     */
-    _onResize(): void;
-    /**
-     * Decides whether the canvas should be redrawn in mouseup and mousedown events.
-     * @private
-     * @param {Object} target
-     */
-    _shouldRender(target: FabricObject | undefined): boolean | undefined;
-    /**
-     * Method that defines the actions when mouse is released on canvas.
-     * The method resets the currentTransform parameters, store the image corner
-     * position in the image object and render the canvas on top.
-     * @private
-     * @param {Event} e Event object fired on mouseup
-     */
-    __onMouseUp(e: TPointerEvent): void;
-    _basicEventHandler<T extends keyof (CanvasEvents | ObjectEvents)>(eventType: T, options: (CanvasEvents & ObjectEvents)[T]): (CanvasEvents & ObjectEvents)[T];
-    /**
-     * @private
-     * Handle event firing for target and subtargets
-     * @param {TPointerEvent} e event from mouse
-     * @param {TPointerEventNames} eventType
-     */
-    _handleEvent<T extends TPointerEventNames>(e: TPointerEvent, eventType: T, extraData?: TEventsExtraData[T]): void;
-    /**
-     * @private
-     * @param {Event} e Event object fired on mousedown
-     */
-    _onMouseDownInDrawingMode(e: TPointerEvent): void;
-    /**
-     * @private
-     * @param {Event} e Event object fired on mousemove
-     */
-    _onMouseMoveInDrawingMode(e: TPointerEvent): void;
-    /**
-     * @private
-     * @param {Event} e Event object fired on mouseup
-     */
-    _onMouseUpInDrawingMode(e: TPointerEvent): void;
-    /**
-     * Method that defines the actions when mouse is clicked on canvas.
-     * The method inits the currentTransform parameters and renders all the
-     * canvas so the current image can be placed on the top canvas and the rest
-     * in on the container one.
-     * @private
-     * @param {Event} e Event object fired on mousedown
-     */
-    __onMouseDown(e: TPointerEvent): void;
-    /**
-     * reset cache form common information needed during event processing
-     * @private
-     */
-    _resetTransformEventData(): void;
-    /**
-     * Cache common information needed during event processing
-     * @private
-     * @param {Event} e Event object fired on event
-     */
-    _cacheTransformEventData(e: TPointerEvent): void;
-    /**
-     * Method that defines the actions when mouse is hovering the canvas.
-     * The currentTransform parameter will define whether the user is rotating/scaling/translating
-     * an image or neither of them (only hovering). A group selection is also possible and would cancel
-     * all any other type of action.
-     * In case of an image transformation only the top canvas will be rendered.
-     * @private
-     * @param {Event} e Event object fired on mousemove
-     */
-    __onMouseMove(e: TPointerEvent): void;
-    /**
-     * Manage the mouseout, mouseover events for the fabric object on the canvas
-     * @param {Fabric.Object} target the target where the target from the mousemove event
-     * @param {Event} e Event object fired on mousemove
-     * @private
-     */
-    _fireOverOutEvents(e: TPointerEvent, target?: FabricObject): void;
-    /**
-     * Manage the dragEnter, dragLeave events for the fabric objects on the canvas
-     * @param {Fabric.Object} target the target where the target from the onDrag event
-     * @param {Object} data Event object fired on dragover
-     * @private
-     */
-    _fireEnterLeaveEvents(e: TPointerEvent, target: FabricObject | undefined, data: DragEventData): void;
-    /**
-     * Manage the synthetic in/out events for the fabric objects on the canvas
-     * @param {Fabric.Object} target the target where the target from the supported events
-     * @param {Object} data Event object fired
-     * @param {Object} config configuration for the function to work
-     * @param {String} config.targetName property on the canvas where the old target is stored
-     * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out
-     * @param {String} config.evtOut name of the event to fire for out
-     * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in
-     * @param {String} config.evtIn name of the event to fire for in
-     * @private
-     */
-    fireSyntheticInOutEvents<T extends keyof TSyntheticEventContext>(type: T, { target, oldTarget, actualTarget, oldActualTarget, fireCanvas, e, ...data }: TSyntheticEventContext[T] & {
-        target?: FabricObject;
-        oldTarget?: FabricObject;
-        actualTarget?: FabricObject;
-        oldActualTarget?: FabricObject;
-        fireCanvas?: boolean;
-    }): void;
-    /**
-     * @private
-     * @param {Event} e Event fired on mousemove
-     */
-    _transformObject(e: TPointerEvent): void;
-    /**
-     * @private
-     */
-    _performTransformAction(e: TPointerEvent, transform: Transform, pointer: Point): void;
-    /**
-     * Sets the cursor depending on where the canvas is being hovered.
-     * Note: very buggy in Opera
-     * @param {Event} e Event object
-     * @param {Object} target Object that the mouse is hovering, if so.
-     */
-    _setCursorFromEvent(e: TPointerEvent, target?: FabricObject): void;
-    /**
-     * ## Handles multiple selection
-     * - toggles `target` selection (selects/deselects `target` if it isn't/is selected respectively)
-     * - sets the active object in case it is not set or in case there is a single active object left under active selection.
-     * ---
-     * - If the active object is the active selection we add/remove `target` from it
-     * - If not, add the active object and `target` to the active selection and make it the active object.
-     * @TODO rewrite this after find target is refactored
-     * @private
-     * @param {TPointerEvent} e Event object
-     * @param {FabricObject} target target of event to select/deselect
-     * @returns true if grouping occurred
-     */
-    protected handleMultiSelection(e: TPointerEvent, target?: FabricObject): boolean;
-    /**
-     * ## Handles selection
-     * - selects objects that are contained in (and possibly intersecting) the selection bounding box
-     * - sets the active object
-     * ---
-     * runs on mouse up after a mouse move
-     */
-    protected handleSelection(e: TPointerEvent): boolean;
-    /**
-     * Wraps the original toCanvasElement with a function that removes
-     * the context top for the time the function is run.
-     * So we avoid painting side effects on the upper canvas when exporting
-     */
-    toCanvasElement(multiplier?: number, options?: TToCanvasElementOptions): HTMLCanvasElement;
-    /**
-     * @override clear {@link textEditingManager}
-     */
-    clear(): void;
-    /**
-     * @override clear {@link textEditingManager}
-     */
-    destroy(): void;
-}
-export {};
-//# sourceMappingURL=Canvas.d.ts.map

package/dist/src/canvas/Canvas.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Canvas.d.ts","sourceRoot":"","sources":["../../../src/canvas/Canvas.ts"],"names":[],"mappings":"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"}

package/dist/src/canvas/Canvas.min.mjs

@@ -1,2 +0,0 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import"../constants.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import{Point as n}from"../Point.min.mjs";import{isActiveSelection as r}from"../util/typeAssertions.min.mjs";import{getDocumentFromElement as i,getWindowFromElement as a}from"../util/dom_misc.min.mjs";import{isTouchEvent as o,stopEvent as s}from"../util/dom_event.min.mjs";import{sendPointToPlane as c}from"../util/misc/planeChange.min.mjs";import{SelectableCanvas as l}from"./SelectableCanvas.min.mjs";import{TextEditingManager as u}from"./TextEditingManager.min.mjs";const d={passive:!1},f=(e,t)=>({viewportPoint:e.getViewportPoint(t),scenePoint:e.getScenePoint(t)}),p=(e,...t)=>e.addEventListener(...t),m=(e,...t)=>e.removeEventListener(...t),h={mouse:{in:`over`,out:`out`,targetIn:`mouseover`,targetOut:`mouseout`,canvasIn:`mouse:over`,canvasOut:`mouse:out`},drag:{in:`enter`,out:`leave`,targetIn:`dragenter`,targetOut:`dragleave`,canvasIn:`drag:enter`,canvasOut:`drag:leave`}};var g=class extends l{constructor(t,n={}){super(t,n),e(this,`_isClick`,void 0),e(this,`textEditingManager`,new u(this)),[`_onMouseDown`,`_onTouchStart`,`_onMouseMove`,`_onMouseUp`,`_onTouchEnd`,`_onResize`,`_onMouseWheel`,`_onMouseOut`,`_onMouseEnter`,`_onContextMenu`,`_onClick`,`_onDragStart`,`_onDragEnd`,`_onDragProgress`,`_onDragOver`,`_onDragEnter`,`_onDragLeave`,`_onDrop`].forEach(e=>{this[e]=this[e].bind(this)}),this.addOrRemove(p)}_getEventPrefix(){return this.enablePointerEvents?`pointer`:`mouse`}addOrRemove(e,t=!1){let n=this.upperCanvasEl,r=this._getEventPrefix();e(a(n),`resize`,this._onResize),e(n,r+`down`,this._onMouseDown),e(n,`${r}move`,this._onMouseMove,d),e(n,`${r}out`,this._onMouseOut),e(n,`${r}enter`,this._onMouseEnter),e(n,`wheel`,this._onMouseWheel,{passive:!1}),e(n,`contextmenu`,this._onContextMenu),t||(e(n,`click`,this._onClick),e(n,`dblclick`,this._onClick)),e(n,`dragstart`,this._onDragStart),e(n,`dragend`,this._onDragEnd),e(n,`dragover`,this._onDragOver),e(n,`dragenter`,this._onDragEnter),e(n,`dragleave`,this._onDragLeave),e(n,`drop`,this._onDrop),this.enablePointerEvents||e(n,`touchstart`,this._onTouchStart,d)}removeListeners(){this.addOrRemove(m);let e=this._getEventPrefix(),t=i(this.upperCanvasEl);m(t,`${e}up`,this._onMouseUp),m(t,`touchend`,this._onTouchEnd,d),m(t,`${e}move`,this._onMouseMove,d),m(t,`touchmove`,this._onMouseMove,d),clearTimeout(this._willAddMouseDown)}_onMouseWheel(e){this._cacheTransformEventData(e),this._handleEvent(e,`wheel`),this._resetTransformEventData()}_onMouseOut(e){let t=this._hoveredTarget,n={e,...f(this,e)};this.fire(`mouse:out`,{...n,target:t}),this._hoveredTarget=void 0,t&&t.fire(`mouseout`,{...n}),this._hoveredTargets.forEach(e=>{this.fire(`mouse:out`,{...n,target:e}),e&&e.fire(`mouseout`,{...n})}),this._hoveredTargets=[]}_onMouseEnter(e){let{target:t}=this.findTarget(e);this._currentTransform||t||(this.fire(`mouse:over`,{e,...f(this,e)}),this._hoveredTarget=void 0,this._hoveredTargets=[])}_onDragStart(e){this._isClick=!1;let t=this.getActiveObject();if(t&&t.onDragStart(e)){this._dragSource=t;let n={e,target:t};this.fire(`dragstart`,n),t.fire(`dragstart`,n),p(this.upperCanvasEl,`drag`,this._onDragProgress);return}s(e)}_renderDragEffects(e,t,n){let r=!1,i=this._dropTarget;i&&i!==t&&i!==n&&(i.clearContextTop(),r=!0),t==null||t.clearContextTop(),n!==t&&(n==null||n.clearContextTop());let a=this.contextTop;a.save(),a.transform(...this.viewportTransform),t&&(a.save(),t.transform(a),t.renderDragSourceEffect(e),a.restore(),r=!0),n&&(a.save(),n.transform(a),n.renderDropTargetEffect(e),a.restore(),r=!0),a.restore(),r&&(this.contextTopDirty=!0)}_onDragEnd(e){let{currentSubTargets:t}=this.findTarget(e),n=!!e.dataTransfer&&e.dataTransfer.dropEffect!==`none`,r=n?this._activeObject:void 0,i={e,target:this._dragSource,subTargets:t,dragSource:this._dragSource,didDrop:n,dropTarget:r};m(this.upperCanvasEl,`drag`,this._onDragProgress),this.fire(`dragend`,i),this._dragSource&&this._dragSource.fire(`dragend`,i),delete this._dragSource,this._onMouseUp(e)}_onDragProgress(e){let t={e,target:this._dragSource,dragSource:this._dragSource,dropTarget:this._draggedoverTarget};this.fire(`drag`,t),this._dragSource&&this._dragSource.fire(`drag`,t)}_onDragOver(e){let t=`dragover`,{currentContainer:n,currentSubTargets:r}=this.findTarget(e),i=this._dragSource,a={e,target:n,subTargets:r,dragSource:i,canDrop:!1,dropTarget:void 0},o;this.fire(t,a),this._fireEnterLeaveEvents(e,n,a),n&&(n.canDrop(e)&&(o=n),n.fire(t,a));for(let n=0;n<r.length;n++){let i=r[n];i.canDrop(e)&&(o=i),i.fire(t,a)}this._renderDragEffects(e,i,o),this._dropTarget=o}_onDragEnter(e){let{currentContainer:t,currentSubTargets:n}=this.findTarget(e),r={e,target:t,subTargets:n,dragSource:this._dragSource};this.fire(`dragenter`,r),this._fireEnterLeaveEvents(e,t,r)}_onDragLeave(e){let{currentSubTargets:t}=this.findTarget(e),n={e,target:this._draggedoverTarget,subTargets:t,dragSource:this._dragSource};this.fire(`dragleave`,n),this._fireEnterLeaveEvents(e,void 0,n),this._renderDragEffects(e,this._dragSource),this._dropTarget=void 0,this._hoveredTargets=[]}_onDrop(e){let{currentContainer:t,currentSubTargets:n}=this.findTarget(e),r=this._basicEventHandler(`drop:before`,{e,target:t,subTargets:n,dragSource:this._dragSource,...f(this,e)});r.didDrop=!1,r.dropTarget=void 0,this._basicEventHandler(`drop`,r),this.fire(`drop:after`,r)}_onContextMenu(e){let{target:t,subTargets:n}=this.findTarget(e),r=this._basicEventHandler(`contextmenu:before`,{e,target:t,subTargets:n});return this.stopContextMenu&&s(e),this._basicEventHandler(`contextmenu`,r),!1}_onClick(e){let t=e.detail;t>3||t<2||(this._cacheTransformEventData(e),t==2&&e.type===`dblclick`&&this._handleEvent(e,`dblclick`),t==3&&this._handleEvent(e,`tripleclick`),this._resetTransformEventData())}fireEventFromPointerEvent(e,t,n,r={}){this._cacheTransformEventData(e);let{target:i,subTargets:a}=this.findTarget(e),o={e,target:i,subTargets:a,...f(this,e),transform:this._currentTransform,...r};this.fire(t,o),i&&i.fire(n,o);for(let e=0;e<a.length;e++)a[e]!==i&&a[e].fire(n,o);this._resetTransformEventData()}getPointerId(e){let t=e.changedTouches;return t?t[0]&&t[0].identifier:this.enablePointerEvents?e.pointerId:-1}_isMainEvent(e){return!0===e.isPrimary||!1!==e.isPrimary&&(e.type===`touchend`&&e.touches.length===0||!e.changedTouches||e.changedTouches[0].identifier===this.mainTouchId)}_onTouchStart(e){this._cacheTransformEventData(e);let t=!this.allowTouchScrolling,n=this._activeObject;this.mainTouchId===void 0&&(this.mainTouchId=this.getPointerId(e)),this.__onMouseDown(e);let{target:r}=this.findTarget(e);(this.isDrawingMode||n&&r===n)&&(t=!0),t&&e.preventDefault();let a=this.upperCanvasEl,o=this._getEventPrefix(),s=i(a);p(s,`touchend`,this._onTouchEnd,d),t&&p(s,`touchmove`,this._onMouseMove,d),m(a,`${o}down`,this._onMouseDown),this._resetTransformEventData()}_onMouseDown(e){this._cacheTransformEventData(e),this.__onMouseDown(e);let t=this.upperCanvasEl,n=this._getEventPrefix();m(t,`${n}move`,this._onMouseMove,d);let r=i(t);p(r,`${n}up`,this._onMouseUp),p(r,`${n}move`,this._onMouseMove,d),this._resetTransformEventData()}_onTouchEnd(e){if(e.touches.length>0)return;this._cacheTransformEventData(e),this.__onMouseUp(e),this._resetTransformEventData(),delete this.mainTouchId;let t=this._getEventPrefix(),n=i(this.upperCanvasEl);m(n,`touchend`,this._onTouchEnd,d),m(n,`touchmove`,this._onMouseMove,d),this._willAddMouseDown&&clearTimeout(this._willAddMouseDown),this._willAddMouseDown=setTimeout(()=>{p(this.upperCanvasEl,`${t}down`,this._onMouseDown),this._willAddMouseDown=0},400)}_onMouseUp(e){this._cacheTransformEventData(e),this.__onMouseUp(e);let t=this.upperCanvasEl,n=this._getEventPrefix();if(this._isMainEvent(e)){let e=i(this.upperCanvasEl);m(e,`${n}up`,this._onMouseUp),m(e,`${n}move`,this._onMouseMove,d),p(t,`${n}move`,this._onMouseMove,d)}this._resetTransformEventData()}_onMouseMove(e){this._cacheTransformEventData(e);let t=this.getActiveObject();!this.allowTouchScrolling&&(!t||!t.shouldStartDragging(e))&&e.preventDefault&&e.preventDefault(),this.__onMouseMove(e),this._resetTransformEventData()}_onResize(){this.calcOffset(),this._resetTransformEventData()}_shouldRender(e){let t=this.getActiveObject();return!!t!=!!e||t&&e&&t!==e}__onMouseUp(e){var t;this._handleEvent(e,`up:before`);let n=this._currentTransform,r=this._isClick,{target:i}=this.findTarget(e),{button:a}=e;if(a)return void((this.fireMiddleClick&&a===1||this.fireRightClick&&a===2)&&this._handleEvent(e,`up`));if(this.isDrawingMode&&this._isCurrentlyDrawing)return void this._onMouseUpInDrawingMode(e);if(!this._isMainEvent(e))return;let s,c,l=!1;if(n&&(this._finalizeCurrentTransform(e),l=n.actionPerformed),!r){let t=i===this._activeObject;this.handleSelection(e),l||(l=this._shouldRender(i)||!t&&i===this._activeObject)}if(i){let{key:t,control:r}=i.findControl(this.getViewportPoint(e),o(e))||{};if(c=t,i.selectable&&i!==this._activeObject&&i.activeOn===`up`)this.setActiveObject(i,e),l=!0;else if(r){let t=r.getMouseUpHandler(e,i,r);t&&(s=this.getScenePoint(e),t.call(r,e,n,s.x,s.y))}i.isMoving=!1}if(n&&(n.target!==i||n.corner!==c)){let t=n.target&&n.target.controls[n.corner],r=t&&t.getMouseUpHandler(e,n.target,t);s=s||this.getScenePoint(e),r&&r.call(t,e,n,s.x,s.y)}this._setCursorFromEvent(e,i),this._handleEvent(e,`up`),this._groupSelector=null,this._currentTransform=null,i&&(i.__corner=void 0),l?this.requestRenderAll():r||(t=this._activeObject)!=null&&t.isEditing||this.renderTop()}_basicEventHandler(e,t){let{target:n,subTargets:r=[]}=t;this.fire(e,t),n&&n.fire(e,t);for(let i=0;i<r.length;i++)r[i]!==n&&r[i].fire(e,t);return t}_handleEvent(e,t,n){let{target:r,subTargets:i}=this.findTarget(e),a={e,target:r,subTargets:i,...f(this,e),transform:this._currentTransform,...t===`down:before`||t===`down`?n:{}};t!==`up:before`&&t!==`up`||(a.isClick=this._isClick),this.fire(`mouse:${t}`,a),r&&r.fire(`mouse${t}`,a);for(let e=0;e<i.length;e++)i[e]!==r&&i[e].fire(`mouse${t}`,a)}_onMouseDownInDrawingMode(e){this._isCurrentlyDrawing=!0,this.getActiveObject()&&(this.discardActiveObject(e),this.requestRenderAll());let t=this.getScenePoint(e);this.freeDrawingBrush&&this.freeDrawingBrush.onMouseDown(t,{e,pointer:t}),this._handleEvent(e,`down`,{alreadySelected:!1})}_onMouseMoveInDrawingMode(e){if(this._isCurrentlyDrawing){let t=this.getScenePoint(e);this.freeDrawingBrush&&this.freeDrawingBrush.onMouseMove(t,{e,pointer:t})}this.setCursor(this.freeDrawingCursor),this._handleEvent(e,`move`)}_onMouseUpInDrawingMode(e){let t=this.getScenePoint(e);this.freeDrawingBrush?this._isCurrentlyDrawing=!!this.freeDrawingBrush.onMouseUp({e,pointer:t}):this._isCurrentlyDrawing=!1,this._handleEvent(e,`up`)}__onMouseDown(e){this._isClick=!0,this._handleEvent(e,`down:before`);let{target:t}=this.findTarget(e),n=!!t&&t===this._activeObject,{button:r}=e;if(r)return void((this.fireMiddleClick&&r===1||this.fireRightClick&&r===2)&&this._handleEvent(e,`down`,{alreadySelected:n}));if(this.isDrawingMode)return void this._onMouseDownInDrawingMode(e);if(!this._isMainEvent(e)||this._currentTransform)return;let i=this._shouldRender(t),a=!1;if(this.handleMultiSelection(e,t)?(t=this._activeObject,a=!0,i=!0):this._shouldClearSelection(e,t)&&this.discardActiveObject(e),this.selection&&(!t||!t.selectable&&!t.isEditing&&t!==this._activeObject)){let t=this.getScenePoint(e);this._groupSelector={x:t.x,y:t.y,deltaY:0,deltaX:0}}if(n=!!t&&t===this._activeObject,t){t.selectable&&t.activeOn===`down`&&this.setActiveObject(t,e);let r=t.findControl(this.getViewportPoint(e),o(e));if(t===this._activeObject&&(r||!a)){this._setupCurrentTransform(e,t,n);let i=r?r.control:void 0,a=this.getScenePoint(e),o=i&&i.getMouseDownHandler(e,t,i);o&&o.call(i,e,this._currentTransform,a.x,a.y)}}i&&(this._objectsToRender=void 0),this._handleEvent(e,`down`,{alreadySelected:n}),i&&this.requestRenderAll()}_resetTransformEventData(){this._targetInfo=this._viewportPoint=this._scenePoint=void 0}_cacheTransformEventData(e){this._resetTransformEventData(),this._viewportPoint=this.getViewportPoint(e),this._scenePoint=c(this._viewportPoint,void 0,this.viewportTransform),this._targetInfo=this.findTarget(e),this._currentTransform&&(this._targetInfo.target=this._currentTransform.target)}__onMouseMove(e){if(this._isClick=!1,this._handleEvent(e,`move:before`),this.isDrawingMode)return void this._onMouseMoveInDrawingMode(e);if(!this._isMainEvent(e))return;let t=this._groupSelector;if(t){let n=this.getScenePoint(e);t.deltaX=n.x-t.x,t.deltaY=n.y-t.y,this.renderTop()}else if(this._currentTransform)this._transformObject(e);else{let{target:t}=this.findTarget(e);this._setCursorFromEvent(e,t),this._fireOverOutEvents(e,t)}this.textEditingManager.onMouseMove(e),this._handleEvent(e,`move`)}_fireOverOutEvents(e,t){let{_hoveredTarget:n,_hoveredTargets:r}=this,{subTargets:i,currentTarget:a}=this.findTarget(e),o=Math.max(r.length,i.length);this.fireSyntheticInOutEvents(`mouse`,{e,target:t,oldTarget:n,actualTarget:a,oldActualTarget:this._hoveredActualTarget,fireCanvas:!0});for(let a=0;a<o;a++)i[a]===t||r[a]&&r[a]===n||this.fireSyntheticInOutEvents(`mouse`,{e,target:i[a],oldTarget:r[a]});this._hoveredActualTarget=a,this._hoveredTarget=t,this._hoveredTargets=i}_fireEnterLeaveEvents(e,t,n){let r=this._draggedoverTarget,i=this._hoveredTargets,{subTargets:a}=this.findTarget(e),o=Math.max(i.length,a.length);this.fireSyntheticInOutEvents(`drag`,{...n,target:t,oldTarget:r,fireCanvas:!0});for(let e=0;e<o;e++)this.fireSyntheticInOutEvents(`drag`,{...n,target:a[e],oldTarget:i[e]});this._draggedoverTarget=t}fireSyntheticInOutEvents(e,{target:t,oldTarget:n,actualTarget:r,oldActualTarget:i,fireCanvas:a,e:o,...s}){let{targetIn:c,targetOut:l,canvasIn:u,canvasOut:d}=h[e],p=n!==t,m=i!==r,g=t&&p,_=r&&m,v=n&&p,y=i&&m,b={...s,e:o,...f(this,o)},x={...b,target:n,nextTarget:t,actualTarget:i,nextActualTarget:r};(v||y)&&a&&this.fire(d,x),v&&n.fire(l,x),y&&n!==i&&i.fire(l,x);let S={...b,target:t,previousTarget:n,actualTarget:r,previousActualTarget:i};(g||_)&&a&&this.fire(u,S),g&&t.fire(c,S),_&&r!==t&&r.fire(c,S)}_transformObject(e){let t=this.getScenePoint(e),n=this._currentTransform,r=n.target,i=r.group?c(t,void 0,r.group.calcTransformMatrix()):t;n.shiftKey=e.shiftKey,n.altKey=!!this.centeredKey&&e[this.centeredKey],this._performTransformAction(e,n,i),n.actionPerformed&&this.requestRenderAll()}_performTransformAction(e,t,n){let{action:r,actionHandler:i,target:a}=t,o=!!i&&i(e,t,n.x,n.y);o&&a.setCoords(),r===`drag`&&o&&(t.target.isMoving=!0,this.setCursor(t.target.moveCursor||this.moveCursor)),t.actionPerformed=t.actionPerformed||o}_setCursorFromEvent(e,t){if(!t)return void this.setCursor(this.defaultCursor);let n=t.hoverCursor||this.hoverCursor,i=r(this._activeObject)?this._activeObject:null,a=(!i||t.group!==i)&&t.findControl(this.getViewportPoint(e));if(a){let{control:n,coord:r}=a;this.setCursor(n.cursorStyleHandler(e,n,t,r))}else{if(t.subTargetCheck){let{subTargets:t}=this.findTarget(e);t.concat().reverse().forEach(e=>{n=e.hoverCursor||n})}this.setCursor(n)}}handleMultiSelection(e,n){let i=this._activeObject,a=r(i);if(i&&this._isSelectionKeyPressed(e)&&this.selection&&n&&n.selectable&&(i!==n||a)&&(a||!n.isDescendantOf(i)&&!i.isDescendantOf(n))&&!n.onSelect({e})&&!i.getActiveControl()){if(a){let t=i.getObjects(),r=[];if(n===i){let i=this.getScenePoint(e),a=this.searchPossibleTargets(t,i);if(a.target?(n=a.target,r=a.subTargets):(a=this.searchPossibleTargets(this._objects,i),n=a.target,r=a.subTargets),!n||!n.selectable)return!1}n.group===i?(i.remove(n),this._hoveredTarget=n,this._hoveredTargets=r,i.size()===1&&this._setActiveObject(i.item(0),e)):(i.multiSelectAdd(n),this._hoveredTarget=i,this._hoveredTargets=r),this._fireSelectionEvents(t,e)}else{i.isEditing&&i.exitEditing();let r=new(t.getClass(`ActiveSelection`))([],{canvas:this});r.multiSelectAdd(i,n),this._hoveredTarget=r,this._setActiveObject(r,e),this._fireSelectionEvents([i],e)}return!0}return!1}handleSelection(e){if(!this.selection||!this._groupSelector)return!1;let{x:r,y:i,deltaX:a,deltaY:o}=this._groupSelector,s=new n(r,i),c=s.add(new n(a,o)),l=s.min(c),u=s.max(c).subtract(l),d=this.collectObjects({left:l.x,top:l.y,width:u.x,height:u.y},{includeIntersecting:!this.selectionFullyContained}),f=s.eq(c)?d[0]?[d[0]]:[]:d.length>1?d.filter(t=>!t.onSelect({e})).reverse():d;if(f.length===1)this.setActiveObject(f[0],e);else if(f.length>1){let n=t.getClass(`ActiveSelection`);this.setActiveObject(new n(f,{canvas:this}),e)}return this._groupSelector=null,!0}toCanvasElement(e=1,t){let{upper:n}=this.elements;n.ctx=void 0;let r=super.toCanvasElement(e,t);return n.ctx=n.el.getContext(`2d`),r}clear(){this.textEditingManager.clear(),super.clear()}destroy(){this.removeListeners(),this.textEditingManager.dispose(),super.destroy()}};export{g as Canvas};
-//# sourceMappingURL=Canvas.min.mjs.map

package/dist/src/canvas/Canvas.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Canvas.min.mjs","names":[],"sources":["../../../src/canvas/Canvas.ts"],"sourcesContent":["import { classRegistry } from '../ClassRegistry';\nimport { NONE } from '../constants';\nimport type {\n  CanvasEvents,\n  DragEventData,\n  ObjectEvents,\n  TEventsExtraData,\n  TPointerEvent,\n  TPointerEventNames,\n  Transform,\n} from '../EventTypeDefs';\nimport { Point } from '../Point';\nimport type { ActiveSelection } from '../shapes/ActiveSelection';\nimport type { Group } from '../shapes/Group';\nimport type { IText } from '../shapes/IText/IText';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport { type TToCanvasElementOptions } from '../typedefs';\nimport { isTouchEvent, stopEvent } from '../util/dom_event';\nimport { getDocumentFromElement, getWindowFromElement } from '../util/dom_misc';\nimport { sendPointToPlane } from '../util/misc/planeChange';\nimport { isActiveSelection } from '../util/typeAssertions';\nimport type { CanvasOptions, TCanvasOptions } from './CanvasOptions';\nimport { SelectableCanvas } from './SelectableCanvas';\nimport { TextEditingManager } from './TextEditingManager';\n\nconst addEventOptions = { passive: false } as EventListenerOptions;\n\nconst getEventPoints = (canvas: Canvas, e: TPointerEvent) => {\n  const viewportPoint = canvas.getViewportPoint(e);\n  const scenePoint = canvas.getScenePoint(e);\n  return {\n    viewportPoint,\n    scenePoint,\n  };\n};\n\n// just to be clear, the utils are now deprecated and those are here exactly as minifier helpers\n// because el.addEventListener can't me be minified while a const yes and we use it 47 times in this file.\n// few bytes but why give it away.\nconst addListener = (\n  el: HTMLElement | Document,\n  ...args: Parameters<HTMLElement['addEventListener']>\n) => el.addEventListener(...args);\nconst removeListener = (\n  el: HTMLElement | Document,\n  ...args: Parameters<HTMLElement['removeEventListener']>\n) => el.removeEventListener(...args);\n\nconst syntheticEventConfig = {\n  mouse: {\n    in: 'over',\n    out: 'out',\n    targetIn: 'mouseover',\n    targetOut: 'mouseout',\n    canvasIn: 'mouse:over',\n    canvasOut: 'mouse:out',\n  },\n  drag: {\n    in: 'enter',\n    out: 'leave',\n    targetIn: 'dragenter',\n    targetOut: 'dragleave',\n    canvasIn: 'drag:enter',\n    canvasOut: 'drag:leave',\n  },\n} as const;\n\ntype TSyntheticEventContext = {\n  mouse: { e: TPointerEvent };\n  drag: DragEventData;\n};\n\nexport class Canvas extends SelectableCanvas implements CanvasOptions {\n  /**\n   * Contains the id of the touch event that owns the fabric transform\n   * @type Number\n   * @private\n   */\n  declare mainTouchId?: number;\n\n  declare enablePointerEvents: boolean;\n\n  /**\n   * Holds a reference to a setTimeout timer for event synchronization\n   * @type number\n   * @private\n   */\n  declare private _willAddMouseDown: number;\n\n  /**\n   * Holds a reference to an object on the canvas that is receiving the drag over event.\n   * @type FabricObject\n   * @private\n   */\n  declare private _draggedoverTarget?: FabricObject;\n\n  /**\n   * Holds a reference to an object on the canvas from where the drag operation started\n   * @type FabricObject\n   * @private\n   */\n  declare private _dragSource?: FabricObject;\n\n  /**\n   * Holds a reference to an object on the canvas that is the current drop target\n   * May differ from {@link _draggedoverTarget}\n   * @todo inspect whether {@link _draggedoverTarget} and {@link _dropTarget} should be merged somehow\n   * @type FabricObject\n   * @private\n   */\n  declare private _dropTarget: FabricObject<ObjectEvents> | undefined;\n\n  /**\n   * a boolean that keeps track of the click state during a cycle of mouse down/up.\n   * If a mouse move occurs it becomes false.\n   * Is true by default, turns false on mouse move.\n   * Used to determine if a mouseUp is a click\n   */\n  private _isClick: boolean;\n\n  textEditingManager = new TextEditingManager(this);\n\n  constructor(el?: string | HTMLCanvasElement, options: TCanvasOptions = {}) {\n    super(el, options);\n    // bind event handlers\n    (\n      [\n        '_onMouseDown',\n        '_onTouchStart',\n        '_onMouseMove',\n        '_onMouseUp',\n        '_onTouchEnd',\n        '_onResize',\n        // '_onGesture',\n        // '_onDrag',\n        // '_onShake',\n        // '_onLongPress',\n        // '_onOrientationChange',\n        '_onMouseWheel',\n        '_onMouseOut',\n        '_onMouseEnter',\n        '_onContextMenu',\n        '_onClick',\n        '_onDragStart',\n        '_onDragEnd',\n        '_onDragProgress',\n        '_onDragOver',\n        '_onDragEnter',\n        '_onDragLeave',\n        '_onDrop',\n      ] as (keyof this)[]\n    ).forEach((eventHandler) => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\n      this[eventHandler] = (this[eventHandler] as Function).bind(this);\n    });\n    // register event handlers\n    this.addOrRemove(addListener);\n  }\n\n  /**\n   * return an event prefix pointer or mouse.\n   * @private\n   */\n  private _getEventPrefix() {\n    return this.enablePointerEvents ? 'pointer' : 'mouse';\n  }\n\n  addOrRemove(functor: any, forTouch = false) {\n    const canvasElement = this.upperCanvasEl,\n      eventTypePrefix = this._getEventPrefix();\n    functor(getWindowFromElement(canvasElement), 'resize', this._onResize);\n    functor(canvasElement, eventTypePrefix + 'down', this._onMouseDown);\n    functor(\n      canvasElement,\n      `${eventTypePrefix}move`,\n      this._onMouseMove,\n      addEventOptions,\n    );\n    functor(canvasElement, `${eventTypePrefix}out`, this._onMouseOut);\n    functor(canvasElement, `${eventTypePrefix}enter`, this._onMouseEnter);\n    functor(canvasElement, 'wheel', this._onMouseWheel, { passive: false });\n    functor(canvasElement, 'contextmenu', this._onContextMenu);\n    if (!forTouch) {\n      functor(canvasElement, 'click', this._onClick);\n      functor(canvasElement, 'dblclick', this._onClick);\n    }\n    functor(canvasElement, 'dragstart', this._onDragStart);\n    functor(canvasElement, 'dragend', this._onDragEnd);\n    functor(canvasElement, 'dragover', this._onDragOver);\n    functor(canvasElement, 'dragenter', this._onDragEnter);\n    functor(canvasElement, 'dragleave', this._onDragLeave);\n    functor(canvasElement, 'drop', this._onDrop);\n    if (!this.enablePointerEvents) {\n      functor(canvasElement, 'touchstart', this._onTouchStart, addEventOptions);\n    }\n  }\n\n  /**\n   * Removes all event listeners, used when disposing the instance\n   */\n  removeListeners() {\n    this.addOrRemove(removeListener);\n    // if you dispose on a mouseDown, before mouse up, you need to clean document to...\n    const eventTypePrefix = this._getEventPrefix();\n    const doc = getDocumentFromElement(this.upperCanvasEl);\n    removeListener(\n      doc,\n      `${eventTypePrefix}up`,\n      this._onMouseUp as EventListener,\n    );\n    removeListener(\n      doc,\n      'touchend',\n      this._onTouchEnd as EventListener,\n      addEventOptions,\n    );\n    removeListener(\n      doc,\n      `${eventTypePrefix}move`,\n      this._onMouseMove as EventListener,\n      addEventOptions,\n    );\n    removeListener(\n      doc,\n      'touchmove',\n      this._onMouseMove as EventListener,\n      addEventOptions,\n    );\n    clearTimeout(this._willAddMouseDown);\n  }\n\n  /**\n   * @private\n   * @param {Event} [e] Event object fired on wheel event\n   */\n  private _onMouseWheel(e: MouseEvent) {\n    this._cacheTransformEventData(e);\n    this._handleEvent(e, 'wheel');\n    this._resetTransformEventData();\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object fired on mousedown\n   */\n  private _onMouseOut(e: TPointerEvent) {\n    const target = this._hoveredTarget;\n    const shared = {\n      e,\n      ...getEventPoints(this, e),\n    };\n    this.fire('mouse:out', { ...shared, target });\n    this._hoveredTarget = undefined;\n    target && target.fire('mouseout', { ...shared });\n    this._hoveredTargets.forEach((nestedTarget) => {\n      this.fire('mouse:out', { ...shared, target: nestedTarget });\n      nestedTarget && nestedTarget.fire('mouseout', { ...shared });\n    });\n    this._hoveredTargets = [];\n  }\n\n  /**\n   * @private\n   * Used when the mouse cursor enter the canvas from outside\n   * @param {Event} e Event object fired on mouseenter\n   */\n  private _onMouseEnter(e: TPointerEvent) {\n    // This find target and consequent 'mouse:over' is used to\n    // clear old instances on hovered target.\n    // calling findTarget has the side effect of killing target.__corner.\n    // as a short term fix we are not firing this if we are currently transforming.\n    // as a long term fix we need to separate the action of finding a target with the\n    // side effects we added to it.\n    const { target } = this.findTarget(e);\n    // we fire the event only when there is no target, if there is a target, the specific\n    // target event will fire.\n    if (!this._currentTransform && !target) {\n      this.fire('mouse:over', {\n        e,\n        ...getEventPoints(this, e),\n      });\n      this._hoveredTarget = undefined;\n      this._hoveredTargets = [];\n    }\n  }\n\n  /**\n   * supports native like text dragging\n   * @private\n   * @param {DragEvent} e\n   */\n  private _onDragStart(e: DragEvent) {\n    this._isClick = false;\n    const activeObject = this.getActiveObject();\n    if (activeObject && activeObject.onDragStart(e)) {\n      this._dragSource = activeObject;\n      const options = { e, target: activeObject };\n      this.fire('dragstart', options);\n      activeObject.fire('dragstart', options);\n      addListener(\n        this.upperCanvasEl,\n        'drag',\n        this._onDragProgress as EventListener,\n      );\n      return;\n    }\n    stopEvent(e);\n  }\n\n  /**\n   * First we clear top context where the effects are being rendered.\n   * Then we render the effects.\n   * Doing so will render the correct effect for all cases including an overlap between `source` and `target`.\n   * @private\n   */\n  private _renderDragEffects(\n    e: DragEvent,\n    source?: FabricObject,\n    target?: FabricObject,\n  ) {\n    let dirty = false;\n    // clear top context\n    const dropTarget = this._dropTarget;\n    if (dropTarget && dropTarget !== source && dropTarget !== target) {\n      dropTarget.clearContextTop();\n      dirty = true;\n    }\n    source?.clearContextTop();\n    target !== source && target?.clearContextTop();\n    // render effects\n    const ctx = this.contextTop;\n    ctx.save();\n    ctx.transform(...this.viewportTransform);\n    if (source) {\n      ctx.save();\n      source.transform(ctx);\n      source.renderDragSourceEffect(e);\n      ctx.restore();\n      dirty = true;\n    }\n    if (target) {\n      ctx.save();\n      target.transform(ctx);\n      target.renderDropTargetEffect(e);\n      ctx.restore();\n      dirty = true;\n    }\n    ctx.restore();\n    dirty && (this.contextTopDirty = true);\n  }\n\n  /**\n   * supports native like text dragging\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\n   * @private\n   * @param {DragEvent} e\n   */\n  private _onDragEnd(e: DragEvent) {\n    const { currentSubTargets } = this.findTarget(e);\n    const didDrop = !!e.dataTransfer && e.dataTransfer.dropEffect !== NONE,\n      dropTarget = didDrop ? this._activeObject : undefined,\n      options = {\n        e,\n        target: this._dragSource as FabricObject,\n        subTargets: currentSubTargets,\n        dragSource: this._dragSource as FabricObject,\n        didDrop,\n        dropTarget: dropTarget as FabricObject,\n      };\n    removeListener(\n      this.upperCanvasEl,\n      'drag',\n      this._onDragProgress as EventListener,\n    );\n    this.fire('dragend', options);\n    this._dragSource && this._dragSource.fire('dragend', options);\n    delete this._dragSource;\n    // we need to call mouse up synthetically because the browser won't\n    this._onMouseUp(e);\n  }\n\n  /**\n   * fire `drag` event on canvas and drag source\n   * @private\n   * @param {DragEvent} e\n   */\n  private _onDragProgress(e: DragEvent) {\n    const options = {\n      e,\n      target: this._dragSource,\n      dragSource: this._dragSource,\n      dropTarget: this._draggedoverTarget as FabricObject,\n    };\n    this.fire('drag', options);\n    this._dragSource && this._dragSource.fire('drag', options);\n  }\n\n  /**\n   * prevent default to allow drop event to be fired\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#specifying_drop_targets\n   * @private\n   * @param {DragEvent} [e] Event object fired on Event.js shake\n   */\n  private _onDragOver(e: DragEvent) {\n    const eventType = 'dragover';\n    const { currentContainer: target, currentSubTargets } = this.findTarget(e);\n    const dragSource = this._dragSource as FabricObject;\n    const options = {\n      e,\n      target,\n      subTargets: currentSubTargets,\n      dragSource,\n      canDrop: false,\n      dropTarget: undefined,\n    };\n    let dropTarget;\n    //  fire on canvas\n    this.fire(eventType, options);\n    //  make sure we fire dragenter events before dragover\n    //  if dragleave is needed, object will not fire dragover so we don't need to trouble ourselves with it\n    this._fireEnterLeaveEvents(e, target, options);\n    if (target) {\n      if (target.canDrop(e)) {\n        dropTarget = target;\n      }\n      target.fire(eventType, options);\n    }\n    //  propagate the event to subtargets\n    for (let i = 0; i < currentSubTargets.length; i++) {\n      const subTarget = currentSubTargets[i];\n      // accept event only if previous targets didn't (the accepting target calls `preventDefault` to inform that the event is taken)\n      // TODO: verify if those should loop in inverse order then?\n      // what is the order of subtargets?\n      if (subTarget.canDrop(e)) {\n        dropTarget = subTarget;\n      }\n      subTarget.fire(eventType, options);\n    }\n    //  render drag effects now that relations between source and target is clear\n    this._renderDragEffects(e, dragSource, dropTarget);\n    this._dropTarget = dropTarget;\n  }\n\n  /**\n   * fire `dragleave` on `dragover` targets\n   * @private\n   * @param {Event} [e] Event object fired on Event.js shake\n   */\n  private _onDragEnter(e: DragEvent) {\n    const { currentContainer, currentSubTargets } = this.findTarget(e);\n    const options = {\n      e,\n      target: currentContainer,\n      subTargets: currentSubTargets,\n      dragSource: this._dragSource,\n    };\n    this.fire('dragenter', options);\n    //  fire dragenter on targets\n    this._fireEnterLeaveEvents(e, currentContainer, options);\n  }\n\n  /**\n   * fire `dragleave` on `dragover` targets\n   * @private\n   * @param {Event} [e] Event object fired on Event.js shake\n   */\n  private _onDragLeave(e: DragEvent) {\n    const { currentSubTargets } = this.findTarget(e);\n    const options = {\n      e,\n      target: this._draggedoverTarget,\n      subTargets: currentSubTargets,\n      dragSource: this._dragSource,\n    };\n    this.fire('dragleave', options);\n\n    //  fire dragleave on targets\n    this._fireEnterLeaveEvents(e, undefined, options);\n    this._renderDragEffects(e, this._dragSource);\n    this._dropTarget = undefined;\n    this._hoveredTargets = [];\n  }\n\n  /**\n   * `drop:before` is a an event that allows you to schedule logic\n   * before the `drop` event. Prefer `drop` event always, but if you need\n   * to run some drop-disabling logic on an event, since there is no way\n   * to handle event handlers ordering, use `drop:before`\n   * @private\n   * @param {Event} e\n   */\n  private _onDrop(e: DragEvent) {\n    const { currentContainer, currentSubTargets } = this.findTarget(e);\n    const options = this._basicEventHandler('drop:before', {\n      e,\n      target: currentContainer,\n      subTargets: currentSubTargets,\n      dragSource: this._dragSource,\n      ...getEventPoints(this, e),\n    });\n    //  will be set by the drop target\n    options.didDrop = false;\n    //  will be set by the drop target, used in case options.target refuses the drop\n    options.dropTarget = undefined;\n    //  fire `drop`\n    this._basicEventHandler('drop', options);\n    //  inform canvas of the drop\n    //  we do this because canvas was unaware of what happened at the time the `drop` event was fired on it\n    //  use for side effects\n    this.fire('drop:after', options);\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object fired on mousedown\n   */\n  private _onContextMenu(e: TPointerEvent): false {\n    const { target, subTargets } = this.findTarget(e);\n    const options = this._basicEventHandler('contextmenu:before', {\n      e,\n      target,\n      subTargets,\n    });\n    // TODO: this line is silly because the dev can subscribe to the event and prevent it themselves\n    this.stopContextMenu && stopEvent(e);\n    this._basicEventHandler('contextmenu', options);\n    return false;\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object fired on mousedown\n   */\n  private _onClick(e: TPointerEvent) {\n    const clicks = e.detail;\n    if (clicks > 3 || clicks < 2) return;\n    this._cacheTransformEventData(e);\n    clicks == 2 && e.type === 'dblclick' && this._handleEvent(e, 'dblclick');\n    clicks == 3 && this._handleEvent(e, 'tripleclick');\n    this._resetTransformEventData();\n  }\n\n  /**\n   * This supports gesture event firing\n   * It is a method to keep some code organized, it exposes private methods\n   * in a way that works and still keep them private\n   * This is supposed to mirror _handleEvent\n   */\n  fireEventFromPointerEvent(\n    e: TPointerEvent,\n    eventName: keyof CanvasEvents,\n    secondaryName: keyof ObjectEvents,\n    extraData:\n      | Record<string, unknown>\n      | { rotation: number }\n      | { ping: number } = {},\n  ) {\n    this._cacheTransformEventData(e);\n    const { target, subTargets } = this.findTarget(e),\n      options = {\n        e,\n        target,\n        subTargets,\n        ...getEventPoints(this, e),\n        transform: this._currentTransform,\n        ...extraData,\n      };\n    this.fire(eventName, options);\n    // this may be a little be more complicated of what we want to handle\n    target && target.fire(secondaryName, options);\n    for (let i = 0; i < subTargets.length; i++) {\n      subTargets[i] !== target && subTargets[i].fire(secondaryName, options);\n    }\n    this._resetTransformEventData();\n  }\n\n  /**\n   * Return a the id of an event.\n   * returns either the pointerId or the identifier or 0 for the mouse event\n   * @private\n   * @param {Event} evt Event object\n   */\n  getPointerId(evt: TouchEvent | PointerEvent): number {\n    const changedTouches = (evt as TouchEvent).changedTouches;\n\n    if (changedTouches) {\n      return changedTouches[0] && changedTouches[0].identifier;\n    }\n\n    if (this.enablePointerEvents) {\n      return (evt as PointerEvent).pointerId;\n    }\n\n    return -1;\n  }\n\n  /**\n   * Determines if an event has the id of the event that is considered main\n   * @private\n   * @param {evt} event Event object\n   */\n  _isMainEvent(evt: TPointerEvent): boolean {\n    if ((evt as PointerEvent).isPrimary === true) {\n      return true;\n    }\n    if ((evt as PointerEvent).isPrimary === false) {\n      return false;\n    }\n    if (evt.type === 'touchend' && (evt as TouchEvent).touches.length === 0) {\n      return true;\n    }\n    if ((evt as TouchEvent).changedTouches) {\n      return (\n        (evt as TouchEvent).changedTouches[0].identifier === this.mainTouchId\n      );\n    }\n    return true;\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object fired on mousedown\n   */\n  _onTouchStart(e: TouchEvent) {\n    this._cacheTransformEventData(e);\n    // we will prevent scrolling if allowTouchScrolling is not enabled and\n    let shouldPreventScrolling = !this.allowTouchScrolling;\n    const currentActiveObject = this._activeObject;\n    if (this.mainTouchId === undefined) {\n      this.mainTouchId = this.getPointerId(e);\n    }\n    this.__onMouseDown(e);\n    const { target } = this.findTarget(e);\n    // after executing fabric logic for mouse down let's see\n    // if we didn't change target or if we are drawing\n    // we want to prevent scrolling anyway\n    if (\n      this.isDrawingMode ||\n      (currentActiveObject && target === currentActiveObject)\n    ) {\n      shouldPreventScrolling = true;\n    }\n    // prevent default, will block scrolling from start\n    shouldPreventScrolling && e.preventDefault();\n    const canvasElement = this.upperCanvasEl,\n      eventTypePrefix = this._getEventPrefix();\n    const doc = getDocumentFromElement(canvasElement);\n    addListener(\n      doc,\n      'touchend',\n      this._onTouchEnd as EventListener,\n      addEventOptions,\n    );\n    // if we scroll don't register the touch move event\n    shouldPreventScrolling &&\n      addListener(\n        doc,\n        'touchmove',\n        this._onMouseMove as EventListener,\n        addEventOptions,\n      );\n    // Unbind mousedown to prevent double triggers from touch devices\n    removeListener(\n      canvasElement,\n      `${eventTypePrefix}down`,\n      this._onMouseDown as EventListener,\n    );\n    this._resetTransformEventData();\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object fired on mousedown\n   */\n  _onMouseDown(e: TPointerEvent) {\n    this._cacheTransformEventData(e);\n    this.__onMouseDown(e);\n    const canvasElement = this.upperCanvasEl,\n      eventTypePrefix = this._getEventPrefix();\n    // switch from moving on the canvas element to moving on the document\n    removeListener(\n      canvasElement,\n      `${eventTypePrefix}move`,\n      this._onMouseMove as EventListener,\n      addEventOptions,\n    );\n    const doc = getDocumentFromElement(canvasElement);\n    addListener(doc, `${eventTypePrefix}up`, this._onMouseUp as EventListener);\n    addListener(\n      doc,\n      `${eventTypePrefix}move`,\n      this._onMouseMove as EventListener,\n      addEventOptions,\n    );\n    this._resetTransformEventData();\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object fired on mousedown\n   */\n  _onTouchEnd(e: TouchEvent) {\n    if (e.touches.length > 0) {\n      // if there are still touches stop here\n      return;\n    }\n    this._cacheTransformEventData(e);\n    this.__onMouseUp(e);\n    this._resetTransformEventData();\n    delete this.mainTouchId;\n    const eventTypePrefix = this._getEventPrefix();\n    const doc = getDocumentFromElement(this.upperCanvasEl);\n    removeListener(\n      doc,\n      'touchend',\n      this._onTouchEnd as EventListener,\n      addEventOptions,\n    );\n    removeListener(\n      doc,\n      'touchmove',\n      this._onMouseMove as EventListener,\n      addEventOptions,\n    );\n    if (this._willAddMouseDown) {\n      clearTimeout(this._willAddMouseDown);\n    }\n    this._willAddMouseDown = setTimeout(() => {\n      // Wait 400ms before rebinding mousedown to prevent double triggers\n      // from touch devices\n      addListener(\n        this.upperCanvasEl,\n        `${eventTypePrefix}down`,\n        this._onMouseDown as EventListener,\n      );\n      this._willAddMouseDown = 0;\n    }, 400) as unknown as number;\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object fired on mouseup\n   */\n  _onMouseUp(e: TPointerEvent) {\n    this._cacheTransformEventData(e);\n    this.__onMouseUp(e);\n    const canvasElement = this.upperCanvasEl,\n      eventTypePrefix = this._getEventPrefix();\n    if (this._isMainEvent(e)) {\n      const doc = getDocumentFromElement(this.upperCanvasEl);\n      removeListener(\n        doc,\n        `${eventTypePrefix}up`,\n        this._onMouseUp as EventListener,\n      );\n      removeListener(\n        doc,\n        `${eventTypePrefix}move`,\n        this._onMouseMove as EventListener,\n        addEventOptions,\n      );\n      addListener(\n        canvasElement,\n        `${eventTypePrefix}move`,\n        this._onMouseMove as EventListener,\n        addEventOptions,\n      );\n    }\n    this._resetTransformEventData();\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object fired on mousemove\n   */\n  _onMouseMove(e: TPointerEvent) {\n    this._cacheTransformEventData(e);\n\n    const activeObject = this.getActiveObject();\n    !this.allowTouchScrolling &&\n      (!activeObject ||\n        // a drag event sequence is started by the active object flagging itself on mousedown / mousedown:before\n        // we must not prevent the event's default behavior in order for the window to start dragging\n        !activeObject.shouldStartDragging(e)) &&\n      e.preventDefault &&\n      e.preventDefault();\n    this.__onMouseMove(e);\n    this._resetTransformEventData();\n  }\n\n  /**\n   * @private\n   */\n  _onResize() {\n    this.calcOffset();\n    this._resetTransformEventData();\n  }\n\n  /**\n   * Decides whether the canvas should be redrawn in mouseup and mousedown events.\n   * @private\n   * @param {Object} target\n   */\n  _shouldRender(target: FabricObject | undefined) {\n    const activeObject = this.getActiveObject();\n    // if just one of them is available or if they are both but are different objects\n    // this covers: switch of target, from target to no target, selection of target\n    // multiSelection with key and mouse\n    return (\n      !!activeObject !== !!target ||\n      (activeObject && target && activeObject !== target)\n    );\n  }\n\n  /**\n   * Method that defines the actions when mouse is released on canvas.\n   * The method resets the currentTransform parameters, store the image corner\n   * position in the image object and render the canvas on top.\n   * @private\n   * @param {Event} e Event object fired on mouseup\n   */\n  __onMouseUp(e: TPointerEvent) {\n    this._handleEvent(e, 'up:before');\n\n    const transform = this._currentTransform;\n    const isClick = this._isClick;\n    const { target } = this.findTarget(e);\n\n    // if right/middle click just fire events and return\n    // target undefined will make the _handleEvent search the target\n    const { button } = e as MouseEvent;\n    if (button) {\n      ((this.fireMiddleClick && button === 1) ||\n        (this.fireRightClick && button === 2)) &&\n        this._handleEvent(e, 'up');\n      return;\n    }\n\n    if (this.isDrawingMode && this._isCurrentlyDrawing) {\n      this._onMouseUpInDrawingMode(e);\n      return;\n    }\n\n    if (!this._isMainEvent(e)) {\n      return;\n    }\n    let shouldRender = false;\n    if (transform) {\n      this._finalizeCurrentTransform(e);\n      shouldRender = transform.actionPerformed;\n    }\n    if (!isClick) {\n      const targetWasActive = target === this._activeObject;\n      this.handleSelection(e);\n      if (!shouldRender) {\n        shouldRender =\n          this._shouldRender(target) ||\n          (!targetWasActive && target === this._activeObject);\n      }\n    }\n    let pointer, corner;\n    if (target) {\n      const found = target.findControl(\n        this.getViewportPoint(e),\n        isTouchEvent(e),\n      );\n      const { key, control } = found || {};\n      corner = key;\n      if (\n        target.selectable &&\n        target !== this._activeObject &&\n        target.activeOn === 'up'\n      ) {\n        this.setActiveObject(target, e);\n        shouldRender = true;\n      } else if (control) {\n        const mouseUpHandler = control.getMouseUpHandler(e, target, control);\n        if (mouseUpHandler) {\n          pointer = this.getScenePoint(e);\n          mouseUpHandler.call(control, e, transform!, pointer.x, pointer.y);\n        }\n      }\n      target.isMoving = false;\n    }\n    // if we are ending up a transform on a different control or a new object\n    // fire the original mouse up from the corner that started the transform\n    if (\n      transform &&\n      (transform.target !== target || transform.corner !== corner)\n    ) {\n      const originalControl =\n          transform.target && transform.target.controls[transform.corner],\n        originalMouseUpHandler =\n          originalControl &&\n          originalControl.getMouseUpHandler(\n            e,\n            transform.target,\n            originalControl,\n          );\n      pointer = pointer || this.getScenePoint(e);\n      originalMouseUpHandler &&\n        originalMouseUpHandler.call(\n          originalControl,\n          e,\n          transform,\n          pointer.x,\n          pointer.y,\n        );\n    }\n    this._setCursorFromEvent(e, target);\n    this._handleEvent(e, 'up');\n    this._groupSelector = null;\n    this._currentTransform = null;\n    // reset the target information about which corner is selected\n    target && (target.__corner = undefined);\n    if (shouldRender) {\n      this.requestRenderAll();\n    } else if (!isClick && !(this._activeObject as IText)?.isEditing) {\n      this.renderTop();\n    }\n  }\n\n  _basicEventHandler<T extends keyof (CanvasEvents | ObjectEvents)>(\n    eventType: T,\n    options: (CanvasEvents & ObjectEvents)[T],\n  ) {\n    const { target, subTargets = [] } = options as {\n      target?: FabricObject;\n      subTargets: FabricObject[];\n    };\n    this.fire(eventType, options);\n    target && target.fire(eventType, options);\n    for (let i = 0; i < subTargets.length; i++) {\n      subTargets[i] !== target && subTargets[i].fire(eventType, options);\n    }\n    return options;\n  }\n\n  /**\n   * @private\n   * Handle event firing for target and subtargets\n   * @param {TPointerEvent} e event from mouse\n   * @param {TPointerEventNames} eventType\n   */\n  _handleEvent<T extends TPointerEventNames>(\n    e: TPointerEvent,\n    eventType: T,\n    extraData?: TEventsExtraData[T],\n  ) {\n    const { target, subTargets } = this.findTarget(e),\n      options: CanvasEvents[`mouse:${T}`] = {\n        e,\n        target,\n        subTargets,\n        ...getEventPoints(this, e),\n        transform: this._currentTransform,\n        ...(eventType === 'down:before' || eventType === 'down'\n          ? extraData\n          : {}),\n      } as CanvasEvents[`mouse:${T}`];\n    if (eventType === 'up:before' || eventType === 'up') {\n      (options as CanvasEvents[`mouse:up`]).isClick = this._isClick;\n    }\n\n    this.fire(`mouse:${eventType}`, options);\n    // this may be a little be more complicated of what we want to handle\n    target && target.fire(`mouse${eventType}`, options);\n    for (let i = 0; i < subTargets.length; i++) {\n      subTargets[i] !== target &&\n        subTargets[i].fire(`mouse${eventType}`, options);\n    }\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object fired on mousedown\n   */\n  _onMouseDownInDrawingMode(e: TPointerEvent) {\n    this._isCurrentlyDrawing = true;\n    if (this.getActiveObject()) {\n      this.discardActiveObject(e);\n      this.requestRenderAll();\n    }\n    // TODO: this is a scene point so it should be renamed\n    const pointer = this.getScenePoint(e);\n    this.freeDrawingBrush &&\n      this.freeDrawingBrush.onMouseDown(pointer, { e, pointer });\n    this._handleEvent(e, 'down', { alreadySelected: false });\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object fired on mousemove\n   */\n  _onMouseMoveInDrawingMode(e: TPointerEvent) {\n    if (this._isCurrentlyDrawing) {\n      const pointer = this.getScenePoint(e);\n      this.freeDrawingBrush &&\n        this.freeDrawingBrush.onMouseMove(pointer, {\n          e,\n          // this is an absolute pointer, the naming is wrong\n          pointer,\n        });\n    }\n    this.setCursor(this.freeDrawingCursor);\n    this._handleEvent(e, 'move');\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object fired on mouseup\n   */\n  _onMouseUpInDrawingMode(e: TPointerEvent) {\n    const pointer = this.getScenePoint(e);\n    if (this.freeDrawingBrush) {\n      this._isCurrentlyDrawing = !!this.freeDrawingBrush.onMouseUp({\n        e: e,\n        // this is an absolute pointer, the naming is wrong\n        pointer,\n      });\n    } else {\n      this._isCurrentlyDrawing = false;\n    }\n    this._handleEvent(e, 'up');\n  }\n\n  /**\n   * Method that defines the actions when mouse is clicked on canvas.\n   * The method inits the currentTransform parameters and renders all the\n   * canvas so the current image can be placed on the top canvas and the rest\n   * in on the container one.\n   * @private\n   * @param {Event} e Event object fired on mousedown\n   */\n  __onMouseDown(e: TPointerEvent) {\n    this._isClick = true;\n    this._handleEvent(e, 'down:before');\n\n    let { target } = this.findTarget(e);\n    let alreadySelected = !!target && target === this._activeObject;\n    // if right/middle click just fire events\n    const { button } = e as MouseEvent;\n    if (button) {\n      ((this.fireMiddleClick && button === 1) ||\n        (this.fireRightClick && button === 2)) &&\n        this._handleEvent(e, 'down', {\n          alreadySelected,\n        });\n      return;\n    }\n\n    if (this.isDrawingMode) {\n      this._onMouseDownInDrawingMode(e);\n      return;\n    }\n\n    if (!this._isMainEvent(e)) {\n      return;\n    }\n\n    // ignore if some object is being transformed at this moment\n    if (this._currentTransform) {\n      return;\n    }\n\n    let shouldRender = this._shouldRender(target);\n    let grouped = false;\n    if (this.handleMultiSelection(e, target)) {\n      // active object might have changed while grouping\n      target = this._activeObject;\n      grouped = true;\n      shouldRender = true;\n    } else if (this._shouldClearSelection(e, target)) {\n      this.discardActiveObject(e);\n    }\n    // we start a group selector rectangle if\n    // selection is enabled\n    // and there is no target, or the following 3 conditions are satisfied:\n    // target is not selectable ( otherwise we selected it )\n    // target is not editing\n    // target is not already selected ( otherwise we drag )\n    if (\n      this.selection &&\n      (!target ||\n        (!target.selectable &&\n          !(target as IText).isEditing &&\n          target !== this._activeObject))\n    ) {\n      const p = this.getScenePoint(e);\n      this._groupSelector = {\n        x: p.x,\n        y: p.y,\n        deltaY: 0,\n        deltaX: 0,\n      };\n    }\n\n    // check again because things could have changed\n    alreadySelected = !!target && target === this._activeObject;\n    if (target) {\n      if (target.selectable && target.activeOn === 'down') {\n        this.setActiveObject(target, e);\n      }\n      const handle = target.findControl(\n        this.getViewportPoint(e),\n        isTouchEvent(e),\n      );\n      if (target === this._activeObject && (handle || !grouped)) {\n        this._setupCurrentTransform(e, target, alreadySelected);\n        const control = handle ? handle.control : undefined,\n          pointer = this.getScenePoint(e),\n          mouseDownHandler =\n            control && control.getMouseDownHandler(e, target, control);\n        mouseDownHandler &&\n          mouseDownHandler.call(\n            control,\n            e,\n            this._currentTransform!,\n            pointer.x,\n            pointer.y,\n          );\n      }\n    }\n    //  we clear `_objectsToRender` in case of a change in order to repopulate it at rendering\n    //  run before firing the `down` event to give the dev a chance to populate it themselves\n    shouldRender && (this._objectsToRender = undefined);\n    this._handleEvent(e, 'down', { alreadySelected: alreadySelected });\n    // we must renderAll so that we update the visuals\n    shouldRender && this.requestRenderAll();\n  }\n\n  /**\n   * reset cache form common information needed during event processing\n   * @private\n   */\n  _resetTransformEventData() {\n    this._targetInfo = this._viewportPoint = this._scenePoint = undefined;\n  }\n\n  /**\n   * Cache common information needed during event processing\n   * @private\n   * @param {Event} e Event object fired on event\n   */\n  _cacheTransformEventData(e: TPointerEvent) {\n    // reset in order to avoid stale caching\n    this._resetTransformEventData();\n    this._viewportPoint = this.getViewportPoint(e);\n    this._scenePoint = sendPointToPlane(\n      this._viewportPoint,\n      undefined,\n      this.viewportTransform,\n    );\n    this._targetInfo = this.findTarget(e);\n    // TODO: investigate better if this can be made less implicit in the code\n    if (this._currentTransform) {\n      this._targetInfo.target = this._currentTransform.target;\n    }\n  }\n\n  /**\n   * Method that defines the actions when mouse is hovering the canvas.\n   * The currentTransform parameter will define whether the user is rotating/scaling/translating\n   * an image or neither of them (only hovering). A group selection is also possible and would cancel\n   * all any other type of action.\n   * In case of an image transformation only the top canvas will be rendered.\n   * @private\n   * @param {Event} e Event object fired on mousemove\n   */\n  __onMouseMove(e: TPointerEvent) {\n    this._isClick = false;\n    this._handleEvent(e, 'move:before');\n\n    if (this.isDrawingMode) {\n      this._onMouseMoveInDrawingMode(e);\n      return;\n    }\n\n    if (!this._isMainEvent(e)) {\n      return;\n    }\n\n    const groupSelector = this._groupSelector;\n\n    // We initially clicked in an empty area, so we draw a box for multiple selection\n    if (groupSelector) {\n      const pointer = this.getScenePoint(e);\n\n      groupSelector.deltaX = pointer.x - groupSelector.x;\n      groupSelector.deltaY = pointer.y - groupSelector.y;\n\n      this.renderTop();\n    } else if (!this._currentTransform) {\n      const { target } = this.findTarget(e);\n      this._setCursorFromEvent(e, target);\n      this._fireOverOutEvents(e, target);\n    } else {\n      this._transformObject(e);\n    }\n    this.textEditingManager.onMouseMove(e);\n    this._handleEvent(e, 'move');\n  }\n\n  /**\n   * Manage the mouseout, mouseover events for the fabric object on the canvas\n   * @param {Fabric.Object} target the target where the target from the mousemove event\n   * @param {Event} e Event object fired on mousemove\n   * @private\n   */\n  _fireOverOutEvents(e: TPointerEvent, target?: FabricObject) {\n    const { _hoveredTarget, _hoveredTargets } = this,\n      { subTargets, currentTarget: actualTarget } = this.findTarget(e),\n      length = Math.max(_hoveredTargets.length, subTargets.length);\n\n    this.fireSyntheticInOutEvents('mouse', {\n      e,\n      target,\n      oldTarget: _hoveredTarget,\n      actualTarget,\n      oldActualTarget: this._hoveredActualTarget,\n      fireCanvas: true,\n    });\n    for (let i = 0; i < length; i++) {\n      if (\n        subTargets[i] === target ||\n        (_hoveredTargets[i] && _hoveredTargets[i] === _hoveredTarget)\n      ) {\n        continue;\n      }\n      this.fireSyntheticInOutEvents('mouse', {\n        e,\n        target: subTargets[i],\n        oldTarget: _hoveredTargets[i],\n      });\n    }\n    this._hoveredActualTarget = actualTarget;\n    this._hoveredTarget = target;\n    this._hoveredTargets = subTargets;\n  }\n\n  /**\n   * Manage the dragEnter, dragLeave events for the fabric objects on the canvas\n   * @param {Fabric.Object} target the target where the target from the onDrag event\n   * @param {Object} data Event object fired on dragover\n   * @private\n   */\n  _fireEnterLeaveEvents(\n    e: TPointerEvent,\n    target: FabricObject | undefined,\n    data: DragEventData,\n  ) {\n    const draggedoverTarget = this._draggedoverTarget,\n      _hoveredTargets = this._hoveredTargets,\n      { subTargets } = this.findTarget(e),\n      length = Math.max(_hoveredTargets.length, subTargets.length);\n\n    this.fireSyntheticInOutEvents('drag', {\n      ...data,\n      target,\n      oldTarget: draggedoverTarget,\n      fireCanvas: true,\n    });\n    for (let i = 0; i < length; i++) {\n      this.fireSyntheticInOutEvents('drag', {\n        ...data,\n        target: subTargets[i],\n        oldTarget: _hoveredTargets[i],\n      });\n    }\n    this._draggedoverTarget = target;\n  }\n\n  /**\n   * Manage the synthetic in/out events for the fabric objects on the canvas\n   * @param {Fabric.Object} target the target where the target from the supported events\n   * @param {Object} data Event object fired\n   * @param {Object} config configuration for the function to work\n   * @param {String} config.targetName property on the canvas where the old target is stored\n   * @param {String} [config.canvasEvtOut] name of the event to fire at canvas level for out\n   * @param {String} config.evtOut name of the event to fire for out\n   * @param {String} [config.canvasEvtIn] name of the event to fire at canvas level for in\n   * @param {String} config.evtIn name of the event to fire for in\n   * @private\n   */\n  fireSyntheticInOutEvents<T extends keyof TSyntheticEventContext>(\n    type: T,\n    {\n      target,\n      oldTarget,\n      actualTarget,\n      oldActualTarget,\n      fireCanvas,\n      e,\n      ...data\n    }: TSyntheticEventContext[T] & {\n      target?: FabricObject;\n      oldTarget?: FabricObject;\n      actualTarget?: FabricObject;\n      oldActualTarget?: FabricObject;\n      fireCanvas?: boolean;\n    },\n  ) {\n    const { targetIn, targetOut, canvasIn, canvasOut } =\n      syntheticEventConfig[type];\n    const targetChanged = oldTarget !== target;\n    const actualTargetChanged = oldActualTarget !== actualTarget;\n    const targetFires = target && targetChanged;\n    const actualTargetFires = actualTarget && actualTargetChanged;\n    const oldTargetFires = oldTarget && targetChanged;\n    const oldActualTargetFires = oldActualTarget && actualTargetChanged;\n    const commonData = {\n      ...data,\n      e,\n      ...getEventPoints(this, e),\n    };\n\n    const outOpt: CanvasEvents[typeof canvasOut] = {\n      ...commonData,\n      target: oldTarget,\n      nextTarget: target,\n      actualTarget: oldActualTarget,\n      nextActualTarget: actualTarget,\n    };\n    if (oldTargetFires || oldActualTargetFires) {\n      fireCanvas && this.fire(canvasOut, outOpt);\n    }\n    oldTargetFires && oldTarget.fire(targetOut, outOpt);\n    oldActualTargetFires &&\n      oldTarget !== oldActualTarget &&\n      oldActualTarget.fire(targetOut, outOpt);\n\n    const inOpt: CanvasEvents[typeof canvasIn] = {\n      ...commonData,\n      target,\n      previousTarget: oldTarget,\n      actualTarget,\n      previousActualTarget: oldActualTarget,\n    };\n    if (targetFires || actualTargetFires) {\n      fireCanvas && this.fire(canvasIn, inOpt);\n    }\n    targetFires && target.fire(targetIn, inOpt);\n    actualTargetFires &&\n      actualTarget !== target &&\n      actualTarget.fire(targetIn, inOpt);\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event fired on mousemove\n   */\n  _transformObject(e: TPointerEvent) {\n    const scenePoint = this.getScenePoint(e),\n      transform = this._currentTransform!,\n      target = transform.target,\n      //  transform pointer to target's containing coordinate plane\n      //  both pointer and object should agree on every point\n      localPointer = target.group\n        ? sendPointToPlane(\n            scenePoint,\n            undefined,\n            target.group.calcTransformMatrix(),\n          )\n        : scenePoint;\n    transform.shiftKey = e.shiftKey;\n    transform.altKey = !!this.centeredKey && e[this.centeredKey];\n\n    this._performTransformAction(e, transform, localPointer);\n    transform.actionPerformed && this.requestRenderAll();\n  }\n\n  /**\n   * @private\n   */\n  _performTransformAction(\n    e: TPointerEvent,\n    transform: Transform,\n    pointer: Point,\n  ) {\n    const { action, actionHandler, target } = transform;\n\n    const actionPerformed =\n      !!actionHandler && actionHandler(e, transform, pointer.x, pointer.y);\n    actionPerformed && target.setCoords();\n\n    // this object could be created from the function in the control handlers\n    if (action === 'drag' && actionPerformed) {\n      transform.target.isMoving = true;\n      this.setCursor(transform.target.moveCursor || this.moveCursor);\n    }\n    transform.actionPerformed = transform.actionPerformed || actionPerformed;\n  }\n\n  /**\n   * Sets the cursor depending on where the canvas is being hovered.\n   * Note: very buggy in Opera\n   * @param {Event} e Event object\n   * @param {Object} target Object that the mouse is hovering, if so.\n   */\n  _setCursorFromEvent(e: TPointerEvent, target?: FabricObject) {\n    if (!target) {\n      this.setCursor(this.defaultCursor);\n      return;\n    }\n    let hoverCursor = target.hoverCursor || this.hoverCursor;\n    const activeSelection = isActiveSelection(this._activeObject)\n        ? this._activeObject\n        : null,\n      // only show proper corner when group selection is not active\n      corner =\n        (!activeSelection || target.group !== activeSelection) &&\n        // here we call findTargetCorner always with undefined for the touch parameter.\n        // we assume that if you are using a cursor you do not need to interact with\n        // the bigger touch area.\n        target.findControl(this.getViewportPoint(e));\n\n    if (!corner) {\n      if ((target as Group).subTargetCheck) {\n        // hoverCursor should come from top-most subTarget,\n        // so we walk the array backwards\n        const { subTargets } = this.findTarget(e);\n        subTargets\n          .concat()\n          .reverse()\n          .forEach((_target) => {\n            hoverCursor = _target.hoverCursor || hoverCursor;\n          });\n      }\n      this.setCursor(hoverCursor);\n    } else {\n      const { control, coord } = corner;\n      this.setCursor(control.cursorStyleHandler(e, control, target, coord));\n    }\n  }\n\n  /**\n   * ## Handles multiple selection\n   * - toggles `target` selection (selects/deselects `target` if it isn't/is selected respectively)\n   * - sets the active object in case it is not set or in case there is a single active object left under active selection.\n   * ---\n   * - If the active object is the active selection we add/remove `target` from it\n   * - If not, add the active object and `target` to the active selection and make it the active object.\n   * @TODO rewrite this after find target is refactored\n   * @private\n   * @param {TPointerEvent} e Event object\n   * @param {FabricObject} target target of event to select/deselect\n   * @returns true if grouping occurred\n   */\n  protected handleMultiSelection(e: TPointerEvent, target?: FabricObject) {\n    const activeObject = this._activeObject;\n    const isAS = isActiveSelection(activeObject);\n    if (\n      // check if an active object exists on canvas and if the user is pressing the `selectionKey` while canvas supports multi selection.\n      !!activeObject &&\n      this._isSelectionKeyPressed(e) &&\n      this.selection &&\n      // on top of that the user also has to hit a target that is selectable.\n      !!target &&\n      target.selectable &&\n      // group target and active object only if they are different objects\n      // else we try to find a subtarget of `ActiveSelection`\n      (activeObject !== target || isAS) &&\n      //  make sure `activeObject` and `target` aren't ancestors of each other in case `activeObject` is not `ActiveSelection`\n      // if it is then we want to remove `target` from it\n      (isAS ||\n        (!target.isDescendantOf(activeObject) &&\n          !activeObject.isDescendantOf(target))) &&\n      //  target accepts selection\n      !target.onSelect({ e }) &&\n      // make sure we are not on top of a control\n      !activeObject.getActiveControl()\n    ) {\n      if (isAS) {\n        const prevActiveObjects = activeObject.getObjects();\n        let subTargets: FabricObject[] = [];\n        // const { subTargets: testSubTargets } = this.findTarget(e);\n        if (target === activeObject) {\n          const pointer = this.getScenePoint(e);\n          let targetInfo = this.searchPossibleTargets(\n            prevActiveObjects,\n            pointer,\n          );\n          // console.log(testSubTargets.includes(targetInfo.target));\n          if (targetInfo.target) {\n            target = targetInfo.target;\n            subTargets = targetInfo.subTargets;\n          } else {\n            targetInfo = this.searchPossibleTargets(this._objects, pointer);\n            target = targetInfo.target;\n            subTargets = targetInfo.subTargets;\n          }\n          // if nothing is found bail out\n          if (!target || !target.selectable) {\n            return false;\n          }\n        }\n        if (target.group === activeObject) {\n          // `target` is part of active selection => remove it\n          activeObject.remove(target);\n          this._hoveredTarget = target;\n          this._hoveredTargets = subTargets;\n          // if after removing an object we are left with one only...\n          if (activeObject.size() === 1) {\n            // activate last remaining object\n            // deselecting the active selection will remove the remaining object from it\n            this._setActiveObject(activeObject.item(0), e);\n          }\n        } else {\n          // `target` isn't part of active selection => add it\n          activeObject.multiSelectAdd(target);\n          this._hoveredTarget = activeObject;\n          this._hoveredTargets = subTargets;\n        }\n        this._fireSelectionEvents(prevActiveObjects, e);\n      } else {\n        (activeObject as IText).isEditing &&\n          (activeObject as IText).exitEditing();\n        // add the active object and the target to the active selection and set it as the active object\n        const klass =\n          classRegistry.getClass<typeof ActiveSelection>('ActiveSelection');\n        const newActiveSelection = new klass([], {\n          /**\n           * it is crucial to pass the canvas ref before calling {@link ActiveSelection#multiSelectAdd}\n           * since it uses {@link FabricObject#isInFrontOf} which relies on the canvas ref\n           */\n          canvas: this,\n        });\n        newActiveSelection.multiSelectAdd(activeObject, target);\n        this._hoveredTarget = newActiveSelection;\n        // ISSUE 4115: should we consider subTargets here?\n        // this._hoveredTargets = [];\n        // this._hoveredTargets = this.targets.concat();\n        this._setActiveObject(newActiveSelection, e);\n        this._fireSelectionEvents([activeObject], e);\n      }\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * ## Handles selection\n   * - selects objects that are contained in (and possibly intersecting) the selection bounding box\n   * - sets the active object\n   * ---\n   * runs on mouse up after a mouse move\n   */\n  protected handleSelection(e: TPointerEvent) {\n    if (!this.selection || !this._groupSelector) {\n      return false;\n    }\n    const { x, y, deltaX, deltaY } = this._groupSelector,\n      point1 = new Point(x, y),\n      point2 = point1.add(new Point(deltaX, deltaY)),\n      tl = point1.min(point2),\n      br = point1.max(point2),\n      size = br.subtract(tl);\n\n    const collectedObjects = this.collectObjects(\n      {\n        left: tl.x,\n        top: tl.y,\n        width: size.x,\n        height: size.y,\n      },\n      { includeIntersecting: !this.selectionFullyContained },\n    ) as FabricObject[];\n\n    const objects =\n      // though this method runs only after mouse move the pointer could do a mouse up on the same position as mouse down\n      // should it be handled as is?\n      point1.eq(point2)\n        ? collectedObjects[0]\n          ? [collectedObjects[0]]\n          : []\n        : collectedObjects.length > 1\n          ? collectedObjects\n              .filter((object) => !object.onSelect({ e }))\n              .reverse()\n          : // `setActiveObject` will call `onSelect(collectedObjects[0])` in this case\n            collectedObjects;\n\n    // set active object\n    if (objects.length === 1) {\n      // set as active object\n      this.setActiveObject(objects[0], e);\n    } else if (objects.length > 1) {\n      // add to active selection and make it the active object\n      const klass =\n        classRegistry.getClass<typeof ActiveSelection>('ActiveSelection');\n      this.setActiveObject(new klass(objects, { canvas: this }), e);\n    }\n\n    // cleanup\n    this._groupSelector = null;\n    return true;\n  }\n\n  /**\n   * Wraps the original toCanvasElement with a function that removes\n   * the context top for the time the function is run.\n   * So we avoid painting side effects on the upper canvas when exporting\n   */\n  toCanvasElement(\n    multiplier = 1,\n    options?: TToCanvasElementOptions,\n  ): HTMLCanvasElement {\n    const { upper } = this.elements;\n    upper.ctx = undefined as unknown as CanvasRenderingContext2D;\n    const htmlElement = super.toCanvasElement(multiplier, options);\n    upper.ctx = upper.el.getContext('2d')!;\n    return htmlElement;\n  }\n\n  /**\n   * @override clear {@link textEditingManager}\n   */\n  clear() {\n    this.textEditingManager.clear();\n    super.clear();\n  }\n\n  /**\n   * @override clear {@link textEditingManager}\n   */\n  destroy() {\n    this.removeListeners();\n    this.textEditingManager.dispose();\n    super.destroy();\n  }\n}\n"],"mappings":"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"}