@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-esm/lib/tools/SelectTool/childStates/Rotating.mjs

@@ -0,0 +1,136 @@
+import {
+  EPSILON,
+  StateNode,
+  angleDelta,
+  applyRotationToSnapshotShapes,
+  degreesToRadians,
+  getRotationSnapshot,
+  snapAngle
+} from "@bigbluebutton/editor";
+import { CursorTypeMap } from "./PointingResizeHandle.mjs";
+class Rotating extends StateNode {
+  static id = "rotating";
+  snapshot = {};
+  info = {};
+  markId = "";
+  onEnter = (info) => {
+    this.info = info;
+    this.parent.setCurrentToolIdMask(info.onInteractionEnd);
+    this.markId = "rotate start";
+    this.editor.mark(this.markId);
+    const snapshot = getRotationSnapshot({ editor: this.editor });
+    if (!snapshot)
+      return this.parent.transition("idle", this.info);
+    this.snapshot = snapshot;
+    this.handleStart();
+  };
+  onExit = () => {
+    this.editor.setCursor({ type: "default", rotation: 0 });
+    this.parent.setCurrentToolIdMask(void 0);
+    this.snapshot = {};
+  };
+  onPointerMove = () => {
+    this.update();
+  };
+  onKeyDown = () => {
+    this.update();
+  };
+  onKeyUp = () => {
+    this.update();
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  // ---
+  update = () => {
+    const newSelectionRotation = this._getRotationFromPointerPosition({
+      snapToNearestDegree: false
+    });
+    applyRotationToSnapshotShapes({
+      editor: this.editor,
+      delta: newSelectionRotation,
+      snapshot: this.snapshot,
+      stage: "update"
+    });
+    this.editor.updateInstanceState({
+      cursor: {
+        type: CursorTypeMap[this.info.handle],
+        rotation: newSelectionRotation + this.snapshot.initialSelectionRotation
+      }
+    });
+  };
+  cancel = () => {
+    this.editor.bailToMark(this.markId);
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, this.info);
+    } else {
+      this.parent.transition("idle", this.info);
+    }
+  };
+  complete = () => {
+    applyRotationToSnapshotShapes({
+      editor: this.editor,
+      delta: this._getRotationFromPointerPosition({ snapToNearestDegree: true }),
+      snapshot: this.snapshot,
+      stage: "end"
+    });
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, this.info);
+    } else {
+      this.parent.transition("idle", this.info);
+    }
+  };
+  handleStart() {
+    const newSelectionRotation = this._getRotationFromPointerPosition({
+      snapToNearestDegree: false
+    });
+    applyRotationToSnapshotShapes({
+      editor: this.editor,
+      delta: this._getRotationFromPointerPosition({ snapToNearestDegree: false }),
+      snapshot: this.snapshot,
+      stage: "start"
+    });
+    this.editor.updateInstanceState({
+      cursor: {
+        type: CursorTypeMap[this.info.handle],
+        rotation: newSelectionRotation + this.snapshot.initialSelectionRotation
+      }
+    });
+  }
+  _getRotationFromPointerPosition({ snapToNearestDegree }) {
+    const selectionRotation = this.editor.getSelectionRotation();
+    const selectionBounds = this.editor.getSelectionRotatedPageBounds();
+    const {
+      inputs: { shiftKey, currentPagePoint }
+    } = this.editor;
+    const { initialCursorAngle, initialSelectionRotation } = this.snapshot;
+    if (!selectionBounds)
+      return initialSelectionRotation;
+    const selectionPageCenter = selectionBounds.center.clone().rotWith(selectionBounds.point, selectionRotation);
+    const preSnapRotationDelta = selectionPageCenter.angle(currentPagePoint) - initialCursorAngle;
+    let newSelectionRotation = initialSelectionRotation + preSnapRotationDelta;
+    if (shiftKey) {
+      newSelectionRotation = snapAngle(newSelectionRotation, 24);
+    } else if (snapToNearestDegree) {
+      newSelectionRotation = Math.round(newSelectionRotation / EPSILON) * EPSILON;
+      if (this.editor.getInstanceState().isCoarsePointer) {
+        const snappedToRightAngle = snapAngle(newSelectionRotation, 4);
+        const angleToRightAngle = angleDelta(newSelectionRotation, snappedToRightAngle);
+        if (Math.abs(angleToRightAngle) < degreesToRadians(5)) {
+          newSelectionRotation = snappedToRightAngle;
+        }
+      }
+    }
+    return newSelectionRotation - initialSelectionRotation;
+  }
+}
+export {
+  Rotating
+};
+//# sourceMappingURL=Rotating.mjs.map

package/dist-esm/lib/tools/SelectTool/childStates/Rotating.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/Rotating.ts"],
+  "sourcesContent": ["import {\n\tEPSILON,\n\tRotateCorner,\n\tStateNode,\n\tTLEventHandlers,\n\tTLPointerEventInfo,\n\tTLRotationSnapshot,\n\tangleDelta,\n\tapplyRotationToSnapshotShapes,\n\tdegreesToRadians,\n\tgetRotationSnapshot,\n\tsnapAngle,\n} from '@bigbluebutton/editor'\nimport { CursorTypeMap } from './PointingResizeHandle'\n\nexport class Rotating extends StateNode {\n\tstatic override id = 'rotating'\n\n\tsnapshot = {} as TLRotationSnapshot\n\n\tinfo = {} as Extract<TLPointerEventInfo, { target: 'selection' }> & { onInteractionEnd?: string }\n\n\tmarkId = ''\n\n\toverride onEnter = (\n\t\tinfo: TLPointerEventInfo & { target: 'selection'; onInteractionEnd?: string }\n\t) => {\n\t\t// Store the event information\n\t\tthis.info = info\n\t\tthis.parent.setCurrentToolIdMask(info.onInteractionEnd)\n\n\t\tthis.markId = 'rotate start'\n\t\tthis.editor.mark(this.markId)\n\n\t\tconst snapshot = getRotationSnapshot({ editor: this.editor })\n\t\tif (!snapshot) return this.parent.transition('idle', this.info)\n\t\tthis.snapshot = snapshot\n\n\t\t// Trigger a pointer move\n\t\tthis.handleStart()\n\t}\n\n\toverride onExit = () => {\n\t\tthis.editor.setCursor({ type: 'default', rotation: 0 })\n\t\tthis.parent.setCurrentToolIdMask(undefined)\n\n\t\tthis.snapshot = {} as TLRotationSnapshot\n\t}\n\n\toverride onPointerMove = () => {\n\t\tthis.update()\n\t}\n\n\toverride onKeyDown = () => {\n\t\tthis.update()\n\t}\n\n\toverride onKeyUp = () => {\n\t\tthis.update()\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onCancel = () => {\n\t\tthis.cancel()\n\t}\n\n\t// ---\n\n\tprivate update = () => {\n\t\tconst newSelectionRotation = this._getRotationFromPointerPosition({\n\t\t\tsnapToNearestDegree: false,\n\t\t})\n\n\t\tapplyRotationToSnapshotShapes({\n\t\t\teditor: this.editor,\n\t\t\tdelta: newSelectionRotation,\n\t\t\tsnapshot: this.snapshot,\n\t\t\tstage: 'update',\n\t\t})\n\n\t\t// Update cursor\n\t\tthis.editor.updateInstanceState({\n\t\t\tcursor: {\n\t\t\t\ttype: CursorTypeMap[this.info.handle as RotateCorner],\n\t\t\t\trotation: newSelectionRotation + this.snapshot.initialSelectionRotation,\n\t\t\t},\n\t\t})\n\t}\n\n\tprivate cancel = () => {\n\t\tthis.editor.bailToMark(this.markId)\n\t\tif (this.info.onInteractionEnd) {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd, this.info)\n\t\t} else {\n\t\t\tthis.parent.transition('idle', this.info)\n\t\t}\n\t}\n\n\tprivate complete = () => {\n\t\tapplyRotationToSnapshotShapes({\n\t\t\teditor: this.editor,\n\t\t\tdelta: this._getRotationFromPointerPosition({ snapToNearestDegree: true }),\n\t\t\tsnapshot: this.snapshot,\n\t\t\tstage: 'end',\n\t\t})\n\t\tif (this.info.onInteractionEnd) {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd, this.info)\n\t\t} else {\n\t\t\tthis.parent.transition('idle', this.info)\n\t\t}\n\t}\n\n\tprotected handleStart() {\n\t\tconst newSelectionRotation = this._getRotationFromPointerPosition({\n\t\t\tsnapToNearestDegree: false,\n\t\t})\n\n\t\tapplyRotationToSnapshotShapes({\n\t\t\teditor: this.editor,\n\t\t\tdelta: this._getRotationFromPointerPosition({ snapToNearestDegree: false }),\n\t\t\tsnapshot: this.snapshot,\n\t\t\tstage: 'start',\n\t\t})\n\n\t\t// Update cursor\n\t\tthis.editor.updateInstanceState({\n\t\t\tcursor: {\n\t\t\t\ttype: CursorTypeMap[this.info.handle as RotateCorner],\n\t\t\t\trotation: newSelectionRotation + this.snapshot.initialSelectionRotation,\n\t\t\t},\n\t\t})\n\t}\n\n\t_getRotationFromPointerPosition({ snapToNearestDegree }: { snapToNearestDegree: boolean }) {\n\t\tconst selectionRotation = this.editor.getSelectionRotation()\n\t\tconst selectionBounds = this.editor.getSelectionRotatedPageBounds()\n\t\tconst {\n\t\t\tinputs: { shiftKey, currentPagePoint },\n\t\t} = this.editor\n\t\tconst { initialCursorAngle, initialSelectionRotation } = this.snapshot\n\n\t\tif (!selectionBounds) return initialSelectionRotation\n\n\t\tconst selectionPageCenter = selectionBounds.center\n\t\t\t.clone()\n\t\t\t.rotWith(selectionBounds.point, selectionRotation)\n\n\t\t// The delta is the difference between the current angle and the initial angle\n\t\tconst preSnapRotationDelta = selectionPageCenter.angle(currentPagePoint) - initialCursorAngle\n\t\tlet newSelectionRotation = initialSelectionRotation + preSnapRotationDelta\n\n\t\tif (shiftKey) {\n\t\t\tnewSelectionRotation = snapAngle(newSelectionRotation, 24)\n\t\t} else if (snapToNearestDegree) {\n\t\t\tnewSelectionRotation = Math.round(newSelectionRotation / EPSILON) * EPSILON\n\n\t\t\tif (this.editor.getInstanceState().isCoarsePointer) {\n\t\t\t\tconst snappedToRightAngle = snapAngle(newSelectionRotation, 4)\n\t\t\t\tconst angleToRightAngle = angleDelta(newSelectionRotation, snappedToRightAngle)\n\t\t\t\tif (Math.abs(angleToRightAngle) < degreesToRadians(5)) {\n\t\t\t\t\tnewSelectionRotation = snappedToRightAngle\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn newSelectionRotation - initialSelectionRotation\n\t}\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-esm/lib/tools/SelectTool/childStates/ScribbleBrushing.mjs

@@ -0,0 +1,125 @@
+import {
+  HIT_TEST_MARGIN,
+  StateNode,
+  intersectLineSegmentPolyline,
+  pointInPolygon
+} from "@bigbluebutton/editor";
+class ScribbleBrushing extends StateNode {
+  static id = "scribble_brushing";
+  hits = /* @__PURE__ */ new Set();
+  size = 0;
+  scribbleId = "id";
+  initialSelectedShapeIds = /* @__PURE__ */ new Set();
+  newlySelectedShapeIds = /* @__PURE__ */ new Set();
+  onEnter = () => {
+    this.initialSelectedShapeIds = new Set(
+      this.editor.inputs.shiftKey ? this.editor.getSelectedShapeIds() : []
+    );
+    this.newlySelectedShapeIds = /* @__PURE__ */ new Set();
+    this.size = 0;
+    this.hits.clear();
+    const scribbleItem = this.editor.scribbles.addScribble({
+      color: "selection-stroke",
+      opacity: 0.32,
+      size: 12
+    });
+    this.scribbleId = scribbleItem.id;
+    this.updateScribbleSelection(true);
+    requestAnimationFrame(() => {
+      this.editor.updateInstanceState({ brush: null });
+    });
+  };
+  onExit = () => {
+    this.editor.scribbles.stop(this.scribbleId);
+  };
+  onPointerMove = () => {
+    this.updateScribbleSelection(true);
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onKeyDown = () => {
+    this.updateScribbleSelection(false);
+  };
+  onKeyUp = () => {
+    if (!this.editor.inputs.altKey) {
+      this.parent.transition("brushing");
+    } else {
+      this.updateScribbleSelection(false);
+    }
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  pushPointToScribble = () => {
+    const { x, y } = this.editor.inputs.currentPagePoint;
+    this.editor.scribbles.addPoint(this.scribbleId, x, y);
+  };
+  updateScribbleSelection(addPoint) {
+    const zoomLevel = this.editor.getZoomLevel();
+    const currentPageShapes = this.editor.getCurrentPageShapes();
+    const {
+      inputs: { shiftKey, originPagePoint, previousPagePoint, currentPagePoint }
+    } = this.editor;
+    const { newlySelectedShapeIds, initialSelectedShapeIds } = this;
+    if (addPoint) {
+      this.pushPointToScribble();
+    }
+    const shapes = currentPageShapes;
+    let shape, geometry, A, B;
+    for (let i = 0, n = shapes.length; i < n; i++) {
+      shape = shapes[i];
+      geometry = this.editor.getShapeGeometry(shape);
+      if (this.editor.isShapeOfType(shape, "group") || newlySelectedShapeIds.has(shape.id) || this.editor.isShapeOrAncestorLocked(shape)) {
+        continue;
+      }
+      if (this.editor.isShapeOfType(shape, "frame")) {
+        const point = this.editor.getPointInShapeSpace(shape, originPagePoint);
+        if (geometry.bounds.containsPoint(point)) {
+          continue;
+        }
+      }
+      A = this.editor.getPointInShapeSpace(shape, previousPagePoint);
+      B = this.editor.getPointInShapeSpace(shape, currentPagePoint);
+      if (geometry.hitTestLineSegment(A, B, HIT_TEST_MARGIN / zoomLevel)) {
+        const outermostShape = this.editor.getOutermostSelectableShape(shape);
+        const pageMask = this.editor.getShapeMask(outermostShape.id);
+        if (pageMask) {
+          const intersection = intersectLineSegmentPolyline(
+            previousPagePoint,
+            currentPagePoint,
+            pageMask
+          );
+          if (intersection !== null) {
+            const isInMask = pointInPolygon(currentPagePoint, pageMask);
+            if (!isInMask)
+              continue;
+          }
+        }
+        newlySelectedShapeIds.add(outermostShape.id);
+      }
+    }
+    this.editor.setSelectedShapes(
+      [
+        ...new Set(
+          shiftKey ? [...newlySelectedShapeIds, ...initialSelectedShapeIds] : [...newlySelectedShapeIds]
+        )
+      ],
+      { squashing: true }
+    );
+  }
+  complete() {
+    this.parent.transition("idle");
+  }
+  cancel() {
+    this.editor.setSelectedShapes([...this.initialSelectedShapeIds], { squashing: true });
+    this.parent.transition("idle");
+  }
+}
+export {
+  ScribbleBrushing
+};
+//# sourceMappingURL=ScribbleBrushing.mjs.map

package/dist-esm/lib/tools/SelectTool/childStates/ScribbleBrushing.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/ScribbleBrushing.ts"],
+  "sourcesContent": ["import {\n\tGeometry2d,\n\tHIT_TEST_MARGIN,\n\tStateNode,\n\tTLEventHandlers,\n\tTLFrameShape,\n\tTLGroupShape,\n\tTLShape,\n\tTLShapeId,\n\tVec2d,\n\tintersectLineSegmentPolyline,\n\tpointInPolygon,\n} from '@bigbluebutton/editor'\n\nexport class ScribbleBrushing extends StateNode {\n\tstatic override id = 'scribble_brushing'\n\n\thits = new Set<TLShapeId>()\n\n\tsize = 0\n\n\tscribbleId = 'id'\n\n\tinitialSelectedShapeIds = new Set<TLShapeId>()\n\tnewlySelectedShapeIds = new Set<TLShapeId>()\n\n\toverride onEnter = () => {\n\t\tthis.initialSelectedShapeIds = new Set<TLShapeId>(\n\t\t\tthis.editor.inputs.shiftKey ? this.editor.getSelectedShapeIds() : []\n\t\t)\n\t\tthis.newlySelectedShapeIds = new Set<TLShapeId>()\n\t\tthis.size = 0\n\t\tthis.hits.clear()\n\n\t\tconst scribbleItem = this.editor.scribbles.addScribble({\n\t\t\tcolor: 'selection-stroke',\n\t\t\topacity: 0.32,\n\t\t\tsize: 12,\n\t\t})\n\n\t\tthis.scribbleId = scribbleItem.id\n\n\t\tthis.updateScribbleSelection(true)\n\n\t\trequestAnimationFrame(() => {\n\t\t\tthis.editor.updateInstanceState({ brush: null })\n\t\t})\n\t}\n\n\toverride onExit = () => {\n\t\tthis.editor.scribbles.stop(this.scribbleId)\n\t}\n\n\toverride onPointerMove = () => {\n\t\tthis.updateScribbleSelection(true)\n\t}\n\n\toverride onPointerUp = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onKeyDown = () => {\n\t\tthis.updateScribbleSelection(false)\n\t}\n\n\toverride onKeyUp = () => {\n\t\tif (!this.editor.inputs.altKey) {\n\t\t\tthis.parent.transition('brushing')\n\t\t} else {\n\t\t\tthis.updateScribbleSelection(false)\n\t\t}\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.complete()\n\t}\n\n\tprivate pushPointToScribble = () => {\n\t\tconst { x, y } = this.editor.inputs.currentPagePoint\n\t\tthis.editor.scribbles.addPoint(this.scribbleId, x, y)\n\t}\n\n\tprivate updateScribbleSelection(addPoint: boolean) {\n\t\tconst zoomLevel = this.editor.getZoomLevel()\n\t\tconst currentPageShapes = this.editor.getCurrentPageShapes()\n\t\tconst {\n\t\t\tinputs: { shiftKey, originPagePoint, previousPagePoint, currentPagePoint },\n\t\t} = this.editor\n\n\t\tconst { newlySelectedShapeIds, initialSelectedShapeIds } = this\n\n\t\tif (addPoint) {\n\t\t\tthis.pushPointToScribble()\n\t\t}\n\n\t\tconst shapes = currentPageShapes\n\t\tlet shape: TLShape, geometry: Geometry2d, A: Vec2d, B: Vec2d\n\n\t\tfor (let i = 0, n = shapes.length; i < n; i++) {\n\t\t\tshape = shapes[i]\n\t\t\tgeometry = this.editor.getShapeGeometry(shape)\n\n\t\t\t// If the shape is a group or is already selected or locked, don't select it\n\t\t\tif (\n\t\t\t\tthis.editor.isShapeOfType<TLGroupShape>(shape, 'group') ||\n\t\t\t\tnewlySelectedShapeIds.has(shape.id) ||\n\t\t\t\tthis.editor.isShapeOrAncestorLocked(shape)\n\t\t\t) {\n\t\t\t\tcontinue\n\t\t\t}\n\n\t\t\t// If the scribble started inside of the frame, don't select it\n\t\t\tif (this.editor.isShapeOfType<TLFrameShape>(shape, 'frame')) {\n\t\t\t\tconst point = this.editor.getPointInShapeSpace(shape, originPagePoint)\n\t\t\t\tif (geometry.bounds.containsPoint(point)) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tA = this.editor.getPointInShapeSpace(shape, previousPagePoint)\n\t\t\tB = this.editor.getPointInShapeSpace(shape, currentPagePoint)\n\t\t\tif (geometry.hitTestLineSegment(A, B, HIT_TEST_MARGIN / zoomLevel)) {\n\t\t\t\tconst outermostShape = this.editor.getOutermostSelectableShape(shape)\n\n\t\t\t\tconst pageMask = this.editor.getShapeMask(outermostShape.id)\n\n\t\t\t\tif (pageMask) {\n\t\t\t\t\tconst intersection = intersectLineSegmentPolyline(\n\t\t\t\t\t\tpreviousPagePoint,\n\t\t\t\t\t\tcurrentPagePoint,\n\t\t\t\t\t\tpageMask\n\t\t\t\t\t)\n\t\t\t\t\tif (intersection !== null) {\n\t\t\t\t\t\tconst isInMask = pointInPolygon(currentPagePoint, pageMask)\n\t\t\t\t\t\tif (!isInMask) continue\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tnewlySelectedShapeIds.add(outermostShape.id)\n\t\t\t}\n\t\t}\n\n\t\tthis.editor.setSelectedShapes(\n\t\t\t[\n\t\t\t\t...new Set<TLShapeId>(\n\t\t\t\t\tshiftKey\n\t\t\t\t\t\t? [...newlySelectedShapeIds, ...initialSelectedShapeIds]\n\t\t\t\t\t\t: [...newlySelectedShapeIds]\n\t\t\t\t),\n\t\t\t],\n\t\t\t{ squashing: true }\n\t\t)\n\t}\n\n\tprivate complete() {\n\t\tthis.parent.transition('idle')\n\t}\n\n\tprivate cancel() {\n\t\tthis.editor.setSelectedShapes([...this.initialSelectedShapeIds], { squashing: true })\n\t\tthis.parent.transition('idle')\n\t}\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-esm/lib/tools/SelectTool/childStates/Translating.mjs

@@ -0,0 +1,302 @@
+import {
+  Matrix2d,
+  PageRecordType,
+  StateNode,
+  Vec2d,
+  compact,
+  isPageId
+} from "@bigbluebutton/editor";
+import { DragAndDropManager } from "../DragAndDropManager.mjs";
+class Translating extends StateNode {
+  static id = "translating";
+  info = {};
+  selectionSnapshot = {};
+  snapshot = {};
+  markId = "";
+  isCloning = false;
+  isCreating = false;
+  onCreate = () => void 0;
+  dragAndDropManager = new DragAndDropManager(this.editor);
+  onEnter = (info) => {
+    const { isCreating = false, onCreate = () => void 0 } = info;
+    this.info = info;
+    this.parent.setCurrentToolIdMask(info.onInteractionEnd);
+    this.isCreating = isCreating;
+    this.onCreate = onCreate;
+    if (isCreating) {
+      this.markId = `creating:${this.editor.getOnlySelectedShape().id}`;
+    } else {
+      this.markId = "translating";
+      this.editor.mark(this.markId);
+    }
+    this.isCloning = false;
+    this.info = info;
+    this.editor.setCursor({ type: "move", rotation: 0 });
+    this.selectionSnapshot = getTranslatingSnapshot(this.editor);
+    if (!this.isCreating) {
+      if (this.editor.inputs.altKey) {
+        this.startCloning();
+        return;
+      }
+    }
+    this.snapshot = this.selectionSnapshot;
+    this.handleStart();
+    this.updateShapes();
+    this.editor.on("tick", this.updateParent);
+  };
+  onExit = () => {
+    this.parent.setCurrentToolIdMask(void 0);
+    this.editor.off("tick", this.updateParent);
+    this.selectionSnapshot = {};
+    this.snapshot = {};
+    this.editor.snaps.clear();
+    this.editor.updateInstanceState(
+      { cursor: { type: "default", rotation: 0 } },
+      { ephemeral: true }
+    );
+    this.dragAndDropManager.clear();
+  };
+  onPointerMove = () => {
+    this.updateShapes();
+  };
+  onKeyDown = () => {
+    if (this.editor.inputs.altKey && !this.isCloning) {
+      this.startCloning();
+      return;
+    }
+    this.updateShapes();
+  };
+  onKeyUp = () => {
+    if (!this.editor.inputs.altKey && this.isCloning) {
+      this.stopCloning();
+      return;
+    }
+    this.updateShapes();
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  startCloning() {
+    if (this.isCreating)
+      return;
+    this.isCloning = true;
+    this.reset();
+    this.markId = "translating";
+    this.editor.mark(this.markId);
+    this.editor.duplicateShapes(Array.from(this.editor.getSelectedShapeIds()));
+    this.snapshot = getTranslatingSnapshot(this.editor);
+    this.handleStart();
+    this.updateShapes();
+  }
+  stopCloning() {
+    this.isCloning = false;
+    this.snapshot = this.selectionSnapshot;
+    this.reset();
+    this.markId = "translating";
+    this.editor.mark(this.markId);
+    this.updateShapes();
+  }
+  updateParent = () => {
+    const { snapshot } = this;
+    this.dragAndDropManager.updateDroppingNode(snapshot.movingShapes, this.updateParentTransforms);
+  };
+  reset() {
+    this.editor.bailToMark(this.markId);
+  }
+  complete() {
+    this.updateShapes();
+    this.dragAndDropManager.dropShapes(this.snapshot.movingShapes);
+    this.handleEnd();
+    if (this.editor.getInstanceState().isToolLocked && this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd);
+    } else {
+      if (this.isCreating) {
+        this.onCreate?.(this.editor.getOnlySelectedShape());
+      } else {
+        this.parent.transition("idle");
+      }
+    }
+  }
+  cancel() {
+    this.reset();
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd);
+    } else {
+      this.parent.transition("idle", this.info);
+    }
+  }
+  handleStart() {
+    const { movingShapes } = this.snapshot;
+    const changes = [];
+    movingShapes.forEach((shape) => {
+      const util = this.editor.getShapeUtil(shape);
+      const change = util.onTranslateStart?.(shape);
+      if (change) {
+        changes.push(change);
+      }
+    });
+    if (changes.length > 0) {
+      this.editor.updateShapes(changes);
+    }
+    this.editor.setHoveredShape(null);
+  }
+  handleEnd() {
+    const { movingShapes } = this.snapshot;
+    const changes = [];
+    movingShapes.forEach((shape) => {
+      const current = this.editor.getShape(shape.id);
+      const util = this.editor.getShapeUtil(shape);
+      const change = util.onTranslateEnd?.(shape, current);
+      if (change) {
+        changes.push(change);
+      }
+    });
+    if (changes.length > 0) {
+      this.editor.updateShapes(changes);
+    }
+  }
+  handleChange() {
+    const { movingShapes } = this.snapshot;
+    const changes = [];
+    movingShapes.forEach((shape) => {
+      const current = this.editor.getShape(shape.id);
+      const util = this.editor.getShapeUtil(shape);
+      const change = util.onTranslate?.(shape, current);
+      if (change) {
+        changes.push(change);
+      }
+    });
+    if (changes.length > 0) {
+      this.editor.updateShapes(changes);
+    }
+  }
+  updateShapes() {
+    const { snapshot } = this;
+    this.dragAndDropManager.updateDroppingNode(snapshot.movingShapes, this.updateParentTransforms);
+    moveShapesToPoint({
+      editor: this.editor,
+      shapeSnapshots: snapshot.shapeSnapshots,
+      averagePagePoint: snapshot.averagePagePoint,
+      initialSelectionPageBounds: snapshot.initialPageBounds,
+      initialSelectionSnapPoints: snapshot.initialSnapPoints
+    });
+    this.handleChange();
+  }
+  updateParentTransforms = () => {
+    const {
+      editor,
+      snapshot: { shapeSnapshots }
+    } = this;
+    const movingShapes = [];
+    shapeSnapshots.forEach((shapeSnapshot) => {
+      const shape = editor.getShape(shapeSnapshot.shape.id);
+      if (!shape)
+        return null;
+      movingShapes.push(shape);
+      const parentTransform = isPageId(shape.parentId) ? null : Matrix2d.Inverse(editor.getShapePageTransform(shape.parentId));
+      shapeSnapshot.parentTransform = parentTransform;
+    });
+  };
+}
+function getTranslatingSnapshot(editor) {
+  const movingShapes = [];
+  const pagePoints = [];
+  const shapeSnapshots = compact(
+    editor.getSelectedShapeIds().map((id) => {
+      const shape = editor.getShape(id);
+      if (!shape)
+        return null;
+      movingShapes.push(shape);
+      const pagePoint = editor.getShapePageTransform(id).point();
+      if (!pagePoint)
+        return null;
+      pagePoints.push(pagePoint);
+      const parentTransform = PageRecordType.isId(shape.parentId) ? null : Matrix2d.Inverse(editor.getShapePageTransform(shape.parentId));
+      return {
+        shape,
+        pagePoint,
+        parentTransform
+      };
+    })
+  );
+  let initialSnapPoints = [];
+  if (editor.getSelectedShapeIds().length === 1) {
+    initialSnapPoints = editor.snaps.getSnapPointsCache().get(editor.getSelectedShapeIds()[0]);
+  } else {
+    const selectionPageBounds = editor.getSelectionPageBounds();
+    if (selectionPageBounds) {
+      initialSnapPoints = selectionPageBounds.snapPoints.map((p, i) => ({
+        id: "selection:" + i,
+        x: p.x,
+        y: p.y
+      }));
+    }
+  }
+  return {
+    averagePagePoint: Vec2d.Average(pagePoints),
+    movingShapes,
+    shapeSnapshots,
+    initialPageBounds: editor.getSelectionPageBounds(),
+    initialSnapPoints
+  };
+}
+function moveShapesToPoint({
+  editor,
+  shapeSnapshots: snapshots,
+  averagePagePoint,
+  initialSelectionPageBounds,
+  initialSelectionSnapPoints
+}) {
+  const { inputs } = editor;
+  const isGridMode = editor.getInstanceState().isGridMode;
+  const gridSize = editor.getDocumentSettings().gridSize;
+  const delta = Vec2d.Sub(inputs.currentPagePoint, inputs.originPagePoint);
+  const flatten = editor.inputs.shiftKey ? Math.abs(delta.x) < Math.abs(delta.y) ? "x" : "y" : null;
+  if (flatten === "x") {
+    delta.x = 0;
+  } else if (flatten === "y") {
+    delta.y = 0;
+  }
+  editor.snaps.clear();
+  const shouldSnap = (editor.user.getIsSnapMode() ? !inputs.ctrlKey : inputs.ctrlKey) && editor.inputs.pointerVelocity.len() < 0.5;
+  if (shouldSnap) {
+    const { nudge } = editor.snaps.snapTranslate({
+      dragDelta: delta,
+      initialSelectionPageBounds,
+      lockedAxis: flatten,
+      initialSelectionSnapPoints
+    });
+    delta.add(nudge);
+  }
+  const averageSnappedPoint = Vec2d.Add(averagePagePoint, delta);
+  if (isGridMode && !inputs.ctrlKey) {
+    averageSnappedPoint.snapToGrid(gridSize);
+  }
+  const averageSnap = Vec2d.Sub(averageSnappedPoint, averagePagePoint);
+  editor.updateShapes(
+    compact(
+      snapshots.map(({ shape, pagePoint, parentTransform }) => {
+        const newPagePoint = Vec2d.Add(pagePoint, averageSnap);
+        const newLocalPoint = parentTransform ? Matrix2d.applyToPoint(parentTransform, newPagePoint) : newPagePoint;
+        return {
+          id: shape.id,
+          type: shape.type,
+          x: newLocalPoint.x,
+          y: newLocalPoint.y
+        };
+      })
+    ),
+    { squashing: true }
+  );
+}
+export {
+  Translating,
+  moveShapesToPoint
+};
+//# sourceMappingURL=Translating.mjs.map

package/dist-esm/lib/tools/SelectTool/childStates/Translating.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/Translating.ts"],
+  "sourcesContent": ["import {\n\tBox2d,\n\tEditor,\n\tMatrix2d,\n\tMatrix2dModel,\n\tPageRecordType,\n\tSnapPoint,\n\tStateNode,\n\tTLEventHandlers,\n\tTLPointerEventInfo,\n\tTLShape,\n\tTLShapePartial,\n\tVec2d,\n\tcompact,\n\tisPageId,\n} from '@bigbluebutton/editor'\nimport { DragAndDropManager } from '../DragAndDropManager'\n\nexport class Translating extends StateNode {\n\tstatic override id = 'translating'\n\n\tinfo = {} as TLPointerEventInfo & {\n\t\ttarget: 'shape'\n\t\tisCreating?: boolean\n\t\tonCreate?: () => void\n\t\tonInteractionEnd?: string\n\t}\n\n\tselectionSnapshot: TranslatingSnapshot = {} as any\n\n\tsnapshot: TranslatingSnapshot = {} as any\n\n\tmarkId = ''\n\n\tisCloning = false\n\tisCreating = false\n\tonCreate: (shape: TLShape | null) => void = () => void null\n\n\tdragAndDropManager = new DragAndDropManager(this.editor)\n\n\toverride onEnter = (\n\t\tinfo: TLPointerEventInfo & {\n\t\t\ttarget: 'shape'\n\t\t\tisCreating?: boolean\n\t\t\tonCreate?: () => void\n\t\t\tonInteractionEnd?: string\n\t\t}\n\t) => {\n\t\tconst { isCreating = false, onCreate = () => void null } = info\n\n\t\tthis.info = info\n\t\tthis.parent.setCurrentToolIdMask(info.onInteractionEnd)\n\t\tthis.isCreating = isCreating\n\t\tthis.onCreate = onCreate\n\n\t\tif (isCreating) {\n\t\t\tthis.markId = `creating:${this.editor.getOnlySelectedShape()!.id}`\n\t\t} else {\n\t\t\tthis.markId = 'translating'\n\t\t\tthis.editor.mark(this.markId)\n\t\t}\n\n\t\tthis.isCloning = false\n\t\tthis.info = info\n\n\t\tthis.editor.setCursor({ type: 'move', rotation: 0 })\n\t\tthis.selectionSnapshot = getTranslatingSnapshot(this.editor)\n\n\t\t// Don't clone on create; otherwise clone on altKey\n\t\tif (!this.isCreating) {\n\t\t\tif (this.editor.inputs.altKey) {\n\t\t\t\tthis.startCloning()\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\n\t\tthis.snapshot = this.selectionSnapshot\n\t\tthis.handleStart()\n\t\tthis.updateShapes()\n\t\tthis.editor.on('tick', this.updateParent)\n\t}\n\n\toverride onExit = () => {\n\t\tthis.parent.setCurrentToolIdMask(undefined)\n\t\tthis.editor.off('tick', this.updateParent)\n\t\tthis.selectionSnapshot = {} as any\n\t\tthis.snapshot = {} as any\n\t\tthis.editor.snaps.clear()\n\t\tthis.editor.updateInstanceState(\n\t\t\t{ cursor: { type: 'default', rotation: 0 } },\n\t\t\t{ ephemeral: true }\n\t\t)\n\t\tthis.dragAndDropManager.clear()\n\t}\n\n\toverride onPointerMove = () => {\n\t\tthis.updateShapes()\n\t}\n\n\toverride onKeyDown = () => {\n\t\tif (this.editor.inputs.altKey && !this.isCloning) {\n\t\t\tthis.startCloning()\n\t\t\treturn\n\t\t}\n\n\t\t// need to update in case user pressed a different modifier key\n\t\tthis.updateShapes()\n\t}\n\n\toverride onKeyUp: TLEventHandlers['onKeyUp'] = () => {\n\t\tif (!this.editor.inputs.altKey && this.isCloning) {\n\t\t\tthis.stopCloning()\n\t\t\treturn\n\t\t}\n\n\t\t// need to update in case user pressed a different modifier key\n\t\tthis.updateShapes()\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\tprotected startCloning() {\n\t\tif (this.isCreating) return\n\n\t\tthis.isCloning = true\n\t\tthis.reset()\n\t\tthis.markId = 'translating'\n\t\tthis.editor.mark(this.markId)\n\n\t\tthis.editor.duplicateShapes(Array.from(this.editor.getSelectedShapeIds()))\n\n\t\tthis.snapshot = getTranslatingSnapshot(this.editor)\n\t\tthis.handleStart()\n\t\tthis.updateShapes()\n\t}\n\n\tprotected stopCloning() {\n\t\tthis.isCloning = false\n\t\tthis.snapshot = this.selectionSnapshot\n\t\tthis.reset()\n\t\tthis.markId = 'translating'\n\t\tthis.editor.mark(this.markId)\n\t\tthis.updateShapes()\n\t}\n\n\tupdateParent = () => {\n\t\tconst { snapshot } = this\n\t\tthis.dragAndDropManager.updateDroppingNode(snapshot.movingShapes, this.updateParentTransforms)\n\t}\n\n\treset() {\n\t\tthis.editor.bailToMark(this.markId)\n\t}\n\n\tprotected complete() {\n\t\tthis.updateShapes()\n\t\tthis.dragAndDropManager.dropShapes(this.snapshot.movingShapes)\n\t\tthis.handleEnd()\n\n\t\tif (this.editor.getInstanceState().isToolLocked && this.info.onInteractionEnd) {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd)\n\t\t} else {\n\t\t\tif (this.isCreating) {\n\t\t\t\tthis.onCreate?.(this.editor.getOnlySelectedShape())\n\t\t\t} else {\n\t\t\t\tthis.parent.transition('idle')\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate cancel() {\n\t\tthis.reset()\n\t\tif (this.info.onInteractionEnd) {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd)\n\t\t} else {\n\t\t\tthis.parent.transition('idle', this.info)\n\t\t}\n\t}\n\n\tprotected handleStart() {\n\t\tconst { movingShapes } = this.snapshot\n\n\t\tconst changes: TLShapePartial[] = []\n\n\t\tmovingShapes.forEach((shape) => {\n\t\t\tconst util = this.editor.getShapeUtil(shape)\n\t\t\tconst change = util.onTranslateStart?.(shape)\n\t\t\tif (change) {\n\t\t\t\tchanges.push(change)\n\t\t\t}\n\t\t})\n\n\t\tif (changes.length > 0) {\n\t\t\tthis.editor.updateShapes(changes)\n\t\t}\n\n\t\tthis.editor.setHoveredShape(null)\n\t}\n\n\tprotected handleEnd() {\n\t\tconst { movingShapes } = this.snapshot\n\n\t\tconst changes: TLShapePartial[] = []\n\n\t\tmovingShapes.forEach((shape) => {\n\t\t\tconst current = this.editor.getShape(shape.id)!\n\t\t\tconst util = this.editor.getShapeUtil(shape)\n\t\t\tconst change = util.onTranslateEnd?.(shape, current)\n\t\t\tif (change) {\n\t\t\t\tchanges.push(change)\n\t\t\t}\n\t\t})\n\n\t\tif (changes.length > 0) {\n\t\t\tthis.editor.updateShapes(changes)\n\t\t}\n\t}\n\n\tprotected handleChange() {\n\t\tconst { movingShapes } = this.snapshot\n\n\t\tconst changes: TLShapePartial[] = []\n\n\t\tmovingShapes.forEach((shape) => {\n\t\t\tconst current = this.editor.getShape(shape.id)!\n\t\t\tconst util = this.editor.getShapeUtil(shape)\n\t\t\tconst change = util.onTranslate?.(shape, current)\n\t\t\tif (change) {\n\t\t\t\tchanges.push(change)\n\t\t\t}\n\t\t})\n\n\t\tif (changes.length > 0) {\n\t\t\tthis.editor.updateShapes(changes)\n\t\t}\n\t}\n\n\tprotected updateShapes() {\n\t\tconst { snapshot } = this\n\t\tthis.dragAndDropManager.updateDroppingNode(snapshot.movingShapes, this.updateParentTransforms)\n\n\t\tmoveShapesToPoint({\n\t\t\teditor: this.editor,\n\t\t\tshapeSnapshots: snapshot.shapeSnapshots,\n\t\t\taveragePagePoint: snapshot.averagePagePoint,\n\t\t\tinitialSelectionPageBounds: snapshot.initialPageBounds,\n\t\t\tinitialSelectionSnapPoints: snapshot.initialSnapPoints,\n\t\t})\n\n\t\tthis.handleChange()\n\t}\n\n\tprotected updateParentTransforms = () => {\n\t\tconst {\n\t\t\teditor,\n\t\t\tsnapshot: { shapeSnapshots },\n\t\t} = this\n\t\tconst movingShapes: TLShape[] = []\n\n\t\tshapeSnapshots.forEach((shapeSnapshot) => {\n\t\t\tconst shape = editor.getShape(shapeSnapshot.shape.id)\n\t\t\tif (!shape) return null\n\t\t\tmovingShapes.push(shape)\n\n\t\t\tconst parentTransform = isPageId(shape.parentId)\n\t\t\t\t? null\n\t\t\t\t: Matrix2d.Inverse(editor.getShapePageTransform(shape.parentId)!)\n\n\t\t\tshapeSnapshot.parentTransform = parentTransform\n\t\t})\n\t}\n}\n\nfunction getTranslatingSnapshot(editor: Editor) {\n\tconst movingShapes: TLShape[] = []\n\tconst pagePoints: Vec2d[] = []\n\n\tconst shapeSnapshots = compact(\n\t\teditor.getSelectedShapeIds().map((id): null | MovingShapeSnapshot => {\n\t\t\tconst shape = editor.getShape(id)\n\t\t\tif (!shape) return null\n\t\t\tmovingShapes.push(shape)\n\n\t\t\tconst pagePoint = editor.getShapePageTransform(id)!.point()\n\t\t\tif (!pagePoint) return null\n\t\t\tpagePoints.push(pagePoint)\n\n\t\t\tconst parentTransform = PageRecordType.isId(shape.parentId)\n\t\t\t\t? null\n\t\t\t\t: Matrix2d.Inverse(editor.getShapePageTransform(shape.parentId)!)\n\n\t\t\treturn {\n\t\t\t\tshape,\n\t\t\t\tpagePoint,\n\t\t\t\tparentTransform,\n\t\t\t}\n\t\t})\n\t)\n\n\tlet initialSnapPoints: SnapPoint[] = []\n\tif (editor.getSelectedShapeIds().length === 1) {\n\t\tinitialSnapPoints = editor.snaps.getSnapPointsCache().get(editor.getSelectedShapeIds()[0])!\n\t} else {\n\t\tconst selectionPageBounds = editor.getSelectionPageBounds()\n\t\tif (selectionPageBounds) {\n\t\t\tinitialSnapPoints = selectionPageBounds.snapPoints.map((p, i) => ({\n\t\t\t\tid: 'selection:' + i,\n\t\t\t\tx: p.x,\n\t\t\t\ty: p.y,\n\t\t\t}))\n\t\t}\n\t}\n\n\treturn {\n\t\taveragePagePoint: Vec2d.Average(pagePoints),\n\t\tmovingShapes,\n\t\tshapeSnapshots,\n\t\tinitialPageBounds: editor.getSelectionPageBounds()!,\n\t\tinitialSnapPoints,\n\t}\n}\n\nexport type TranslatingSnapshot = ReturnType<typeof getTranslatingSnapshot>\n\nexport interface MovingShapeSnapshot {\n\tshape: TLShape\n\tpagePoint: Vec2d\n\tparentTransform: Matrix2dModel | null\n}\n\nexport function moveShapesToPoint({\n\teditor,\n\tshapeSnapshots: snapshots,\n\taveragePagePoint,\n\tinitialSelectionPageBounds,\n\tinitialSelectionSnapPoints,\n}: {\n\teditor: Editor\n\tshapeSnapshots: MovingShapeSnapshot[]\n\taveragePagePoint: Vec2d\n\tinitialSelectionPageBounds: Box2d\n\tinitialSelectionSnapPoints: SnapPoint[]\n}) {\n\tconst { inputs } = editor\n\n\tconst isGridMode = editor.getInstanceState().isGridMode\n\n\tconst gridSize = editor.getDocumentSettings().gridSize\n\n\tconst delta = Vec2d.Sub(inputs.currentPagePoint, inputs.originPagePoint)\n\n\tconst flatten: 'x' | 'y' | null = editor.inputs.shiftKey\n\t\t? Math.abs(delta.x) < Math.abs(delta.y)\n\t\t\t? 'x'\n\t\t\t: 'y'\n\t\t: null\n\n\tif (flatten === 'x') {\n\t\tdelta.x = 0\n\t} else if (flatten === 'y') {\n\t\tdelta.y = 0\n\t}\n\n\t// Provisional snapping\n\teditor.snaps.clear()\n\n\tconst shouldSnap =\n\t\t(editor.user.getIsSnapMode() ? !inputs.ctrlKey : inputs.ctrlKey) &&\n\t\teditor.inputs.pointerVelocity.len() < 0.5 // ...and if the user is not dragging fast\n\n\tif (shouldSnap) {\n\t\tconst { nudge } = editor.snaps.snapTranslate({\n\t\t\tdragDelta: delta,\n\t\t\tinitialSelectionPageBounds,\n\t\t\tlockedAxis: flatten,\n\t\t\tinitialSelectionSnapPoints,\n\t\t})\n\n\t\tdelta.add(nudge)\n\t}\n\n\tconst averageSnappedPoint = Vec2d.Add(averagePagePoint, delta)\n\n\tif (isGridMode && !inputs.ctrlKey) {\n\t\taverageSnappedPoint.snapToGrid(gridSize)\n\t}\n\n\tconst averageSnap = Vec2d.Sub(averageSnappedPoint, averagePagePoint)\n\n\teditor.updateShapes(\n\t\tcompact(\n\t\t\tsnapshots.map(({ shape, pagePoint, parentTransform }): TLShapePartial | null => {\n\t\t\t\tconst newPagePoint = Vec2d.Add(pagePoint, averageSnap)\n\t\t\t\tconst newLocalPoint = parentTransform\n\t\t\t\t\t? Matrix2d.applyToPoint(parentTransform, newPagePoint)\n\t\t\t\t\t: newPagePoint\n\n\t\t\t\treturn {\n\t\t\t\t\tid: shape.id,\n\t\t\t\t\ttype: shape.type,\n\t\t\t\t\tx: newLocalPoint.x,\n\t\t\t\t\ty: newLocalPoint.y,\n\t\t\t\t}\n\t\t\t})\n\t\t),\n\t\t{ squashing: true }\n\t)\n}\n"],
+  "mappings": "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",
+  "names": []
+}