@nasser-sw/fabric 7.0.0-beta1

package/dist/src/cache.d.ts

@@ -0,0 +1,47 @@
+import type { TRectBounds } from './typedefs';
+export declare class Cache {
+    /**
+     * Cache of widths of chars in text rendering.
+     */
+    charWidthsCache: Record<
+    /** fontFamily */ string, Record<
+    /** fontStyleCacheKey */ string, Record</** char */ string, /** width */ number>>>;
+    /**
+     * @return {Object} reference to cache
+     */
+    getFontCache({ fontFamily, fontStyle, fontWeight, }: {
+        fontFamily: string;
+        fontStyle: string;
+        fontWeight: string | number;
+    }): Record<string, number>;
+    /**
+     * Clear char widths cache for the given font family or all the cache if no
+     * fontFamily is specified.
+     * Use it if you know you are loading fonts in a lazy way and you are not waiting
+     * for custom fonts to load properly when adding text objects to the canvas.
+     * If a text object is added when its own font is not loaded yet, you will get wrong
+     * measurement and so wrong bounding boxes.
+     * After the font cache is cleared, either change the textObject text content or call
+     * initDimensions() to trigger a recalculation
+     * @param {String} [fontFamily] font family to clear
+     */
+    clearFontCache(fontFamily?: string): void;
+    /**
+     * Given current aspect ratio, determines the max width and height that can
+     * respect the total allowed area for the cache.
+     * @param {number} ar aspect ratio
+     * @return {number[]} Limited dimensions X and Y
+     */
+    limitDimsByArea(ar: number): number[];
+    /**
+     * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it.
+     * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing
+     * you do not get any speed benefit and you get a big object in memory.
+     * The object was a private variable before, while now is appended to the lib so that you have access to it and you
+     * can eventually clear it.
+     * It was an internal variable, is accessible since version 2.3.4
+     */
+    boundsOfCurveCache: Record<string, TRectBounds>;
+}
+export declare const cache: Cache;
+//# sourceMappingURL=cache.d.ts.map

package/dist/src/cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../src/cache.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,qBAAa,KAAK;IAChB;;OAEG;IACH,eAAe,EAAE,MAAM;IACrB,iBAAiB,CAAC,MAAM,EACxB,MAAM;IACJ,wBAAwB,CAAC,MAAM,EAC/B,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAChD,CACF,CAAM;IAEP;;OAEG;IACH,YAAY,CAAC,EACX,UAAU,EACV,SAAS,EACT,UAAU,GACX,EAAE;QACD,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;KAC7B;IAeD;;;;;;;;;;OAUG;IACH,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM;IASlC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,EAAE,MAAM;IAW1B;;;;;;;OAOG;IACH,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAM;CACtD;AAED,eAAO,MAAM,KAAK,OAAc,CAAC"}

package/dist/src/cache.min.mjs

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.min.mjs";import{config as e}from"./config.min.mjs";class h{constructor(){t(this,"charWidthsCache",{}),t(this,"boundsOfCurveCache",{})}getFontCache(t){let{fontFamily:e,fontStyle:h,fontWeight:r}=t;e=e.toLowerCase(),this.charWidthsCache[e]||(this.charWidthsCache[e]={});const a=this.charWidthsCache[e],o=`${h.toLowerCase()}_${(r+"").toLowerCase()}`;return a[o]||(a[o]={}),a[o]}clearFontCache(t){(t=(t||"").toLowerCase())?this.charWidthsCache[t]&&delete this.charWidthsCache[t]:this.charWidthsCache={}}limitDimsByArea(t){const{perfLimitSizeTotal:h}=e,r=Math.sqrt(h*t);return[Math.floor(r),Math.floor(h/r)]}}const r=new h;export{h as Cache,r as cache};
+//# sourceMappingURL=cache.min.mjs.map

package/dist/src/cache.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.min.mjs","sources":["../../src/cache.ts"],"sourcesContent":["import { config } from './config';\nimport type { TRectBounds } from './typedefs';\n\nexport class Cache {\n  /**\n   * Cache of widths of chars in text rendering.\n   */\n  charWidthsCache: Record<\n    /** fontFamily */ string,\n    Record<\n      /** fontStyleCacheKey */ string,\n      Record</** char */ string, /** width */ number>\n    >\n  > = {};\n\n  /**\n   * @return {Object} reference to cache\n   */\n  getFontCache({\n    fontFamily,\n    fontStyle,\n    fontWeight,\n  }: {\n    fontFamily: string;\n    fontStyle: string;\n    fontWeight: string | number;\n  }) {\n    fontFamily = fontFamily.toLowerCase();\n    if (!this.charWidthsCache[fontFamily]) {\n      this.charWidthsCache[fontFamily] = {};\n    }\n    const fontCache = this.charWidthsCache[fontFamily];\n    const cacheKey = `${fontStyle.toLowerCase()}_${(\n      fontWeight + ''\n    ).toLowerCase()}`;\n    if (!fontCache[cacheKey]) {\n      fontCache[cacheKey] = {};\n    }\n    return fontCache[cacheKey];\n  }\n\n  /**\n   * Clear char widths cache for the given font family or all the cache if no\n   * fontFamily is specified.\n   * Use it if you know you are loading fonts in a lazy way and you are not waiting\n   * for custom fonts to load properly when adding text objects to the canvas.\n   * If a text object is added when its own font is not loaded yet, you will get wrong\n   * measurement and so wrong bounding boxes.\n   * After the font cache is cleared, either change the textObject text content or call\n   * initDimensions() to trigger a recalculation\n   * @param {String} [fontFamily] font family to clear\n   */\n  clearFontCache(fontFamily?: string) {\n    fontFamily = (fontFamily || '').toLowerCase();\n    if (!fontFamily) {\n      this.charWidthsCache = {};\n    } else if (this.charWidthsCache[fontFamily]) {\n      delete this.charWidthsCache[fontFamily];\n    }\n  }\n\n  /**\n   * Given current aspect ratio, determines the max width and height that can\n   * respect the total allowed area for the cache.\n   * @param {number} ar aspect ratio\n   * @return {number[]} Limited dimensions X and Y\n   */\n  limitDimsByArea(ar: number) {\n    const { perfLimitSizeTotal } = config;\n    const roughWidth = Math.sqrt(perfLimitSizeTotal * ar);\n    // we are not returning a point on purpose, to avoid circular dependencies\n    // this is an internal utility\n    return [\n      Math.floor(roughWidth),\n      Math.floor(perfLimitSizeTotal / roughWidth),\n    ];\n  }\n\n  /**\n   * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it.\n   * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing\n   * you do not get any speed benefit and you get a big object in memory.\n   * The object was a private variable before, while now is appended to the lib so that you have access to it and you\n   * can eventually clear it.\n   * It was an internal variable, is accessible since version 2.3.4\n   */\n  boundsOfCurveCache: Record<string, TRectBounds> = {};\n}\n\nexport const cache = new Cache();\n"],"names":["Cache","constructor","_defineProperty","this","getFontCache","_ref","fontFamily","fontStyle","fontWeight","toLowerCase","charWidthsCache","fontCache","cacheKey","clearFontCache","limitDimsByArea","ar","perfLimitSizeTotal","config","roughWidth","Math","sqrt","floor","cache"],"mappings":"yHAGO,MAAMA,EAAMC,WAAAA,GACjBC,EAAAC,KAAA,kBASI,IAiEJD,EAAAC,KAAA,qBAQkD,GAAE,CApEpDC,YAAAA,CAAYC,GAQT,IARUC,WACXA,EAAUC,UACVA,EAASC,WACTA,GAKDH,EACCC,EAAaA,EAAWG,cACnBN,KAAKO,gBAAgBJ,KACxBH,KAAKO,gBAAgBJ,GAAc,CAAA,GAErC,MAAMK,EAAYR,KAAKO,gBAAgBJ,GACjCM,EAAW,GAAGL,EAAUE,kBAC5BD,EAAa,IACbC,gBAIF,OAHKE,EAAUC,KACbD,EAAUC,GAAY,CAAA,GAEjBD,EAAUC,EACnB,CAaAC,cAAAA,CAAeP,IACbA,GAAcA,GAAc,IAAIG,eAGrBN,KAAKO,gBAAgBJ,WACvBH,KAAKO,gBAAgBJ,GAF5BH,KAAKO,gBAAkB,CAAA,CAI3B,CAQAI,eAAAA,CAAgBC,GACd,MAAMC,mBAAEA,GAAuBC,EACzBC,EAAaC,KAAKC,KAAKJ,EAAqBD,GAGlD,MAAO,CACLI,KAAKE,MAAMH,GACXC,KAAKE,MAAML,EAAqBE,GAEpC,QAaWI,EAAQ,IAAItB"}

package/dist/src/cache.mjs

@@ -0,0 +1,80 @@
+import { defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.mjs';
+import { config } from './config.mjs';
+
+class Cache {
+  constructor() {
+    /**
+     * Cache of widths of chars in text rendering.
+     */
+    _defineProperty(this, "charWidthsCache", {});
+    /**
+     * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it.
+     * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing
+     * you do not get any speed benefit and you get a big object in memory.
+     * The object was a private variable before, while now is appended to the lib so that you have access to it and you
+     * can eventually clear it.
+     * It was an internal variable, is accessible since version 2.3.4
+     */
+    _defineProperty(this, "boundsOfCurveCache", {});
+  }
+  /**
+   * @return {Object} reference to cache
+   */
+  getFontCache(_ref) {
+    let {
+      fontFamily,
+      fontStyle,
+      fontWeight
+    } = _ref;
+    fontFamily = fontFamily.toLowerCase();
+    if (!this.charWidthsCache[fontFamily]) {
+      this.charWidthsCache[fontFamily] = {};
+    }
+    const fontCache = this.charWidthsCache[fontFamily];
+    const cacheKey = `${fontStyle.toLowerCase()}_${(fontWeight + '').toLowerCase()}`;
+    if (!fontCache[cacheKey]) {
+      fontCache[cacheKey] = {};
+    }
+    return fontCache[cacheKey];
+  }
+
+  /**
+   * Clear char widths cache for the given font family or all the cache if no
+   * fontFamily is specified.
+   * Use it if you know you are loading fonts in a lazy way and you are not waiting
+   * for custom fonts to load properly when adding text objects to the canvas.
+   * If a text object is added when its own font is not loaded yet, you will get wrong
+   * measurement and so wrong bounding boxes.
+   * After the font cache is cleared, either change the textObject text content or call
+   * initDimensions() to trigger a recalculation
+   * @param {String} [fontFamily] font family to clear
+   */
+  clearFontCache(fontFamily) {
+    fontFamily = (fontFamily || '').toLowerCase();
+    if (!fontFamily) {
+      this.charWidthsCache = {};
+    } else if (this.charWidthsCache[fontFamily]) {
+      delete this.charWidthsCache[fontFamily];
+    }
+  }
+
+  /**
+   * Given current aspect ratio, determines the max width and height that can
+   * respect the total allowed area for the cache.
+   * @param {number} ar aspect ratio
+   * @return {number[]} Limited dimensions X and Y
+   */
+  limitDimsByArea(ar) {
+    const {
+      perfLimitSizeTotal
+    } = config;
+    const roughWidth = Math.sqrt(perfLimitSizeTotal * ar);
+    // we are not returning a point on purpose, to avoid circular dependencies
+    // this is an internal utility
+    return [Math.floor(roughWidth), Math.floor(perfLimitSizeTotal / roughWidth)];
+  }
+}
+const cache = new Cache();
+
+export { Cache, cache };
+//# sourceMappingURL=cache.mjs.map

package/dist/src/cache.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.mjs","sources":["../../src/cache.ts"],"sourcesContent":["import { config } from './config';\nimport type { TRectBounds } from './typedefs';\n\nexport class Cache {\n  /**\n   * Cache of widths of chars in text rendering.\n   */\n  charWidthsCache: Record<\n    /** fontFamily */ string,\n    Record<\n      /** fontStyleCacheKey */ string,\n      Record</** char */ string, /** width */ number>\n    >\n  > = {};\n\n  /**\n   * @return {Object} reference to cache\n   */\n  getFontCache({\n    fontFamily,\n    fontStyle,\n    fontWeight,\n  }: {\n    fontFamily: string;\n    fontStyle: string;\n    fontWeight: string | number;\n  }) {\n    fontFamily = fontFamily.toLowerCase();\n    if (!this.charWidthsCache[fontFamily]) {\n      this.charWidthsCache[fontFamily] = {};\n    }\n    const fontCache = this.charWidthsCache[fontFamily];\n    const cacheKey = `${fontStyle.toLowerCase()}_${(\n      fontWeight + ''\n    ).toLowerCase()}`;\n    if (!fontCache[cacheKey]) {\n      fontCache[cacheKey] = {};\n    }\n    return fontCache[cacheKey];\n  }\n\n  /**\n   * Clear char widths cache for the given font family or all the cache if no\n   * fontFamily is specified.\n   * Use it if you know you are loading fonts in a lazy way and you are not waiting\n   * for custom fonts to load properly when adding text objects to the canvas.\n   * If a text object is added when its own font is not loaded yet, you will get wrong\n   * measurement and so wrong bounding boxes.\n   * After the font cache is cleared, either change the textObject text content or call\n   * initDimensions() to trigger a recalculation\n   * @param {String} [fontFamily] font family to clear\n   */\n  clearFontCache(fontFamily?: string) {\n    fontFamily = (fontFamily || '').toLowerCase();\n    if (!fontFamily) {\n      this.charWidthsCache = {};\n    } else if (this.charWidthsCache[fontFamily]) {\n      delete this.charWidthsCache[fontFamily];\n    }\n  }\n\n  /**\n   * Given current aspect ratio, determines the max width and height that can\n   * respect the total allowed area for the cache.\n   * @param {number} ar aspect ratio\n   * @return {number[]} Limited dimensions X and Y\n   */\n  limitDimsByArea(ar: number) {\n    const { perfLimitSizeTotal } = config;\n    const roughWidth = Math.sqrt(perfLimitSizeTotal * ar);\n    // we are not returning a point on purpose, to avoid circular dependencies\n    // this is an internal utility\n    return [\n      Math.floor(roughWidth),\n      Math.floor(perfLimitSizeTotal / roughWidth),\n    ];\n  }\n\n  /**\n   * This object keeps the results of the boundsOfCurve calculation mapped by the joined arguments necessary to calculate it.\n   * It does speed up calculation, if you parse and add always the same paths, but in case of heavy usage of freedrawing\n   * you do not get any speed benefit and you get a big object in memory.\n   * The object was a private variable before, while now is appended to the lib so that you have access to it and you\n   * can eventually clear it.\n   * It was an internal variable, is accessible since version 2.3.4\n   */\n  boundsOfCurveCache: Record<string, TRectBounds> = {};\n}\n\nexport const cache = new Cache();\n"],"names":["Cache","constructor","_defineProperty","getFontCache","_ref","fontFamily","fontStyle","fontWeight","toLowerCase","charWidthsCache","fontCache","cacheKey","clearFontCache","limitDimsByArea","ar","perfLimitSizeTotal","config","roughWidth","Math","sqrt","floor","cache"],"mappings":";;;AAGO,MAAMA,KAAK,CAAC;EAAAC,WAAAA,GAAA;AACjB;AACF;AACA;IAFEC,eAAA,CAAA,IAAA,EAAA,iBAAA,EASI,EAAE,CAAA;AAiEN;AACF;AACA;AACA;AACA;AACA;AACA;AACA;IAPEA,eAAA,CAAA,IAAA,EAAA,oBAAA,EAQkD,EAAE,CAAA;AAAA,EAAA;AAvEpD;AACF;AACA;EACEC,YAAYA,CAAAC,IAAA,EAQT;IAAA,IARU;MACXC,UAAU;MACVC,SAAS;AACTC,MAAAA;AAKF,KAAC,GAAAH,IAAA;AACCC,IAAAA,UAAU,GAAGA,UAAU,CAACG,WAAW,EAAE;AACrC,IAAA,IAAI,CAAC,IAAI,CAACC,eAAe,CAACJ,UAAU,CAAC,EAAE;AACrC,MAAA,IAAI,CAACI,eAAe,CAACJ,UAAU,CAAC,GAAG,EAAE;AACvC,IAAA;AACA,IAAA,MAAMK,SAAS,GAAG,IAAI,CAACD,eAAe,CAACJ,UAAU,CAAC;AAClD,IAAA,MAAMM,QAAQ,GAAG,CAAA,EAAGL,SAAS,CAACE,WAAW,EAAE,CAAA,CAAA,EAAI,CAC7CD,UAAU,GAAG,EAAE,EACfC,WAAW,EAAE,CAAA,CAAE;AACjB,IAAA,IAAI,CAACE,SAAS,CAACC,QAAQ,CAAC,EAAE;AACxBD,MAAAA,SAAS,CAACC,QAAQ,CAAC,GAAG,EAAE;AAC1B,IAAA;IACA,OAAOD,SAAS,CAACC,QAAQ,CAAC;AAC5B,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEC,cAAcA,CAACP,UAAmB,EAAE;IAClCA,UAAU,GAAG,CAACA,UAAU,IAAI,EAAE,EAAEG,WAAW,EAAE;IAC7C,IAAI,CAACH,UAAU,EAAE;AACf,MAAA,IAAI,CAACI,eAAe,GAAG,EAAE;IAC3B,CAAC,MAAM,IAAI,IAAI,CAACA,eAAe,CAACJ,UAAU,CAAC,EAAE;AAC3C,MAAA,OAAO,IAAI,CAACI,eAAe,CAACJ,UAAU,CAAC;AACzC,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACEQ,eAAeA,CAACC,EAAU,EAAE;IAC1B,MAAM;AAAEC,MAAAA;AAAmB,KAAC,GAAGC,MAAM;IACrC,MAAMC,UAAU,GAAGC,IAAI,CAACC,IAAI,CAACJ,kBAAkB,GAAGD,EAAE,CAAC;AACrD;AACA;AACA,IAAA,OAAO,CACLI,IAAI,CAACE,KAAK,CAACH,UAAU,CAAC,EACtBC,IAAI,CAACE,KAAK,CAACL,kBAAkB,GAAGE,UAAU,CAAC,CAC5C;AACH,EAAA;AAWF;MAEaI,KAAK,GAAG,IAAIrB,KAAK;;;;"}

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

@@ -0,0 +1,334 @@
+import type { CanvasEvents, DragEventData, ObjectEvents, TEventsExtraData, TPointerEvent, TPointerEventNames, Transform } from '../EventTypeDefs';
+import { Point } from '../Point';
+import type { FabricObject } from '../shapes/Object/FabricObject';
+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, _eventjsFunctor: 'add' | 'remove'): 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;
+    /**
+     * 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, fireCanvas, e, ...data }: TSyntheticEventContext[T] & {
+        target?: FabricObject;
+        oldTarget?: 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;
+    /**
+     * @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

@@ -0,0 +1 @@
+{"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

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