@bigbluebutton/tldraw 2.0.0-alpha.19

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

@@ -0,0 +1,159 @@
+import {
+  HIT_TEST_MARGIN,
+  StateNode
+} from "@bigbluebutton/editor";
+class PointingShape extends StateNode {
+  static id = "pointing_shape";
+  hitShape = {};
+  hitShapeForPointerUp = {};
+  didSelectOnEnter = false;
+  onEnter = (info) => {
+    const selectedShapeIds = this.editor.getSelectedShapeIds();
+    const selectionBounds = this.editor.getSelectionRotatedPageBounds();
+    const focusedGroupId = this.editor.getFocusedGroupId();
+    const {
+      inputs: { currentPagePoint, shiftKey, altKey }
+    } = this.editor;
+    this.hitShape = info.shape;
+    const outermostSelectingShape = this.editor.getOutermostSelectableShape(info.shape);
+    if (
+      // If the shape has an onClick handler
+      this.editor.getShapeUtil(info.shape).onClick || // ...or if the shape is the focused layer (e.g. group)
+      outermostSelectingShape.id === focusedGroupId || // ...or if the shape is within the selection
+      selectedShapeIds.includes(outermostSelectingShape.id) || this.editor.isAncestorSelected(outermostSelectingShape.id) || // ...or if the current point is NOT within the selection bounds
+      selectedShapeIds.length > 1 && selectionBounds?.containsPoint(currentPagePoint)
+    ) {
+      this.didSelectOnEnter = false;
+      this.hitShapeForPointerUp = outermostSelectingShape;
+      return;
+    }
+    this.didSelectOnEnter = true;
+    if (shiftKey && !altKey) {
+      this.editor.cancelDoubleClick();
+      if (!selectedShapeIds.includes(outermostSelectingShape.id)) {
+        this.editor.mark("shift selecting shape");
+        this.editor.setSelectedShapes([...selectedShapeIds, outermostSelectingShape.id]);
+      }
+    } else {
+      this.editor.mark("selecting shape");
+      this.editor.setSelectedShapes([outermostSelectingShape.id]);
+    }
+  };
+  onPointerUp = (info) => {
+    const selectedShapeIds = this.editor.getSelectedShapeIds();
+    const focusedGroupId = this.editor.getFocusedGroupId();
+    const zoomLevel = this.editor.getZoomLevel();
+    const {
+      inputs: { currentPagePoint, shiftKey }
+    } = this.editor;
+    const hitShape = this.editor.getShapeAtPoint(currentPagePoint, {
+      margin: HIT_TEST_MARGIN / zoomLevel,
+      hitInside: true,
+      renderingOnly: true
+    }) ?? this.hitShape;
+    const selectingShape = hitShape ? this.editor.getOutermostSelectableShape(hitShape) : this.hitShapeForPointerUp;
+    if (selectingShape) {
+      const util = this.editor.getShapeUtil(selectingShape);
+      if (util.onClick) {
+        const change = util.onClick?.(selectingShape);
+        if (change) {
+          this.editor.mark("shape on click");
+          this.editor.updateShapes([change]);
+          this.parent.transition("idle", info);
+          return;
+        }
+      }
+      if (selectingShape.id === focusedGroupId) {
+        if (selectedShapeIds.length > 0) {
+          this.editor.mark("clearing shape ids");
+          this.editor.setSelectedShapes([]);
+        } else {
+          this.editor.popFocusedGroupId();
+        }
+        this.parent.transition("idle", info);
+        return;
+      }
+    }
+    if (!this.didSelectOnEnter) {
+      const outermostSelectableShape = this.editor.getOutermostSelectableShape(
+        hitShape,
+        // if a group is selected, we want to stop before reaching that group
+        // so we can drill down into the group
+        (parent) => !selectedShapeIds.includes(parent.id)
+      );
+      if (selectedShapeIds.includes(outermostSelectableShape.id)) {
+        if (shiftKey) {
+          this.editor.mark("deselecting on pointer up");
+          this.editor.deselect(selectingShape);
+        } else {
+          if (selectedShapeIds.includes(selectingShape.id)) {
+            if (selectedShapeIds.length === 1 && (this.editor.isShapeOfType(selectingShape, "geo") || this.editor.isShapeOfType(selectingShape, "arrow"))) {
+              const geometry = this.editor.getShapeGeometry(selectingShape);
+              const labelGeometry = geometry.children[1];
+              if (labelGeometry) {
+                const pointInShapeSpace = this.editor.getPointInShapeSpace(
+                  selectingShape,
+                  currentPagePoint
+                );
+                if (labelGeometry.bounds.containsPoint(pointInShapeSpace, 0) && labelGeometry.hitTestPoint(pointInShapeSpace)) {
+                  this.editor.batch(() => {
+                    this.editor.mark("editing on pointer up");
+                    this.editor.select(selectingShape.id);
+                    const util = this.editor.getShapeUtil(selectingShape);
+                    if (this.editor.getInstanceState().isReadonly) {
+                      if (!util.canEditInReadOnly(selectingShape)) {
+                        return;
+                      }
+                    }
+                    this.editor.setEditingShape(selectingShape.id);
+                    this.editor.setCurrentTool("select.editing_shape");
+                  });
+                  return;
+                }
+              }
+            }
+            this.editor.mark("selecting on pointer up");
+            this.editor.select(selectingShape.id);
+          } else {
+            this.editor.mark("selecting on pointer up");
+            this.editor.select(selectingShape);
+          }
+        }
+      } else if (shiftKey) {
+        const ancestors = this.editor.getShapeAncestors(outermostSelectableShape);
+        this.editor.mark("shift deselecting on pointer up");
+        this.editor.setSelectedShapes([
+          ...this.editor.getSelectedShapeIds().filter((id) => !ancestors.find((a) => a.id === id)),
+          outermostSelectableShape.id
+        ]);
+      } else {
+        this.editor.mark("selecting on pointer up");
+        this.editor.setSelectedShapes([outermostSelectableShape.id]);
+      }
+    }
+    this.parent.transition("idle", info);
+  };
+  onPointerMove = (info) => {
+    if (this.editor.inputs.isDragging) {
+      if (this.editor.getInstanceState().isReadonly)
+        return;
+      this.parent.transition("translating", info);
+    }
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  onComplete = () => {
+    this.cancel();
+  };
+  onInterrupt = () => {
+    this.cancel();
+  };
+  cancel() {
+    this.parent.transition("idle");
+  }
+}
+export {
+  PointingShape
+};
+//# sourceMappingURL=PointingShape.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/PointingShape.ts"],
+  "sourcesContent": ["import {\n\tGroup2d,\n\tHIT_TEST_MARGIN,\n\tStateNode,\n\tTLArrowShape,\n\tTLEventHandlers,\n\tTLGeoShape,\n\tTLPointerEventInfo,\n\tTLShape,\n} from '@bigbluebutton/editor'\n\nexport class PointingShape extends StateNode {\n\tstatic override id = 'pointing_shape'\n\n\thitShape = {} as TLShape\n\thitShapeForPointerUp = {} as TLShape\n\n\tdidSelectOnEnter = false\n\n\toverride onEnter = (info: TLPointerEventInfo & { target: 'shape' }) => {\n\t\tconst selectedShapeIds = this.editor.getSelectedShapeIds()\n\t\tconst selectionBounds = this.editor.getSelectionRotatedPageBounds()\n\t\tconst focusedGroupId = this.editor.getFocusedGroupId()\n\t\tconst {\n\t\t\tinputs: { currentPagePoint, shiftKey, altKey },\n\t\t} = this.editor\n\n\t\tthis.hitShape = info.shape\n\t\tconst outermostSelectingShape = this.editor.getOutermostSelectableShape(info.shape)\n\n\t\tif (\n\t\t\t// If the shape has an onClick handler\n\t\t\tthis.editor.getShapeUtil(info.shape).onClick ||\n\t\t\t// ...or if the shape is the focused layer (e.g. group)\n\t\t\toutermostSelectingShape.id === focusedGroupId ||\n\t\t\t// ...or if the shape is within the selection\n\t\t\tselectedShapeIds.includes(outermostSelectingShape.id) ||\n\t\t\tthis.editor.isAncestorSelected(outermostSelectingShape.id) ||\n\t\t\t// ...or if the current point is NOT within the selection bounds\n\t\t\t(selectedShapeIds.length > 1 && selectionBounds?.containsPoint(currentPagePoint))\n\t\t) {\n\t\t\t// We won't select the shape on enter, though we might select it on pointer up!\n\t\t\tthis.didSelectOnEnter = false\n\t\t\tthis.hitShapeForPointerUp = outermostSelectingShape\n\t\t\treturn\n\t\t}\n\n\t\tthis.didSelectOnEnter = true\n\n\t\tif (shiftKey && !altKey) {\n\t\t\tthis.editor.cancelDoubleClick()\n\t\t\tif (!selectedShapeIds.includes(outermostSelectingShape.id)) {\n\t\t\t\tthis.editor.mark('shift selecting shape')\n\t\t\t\tthis.editor.setSelectedShapes([...selectedShapeIds, outermostSelectingShape.id])\n\t\t\t}\n\t\t} else {\n\t\t\tthis.editor.mark('selecting shape')\n\t\t\tthis.editor.setSelectedShapes([outermostSelectingShape.id])\n\t\t}\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = (info) => {\n\t\tconst selectedShapeIds = this.editor.getSelectedShapeIds()\n\t\tconst focusedGroupId = this.editor.getFocusedGroupId()\n\t\tconst zoomLevel = this.editor.getZoomLevel()\n\t\tconst {\n\t\t\tinputs: { currentPagePoint, shiftKey },\n\t\t} = this.editor\n\n\t\tconst hitShape =\n\t\t\tthis.editor.getShapeAtPoint(currentPagePoint, {\n\t\t\t\tmargin: HIT_TEST_MARGIN / zoomLevel,\n\t\t\t\thitInside: true,\n\t\t\t\trenderingOnly: true,\n\t\t\t}) ?? this.hitShape\n\n\t\tconst selectingShape = hitShape\n\t\t\t? this.editor.getOutermostSelectableShape(hitShape)\n\t\t\t: this.hitShapeForPointerUp\n\n\t\tif (selectingShape) {\n\t\t\t// If the selecting shape has a click handler, call it instead of selecting the shape\n\t\t\tconst util = this.editor.getShapeUtil(selectingShape)\n\t\t\tif (util.onClick) {\n\t\t\t\tconst change = util.onClick?.(selectingShape)\n\t\t\t\tif (change) {\n\t\t\t\t\tthis.editor.mark('shape on click')\n\t\t\t\t\tthis.editor.updateShapes([change])\n\t\t\t\t\tthis.parent.transition('idle', info)\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (selectingShape.id === focusedGroupId) {\n\t\t\t\tif (selectedShapeIds.length > 0) {\n\t\t\t\t\tthis.editor.mark('clearing shape ids')\n\t\t\t\t\tthis.editor.setSelectedShapes([])\n\t\t\t\t} else {\n\t\t\t\t\tthis.editor.popFocusedGroupId()\n\t\t\t\t}\n\t\t\t\tthis.parent.transition('idle', info)\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\n\t\tif (!this.didSelectOnEnter) {\n\t\t\t// if the shape has an ancestor which is a focusable layer and it is not focused but it is selected\n\t\t\t// then we should focus the layer and select the shape\n\n\t\t\tconst outermostSelectableShape = this.editor.getOutermostSelectableShape(\n\t\t\t\thitShape,\n\t\t\t\t// if a group is selected, we want to stop before reaching that group\n\t\t\t\t// so we can drill down into the group\n\t\t\t\t(parent) => !selectedShapeIds.includes(parent.id)\n\t\t\t)\n\n\t\t\t// If the outermost shape is selected, then either select or deselect the SELECTING shape\n\t\t\tif (selectedShapeIds.includes(outermostSelectableShape.id)) {\n\t\t\t\t// same shape, so deselect it if shift is pressed, otherwise deselect all others\n\t\t\t\tif (shiftKey) {\n\t\t\t\t\tthis.editor.mark('deselecting on pointer up')\n\t\t\t\t\tthis.editor.deselect(selectingShape)\n\t\t\t\t} else {\n\t\t\t\t\tif (selectedShapeIds.includes(selectingShape.id)) {\n\t\t\t\t\t\t// todo\n\t\t\t\t\t\t// if the shape is editable and we're inside of an editable part of that shape, e.g. the label of a geo shape,\n\t\t\t\t\t\t// then we would want to begin editing the shape. At the moment we're relying on the shape label's onPointerUp\n\t\t\t\t\t\t// handler to do this logic, and prevent the regular pointer up event, so we won't be here in that case.\n\n\t\t\t\t\t\t// ! tldraw hack\n\t\t\t\t\t\t// if the shape is a geo shape, and we're inside of the label, then we want to begin editing the label\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tselectedShapeIds.length === 1 &&\n\t\t\t\t\t\t\t(this.editor.isShapeOfType<TLGeoShape>(selectingShape, 'geo') ||\n\t\t\t\t\t\t\t\tthis.editor.isShapeOfType<TLArrowShape>(selectingShape, 'arrow'))\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tconst geometry = this.editor.getShapeGeometry(selectingShape)\n\t\t\t\t\t\t\tconst labelGeometry = (geometry as Group2d).children[1]\n\t\t\t\t\t\t\tif (labelGeometry) {\n\t\t\t\t\t\t\t\tconst pointInShapeSpace = this.editor.getPointInShapeSpace(\n\t\t\t\t\t\t\t\t\tselectingShape,\n\t\t\t\t\t\t\t\t\tcurrentPagePoint\n\t\t\t\t\t\t\t\t)\n\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tlabelGeometry.bounds.containsPoint(pointInShapeSpace, 0) &&\n\t\t\t\t\t\t\t\t\tlabelGeometry.hitTestPoint(pointInShapeSpace)\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tthis.editor.batch(() => {\n\t\t\t\t\t\t\t\t\t\tthis.editor.mark('editing on pointer up')\n\t\t\t\t\t\t\t\t\t\tthis.editor.select(selectingShape.id)\n\n\t\t\t\t\t\t\t\t\t\tconst util = this.editor.getShapeUtil(selectingShape)\n\t\t\t\t\t\t\t\t\t\tif (this.editor.getInstanceState().isReadonly) {\n\t\t\t\t\t\t\t\t\t\t\tif (!util.canEditInReadOnly(selectingShape)) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tthis.editor.setEditingShape(selectingShape.id)\n\t\t\t\t\t\t\t\t\t\tthis.editor.setCurrentTool('select.editing_shape')\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// We just want to select the single shape from the selection\n\t\t\t\t\t\tthis.editor.mark('selecting on pointer up')\n\t\t\t\t\t\tthis.editor.select(selectingShape.id)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.editor.mark('selecting on pointer up')\n\t\t\t\t\t\tthis.editor.select(selectingShape)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (shiftKey) {\n\t\t\t\t// Different shape, so we are drilling down into a group with shift key held.\n\t\t\t\t// Deselect any ancestors and add the target shape to the selection\n\t\t\t\tconst ancestors = this.editor.getShapeAncestors(outermostSelectableShape)\n\n\t\t\t\tthis.editor.mark('shift deselecting on pointer up')\n\t\t\t\tthis.editor.setSelectedShapes([\n\t\t\t\t\t...this.editor.getSelectedShapeIds().filter((id) => !ancestors.find((a) => a.id === id)),\n\t\t\t\t\toutermostSelectableShape.id,\n\t\t\t\t])\n\t\t\t} else {\n\t\t\t\tthis.editor.mark('selecting on pointer up')\n\t\t\t\t// different shape and we are drilling down, but no shift held so just select it straight up\n\t\t\t\tthis.editor.setSelectedShapes([outermostSelectableShape.id])\n\t\t\t}\n\t\t}\n\n\t\tthis.parent.transition('idle', info)\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = (info) => {\n\t\tif (this.editor.inputs.isDragging) {\n\t\t\tif (this.editor.getInstanceState().isReadonly) return\n\t\t\tthis.parent.transition('translating', info)\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.cancel()\n\t}\n\n\toverride onInterrupt = () => {\n\t\tthis.cancel()\n\t}\n\n\tprivate cancel() {\n\t\tthis.parent.transition('idle')\n\t}\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,360 @@
+import {
+  Matrix2d,
+  PI,
+  PI2,
+  StateNode,
+  TAU,
+  Vec2d,
+  areAnglesCompatible,
+  compact
+} from "@bigbluebutton/editor";
+class Resizing extends StateNode {
+  static id = "resizing";
+  info = {};
+  markId = "";
+  // A switch to detect when the user is holding ctrl
+  didHoldCommand = false;
+  // we transition into the resizing state from the geo pointing state, which starts with a shape of size w: 1, h: 1,
+  // so if the user drags x: +50, y: +50 after mouseDown, the shape will be w: 51, h: 51, which is too many pixels, alas
+  // so we allow passing a further offset into this state to negate such issues
+  creationCursorOffset = { x: 0, y: 0 };
+  snapshot = {};
+  onEnter = (info) => {
+    const { isCreating = false, creationCursorOffset = { x: 0, y: 0 } } = info;
+    this.info = info;
+    this.didHoldCommand = false;
+    this.parent.setCurrentToolIdMask(info.onInteractionEnd);
+    this.creationCursorOffset = creationCursorOffset;
+    this.snapshot = this._createSnapshot();
+    if (isCreating) {
+      this.markId = `creating:${this.editor.getOnlySelectedShape().id}`;
+      this.editor.updateInstanceState(
+        { cursor: { type: "cross", rotation: 0 } },
+        { ephemeral: true }
+      );
+    } else {
+      this.markId = "starting resizing";
+      this.editor.mark(this.markId);
+    }
+    this.handleResizeStart();
+    this.updateShapes();
+  };
+  onPointerMove = () => {
+    this.updateShapes();
+  };
+  onKeyDown = () => {
+    this.updateShapes();
+  };
+  onKeyUp = () => {
+    this.updateShapes();
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  cancel() {
+    this.editor.bailToMark(this.markId);
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, {});
+    } else {
+      this.parent.transition("idle");
+    }
+  }
+  complete() {
+    this.handleResizeEnd();
+    if (this.info.isCreating && this.info.onCreate) {
+      this.info.onCreate?.(this.editor.getOnlySelectedShape());
+      return;
+    }
+    if (this.editor.getInstanceState().isToolLocked && this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, {});
+      return;
+    }
+    this.parent.transition("idle");
+  }
+  handleResizeStart() {
+    const { shapeSnapshots } = this.snapshot;
+    const changes = [];
+    shapeSnapshots.forEach(({ shape }) => {
+      const util = this.editor.getShapeUtil(shape);
+      const change = util.onResizeStart?.(shape);
+      if (change) {
+        changes.push(change);
+      }
+    });
+    if (changes.length > 0) {
+      this.editor.updateShapes(changes);
+    }
+  }
+  handleResizeEnd() {
+    const { shapeSnapshots } = this.snapshot;
+    const changes = [];
+    shapeSnapshots.forEach(({ shape }) => {
+      const current = this.editor.getShape(shape.id);
+      const util = this.editor.getShapeUtil(shape);
+      const change = util.onResizeEnd?.(shape, current);
+      if (change) {
+        changes.push(change);
+      }
+    });
+    if (changes.length > 0) {
+      this.editor.updateShapes(changes);
+    }
+  }
+  updateShapes() {
+    const { altKey, shiftKey } = this.editor.inputs;
+    const {
+      frames,
+      shapeSnapshots,
+      selectionBounds,
+      cursorHandleOffset,
+      selectedShapeIds,
+      selectionRotation,
+      canShapesDeform
+    } = this.snapshot;
+    const isAspectRatioLocked = shiftKey || !canShapesDeform;
+    const { ctrlKey } = this.editor.inputs;
+    const currentPagePoint = this.editor.inputs.currentPagePoint.clone().sub(cursorHandleOffset).sub(this.creationCursorOffset);
+    const originPagePoint = this.editor.inputs.originPagePoint.clone().sub(cursorHandleOffset);
+    if (this.editor.getInstanceState().isGridMode && !ctrlKey) {
+      const { gridSize } = this.editor.getDocumentSettings();
+      currentPagePoint.snapToGrid(gridSize);
+    }
+    const dragHandle = this.info.handle;
+    const scaleOriginHandle = rotateSelectionHandle(dragHandle, Math.PI);
+    this.editor.snaps.clear();
+    const shouldSnap = this.editor.user.getIsSnapMode() ? !ctrlKey : ctrlKey;
+    if (shouldSnap && selectionRotation % TAU === 0) {
+      const { nudge } = this.editor.snaps.snapResize({
+        dragDelta: Vec2d.Sub(currentPagePoint, originPagePoint),
+        initialSelectionPageBounds: this.snapshot.initialSelectionPageBounds,
+        handle: rotateSelectionHandle(dragHandle, selectionRotation),
+        isAspectRatioLocked,
+        isResizingFromCenter: altKey
+      });
+      currentPagePoint.add(nudge);
+    }
+    const scaleOriginPage = Vec2d.RotWith(
+      altKey ? selectionBounds.center : selectionBounds.getHandlePoint(scaleOriginHandle),
+      selectionBounds.point,
+      selectionRotation
+    );
+    const distanceFromScaleOriginNow = Vec2d.Sub(currentPagePoint, scaleOriginPage).rot(
+      -selectionRotation
+    );
+    const distanceFromScaleOriginAtStart = Vec2d.Sub(originPagePoint, scaleOriginPage).rot(
+      -selectionRotation
+    );
+    const scale = Vec2d.DivV(distanceFromScaleOriginNow, distanceFromScaleOriginAtStart);
+    if (!Number.isFinite(scale.x))
+      scale.x = 1;
+    if (!Number.isFinite(scale.y))
+      scale.y = 1;
+    const isXLocked = dragHandle === "top" || dragHandle === "bottom";
+    const isYLocked = dragHandle === "left" || dragHandle === "right";
+    if (isAspectRatioLocked) {
+      if (isYLocked) {
+        scale.y = Math.abs(scale.x);
+      } else if (isXLocked) {
+        scale.x = Math.abs(scale.y);
+      } else if (Math.abs(scale.x) > Math.abs(scale.y)) {
+        scale.y = Math.abs(scale.x) * (scale.y < 0 ? -1 : 1);
+      } else {
+        scale.x = Math.abs(scale.y) * (scale.x < 0 ? -1 : 1);
+      }
+    } else {
+      if (isXLocked) {
+        scale.x = 1;
+      }
+      if (isYLocked) {
+        scale.y = 1;
+      }
+    }
+    if (!this.info.isCreating) {
+      this.updateCursor({
+        dragHandle,
+        isFlippedX: scale.x < 0,
+        isFlippedY: scale.y < 0,
+        rotation: selectionRotation
+      });
+    }
+    for (const id of shapeSnapshots.keys()) {
+      const snapshot = shapeSnapshots.get(id);
+      this.editor.resizeShape(id, scale, {
+        initialShape: snapshot.shape,
+        initialBounds: snapshot.bounds,
+        initialPageTransform: snapshot.pageTransform,
+        dragHandle,
+        mode: selectedShapeIds.length === 1 && id === selectedShapeIds[0] ? "resize_bounds" : "scale_shape",
+        scaleOrigin: scaleOriginPage,
+        scaleAxisRotation: selectionRotation
+      });
+    }
+    if (this.editor.inputs.ctrlKey) {
+      this.didHoldCommand = true;
+      for (const { id, children } of frames) {
+        if (!children.length)
+          continue;
+        const initial = shapeSnapshots.get(id).shape;
+        const current = this.editor.getShape(id);
+        if (!(initial && current))
+          continue;
+        const dx = current.x - initial.x;
+        const dy = current.y - initial.y;
+        const delta = new Vec2d(dx, dy).rot(-initial.rotation);
+        if (delta.x !== 0 || delta.y !== 0) {
+          for (const child of children) {
+            this.editor.updateShape({
+              id: child.id,
+              type: child.type,
+              x: child.x - delta.x,
+              y: child.y - delta.y
+            });
+          }
+        }
+      }
+    } else if (this.didHoldCommand) {
+      this.didHoldCommand = false;
+      for (const { children } of frames) {
+        if (!children.length)
+          continue;
+        for (const child of children) {
+          this.editor.updateShape({
+            id: child.id,
+            type: child.type,
+            x: child.x,
+            y: child.y
+          });
+        }
+      }
+    }
+  }
+  // ---
+  updateCursor({
+    dragHandle,
+    isFlippedX,
+    isFlippedY,
+    rotation
+  }) {
+    const nextCursor = { ...this.editor.getInstanceState().cursor };
+    switch (dragHandle) {
+      case "top_left":
+      case "bottom_right": {
+        nextCursor.type = "nwse-resize";
+        if (isFlippedX !== isFlippedY) {
+          nextCursor.type = "nesw-resize";
+        }
+        break;
+      }
+      case "top_right":
+      case "bottom_left": {
+        nextCursor.type = "nesw-resize";
+        if (isFlippedX !== isFlippedY) {
+          nextCursor.type = "nwse-resize";
+        }
+        break;
+      }
+    }
+    nextCursor.rotation = rotation;
+    this.editor.setCursor(nextCursor);
+  }
+  onExit = () => {
+    this.parent.setCurrentToolIdMask(void 0);
+    this.editor.updateInstanceState(
+      { cursor: { type: "default", rotation: 0 } },
+      { ephemeral: true }
+    );
+    this.editor.snaps.clear();
+  };
+  _createSnapshot = () => {
+    const selectedShapeIds = this.editor.getSelectedShapeIds();
+    const selectionRotation = this.editor.getSelectionRotation();
+    const {
+      inputs: { originPagePoint }
+    } = this.editor;
+    const selectionBounds = this.editor.getSelectionRotatedPageBounds();
+    const dragHandlePoint = Vec2d.RotWith(
+      selectionBounds.getHandlePoint(this.info.handle),
+      selectionBounds.point,
+      selectionRotation
+    );
+    const cursorHandleOffset = Vec2d.Sub(originPagePoint, dragHandlePoint);
+    const shapeSnapshots = /* @__PURE__ */ new Map();
+    const frames = [];
+    selectedShapeIds.forEach((id) => {
+      const shape = this.editor.getShape(id);
+      if (shape) {
+        if (shape.type === "frame") {
+          frames.push({
+            id,
+            children: compact(
+              this.editor.getSortedChildIdsForParent(shape).map((id2) => this.editor.getShape(id2))
+            )
+          });
+        }
+        shapeSnapshots.set(shape.id, this._createShapeSnapshot(shape));
+        if (this.editor.isShapeOfType(shape, "frame") && selectedShapeIds.length === 1)
+          return;
+        this.editor.visitDescendants(shape.id, (descendantId) => {
+          const descendent = this.editor.getShape(descendantId);
+          if (descendent) {
+            shapeSnapshots.set(descendent.id, this._createShapeSnapshot(descendent));
+            if (this.editor.isShapeOfType(descendent, "frame")) {
+              return false;
+            }
+          }
+        });
+      }
+    });
+    const canShapesDeform = ![...shapeSnapshots.values()].some(
+      (shape) => !areAnglesCompatible(shape.pageRotation, selectionRotation) || shape.isAspectRatioLocked
+    );
+    return {
+      shapeSnapshots,
+      selectionBounds,
+      cursorHandleOffset,
+      selectionRotation,
+      selectedShapeIds,
+      canShapesDeform,
+      initialSelectionPageBounds: this.editor.getSelectionPageBounds(),
+      frames
+    };
+  };
+  _createShapeSnapshot = (shape) => {
+    const pageTransform = this.editor.getShapePageTransform(shape);
+    const util = this.editor.getShapeUtil(shape);
+    return {
+      shape,
+      bounds: this.editor.getShapeGeometry(shape).bounds,
+      pageTransform,
+      pageRotation: Matrix2d.Decompose(pageTransform).rotation,
+      isAspectRatioLocked: util.isAspectRatioLocked(shape)
+    };
+  };
+}
+const ORDERED_SELECTION_HANDLES = [
+  "top",
+  "top_right",
+  "right",
+  "bottom_right",
+  "bottom",
+  "bottom_left",
+  "left",
+  "top_left"
+];
+function rotateSelectionHandle(handle, rotation) {
+  rotation = rotation % PI2;
+  const numSteps = Math.round(rotation / (PI / 4));
+  const currentIndex = ORDERED_SELECTION_HANDLES.indexOf(handle);
+  return ORDERED_SELECTION_HANDLES[(currentIndex + numSteps) % ORDERED_SELECTION_HANDLES.length];
+}
+export {
+  Resizing,
+  rotateSelectionHandle
+};
+//# sourceMappingURL=Resizing.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/Resizing.ts"],
+  "sourcesContent": ["import {\n\tMatrix2d,\n\tPI,\n\tPI2,\n\tSelectionCorner,\n\tSelectionEdge,\n\tStateNode,\n\tTAU,\n\tTLEnterEventHandler,\n\tTLEventHandlers,\n\tTLFrameShape,\n\tTLPointerEventInfo,\n\tTLShape,\n\tTLShapeId,\n\tTLShapePartial,\n\tVec2d,\n\tVecLike,\n\tareAnglesCompatible,\n\tcompact,\n} from '@bigbluebutton/editor'\n\ntype ResizingInfo = TLPointerEventInfo & {\n\ttarget: 'selection'\n\thandle: SelectionEdge | SelectionCorner\n\tisCreating?: boolean\n\tonCreate?: (shape: TLShape | null) => void\n\tcreationCursorOffset?: VecLike\n\tonInteractionEnd?: string\n}\n\nexport class Resizing extends StateNode {\n\tstatic override id = 'resizing'\n\n\tinfo = {} as ResizingInfo\n\n\tmarkId = ''\n\n\t// A switch to detect when the user is holding ctrl\n\tprivate didHoldCommand = false\n\n\t// we transition into the resizing state from the geo pointing state, which starts with a shape of size w: 1, h: 1,\n\t// so if the user drags x: +50, y: +50 after mouseDown, the shape will be w: 51, h: 51, which is too many pixels, alas\n\t// so we allow passing a further offset into this state to negate such issues\n\tcreationCursorOffset = { x: 0, y: 0 } as VecLike\n\n\tprivate snapshot = {} as any as Snapshot\n\n\toverride onEnter: TLEnterEventHandler = (info: ResizingInfo) => {\n\t\tconst { isCreating = false, creationCursorOffset = { x: 0, y: 0 } } = info\n\n\t\tthis.info = info\n\t\tthis.didHoldCommand = false\n\n\t\tthis.parent.setCurrentToolIdMask(info.onInteractionEnd)\n\t\tthis.creationCursorOffset = creationCursorOffset\n\n\t\tthis.snapshot = this._createSnapshot()\n\n\t\tif (isCreating) {\n\t\t\tthis.markId = `creating:${this.editor.getOnlySelectedShape()!.id}`\n\n\t\t\tthis.editor.updateInstanceState(\n\t\t\t\t{ cursor: { type: 'cross', rotation: 0 } },\n\t\t\t\t{ ephemeral: true }\n\t\t\t)\n\t\t} else {\n\t\t\tthis.markId = 'starting resizing'\n\t\t\tthis.editor.mark(this.markId)\n\t\t}\n\n\t\tthis.handleResizeStart()\n\t\tthis.updateShapes()\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = () => {\n\t\tthis.updateShapes()\n\t}\n\n\toverride onKeyDown: TLEventHandlers['onKeyDown'] = () => {\n\t\tthis.updateShapes()\n\t}\n\toverride onKeyUp: TLEventHandlers['onKeyUp'] = () => {\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\tprivate cancel() {\n\t\t// Restore initial models\n\t\tthis.editor.bailToMark(this.markId)\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')\n\t\t}\n\t}\n\n\tprivate complete() {\n\t\tthis.handleResizeEnd()\n\n\t\tif (this.info.isCreating && this.info.onCreate) {\n\t\t\tthis.info.onCreate?.(this.editor.getOnlySelectedShape())\n\t\t\treturn\n\t\t}\n\n\t\tif (this.editor.getInstanceState().isToolLocked && this.info.onInteractionEnd) {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd, {})\n\t\t\treturn\n\t\t}\n\n\t\tthis.parent.transition('idle')\n\t}\n\n\tprivate handleResizeStart() {\n\t\tconst { shapeSnapshots } = this.snapshot\n\n\t\tconst changes: TLShapePartial[] = []\n\n\t\tshapeSnapshots.forEach(({ shape }) => {\n\t\t\tconst util = this.editor.getShapeUtil(shape)\n\t\t\tconst change = util.onResizeStart?.(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\t}\n\n\tprivate handleResizeEnd() {\n\t\tconst { shapeSnapshots } = this.snapshot\n\n\t\tconst changes: TLShapePartial[] = []\n\n\t\tshapeSnapshots.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.onResizeEnd?.(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\tprivate updateShapes() {\n\t\tconst { altKey, shiftKey } = this.editor.inputs\n\t\tconst {\n\t\t\tframes,\n\t\t\tshapeSnapshots,\n\t\t\tselectionBounds,\n\t\t\tcursorHandleOffset,\n\t\t\tselectedShapeIds,\n\t\t\tselectionRotation,\n\t\t\tcanShapesDeform,\n\t\t} = this.snapshot\n\n\t\tconst isAspectRatioLocked = shiftKey || !canShapesDeform\n\n\t\t// first negate the 'cursor handle offset'\n\t\t// we need to do this because we do grid snapping based on the page point of the handle\n\t\t// rather than the page point of the cursor, so it's easier to pretend that the cursor\n\t\t// is really where the handle actually is\n\t\t//\n\t\t// *** Massively zoomed-in diagram of the initial mouseDown ***\n\t\t//\n\t\t//\n\t\t//                         \u2502\n\t\t//                         \u2502\n\t\t//                         \u2502\n\t\t//                         \u2502\n\t\t//                         \u2502\n\t\t//                         \u2502\n\t\t//                         \u2502\n\t\t//                         \u2502corner handle\n\t\t//                     \u250C\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2510\n\t\t//   selection         \u2502       \u2502\n\t\t//  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524   x\u25C4\u2500\u2500\u253C\u2500\u2500\u2500\u2500 drag handle point   \u25B2\n\t\t//                     \u2502       \u2502                         \u2502\n\t\t//                     \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518                         \u251C\u2500 cursorHandleOffset.y\n\t\t//                                                       \u2502\n\t\t//        originPagePoint\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u25BAx\u2500\u2510                     \u25BC\n\t\t//                               \u2502 \u2514\u2500\u2510\n\t\t//                               \u2502   \u2514\u2500\u2510\n\t\t//                               \u2502     \u2502 mouse (sorry)\n\t\t//                               \u2514\u2500\u2500\u2510 \u250C\u2518\n\t\t//                                  \u2502 \u2502\n\t\t//                                  \u2514\u2500\u2518\n\t\t//                         \u25C4\u2500\u2500\u252C\u2500\u2500\u25BA\n\t\t//                            \u2502\n\t\t//                   cursorHandleOffset.x\n\n\t\tconst { ctrlKey } = this.editor.inputs\n\n\t\tconst currentPagePoint = this.editor.inputs.currentPagePoint\n\t\t\t.clone()\n\t\t\t.sub(cursorHandleOffset)\n\t\t\t.sub(this.creationCursorOffset)\n\t\tconst originPagePoint = this.editor.inputs.originPagePoint.clone().sub(cursorHandleOffset)\n\n\t\tif (this.editor.getInstanceState().isGridMode && !ctrlKey) {\n\t\t\tconst { gridSize } = this.editor.getDocumentSettings()\n\t\t\tcurrentPagePoint.snapToGrid(gridSize)\n\t\t}\n\n\t\tconst dragHandle = this.info.handle as SelectionCorner | SelectionEdge\n\t\tconst scaleOriginHandle = rotateSelectionHandle(dragHandle, Math.PI)\n\n\t\tthis.editor.snaps.clear()\n\n\t\tconst shouldSnap = this.editor.user.getIsSnapMode() ? !ctrlKey : ctrlKey\n\n\t\tif (shouldSnap && selectionRotation % TAU === 0) {\n\t\t\tconst { nudge } = this.editor.snaps.snapResize({\n\t\t\t\tdragDelta: Vec2d.Sub(currentPagePoint, originPagePoint),\n\t\t\t\tinitialSelectionPageBounds: this.snapshot.initialSelectionPageBounds,\n\t\t\t\thandle: rotateSelectionHandle(dragHandle, selectionRotation),\n\t\t\t\tisAspectRatioLocked,\n\t\t\t\tisResizingFromCenter: altKey,\n\t\t\t})\n\n\t\t\tcurrentPagePoint.add(nudge)\n\t\t}\n\n\t\t// get the page point of the selection handle opposite to the drag handle\n\t\t// or the center of the selection box if altKey is pressed\n\t\tconst scaleOriginPage = Vec2d.RotWith(\n\t\t\taltKey ? selectionBounds.center : selectionBounds.getHandlePoint(scaleOriginHandle),\n\t\t\tselectionBounds.point,\n\t\t\tselectionRotation\n\t\t)\n\n\t\t// calculate the scale by measuring the current distance between the drag handle and the scale origin\n\t\t// and dividing by the original distance between the drag handle and the scale origin\n\n\t\tconst distanceFromScaleOriginNow = Vec2d.Sub(currentPagePoint, scaleOriginPage).rot(\n\t\t\t-selectionRotation\n\t\t)\n\n\t\tconst distanceFromScaleOriginAtStart = Vec2d.Sub(originPagePoint, scaleOriginPage).rot(\n\t\t\t-selectionRotation\n\t\t)\n\n\t\tconst scale = Vec2d.DivV(distanceFromScaleOriginNow, distanceFromScaleOriginAtStart)\n\n\t\tif (!Number.isFinite(scale.x)) scale.x = 1\n\t\tif (!Number.isFinite(scale.y)) scale.y = 1\n\n\t\tconst isXLocked = dragHandle === 'top' || dragHandle === 'bottom'\n\t\tconst isYLocked = dragHandle === 'left' || dragHandle === 'right'\n\n\t\t// lock an axis if required\n\t\tif (isAspectRatioLocked) {\n\t\t\tif (isYLocked) {\n\t\t\t\t// holding shift and dragging either the left or the right edge\n\t\t\t\tscale.y = Math.abs(scale.x)\n\t\t\t} else if (isXLocked) {\n\t\t\t\t// holding shift and dragging either the top or the bottom edge\n\t\t\t\tscale.x = Math.abs(scale.y)\n\t\t\t} else if (Math.abs(scale.x) > Math.abs(scale.y)) {\n\t\t\t\t// holding shift and the drag has moved further in the x dimension\n\t\t\t\tscale.y = Math.abs(scale.x) * (scale.y < 0 ? -1 : 1)\n\t\t\t} else {\n\t\t\t\t// holding shift and the drag has moved further in the y dimension\n\t\t\t\tscale.x = Math.abs(scale.y) * (scale.x < 0 ? -1 : 1)\n\t\t\t}\n\t\t} else {\n\t\t\t// not holding shift, but still need to lock axes if dragging an edge\n\t\t\tif (isXLocked) {\n\t\t\t\tscale.x = 1\n\t\t\t}\n\t\t\tif (isYLocked) {\n\t\t\t\tscale.y = 1\n\t\t\t}\n\t\t}\n\n\t\tif (!this.info.isCreating) {\n\t\t\tthis.updateCursor({\n\t\t\t\tdragHandle,\n\t\t\t\tisFlippedX: scale.x < 0,\n\t\t\t\tisFlippedY: scale.y < 0,\n\t\t\t\trotation: selectionRotation,\n\t\t\t})\n\t\t}\n\n\t\tfor (const id of shapeSnapshots.keys()) {\n\t\t\tconst snapshot = shapeSnapshots.get(id)!\n\n\t\t\tthis.editor.resizeShape(id, scale, {\n\t\t\t\tinitialShape: snapshot.shape,\n\t\t\t\tinitialBounds: snapshot.bounds,\n\t\t\t\tinitialPageTransform: snapshot.pageTransform,\n\t\t\t\tdragHandle,\n\t\t\t\tmode:\n\t\t\t\t\tselectedShapeIds.length === 1 && id === selectedShapeIds[0]\n\t\t\t\t\t\t? 'resize_bounds'\n\t\t\t\t\t\t: 'scale_shape',\n\t\t\t\tscaleOrigin: scaleOriginPage,\n\t\t\t\tscaleAxisRotation: selectionRotation,\n\t\t\t})\n\t\t}\n\n\t\tif (this.editor.inputs.ctrlKey) {\n\t\t\tthis.didHoldCommand = true\n\n\t\t\tfor (const { id, children } of frames) {\n\t\t\t\tif (!children.length) continue\n\t\t\t\tconst initial = shapeSnapshots.get(id)!.shape\n\t\t\t\tconst current = this.editor.getShape(id)!\n\t\t\t\tif (!(initial && current)) continue\n\n\t\t\t\t// If the user is holding ctrl, then preseve the position of the frame's children\n\t\t\t\tconst dx = current.x - initial.x\n\t\t\t\tconst dy = current.y - initial.y\n\n\t\t\t\tconst delta = new Vec2d(dx, dy).rot(-initial.rotation)\n\n\t\t\t\tif (delta.x !== 0 || delta.y !== 0) {\n\t\t\t\t\tfor (const child of children) {\n\t\t\t\t\t\tthis.editor.updateShape({\n\t\t\t\t\t\t\tid: child.id,\n\t\t\t\t\t\t\ttype: child.type,\n\t\t\t\t\t\t\tx: child.x - delta.x,\n\t\t\t\t\t\t\ty: child.y - delta.y,\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (this.didHoldCommand) {\n\t\t\tthis.didHoldCommand = false\n\n\t\t\tfor (const { children } of frames) {\n\t\t\t\tif (!children.length) continue\n\t\t\t\tfor (const child of children) {\n\t\t\t\t\tthis.editor.updateShape({\n\t\t\t\t\t\tid: child.id,\n\t\t\t\t\t\ttype: child.type,\n\t\t\t\t\t\tx: child.x,\n\t\t\t\t\t\ty: child.y,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// ---\n\n\tprivate updateCursor({\n\t\tdragHandle,\n\t\tisFlippedX,\n\t\tisFlippedY,\n\t\trotation,\n\t}: {\n\t\tdragHandle: SelectionCorner | SelectionEdge\n\t\tisFlippedX: boolean\n\t\tisFlippedY: boolean\n\t\trotation: number\n\t}) {\n\t\tconst nextCursor = { ...this.editor.getInstanceState().cursor }\n\n\t\tswitch (dragHandle) {\n\t\t\tcase 'top_left':\n\t\t\tcase 'bottom_right': {\n\t\t\t\tnextCursor.type = 'nwse-resize'\n\t\t\t\tif (isFlippedX !== isFlippedY) {\n\t\t\t\t\tnextCursor.type = 'nesw-resize'\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'top_right':\n\t\t\tcase 'bottom_left': {\n\t\t\t\tnextCursor.type = 'nesw-resize'\n\t\t\t\tif (isFlippedX !== isFlippedY) {\n\t\t\t\t\tnextCursor.type = 'nwse-resize'\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\tnextCursor.rotation = rotation\n\n\t\tthis.editor.setCursor(nextCursor)\n\t}\n\n\toverride onExit = () => {\n\t\tthis.parent.setCurrentToolIdMask(undefined)\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.editor.snaps.clear()\n\t}\n\n\t_createSnapshot = () => {\n\t\tconst selectedShapeIds = this.editor.getSelectedShapeIds()\n\t\tconst selectionRotation = this.editor.getSelectionRotation()\n\t\tconst {\n\t\t\tinputs: { originPagePoint },\n\t\t} = this.editor\n\n\t\tconst selectionBounds = this.editor.getSelectionRotatedPageBounds()!\n\n\t\tconst dragHandlePoint = Vec2d.RotWith(\n\t\t\tselectionBounds.getHandlePoint(this.info.handle!),\n\t\t\tselectionBounds.point,\n\t\t\tselectionRotation\n\t\t)\n\n\t\tconst cursorHandleOffset = Vec2d.Sub(originPagePoint, dragHandlePoint)\n\n\t\tconst shapeSnapshots = new Map<TLShapeId, ShapeSnapshot>()\n\n\t\tconst frames: { id: TLShapeId; children: TLShape[] }[] = []\n\n\t\tselectedShapeIds.forEach((id) => {\n\t\t\tconst shape = this.editor.getShape(id)\n\t\t\tif (shape) {\n\t\t\t\tif (shape.type === 'frame') {\n\t\t\t\t\tframes.push({\n\t\t\t\t\t\tid,\n\t\t\t\t\t\tchildren: compact(\n\t\t\t\t\t\t\tthis.editor.getSortedChildIdsForParent(shape).map((id) => this.editor.getShape(id))\n\t\t\t\t\t\t),\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tshapeSnapshots.set(shape.id, this._createShapeSnapshot(shape))\n\t\t\t\tif (\n\t\t\t\t\tthis.editor.isShapeOfType<TLFrameShape>(shape, 'frame') &&\n\t\t\t\t\tselectedShapeIds.length === 1\n\t\t\t\t)\n\t\t\t\t\treturn\n\t\t\t\tthis.editor.visitDescendants(shape.id, (descendantId) => {\n\t\t\t\t\tconst descendent = this.editor.getShape(descendantId)\n\t\t\t\t\tif (descendent) {\n\t\t\t\t\t\tshapeSnapshots.set(descendent.id, this._createShapeSnapshot(descendent))\n\t\t\t\t\t\tif (this.editor.isShapeOfType<TLFrameShape>(descendent, 'frame')) {\n\t\t\t\t\t\t\treturn false\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\tconst canShapesDeform = ![...shapeSnapshots.values()].some(\n\t\t\t(shape) =>\n\t\t\t\t!areAnglesCompatible(shape.pageRotation, selectionRotation) || shape.isAspectRatioLocked\n\t\t)\n\n\t\treturn {\n\t\t\tshapeSnapshots,\n\t\t\tselectionBounds,\n\t\t\tcursorHandleOffset,\n\t\t\tselectionRotation,\n\t\t\tselectedShapeIds,\n\t\t\tcanShapesDeform,\n\t\t\tinitialSelectionPageBounds: this.editor.getSelectionPageBounds()!,\n\t\t\tframes,\n\t\t}\n\t}\n\n\t_createShapeSnapshot = (shape: TLShape) => {\n\t\tconst pageTransform = this.editor.getShapePageTransform(shape)!\n\t\tconst util = this.editor.getShapeUtil(shape)\n\n\t\treturn {\n\t\t\tshape,\n\t\t\tbounds: this.editor.getShapeGeometry(shape).bounds,\n\t\t\tpageTransform,\n\t\t\tpageRotation: Matrix2d.Decompose(pageTransform!).rotation,\n\t\t\tisAspectRatioLocked: util.isAspectRatioLocked(shape),\n\t\t}\n\t}\n}\n\ntype Snapshot = ReturnType<Resizing['_createSnapshot']>\ntype ShapeSnapshot = ReturnType<Resizing['_createShapeSnapshot']>\n\nconst ORDERED_SELECTION_HANDLES: (SelectionEdge | SelectionCorner)[] = [\n\t'top',\n\t'top_right',\n\t'right',\n\t'bottom_right',\n\t'bottom',\n\t'bottom_left',\n\t'left',\n\t'top_left',\n]\n\nexport function rotateSelectionHandle(handle: SelectionEdge | SelectionCorner, rotation: number) {\n\t// first find out how many tau we need to rotate by\n\trotation = rotation % PI2\n\tconst numSteps = Math.round(rotation / (PI / 4))\n\n\tconst currentIndex = ORDERED_SELECTION_HANDLES.indexOf(handle)\n\treturn ORDERED_SELECTION_HANDLES[(currentIndex + numSteps) % ORDERED_SELECTION_HANDLES.length]\n}\n"],
+  "mappings": "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",
+  "names": ["id"]
+}