fabric 7.3.1 → 7.5.0-beta.1

package/dist/src/shapes/IText/DraggableTextDelegate.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DraggableTextDelegate.min.mjs","names":[],"sources":["../../../../src/shapes/IText/DraggableTextDelegate.ts"],"sourcesContent":["import type {\n  DragEventData,\n  DropEventData,\n  TPointerEvent,\n} from '../../EventTypeDefs';\nimport { Point } from '../../Point';\nimport type { IText } from './IText';\nimport { setStyle } from '../../util/internals/dom_style';\nimport { cloneStyles } from '../../util/internals/cloneStyles';\nimport type { TextStyleDeclaration } from '../Text/StyledText';\nimport { getDocumentFromElement } from '../../util/dom_misc';\nimport { CHANGED, NONE } from '../../constants';\n\n/**\n * #### Dragging IText/Textbox Lifecycle\n * - {@link start} is called from `mousedown` {@link IText#_mouseDownHandler} and determines if dragging should start by testing {@link isPointerOverSelection}\n * - if true `mousedown` {@link IText#_mouseDownHandler} is blocked to keep selection\n * - if the pointer moves, canvas fires numerous mousemove {@link Canvas#_onMouseMove} that we make sure **aren't** prevented ({@link IText#shouldStartDragging}) in order for the window to start a drag session\n * - once/if the session starts canvas calls {@link onDragStart} on the active object to determine if dragging should occur\n * - canvas fires relevant drag events that are handled by the handlers defined in this scope\n * - {@link end} is called from `mouseup` {@link IText#mouseUpHandler}, blocking IText default click behavior\n * - in case the drag session didn't occur, {@link end} handles a click, since logic to do so was blocked during `mousedown`\n */\nexport class DraggableTextDelegate {\n  readonly target: IText;\n  private __mouseDownInPlace = false;\n  private __dragStartFired = false;\n  private __isDraggingOver = false;\n  private __dragStartSelection?: {\n    selectionStart: number;\n    selectionEnd: number;\n  };\n  private __dragImageDisposer?: VoidFunction;\n  private _dispose?: () => void;\n\n  constructor(target: IText) {\n    this.target = target;\n    const disposers = [\n      this.target.on('dragenter', this.dragEnterHandler.bind(this)),\n      this.target.on('dragover', this.dragOverHandler.bind(this)),\n      this.target.on('dragleave', this.dragLeaveHandler.bind(this)),\n      this.target.on('dragend', this.dragEndHandler.bind(this)),\n      this.target.on('drop', this.dropHandler.bind(this)),\n    ];\n    this._dispose = () => {\n      disposers.forEach((d) => d());\n      this._dispose = undefined;\n    };\n  }\n\n  isPointerOverSelection(e: TPointerEvent) {\n    const target = this.target;\n    const newSelection = target.getSelectionStartFromPointer(e);\n    return (\n      target.isEditing &&\n      newSelection >= target.selectionStart &&\n      newSelection <= target.selectionEnd &&\n      target.selectionStart < target.selectionEnd\n    );\n  }\n\n  /**\n   * @public override this method to disable dragging and default to mousedown logic\n   */\n  start(e: TPointerEvent) {\n    return (this.__mouseDownInPlace = this.isPointerOverSelection(e));\n  }\n\n  /**\n   * @public override this method to disable dragging without discarding selection\n   */\n  isActive() {\n    return this.__mouseDownInPlace;\n  }\n\n  /**\n   * Ends interaction and sets cursor in case of a click\n   * @returns true if was active\n   */\n  end(e: TPointerEvent) {\n    const active = this.isActive();\n    if (active && !this.__dragStartFired) {\n      // mousedown has been blocked since `active` is true => cursor has not been set.\n      // `__dragStartFired` is false => dragging didn't occur, pointer didn't move and is over selection.\n      // meaning this is actually a click, `active` is a false positive.\n      this.target.setCursorByClick(e);\n      this.target.initDelayedCursor(true);\n    }\n    this.__mouseDownInPlace = false;\n    this.__dragStartFired = false;\n    this.__isDraggingOver = false;\n    return active;\n  }\n\n  getDragStartSelection() {\n    return this.__dragStartSelection;\n  }\n\n  /**\n   * Override to customize the drag image\n   * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage\n   */\n  setDragImage(\n    e: DragEvent,\n    {\n      selectionStart,\n      selectionEnd,\n    }: {\n      selectionStart: number;\n      selectionEnd: number;\n    },\n  ) {\n    const target = this.target;\n    const canvas = target.canvas!;\n    const flipFactor = new Point(target.flipX ? -1 : 1, target.flipY ? -1 : 1);\n    const boundaries = target._getCursorBoundaries(selectionStart);\n    const selectionPosition = new Point(\n      boundaries.left + boundaries.leftOffset,\n      boundaries.top + boundaries.topOffset,\n    ).multiply(flipFactor);\n    const pos = selectionPosition.transform(target.calcTransformMatrix());\n    const pointer = canvas.getScenePoint(e);\n    const diff = pointer.subtract(pos);\n    const retinaScaling = target.getCanvasRetinaScaling();\n    const bbox = target.getBoundingRect();\n    const correction = pos.subtract(new Point(bbox.left, bbox.top));\n    const vpt = canvas.viewportTransform;\n    const offset = correction.add(diff).transform(vpt, true);\n    //  prepare instance for drag image snapshot by making all non selected text invisible\n    const bgc = target.backgroundColor;\n    const styles = cloneStyles(target.styles);\n    target.backgroundColor = '';\n    const styleOverride = {\n      stroke: 'transparent',\n      fill: 'transparent',\n      textBackgroundColor: 'transparent',\n    };\n    target.setSelectionStyles(styleOverride, 0, selectionStart);\n    target.setSelectionStyles(styleOverride, selectionEnd, target.text.length);\n    target.dirty = true;\n    const dragImage = target.toCanvasElement({\n      enableRetinaScaling: canvas.enableRetinaScaling,\n      viewportTransform: true,\n    });\n    // restore values\n    target.backgroundColor = bgc;\n    target.styles = styles;\n    target.dirty = true;\n    //  position drag image offscreen\n    setStyle(dragImage, {\n      position: 'fixed',\n      left: `${-dragImage.width}px`,\n      border: NONE,\n      width: `${dragImage.width / retinaScaling}px`,\n      height: `${dragImage.height / retinaScaling}px`,\n    });\n    this.__dragImageDisposer && this.__dragImageDisposer();\n    this.__dragImageDisposer = () => {\n      dragImage.remove();\n    };\n    getDocumentFromElement(\n      (e.target || this.target.hiddenTextarea)! as HTMLElement,\n    ).body.appendChild(dragImage);\n    e.dataTransfer?.setDragImage(dragImage, offset.x, offset.y);\n  }\n\n  /**\n   * @returns {boolean} determines whether {@link target} should/shouldn't become a drag source\n   */\n  onDragStart(e: DragEvent): boolean {\n    this.__dragStartFired = true;\n    const target = this.target;\n    const active = this.isActive();\n    if (active && e.dataTransfer) {\n      const selection = (this.__dragStartSelection = {\n        selectionStart: target.selectionStart,\n        selectionEnd: target.selectionEnd,\n      });\n      const value = target._text\n        .slice(selection.selectionStart, selection.selectionEnd)\n        .join('');\n      const data = { text: target.text, value, ...selection };\n      e.dataTransfer.setData('text/plain', value);\n      e.dataTransfer.setData(\n        'application/fabric',\n        JSON.stringify({\n          value: value,\n          styles: target.getSelectionStyles(\n            selection.selectionStart,\n            selection.selectionEnd,\n            true,\n          ),\n        }),\n      );\n      e.dataTransfer.effectAllowed = 'copyMove';\n      this.setDragImage(e, data);\n    }\n    target.abortCursorAnimation();\n    return active;\n  }\n\n  /**\n   * use {@link targetCanDrop} to respect overriding\n   * @returns {boolean} determines whether {@link target} should/shouldn't become a drop target\n   */\n  canDrop(e: DragEvent): boolean {\n    if (\n      this.target.editable &&\n      !this.target.getActiveControl() &&\n      !e.defaultPrevented\n    ) {\n      if (this.isActive() && this.__dragStartSelection) {\n        //  drag source trying to drop over itself\n        //  allow dropping only outside of drag start selection\n        const index = this.target.getSelectionStartFromPointer(e);\n        const dragStartSelection = this.__dragStartSelection;\n        return (\n          index < dragStartSelection.selectionStart ||\n          index > dragStartSelection.selectionEnd\n        );\n      }\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * in order to respect overriding {@link IText#canDrop} we call that instead of calling {@link canDrop} directly\n   */\n  protected targetCanDrop(e: DragEvent) {\n    return this.target.canDrop(e);\n  }\n\n  dragEnterHandler({ e }: DragEventData) {\n    const canDrop = this.targetCanDrop(e);\n    if (!this.__isDraggingOver && canDrop) {\n      this.__isDraggingOver = true;\n    }\n  }\n\n  dragOverHandler(ev: DragEventData) {\n    const { e } = ev;\n    const canDrop = this.targetCanDrop(e);\n    if (!this.__isDraggingOver && canDrop) {\n      this.__isDraggingOver = true;\n    } else if (this.__isDraggingOver && !canDrop) {\n      //  drop state has changed\n      this.__isDraggingOver = false;\n    }\n    if (this.__isDraggingOver) {\n      //  can be dropped, inform browser\n      e.preventDefault();\n      //  inform event subscribers\n      ev.canDrop = true;\n      ev.dropTarget = this.target;\n    }\n  }\n\n  dragLeaveHandler() {\n    if (this.__isDraggingOver || this.isActive()) {\n      this.__isDraggingOver = false;\n    }\n  }\n\n  /**\n   * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer}\n   * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop\n   */\n  dropHandler(ev: DropEventData) {\n    const { e } = ev;\n    const didDrop = e.defaultPrevented;\n    this.__isDraggingOver = false;\n    // inform browser that the drop has been accepted\n    e.preventDefault();\n    let insert = e.dataTransfer?.getData('text/plain');\n    if (insert && !didDrop) {\n      const target = this.target;\n      const canvas = target.canvas!;\n      let insertAt = target.getSelectionStartFromPointer(e);\n      const { styles } = (\n        e.dataTransfer!.types.includes('application/fabric')\n          ? JSON.parse(e.dataTransfer!.getData('application/fabric'))\n          : {}\n      ) as { styles: TextStyleDeclaration[] };\n      const trailing = insert[Math.max(0, insert.length - 1)];\n      const selectionStartOffset = 0;\n      //  drag and drop in same instance\n      if (this.__dragStartSelection) {\n        const selectionStart = this.__dragStartSelection.selectionStart;\n        const selectionEnd = this.__dragStartSelection.selectionEnd;\n        if (insertAt > selectionStart && insertAt <= selectionEnd) {\n          insertAt = selectionStart;\n        } else if (insertAt > selectionEnd) {\n          insertAt -= selectionEnd - selectionStart;\n        }\n        target.removeChars(selectionStart, selectionEnd);\n        // prevent `dragend` from handling event\n        delete this.__dragStartSelection;\n      }\n      //  remove redundant line break\n      if (\n        target._reNewline.test(trailing) &&\n        (target._reNewline.test(target._text[insertAt]) ||\n          insertAt === target._text.length)\n      ) {\n        insert = insert.trimEnd();\n      }\n      //  inform subscribers\n      ev.didDrop = true;\n      ev.dropTarget = target;\n      //  finalize\n      target.insertChars(insert, styles, insertAt);\n      // can this part be moved in an outside event? andrea to check.\n      canvas.setActiveObject(target);\n      target.enterEditing(e);\n      target.selectionStart = Math.min(\n        insertAt + selectionStartOffset,\n        target._text.length,\n      );\n      target.selectionEnd = Math.min(\n        target.selectionStart + insert.length,\n        target._text.length,\n      );\n      target.hiddenTextarea!.value = target.text;\n      target._updateTextarea();\n      target.hiddenTextarea!.focus();\n      target.fire(CHANGED, {\n        index: insertAt + selectionStartOffset,\n        action: 'drop',\n      });\n      canvas.fire('text:changed', { target });\n      canvas.contextTopDirty = true;\n      canvas.requestRenderAll();\n    }\n  }\n\n  /**\n   * fired only on the drag source after drop (if occurred)\n   * handle changes to the drag source in case of a drop on another object or a cancellation\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\n   */\n  dragEndHandler({ e }: DragEventData) {\n    if (this.isActive() && this.__dragStartFired) {\n      //  once the drop event finishes we check if we need to change the drag source\n      //  if the drag source received the drop we bail out since the drop handler has already handled logic\n      if (this.__dragStartSelection) {\n        const target = this.target;\n        const canvas = this.target.canvas!;\n        const { selectionStart, selectionEnd } = this.__dragStartSelection;\n        const dropEffect = e.dataTransfer?.dropEffect || NONE;\n        if (dropEffect === NONE) {\n          // pointer is back over selection\n          target.selectionStart = selectionStart;\n          target.selectionEnd = selectionEnd;\n          target._updateTextarea();\n          target.hiddenTextarea!.focus();\n        } else {\n          target.clearContextTop();\n          if (dropEffect === 'move') {\n            target.removeChars(selectionStart, selectionEnd);\n            target.selectionStart = target.selectionEnd = selectionStart;\n            target.hiddenTextarea &&\n              (target.hiddenTextarea.value = target.text);\n            target._updateTextarea();\n            target.fire(CHANGED, {\n              index: selectionStart,\n              action: 'dragend',\n            });\n            canvas.fire('text:changed', { target });\n            canvas.requestRenderAll();\n          }\n          target.exitEditing();\n        }\n      }\n    }\n\n    this.__dragImageDisposer && this.__dragImageDisposer();\n    delete this.__dragImageDisposer;\n    delete this.__dragStartSelection;\n    this.__isDraggingOver = false;\n  }\n\n  dispose() {\n    this._dispose && this._dispose();\n  }\n}\n"],"mappings":"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"}

package/dist/src/shapes/IText/DraggableTextDelegate.mjs

@@ -1,287 +0,0 @@
-import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
-import { CHANGED, NONE } from "../../constants.mjs";
-import { Point } from "../../Point.mjs";
-import { getDocumentFromElement } from "../../util/dom_misc.mjs";
-import { cloneStyles } from "../../util/internals/cloneStyles.mjs";
-import { setStyle } from "../../util/internals/dom_style.mjs";
-//#region src/shapes/IText/DraggableTextDelegate.ts
-/**
-* #### Dragging IText/Textbox Lifecycle
-* - {@link start} is called from `mousedown` {@link IText#_mouseDownHandler} and determines if dragging should start by testing {@link isPointerOverSelection}
-* - if true `mousedown` {@link IText#_mouseDownHandler} is blocked to keep selection
-* - if the pointer moves, canvas fires numerous mousemove {@link Canvas#_onMouseMove} that we make sure **aren't** prevented ({@link IText#shouldStartDragging}) in order for the window to start a drag session
-* - once/if the session starts canvas calls {@link onDragStart} on the active object to determine if dragging should occur
-* - canvas fires relevant drag events that are handled by the handlers defined in this scope
-* - {@link end} is called from `mouseup` {@link IText#mouseUpHandler}, blocking IText default click behavior
-* - in case the drag session didn't occur, {@link end} handles a click, since logic to do so was blocked during `mousedown`
-*/
-var DraggableTextDelegate = class {
-	constructor(target) {
-		_defineProperty(this, "target", void 0);
-		_defineProperty(this, "__mouseDownInPlace", false);
-		_defineProperty(this, "__dragStartFired", false);
-		_defineProperty(this, "__isDraggingOver", false);
-		_defineProperty(this, "__dragStartSelection", void 0);
-		_defineProperty(this, "__dragImageDisposer", void 0);
-		_defineProperty(this, "_dispose", void 0);
-		this.target = target;
-		const disposers = [
-			this.target.on("dragenter", this.dragEnterHandler.bind(this)),
-			this.target.on("dragover", this.dragOverHandler.bind(this)),
-			this.target.on("dragleave", this.dragLeaveHandler.bind(this)),
-			this.target.on("dragend", this.dragEndHandler.bind(this)),
-			this.target.on("drop", this.dropHandler.bind(this))
-		];
-		this._dispose = () => {
-			disposers.forEach((d) => d());
-			this._dispose = void 0;
-		};
-	}
-	isPointerOverSelection(e) {
-		const target = this.target;
-		const newSelection = target.getSelectionStartFromPointer(e);
-		return target.isEditing && newSelection >= target.selectionStart && newSelection <= target.selectionEnd && target.selectionStart < target.selectionEnd;
-	}
-	/**
-	* @public override this method to disable dragging and default to mousedown logic
-	*/
-	start(e) {
-		return this.__mouseDownInPlace = this.isPointerOverSelection(e);
-	}
-	/**
-	* @public override this method to disable dragging without discarding selection
-	*/
-	isActive() {
-		return this.__mouseDownInPlace;
-	}
-	/**
-	* Ends interaction and sets cursor in case of a click
-	* @returns true if was active
-	*/
-	end(e) {
-		const active = this.isActive();
-		if (active && !this.__dragStartFired) {
-			this.target.setCursorByClick(e);
-			this.target.initDelayedCursor(true);
-		}
-		this.__mouseDownInPlace = false;
-		this.__dragStartFired = false;
-		this.__isDraggingOver = false;
-		return active;
-	}
-	getDragStartSelection() {
-		return this.__dragStartSelection;
-	}
-	/**
-	* Override to customize the drag image
-	* https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage
-	*/
-	setDragImage(e, { selectionStart, selectionEnd }) {
-		var _e$dataTransfer;
-		const target = this.target;
-		const canvas = target.canvas;
-		const flipFactor = new Point(target.flipX ? -1 : 1, target.flipY ? -1 : 1);
-		const boundaries = target._getCursorBoundaries(selectionStart);
-		const pos = new Point(boundaries.left + boundaries.leftOffset, boundaries.top + boundaries.topOffset).multiply(flipFactor).transform(target.calcTransformMatrix());
-		const diff = canvas.getScenePoint(e).subtract(pos);
-		const retinaScaling = target.getCanvasRetinaScaling();
-		const bbox = target.getBoundingRect();
-		const correction = pos.subtract(new Point(bbox.left, bbox.top));
-		const vpt = canvas.viewportTransform;
-		const offset = correction.add(diff).transform(vpt, true);
-		const bgc = target.backgroundColor;
-		const styles = cloneStyles(target.styles);
-		target.backgroundColor = "";
-		const styleOverride = {
-			stroke: "transparent",
-			fill: "transparent",
-			textBackgroundColor: "transparent"
-		};
-		target.setSelectionStyles(styleOverride, 0, selectionStart);
-		target.setSelectionStyles(styleOverride, selectionEnd, target.text.length);
-		target.dirty = true;
-		const dragImage = target.toCanvasElement({
-			enableRetinaScaling: canvas.enableRetinaScaling,
-			viewportTransform: true
-		});
-		target.backgroundColor = bgc;
-		target.styles = styles;
-		target.dirty = true;
-		setStyle(dragImage, {
-			position: "fixed",
-			left: `${-dragImage.width}px`,
-			border: NONE,
-			width: `${dragImage.width / retinaScaling}px`,
-			height: `${dragImage.height / retinaScaling}px`
-		});
-		this.__dragImageDisposer && this.__dragImageDisposer();
-		this.__dragImageDisposer = () => {
-			dragImage.remove();
-		};
-		getDocumentFromElement(e.target || this.target.hiddenTextarea).body.appendChild(dragImage);
-		(_e$dataTransfer = e.dataTransfer) === null || _e$dataTransfer === void 0 || _e$dataTransfer.setDragImage(dragImage, offset.x, offset.y);
-	}
-	/**
-	* @returns {boolean} determines whether {@link target} should/shouldn't become a drag source
-	*/
-	onDragStart(e) {
-		this.__dragStartFired = true;
-		const target = this.target;
-		const active = this.isActive();
-		if (active && e.dataTransfer) {
-			const selection = this.__dragStartSelection = {
-				selectionStart: target.selectionStart,
-				selectionEnd: target.selectionEnd
-			};
-			const value = target._text.slice(selection.selectionStart, selection.selectionEnd).join("");
-			const data = {
-				text: target.text,
-				value,
-				...selection
-			};
-			e.dataTransfer.setData("text/plain", value);
-			e.dataTransfer.setData("application/fabric", JSON.stringify({
-				value,
-				styles: target.getSelectionStyles(selection.selectionStart, selection.selectionEnd, true)
-			}));
-			e.dataTransfer.effectAllowed = "copyMove";
-			this.setDragImage(e, data);
-		}
-		target.abortCursorAnimation();
-		return active;
-	}
-	/**
-	* use {@link targetCanDrop} to respect overriding
-	* @returns {boolean} determines whether {@link target} should/shouldn't become a drop target
-	*/
-	canDrop(e) {
-		if (this.target.editable && !this.target.getActiveControl() && !e.defaultPrevented) {
-			if (this.isActive() && this.__dragStartSelection) {
-				const index = this.target.getSelectionStartFromPointer(e);
-				const dragStartSelection = this.__dragStartSelection;
-				return index < dragStartSelection.selectionStart || index > dragStartSelection.selectionEnd;
-			}
-			return true;
-		}
-		return false;
-	}
-	/**
-	* in order to respect overriding {@link IText#canDrop} we call that instead of calling {@link canDrop} directly
-	*/
-	targetCanDrop(e) {
-		return this.target.canDrop(e);
-	}
-	dragEnterHandler({ e }) {
-		const canDrop = this.targetCanDrop(e);
-		if (!this.__isDraggingOver && canDrop) this.__isDraggingOver = true;
-	}
-	dragOverHandler(ev) {
-		const { e } = ev;
-		const canDrop = this.targetCanDrop(e);
-		if (!this.__isDraggingOver && canDrop) this.__isDraggingOver = true;
-		else if (this.__isDraggingOver && !canDrop) this.__isDraggingOver = false;
-		if (this.__isDraggingOver) {
-			e.preventDefault();
-			ev.canDrop = true;
-			ev.dropTarget = this.target;
-		}
-	}
-	dragLeaveHandler() {
-		if (this.__isDraggingOver || this.isActive()) this.__isDraggingOver = false;
-	}
-	/**
-	* Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer}
-	* in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event
-	* https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop
-	*/
-	dropHandler(ev) {
-		var _e$dataTransfer2;
-		const { e } = ev;
-		const didDrop = e.defaultPrevented;
-		this.__isDraggingOver = false;
-		e.preventDefault();
-		let insert = (_e$dataTransfer2 = e.dataTransfer) === null || _e$dataTransfer2 === void 0 ? void 0 : _e$dataTransfer2.getData("text/plain");
-		if (insert && !didDrop) {
-			const target = this.target;
-			const canvas = target.canvas;
-			let insertAt = target.getSelectionStartFromPointer(e);
-			const { styles } = e.dataTransfer.types.includes("application/fabric") ? JSON.parse(e.dataTransfer.getData("application/fabric")) : {};
-			const trailing = insert[Math.max(0, insert.length - 1)];
-			const selectionStartOffset = 0;
-			if (this.__dragStartSelection) {
-				const selectionStart = this.__dragStartSelection.selectionStart;
-				const selectionEnd = this.__dragStartSelection.selectionEnd;
-				if (insertAt > selectionStart && insertAt <= selectionEnd) insertAt = selectionStart;
-				else if (insertAt > selectionEnd) insertAt -= selectionEnd - selectionStart;
-				target.removeChars(selectionStart, selectionEnd);
-				delete this.__dragStartSelection;
-			}
-			if (target._reNewline.test(trailing) && (target._reNewline.test(target._text[insertAt]) || insertAt === target._text.length)) insert = insert.trimEnd();
-			ev.didDrop = true;
-			ev.dropTarget = target;
-			target.insertChars(insert, styles, insertAt);
-			canvas.setActiveObject(target);
-			target.enterEditing(e);
-			target.selectionStart = Math.min(insertAt + selectionStartOffset, target._text.length);
-			target.selectionEnd = Math.min(target.selectionStart + insert.length, target._text.length);
-			target.hiddenTextarea.value = target.text;
-			target._updateTextarea();
-			target.hiddenTextarea.focus();
-			target.fire(CHANGED, {
-				index: insertAt + selectionStartOffset,
-				action: "drop"
-			});
-			canvas.fire("text:changed", { target });
-			canvas.contextTopDirty = true;
-			canvas.requestRenderAll();
-		}
-	}
-	/**
-	* fired only on the drag source after drop (if occurred)
-	* handle changes to the drag source in case of a drop on another object or a cancellation
-	* https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag
-	*/
-	dragEndHandler({ e }) {
-		if (this.isActive() && this.__dragStartFired) {
-			if (this.__dragStartSelection) {
-				var _e$dataTransfer3;
-				const target = this.target;
-				const canvas = this.target.canvas;
-				const { selectionStart, selectionEnd } = this.__dragStartSelection;
-				const dropEffect = ((_e$dataTransfer3 = e.dataTransfer) === null || _e$dataTransfer3 === void 0 ? void 0 : _e$dataTransfer3.dropEffect) || "none";
-				if (dropEffect === "none") {
-					target.selectionStart = selectionStart;
-					target.selectionEnd = selectionEnd;
-					target._updateTextarea();
-					target.hiddenTextarea.focus();
-				} else {
-					target.clearContextTop();
-					if (dropEffect === "move") {
-						target.removeChars(selectionStart, selectionEnd);
-						target.selectionStart = target.selectionEnd = selectionStart;
-						target.hiddenTextarea && (target.hiddenTextarea.value = target.text);
-						target._updateTextarea();
-						target.fire(CHANGED, {
-							index: selectionStart,
-							action: "dragend"
-						});
-						canvas.fire("text:changed", { target });
-						canvas.requestRenderAll();
-					}
-					target.exitEditing();
-				}
-			}
-		}
-		this.__dragImageDisposer && this.__dragImageDisposer();
-		delete this.__dragImageDisposer;
-		delete this.__dragStartSelection;
-		this.__isDraggingOver = false;
-	}
-	dispose() {
-		this._dispose && this._dispose();
-	}
-};
-//#endregion
-export { DraggableTextDelegate };
-
-//# sourceMappingURL=DraggableTextDelegate.mjs.map

package/dist/src/shapes/IText/DraggableTextDelegate.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DraggableTextDelegate.mjs","names":[],"sources":["../../../../src/shapes/IText/DraggableTextDelegate.ts"],"sourcesContent":["import type {\n  DragEventData,\n  DropEventData,\n  TPointerEvent,\n} from '../../EventTypeDefs';\nimport { Point } from '../../Point';\nimport type { IText } from './IText';\nimport { setStyle } from '../../util/internals/dom_style';\nimport { cloneStyles } from '../../util/internals/cloneStyles';\nimport type { TextStyleDeclaration } from '../Text/StyledText';\nimport { getDocumentFromElement } from '../../util/dom_misc';\nimport { CHANGED, NONE } from '../../constants';\n\n/**\n * #### Dragging IText/Textbox Lifecycle\n * - {@link start} is called from `mousedown` {@link IText#_mouseDownHandler} and determines if dragging should start by testing {@link isPointerOverSelection}\n * - if true `mousedown` {@link IText#_mouseDownHandler} is blocked to keep selection\n * - if the pointer moves, canvas fires numerous mousemove {@link Canvas#_onMouseMove} that we make sure **aren't** prevented ({@link IText#shouldStartDragging}) in order for the window to start a drag session\n * - once/if the session starts canvas calls {@link onDragStart} on the active object to determine if dragging should occur\n * - canvas fires relevant drag events that are handled by the handlers defined in this scope\n * - {@link end} is called from `mouseup` {@link IText#mouseUpHandler}, blocking IText default click behavior\n * - in case the drag session didn't occur, {@link end} handles a click, since logic to do so was blocked during `mousedown`\n */\nexport class DraggableTextDelegate {\n  readonly target: IText;\n  private __mouseDownInPlace = false;\n  private __dragStartFired = false;\n  private __isDraggingOver = false;\n  private __dragStartSelection?: {\n    selectionStart: number;\n    selectionEnd: number;\n  };\n  private __dragImageDisposer?: VoidFunction;\n  private _dispose?: () => void;\n\n  constructor(target: IText) {\n    this.target = target;\n    const disposers = [\n      this.target.on('dragenter', this.dragEnterHandler.bind(this)),\n      this.target.on('dragover', this.dragOverHandler.bind(this)),\n      this.target.on('dragleave', this.dragLeaveHandler.bind(this)),\n      this.target.on('dragend', this.dragEndHandler.bind(this)),\n      this.target.on('drop', this.dropHandler.bind(this)),\n    ];\n    this._dispose = () => {\n      disposers.forEach((d) => d());\n      this._dispose = undefined;\n    };\n  }\n\n  isPointerOverSelection(e: TPointerEvent) {\n    const target = this.target;\n    const newSelection = target.getSelectionStartFromPointer(e);\n    return (\n      target.isEditing &&\n      newSelection >= target.selectionStart &&\n      newSelection <= target.selectionEnd &&\n      target.selectionStart < target.selectionEnd\n    );\n  }\n\n  /**\n   * @public override this method to disable dragging and default to mousedown logic\n   */\n  start(e: TPointerEvent) {\n    return (this.__mouseDownInPlace = this.isPointerOverSelection(e));\n  }\n\n  /**\n   * @public override this method to disable dragging without discarding selection\n   */\n  isActive() {\n    return this.__mouseDownInPlace;\n  }\n\n  /**\n   * Ends interaction and sets cursor in case of a click\n   * @returns true if was active\n   */\n  end(e: TPointerEvent) {\n    const active = this.isActive();\n    if (active && !this.__dragStartFired) {\n      // mousedown has been blocked since `active` is true => cursor has not been set.\n      // `__dragStartFired` is false => dragging didn't occur, pointer didn't move and is over selection.\n      // meaning this is actually a click, `active` is a false positive.\n      this.target.setCursorByClick(e);\n      this.target.initDelayedCursor(true);\n    }\n    this.__mouseDownInPlace = false;\n    this.__dragStartFired = false;\n    this.__isDraggingOver = false;\n    return active;\n  }\n\n  getDragStartSelection() {\n    return this.__dragStartSelection;\n  }\n\n  /**\n   * Override to customize the drag image\n   * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage\n   */\n  setDragImage(\n    e: DragEvent,\n    {\n      selectionStart,\n      selectionEnd,\n    }: {\n      selectionStart: number;\n      selectionEnd: number;\n    },\n  ) {\n    const target = this.target;\n    const canvas = target.canvas!;\n    const flipFactor = new Point(target.flipX ? -1 : 1, target.flipY ? -1 : 1);\n    const boundaries = target._getCursorBoundaries(selectionStart);\n    const selectionPosition = new Point(\n      boundaries.left + boundaries.leftOffset,\n      boundaries.top + boundaries.topOffset,\n    ).multiply(flipFactor);\n    const pos = selectionPosition.transform(target.calcTransformMatrix());\n    const pointer = canvas.getScenePoint(e);\n    const diff = pointer.subtract(pos);\n    const retinaScaling = target.getCanvasRetinaScaling();\n    const bbox = target.getBoundingRect();\n    const correction = pos.subtract(new Point(bbox.left, bbox.top));\n    const vpt = canvas.viewportTransform;\n    const offset = correction.add(diff).transform(vpt, true);\n    //  prepare instance for drag image snapshot by making all non selected text invisible\n    const bgc = target.backgroundColor;\n    const styles = cloneStyles(target.styles);\n    target.backgroundColor = '';\n    const styleOverride = {\n      stroke: 'transparent',\n      fill: 'transparent',\n      textBackgroundColor: 'transparent',\n    };\n    target.setSelectionStyles(styleOverride, 0, selectionStart);\n    target.setSelectionStyles(styleOverride, selectionEnd, target.text.length);\n    target.dirty = true;\n    const dragImage = target.toCanvasElement({\n      enableRetinaScaling: canvas.enableRetinaScaling,\n      viewportTransform: true,\n    });\n    // restore values\n    target.backgroundColor = bgc;\n    target.styles = styles;\n    target.dirty = true;\n    //  position drag image offscreen\n    setStyle(dragImage, {\n      position: 'fixed',\n      left: `${-dragImage.width}px`,\n      border: NONE,\n      width: `${dragImage.width / retinaScaling}px`,\n      height: `${dragImage.height / retinaScaling}px`,\n    });\n    this.__dragImageDisposer && this.__dragImageDisposer();\n    this.__dragImageDisposer = () => {\n      dragImage.remove();\n    };\n    getDocumentFromElement(\n      (e.target || this.target.hiddenTextarea)! as HTMLElement,\n    ).body.appendChild(dragImage);\n    e.dataTransfer?.setDragImage(dragImage, offset.x, offset.y);\n  }\n\n  /**\n   * @returns {boolean} determines whether {@link target} should/shouldn't become a drag source\n   */\n  onDragStart(e: DragEvent): boolean {\n    this.__dragStartFired = true;\n    const target = this.target;\n    const active = this.isActive();\n    if (active && e.dataTransfer) {\n      const selection = (this.__dragStartSelection = {\n        selectionStart: target.selectionStart,\n        selectionEnd: target.selectionEnd,\n      });\n      const value = target._text\n        .slice(selection.selectionStart, selection.selectionEnd)\n        .join('');\n      const data = { text: target.text, value, ...selection };\n      e.dataTransfer.setData('text/plain', value);\n      e.dataTransfer.setData(\n        'application/fabric',\n        JSON.stringify({\n          value: value,\n          styles: target.getSelectionStyles(\n            selection.selectionStart,\n            selection.selectionEnd,\n            true,\n          ),\n        }),\n      );\n      e.dataTransfer.effectAllowed = 'copyMove';\n      this.setDragImage(e, data);\n    }\n    target.abortCursorAnimation();\n    return active;\n  }\n\n  /**\n   * use {@link targetCanDrop} to respect overriding\n   * @returns {boolean} determines whether {@link target} should/shouldn't become a drop target\n   */\n  canDrop(e: DragEvent): boolean {\n    if (\n      this.target.editable &&\n      !this.target.getActiveControl() &&\n      !e.defaultPrevented\n    ) {\n      if (this.isActive() && this.__dragStartSelection) {\n        //  drag source trying to drop over itself\n        //  allow dropping only outside of drag start selection\n        const index = this.target.getSelectionStartFromPointer(e);\n        const dragStartSelection = this.__dragStartSelection;\n        return (\n          index < dragStartSelection.selectionStart ||\n          index > dragStartSelection.selectionEnd\n        );\n      }\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * in order to respect overriding {@link IText#canDrop} we call that instead of calling {@link canDrop} directly\n   */\n  protected targetCanDrop(e: DragEvent) {\n    return this.target.canDrop(e);\n  }\n\n  dragEnterHandler({ e }: DragEventData) {\n    const canDrop = this.targetCanDrop(e);\n    if (!this.__isDraggingOver && canDrop) {\n      this.__isDraggingOver = true;\n    }\n  }\n\n  dragOverHandler(ev: DragEventData) {\n    const { e } = ev;\n    const canDrop = this.targetCanDrop(e);\n    if (!this.__isDraggingOver && canDrop) {\n      this.__isDraggingOver = true;\n    } else if (this.__isDraggingOver && !canDrop) {\n      //  drop state has changed\n      this.__isDraggingOver = false;\n    }\n    if (this.__isDraggingOver) {\n      //  can be dropped, inform browser\n      e.preventDefault();\n      //  inform event subscribers\n      ev.canDrop = true;\n      ev.dropTarget = this.target;\n    }\n  }\n\n  dragLeaveHandler() {\n    if (this.__isDraggingOver || this.isActive()) {\n      this.__isDraggingOver = false;\n    }\n  }\n\n  /**\n   * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer}\n   * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop\n   */\n  dropHandler(ev: DropEventData) {\n    const { e } = ev;\n    const didDrop = e.defaultPrevented;\n    this.__isDraggingOver = false;\n    // inform browser that the drop has been accepted\n    e.preventDefault();\n    let insert = e.dataTransfer?.getData('text/plain');\n    if (insert && !didDrop) {\n      const target = this.target;\n      const canvas = target.canvas!;\n      let insertAt = target.getSelectionStartFromPointer(e);\n      const { styles } = (\n        e.dataTransfer!.types.includes('application/fabric')\n          ? JSON.parse(e.dataTransfer!.getData('application/fabric'))\n          : {}\n      ) as { styles: TextStyleDeclaration[] };\n      const trailing = insert[Math.max(0, insert.length - 1)];\n      const selectionStartOffset = 0;\n      //  drag and drop in same instance\n      if (this.__dragStartSelection) {\n        const selectionStart = this.__dragStartSelection.selectionStart;\n        const selectionEnd = this.__dragStartSelection.selectionEnd;\n        if (insertAt > selectionStart && insertAt <= selectionEnd) {\n          insertAt = selectionStart;\n        } else if (insertAt > selectionEnd) {\n          insertAt -= selectionEnd - selectionStart;\n        }\n        target.removeChars(selectionStart, selectionEnd);\n        // prevent `dragend` from handling event\n        delete this.__dragStartSelection;\n      }\n      //  remove redundant line break\n      if (\n        target._reNewline.test(trailing) &&\n        (target._reNewline.test(target._text[insertAt]) ||\n          insertAt === target._text.length)\n      ) {\n        insert = insert.trimEnd();\n      }\n      //  inform subscribers\n      ev.didDrop = true;\n      ev.dropTarget = target;\n      //  finalize\n      target.insertChars(insert, styles, insertAt);\n      // can this part be moved in an outside event? andrea to check.\n      canvas.setActiveObject(target);\n      target.enterEditing(e);\n      target.selectionStart = Math.min(\n        insertAt + selectionStartOffset,\n        target._text.length,\n      );\n      target.selectionEnd = Math.min(\n        target.selectionStart + insert.length,\n        target._text.length,\n      );\n      target.hiddenTextarea!.value = target.text;\n      target._updateTextarea();\n      target.hiddenTextarea!.focus();\n      target.fire(CHANGED, {\n        index: insertAt + selectionStartOffset,\n        action: 'drop',\n      });\n      canvas.fire('text:changed', { target });\n      canvas.contextTopDirty = true;\n      canvas.requestRenderAll();\n    }\n  }\n\n  /**\n   * fired only on the drag source after drop (if occurred)\n   * handle changes to the drag source in case of a drop on another object or a cancellation\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\n   */\n  dragEndHandler({ e }: DragEventData) {\n    if (this.isActive() && this.__dragStartFired) {\n      //  once the drop event finishes we check if we need to change the drag source\n      //  if the drag source received the drop we bail out since the drop handler has already handled logic\n      if (this.__dragStartSelection) {\n        const target = this.target;\n        const canvas = this.target.canvas!;\n        const { selectionStart, selectionEnd } = this.__dragStartSelection;\n        const dropEffect = e.dataTransfer?.dropEffect || NONE;\n        if (dropEffect === NONE) {\n          // pointer is back over selection\n          target.selectionStart = selectionStart;\n          target.selectionEnd = selectionEnd;\n          target._updateTextarea();\n          target.hiddenTextarea!.focus();\n        } else {\n          target.clearContextTop();\n          if (dropEffect === 'move') {\n            target.removeChars(selectionStart, selectionEnd);\n            target.selectionStart = target.selectionEnd = selectionStart;\n            target.hiddenTextarea &&\n              (target.hiddenTextarea.value = target.text);\n            target._updateTextarea();\n            target.fire(CHANGED, {\n              index: selectionStart,\n              action: 'dragend',\n            });\n            canvas.fire('text:changed', { target });\n            canvas.requestRenderAll();\n          }\n          target.exitEditing();\n        }\n      }\n    }\n\n    this.__dragImageDisposer && this.__dragImageDisposer();\n    delete this.__dragImageDisposer;\n    delete this.__dragStartSelection;\n    this.__isDraggingOver = false;\n  }\n\n  dispose() {\n    this._dispose && this._dispose();\n  }\n}\n"],"mappings":"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"}