@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/tools/SelectTool/childStates/Crop/children/crop_helpers.js

@@ -0,0 +1,58 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var crop_helpers_exports = {};
+__export(crop_helpers_exports, {
+  getTranslateCroppedImageChange: () => getTranslateCroppedImageChange
+});
+module.exports = __toCommonJS(crop_helpers_exports);
+var import_editor = require("@bigbluebutton/editor");
+function getTranslateCroppedImageChange(editor, shape, delta) {
+  if (!shape) {
+    throw Error("Needs to translate a cropped shape!");
+  }
+  const { crop: oldCrop } = shape.props;
+  if (!oldCrop) {
+    return;
+  }
+  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;
+  }
+  delta.rot(-shape.rotation);
+  const w = 1 / (oldCrop.bottomRight.x - oldCrop.topLeft.x) * shape.props.w;
+  const h = 1 / (oldCrop.bottomRight.y - oldCrop.topLeft.y) * shape.props.h;
+  const yCrop = oldCrop.bottomRight.y - oldCrop.topLeft.y;
+  const xCrop = oldCrop.bottomRight.x - oldCrop.topLeft.x;
+  const newCrop = (0, import_editor.deepCopy)(oldCrop);
+  newCrop.topLeft.x = Math.min(1 - xCrop, Math.max(0, newCrop.topLeft.x - delta.x / w));
+  newCrop.topLeft.y = Math.min(1 - yCrop, Math.max(0, newCrop.topLeft.y - delta.y / h));
+  newCrop.bottomRight.x = newCrop.topLeft.x + xCrop;
+  newCrop.bottomRight.y = newCrop.topLeft.y + yCrop;
+  const partial = {
+    id: shape.id,
+    type: shape.type,
+    props: {
+      crop: newCrop
+    }
+  };
+  return partial;
+}
+//# sourceMappingURL=crop_helpers.js.map

package/dist-cjs/lib/tools/SelectTool/childStates/Crop/children/crop_helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/lib/tools/SelectTool/childStates/Crop/children/crop_helpers.ts"],
+  "sourcesContent": ["import {\n\tEditor,\n\tTLBaseShape,\n\tTLImageShapeCrop,\n\tTLShapePartial,\n\tVec2d,\n\tdeepCopy,\n} from '@bigbluebutton/editor'\n\nexport type ShapeWithCrop = TLBaseShape<string, { w: number; h: number; crop: TLImageShapeCrop }>\n\nexport function getTranslateCroppedImageChange(\n\teditor: Editor,\n\tshape: TLBaseShape<string, { w: number; h: number; crop: TLImageShapeCrop }>,\n\tdelta: Vec2d\n) {\n\tif (!shape) {\n\t\tthrow Error('Needs to translate a cropped shape!')\n\t}\n\n\tconst { crop: oldCrop } = shape.props\n\tif (!oldCrop) {\n\t\t// can't translate a shape that doesn't have an existing crop\n\t\treturn\n\t}\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\tdelta.rot(-shape.rotation)\n\n\t// original (uncropped) width and height of shape\n\tconst w = (1 / (oldCrop.bottomRight.x - oldCrop.topLeft.x)) * shape.props.w\n\tconst h = (1 / (oldCrop.bottomRight.y - oldCrop.topLeft.y)) * shape.props.h\n\n\tconst yCrop = oldCrop.bottomRight.y - oldCrop.topLeft.y\n\tconst xCrop = oldCrop.bottomRight.x - oldCrop.topLeft.x\n\tconst newCrop = deepCopy(oldCrop)\n\n\tnewCrop.topLeft.x = Math.min(1 - xCrop, Math.max(0, newCrop.topLeft.x - delta.x / w))\n\tnewCrop.topLeft.y = Math.min(1 - yCrop, Math.max(0, newCrop.topLeft.y - delta.y / h))\n\n\tnewCrop.bottomRight.x = newCrop.topLeft.x + xCrop\n\tnewCrop.bottomRight.y = newCrop.topLeft.y + yCrop\n\n\tconst partial: TLShapePartial<typeof shape> = {\n\t\tid: shape.id,\n\t\ttype: shape.type,\n\t\tprops: {\n\t\t\tcrop: newCrop,\n\t\t},\n\t}\n\n\treturn partial\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAOO;AAIA,SAAS,+BACf,QACA,OACA,OACC;AACD,MAAI,CAAC,OAAO;AACX,UAAM,MAAM,qCAAqC;AAAA,EAClD;AAEA,QAAM,EAAE,MAAM,QAAQ,IAAI,MAAM;AAChC,MAAI,CAAC,SAAS;AAEb;AAAA,EACD;AAEA,QAAM,UAA4B,OAAO,OAAO,WAC7C,KAAK,IAAI,MAAM,CAAC,IAAI,KAAK,IAAI,MAAM,CAAC,IACnC,MACA,MACD;AAEH,MAAI,YAAY,KAAK;AACpB,UAAM,IAAI;AAAA,EACX,WAAW,YAAY,KAAK;AAC3B,UAAM,IAAI;AAAA,EACX;AAEA,QAAM,IAAI,CAAC,MAAM,QAAQ;AAGzB,QAAM,IAAK,KAAK,QAAQ,YAAY,IAAI,QAAQ,QAAQ,KAAM,MAAM,MAAM;AAC1E,QAAM,IAAK,KAAK,QAAQ,YAAY,IAAI,QAAQ,QAAQ,KAAM,MAAM,MAAM;AAE1E,QAAM,QAAQ,QAAQ,YAAY,IAAI,QAAQ,QAAQ;AACtD,QAAM,QAAQ,QAAQ,YAAY,IAAI,QAAQ,QAAQ;AACtD,QAAM,cAAU,wBAAS,OAAO;AAEhC,UAAQ,QAAQ,IAAI,KAAK,IAAI,IAAI,OAAO,KAAK,IAAI,GAAG,QAAQ,QAAQ,IAAI,MAAM,IAAI,CAAC,CAAC;AACpF,UAAQ,QAAQ,IAAI,KAAK,IAAI,IAAI,OAAO,KAAK,IAAI,GAAG,QAAQ,QAAQ,IAAI,MAAM,IAAI,CAAC,CAAC;AAEpF,UAAQ,YAAY,IAAI,QAAQ,QAAQ,IAAI;AAC5C,UAAQ,YAAY,IAAI,QAAQ,QAAQ,IAAI;AAE5C,QAAM,UAAwC;AAAA,IAC7C,IAAI,MAAM;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,OAAO;AAAA,MACN,MAAM;AAAA,IACP;AAAA,EACD;AAEA,SAAO;AACR;",
+  "names": []
+}

package/dist-cjs/lib/tools/SelectTool/childStates/Crop/crop-constants.js

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var crop_constants_exports = {};
+__export(crop_constants_exports, {
+  MIN_CROP_SIZE: () => MIN_CROP_SIZE
+});
+module.exports = __toCommonJS(crop_constants_exports);
+const MIN_CROP_SIZE = 8;
+//# sourceMappingURL=crop-constants.js.map

package/dist-cjs/lib/tools/SelectTool/childStates/Crop/crop-constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/lib/tools/SelectTool/childStates/Crop/crop-constants.ts"],
+  "sourcesContent": ["/** @internal */\nexport const MIN_CROP_SIZE = 8\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,MAAM,gBAAgB;",
+  "names": []
+}

package/dist-cjs/lib/tools/SelectTool/childStates/Cropping.js

@@ -0,0 +1,210 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Cropping_exports = {};
+__export(Cropping_exports, {
+  Cropping: () => Cropping
+});
+module.exports = __toCommonJS(Cropping_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_crop_constants = require("./Crop/crop-constants");
+var import_PointingResizeHandle = require("./PointingResizeHandle");
+class Cropping extends import_editor.StateNode {
+  static id = "cropping";
+  info = {};
+  markId = "";
+  snapshot = {};
+  onEnter = (info) => {
+    this.info = info;
+    this.markId = "cropping";
+    this.editor.mark(this.markId);
+    this.snapshot = this.createSnapshot();
+    this.updateShapes();
+  };
+  onPointerMove = () => {
+    this.updateShapes();
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  updateCursor() {
+    const selectedShape = this.editor.getSelectedShapes()[0];
+    if (!selectedShape)
+      return;
+    const cursorType = import_PointingResizeHandle.CursorTypeMap[this.info.handle];
+    this.editor.updateInstanceState({
+      cursor: {
+        type: cursorType,
+        rotation: selectedShape.rotation
+      }
+    });
+  }
+  getDefaultCrop = () => ({
+    topLeft: { x: 0, y: 0 },
+    bottomRight: { x: 1, y: 1 }
+  });
+  updateShapes() {
+    const { shape, cursorHandleOffset } = this.snapshot;
+    if (!shape)
+      return;
+    const util = this.editor.getShapeUtil("image");
+    if (!util)
+      return;
+    const props = shape.props;
+    const currentPagePoint = this.editor.inputs.currentPagePoint.clone().sub(cursorHandleOffset);
+    const originPagePoint = this.editor.inputs.originPagePoint.clone().sub(cursorHandleOffset);
+    const change = currentPagePoint.clone().sub(originPagePoint).rot(-shape.rotation);
+    const crop = props.crop ?? this.getDefaultCrop();
+    const newCrop = (0, import_editor.deepCopy)(crop);
+    const newPoint = new import_editor.Vec2d(shape.x, shape.y);
+    const pointDelta = new import_editor.Vec2d(0, 0);
+    const w = 1 / (crop.bottomRight.x - crop.topLeft.x) * props.w;
+    const h = 1 / (crop.bottomRight.y - crop.topLeft.y) * props.h;
+    let hasCropChanged = false;
+    switch (this.info.handle) {
+      case "top":
+      case "top_left":
+      case "top_right": {
+        if (h < import_crop_constants.MIN_CROP_SIZE)
+          break;
+        hasCropChanged = true;
+        newCrop.topLeft.y = newCrop.topLeft.y + change.y / h;
+        const heightAfterCrop = h * (newCrop.bottomRight.y - newCrop.topLeft.y);
+        if (heightAfterCrop < import_crop_constants.MIN_CROP_SIZE) {
+          newCrop.topLeft.y = newCrop.bottomRight.y - import_crop_constants.MIN_CROP_SIZE / h;
+          pointDelta.y = (newCrop.topLeft.y - crop.topLeft.y) * h;
+        } else {
+          if (newCrop.topLeft.y <= 0) {
+            newCrop.topLeft.y = 0;
+            pointDelta.y = (newCrop.topLeft.y - crop.topLeft.y) * h;
+          } else {
+            pointDelta.y = change.y;
+          }
+        }
+        break;
+      }
+      case "bottom":
+      case "bottom_left":
+      case "bottom_right": {
+        if (h < import_crop_constants.MIN_CROP_SIZE)
+          break;
+        hasCropChanged = true;
+        newCrop.bottomRight.y = Math.min(1, newCrop.bottomRight.y + change.y / h);
+        const heightAfterCrop = h * (newCrop.bottomRight.y - newCrop.topLeft.y);
+        if (heightAfterCrop < import_crop_constants.MIN_CROP_SIZE) {
+          newCrop.bottomRight.y = newCrop.topLeft.y + import_crop_constants.MIN_CROP_SIZE / h;
+        }
+        break;
+      }
+    }
+    switch (this.info.handle) {
+      case "left":
+      case "top_left":
+      case "bottom_left": {
+        if (w < import_crop_constants.MIN_CROP_SIZE)
+          break;
+        hasCropChanged = true;
+        newCrop.topLeft.x = newCrop.topLeft.x + change.x / w;
+        const widthAfterCrop = w * (newCrop.bottomRight.x - newCrop.topLeft.x);
+        if (widthAfterCrop < import_crop_constants.MIN_CROP_SIZE) {
+          newCrop.topLeft.x = newCrop.bottomRight.x - import_crop_constants.MIN_CROP_SIZE / w;
+          pointDelta.x = (newCrop.topLeft.x - crop.topLeft.x) * w;
+        } else {
+          if (newCrop.topLeft.x <= 0) {
+            newCrop.topLeft.x = 0;
+            pointDelta.x = (newCrop.topLeft.x - crop.topLeft.x) * w;
+          } else {
+            pointDelta.x = change.x;
+          }
+        }
+        break;
+      }
+      case "right":
+      case "top_right":
+      case "bottom_right": {
+        if (w < import_crop_constants.MIN_CROP_SIZE)
+          break;
+        hasCropChanged = true;
+        newCrop.bottomRight.x = Math.min(1, newCrop.bottomRight.x + change.x / w);
+        const widthAfterCrop = w * (newCrop.bottomRight.x - newCrop.topLeft.x);
+        if (widthAfterCrop < import_crop_constants.MIN_CROP_SIZE) {
+          newCrop.bottomRight.x = newCrop.topLeft.x + import_crop_constants.MIN_CROP_SIZE / w;
+        }
+        break;
+      }
+    }
+    if (!hasCropChanged)
+      return;
+    newPoint.add(pointDelta.rot(shape.rotation));
+    const partial = {
+      id: shape.id,
+      type: shape.type,
+      x: newPoint.x,
+      y: newPoint.y,
+      props: {
+        crop: newCrop,
+        w: (newCrop.bottomRight.x - newCrop.topLeft.x) * w,
+        h: (newCrop.bottomRight.y - newCrop.topLeft.y) * h
+      }
+    };
+    this.editor.updateShapes([partial], { squashing: true });
+    this.updateCursor();
+  }
+  complete() {
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, this.info);
+    } else {
+      this.editor.setCroppingShape(null);
+      this.parent.transition("idle");
+    }
+  }
+  cancel() {
+    this.editor.bailToMark(this.markId);
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, this.info);
+    } else {
+      this.editor.setCroppingShape(null);
+      this.parent.transition("idle");
+    }
+  }
+  createSnapshot() {
+    const selectionRotation = this.editor.getSelectionRotation();
+    const {
+      inputs: { originPagePoint }
+    } = this.editor;
+    const shape = this.editor.getOnlySelectedShape();
+    const selectionBounds = this.editor.getSelectionRotatedPageBounds();
+    const dragHandlePoint = import_editor.Vec2d.RotWith(
+      selectionBounds.getHandlePoint(this.info.handle),
+      selectionBounds.point,
+      selectionRotation
+    );
+    const cursorHandleOffset = import_editor.Vec2d.Sub(originPagePoint, dragHandlePoint);
+    return {
+      shape,
+      cursorHandleOffset
+    };
+  }
+}
+//# sourceMappingURL=Cropping.js.map

package/dist-cjs/lib/tools/SelectTool/childStates/Cropping.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/Cropping.ts"],
+  "sourcesContent": ["import {\n\tSelectionHandle,\n\tStateNode,\n\tTLBaseShape,\n\tTLEnterEventHandler,\n\tTLEventHandlers,\n\tTLImageShape,\n\tTLImageShapeCrop,\n\tTLPointerEventInfo,\n\tTLShapePartial,\n\tVec2d,\n\tdeepCopy,\n} from '@bigbluebutton/editor'\nimport { MIN_CROP_SIZE } from './Crop/crop-constants'\nimport { CursorTypeMap } from './PointingResizeHandle'\n\ntype Snapshot = ReturnType<Cropping['createSnapshot']>\n\nexport class Cropping extends StateNode {\n\tstatic override id = 'cropping'\n\n\tinfo = {} as TLPointerEventInfo & {\n\t\ttarget: 'selection'\n\t\thandle: SelectionHandle\n\t\tonInteractionEnd?: string\n\t}\n\n\tmarkId = ''\n\n\tprivate snapshot = {} as any as Snapshot\n\n\toverride onEnter: TLEnterEventHandler = (\n\t\tinfo: TLPointerEventInfo & {\n\t\t\ttarget: 'selection'\n\t\t\thandle: SelectionHandle\n\t\t\tonInteractionEnd?: string\n\t\t}\n\t) => {\n\t\tthis.info = info\n\t\tthis.markId = 'cropping'\n\t\tthis.editor.mark(this.markId)\n\t\tthis.snapshot = this.createSnapshot()\n\t\tthis.updateShapes()\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = () => {\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 updateCursor() {\n\t\tconst selectedShape = this.editor.getSelectedShapes()[0]\n\t\tif (!selectedShape) return\n\n\t\tconst cursorType = CursorTypeMap[this.info.handle!]\n\t\tthis.editor.updateInstanceState({\n\t\t\tcursor: {\n\t\t\t\ttype: cursorType,\n\t\t\t\trotation: selectedShape.rotation,\n\t\t\t},\n\t\t})\n\t}\n\n\tprivate getDefaultCrop = (): TLImageShapeCrop => ({\n\t\ttopLeft: { x: 0, y: 0 },\n\t\tbottomRight: { x: 1, y: 1 },\n\t})\n\n\tprivate updateShapes() {\n\t\tconst { shape, cursorHandleOffset } = this.snapshot\n\n\t\tif (!shape) return\n\t\tconst util = this.editor.getShapeUtil<TLImageShape>('image')\n\t\tif (!util) return\n\n\t\tconst props = shape.props\n\n\t\tconst currentPagePoint = this.editor.inputs.currentPagePoint.clone().sub(cursorHandleOffset)\n\t\tconst originPagePoint = this.editor.inputs.originPagePoint.clone().sub(cursorHandleOffset)\n\n\t\tconst change = currentPagePoint.clone().sub(originPagePoint).rot(-shape.rotation)\n\n\t\tconst crop = props.crop ?? this.getDefaultCrop()\n\t\tconst newCrop = deepCopy(crop)\n\n\t\tconst newPoint = new Vec2d(shape.x, shape.y)\n\t\tconst pointDelta = new Vec2d(0, 0)\n\n\t\t// original (uncropped) width and height of shape\n\t\tconst w = (1 / (crop.bottomRight.x - crop.topLeft.x)) * props.w\n\t\tconst h = (1 / (crop.bottomRight.y - crop.topLeft.y)) * props.h\n\n\t\tlet hasCropChanged = false\n\n\t\t// Set y dimension\n\t\tswitch (this.info.handle) {\n\t\t\tcase 'top':\n\t\t\tcase 'top_left':\n\t\t\tcase 'top_right': {\n\t\t\t\tif (h < MIN_CROP_SIZE) break\n\t\t\t\thasCropChanged = true\n\t\t\t\t// top\n\t\t\t\tnewCrop.topLeft.y = newCrop.topLeft.y + change.y / h\n\t\t\t\tconst heightAfterCrop = h * (newCrop.bottomRight.y - newCrop.topLeft.y)\n\n\t\t\t\tif (heightAfterCrop < MIN_CROP_SIZE) {\n\t\t\t\t\tnewCrop.topLeft.y = newCrop.bottomRight.y - MIN_CROP_SIZE / h\n\t\t\t\t\tpointDelta.y = (newCrop.topLeft.y - crop.topLeft.y) * h\n\t\t\t\t} else {\n\t\t\t\t\tif (newCrop.topLeft.y <= 0) {\n\t\t\t\t\t\tnewCrop.topLeft.y = 0\n\t\t\t\t\t\tpointDelta.y = (newCrop.topLeft.y - crop.topLeft.y) * h\n\t\t\t\t\t} else {\n\t\t\t\t\t\tpointDelta.y = change.y\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'bottom':\n\t\t\tcase 'bottom_left':\n\t\t\tcase 'bottom_right': {\n\t\t\t\tif (h < MIN_CROP_SIZE) break\n\t\t\t\thasCropChanged = true\n\t\t\t\t// bottom\n\t\t\t\tnewCrop.bottomRight.y = Math.min(1, newCrop.bottomRight.y + change.y / h)\n\t\t\t\tconst heightAfterCrop = h * (newCrop.bottomRight.y - newCrop.topLeft.y)\n\n\t\t\t\tif (heightAfterCrop < MIN_CROP_SIZE) {\n\t\t\t\t\tnewCrop.bottomRight.y = newCrop.topLeft.y + MIN_CROP_SIZE / h\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\t// Set x dimension\n\t\tswitch (this.info.handle) {\n\t\t\tcase 'left':\n\t\t\tcase 'top_left':\n\t\t\tcase 'bottom_left': {\n\t\t\t\tif (w < MIN_CROP_SIZE) break\n\t\t\t\thasCropChanged = true\n\t\t\t\t// left\n\t\t\t\tnewCrop.topLeft.x = newCrop.topLeft.x + change.x / w\n\t\t\t\tconst widthAfterCrop = w * (newCrop.bottomRight.x - newCrop.topLeft.x)\n\n\t\t\t\tif (widthAfterCrop < MIN_CROP_SIZE) {\n\t\t\t\t\tnewCrop.topLeft.x = newCrop.bottomRight.x - MIN_CROP_SIZE / w\n\t\t\t\t\tpointDelta.x = (newCrop.topLeft.x - crop.topLeft.x) * w\n\t\t\t\t} else {\n\t\t\t\t\tif (newCrop.topLeft.x <= 0) {\n\t\t\t\t\t\tnewCrop.topLeft.x = 0\n\t\t\t\t\t\tpointDelta.x = (newCrop.topLeft.x - crop.topLeft.x) * w\n\t\t\t\t\t} else {\n\t\t\t\t\t\tpointDelta.x = change.x\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'right':\n\t\t\tcase 'top_right':\n\t\t\tcase 'bottom_right': {\n\t\t\t\tif (w < MIN_CROP_SIZE) break\n\t\t\t\thasCropChanged = true\n\t\t\t\t// right\n\t\t\t\tnewCrop.bottomRight.x = Math.min(1, newCrop.bottomRight.x + change.x / w)\n\t\t\t\tconst widthAfterCrop = w * (newCrop.bottomRight.x - newCrop.topLeft.x)\n\n\t\t\t\tif (widthAfterCrop < MIN_CROP_SIZE) {\n\t\t\t\t\tnewCrop.bottomRight.x = newCrop.topLeft.x + MIN_CROP_SIZE / w\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t\tif (!hasCropChanged) return\n\n\t\tnewPoint.add(pointDelta.rot(shape.rotation))\n\n\t\tconst partial: TLShapePartial<\n\t\t\tTLBaseShape<string, { w: number; h: number; crop: TLImageShapeCrop }>\n\t\t> = {\n\t\t\tid: shape.id,\n\t\t\ttype: shape.type,\n\t\t\tx: newPoint.x,\n\t\t\ty: newPoint.y,\n\t\t\tprops: {\n\t\t\t\tcrop: newCrop,\n\t\t\t\tw: (newCrop.bottomRight.x - newCrop.topLeft.x) * w,\n\t\t\t\th: (newCrop.bottomRight.y - newCrop.topLeft.y) * h,\n\t\t\t},\n\t\t}\n\n\t\tthis.editor.updateShapes([partial], { squashing: true })\n\t\tthis.updateCursor()\n\t}\n\n\tprivate complete() {\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.editor.setCroppingShape(null)\n\t\t\tthis.parent.transition('idle')\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.editor.setCroppingShape(null)\n\t\t\tthis.parent.transition('idle')\n\t\t}\n\t}\n\n\tprivate createSnapshot() {\n\t\tconst selectionRotation = this.editor.getSelectionRotation()\n\t\tconst {\n\t\t\tinputs: { originPagePoint },\n\t\t} = this.editor\n\n\t\tconst shape = this.editor.getOnlySelectedShape() as TLImageShape\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\treturn {\n\t\t\tshape,\n\t\t\tcursorHandleOffset,\n\t\t}\n\t}\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-cjs/lib/tools/SelectTool/childStates/DraggingHandle.js

@@ -0,0 +1,230 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DraggingHandle_exports = {};
+__export(DraggingHandle_exports, {
+  DraggingHandle: () => DraggingHandle
+});
+module.exports = __toCommonJS(DraggingHandle_exports);
+var import_editor = require("@bigbluebutton/editor");
+class DraggingHandle extends import_editor.StateNode {
+  static id = "dragging_handle";
+  shapeId = "";
+  initialHandle = {};
+  initialAdjacentHandle = null;
+  initialPagePoint = {};
+  markId = "";
+  initialPageTransform;
+  initialPageRotation;
+  info = {};
+  isPrecise = false;
+  isPreciseId = null;
+  pointingId = null;
+  onEnter = (info) => {
+    const { shape, isCreating, handle } = info;
+    this.info = info;
+    this.parent.setCurrentToolIdMask(info.onInteractionEnd);
+    this.shapeId = shape.id;
+    this.markId = isCreating ? `creating:${shape.id}` : "dragging handle";
+    if (!isCreating)
+      this.editor.mark(this.markId);
+    this.initialHandle = (0, import_editor.deepCopy)(handle);
+    this.initialPageTransform = this.editor.getShapePageTransform(shape);
+    this.initialPageRotation = this.initialPageTransform.rotation();
+    this.initialPagePoint = this.editor.inputs.originPagePoint.clone();
+    this.editor.updateInstanceState(
+      { cursor: { type: isCreating ? "cross" : "grabbing", rotation: 0 } },
+      { ephemeral: true }
+    );
+    const handles = this.editor.getShapeHandles(shape).sort(import_editor.sortByIndex);
+    const index = handles.findIndex((h) => h.id === info.handle.id);
+    this.initialAdjacentHandle = null;
+    for (let i = index + 1; i < handles.length; i++) {
+      const handle2 = handles[i];
+      if (handle2.type === "vertex" && handle2.id !== "middle" && handle2.id !== info.handle.id) {
+        this.initialAdjacentHandle = handle2;
+        break;
+      }
+    }
+    if (!this.initialAdjacentHandle) {
+      for (let i = handles.length - 1; i >= 0; i--) {
+        const handle2 = handles[i];
+        if (handle2.type === "vertex" && handle2.id !== "middle" && handle2.id !== info.handle.id) {
+          this.initialAdjacentHandle = handle2;
+          break;
+        }
+      }
+    }
+    const initialTerminal = shape.props[info.handle.id];
+    this.isPrecise = false;
+    if (initialTerminal?.type === "binding") {
+      this.editor.setHintingShapes([initialTerminal.boundShapeId]);
+      this.isPrecise = initialTerminal.isPrecise;
+      if (this.isPrecise) {
+        this.isPreciseId = initialTerminal.boundShapeId;
+      } else {
+        this.resetExactTimeout();
+      }
+    } else {
+      this.editor.setHintingShapes([]);
+    }
+    this.update();
+    this.editor.select(this.shapeId);
+  };
+  // Only relevant to arrows
+  exactTimeout = -1;
+  // Only relevant to arrows
+  resetExactTimeout() {
+    if (this.exactTimeout !== -1) {
+      this.clearExactTimeout();
+    }
+    this.exactTimeout = setTimeout(() => {
+      if (this.getIsActive() && !this.isPrecise) {
+        this.isPrecise = true;
+        this.isPreciseId = this.pointingId;
+        this.update();
+      }
+      this.exactTimeout = -1;
+    }, 750);
+  }
+  // Only relevant to arrows
+  clearExactTimeout() {
+    if (this.exactTimeout !== -1) {
+      clearTimeout(this.exactTimeout);
+      this.exactTimeout = -1;
+    }
+  }
+  onPointerMove = () => {
+    this.update();
+  };
+  onKeyDown = () => {
+    this.update();
+  };
+  onKeyUp = () => {
+    this.update();
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  onExit = () => {
+    this.parent.setCurrentToolIdMask(void 0);
+    this.editor.setHintingShapes([]);
+    this.editor.snaps.clear();
+    this.editor.updateInstanceState(
+      { cursor: { type: "default", rotation: 0 } },
+      { ephemeral: true }
+    );
+  };
+  complete() {
+    this.editor.snaps.clear();
+    const { onInteractionEnd } = this.info;
+    if (this.editor.getInstanceState().isToolLocked && onInteractionEnd) {
+      this.editor.setCurrentTool(onInteractionEnd, { shapeId: this.shapeId });
+      return;
+    }
+    this.parent.transition("idle");
+  }
+  cancel() {
+    this.editor.bailToMark(this.markId);
+    this.editor.snaps.clear();
+    const { onInteractionEnd } = this.info;
+    if (onInteractionEnd) {
+      this.editor.setCurrentTool(onInteractionEnd, { shapeId: this.shapeId });
+      return;
+    }
+    this.parent.transition("idle");
+  }
+  update() {
+    const { editor, shapeId, initialPagePoint } = this;
+    const { initialHandle, initialPageRotation, initialAdjacentHandle } = this;
+    const hintingShapeIds = this.editor.getHintingShapeIds();
+    const isSnapMode = this.editor.user.getIsSnapMode();
+    const {
+      snaps,
+      inputs: { currentPagePoint, shiftKey, ctrlKey, altKey, pointerVelocity }
+    } = editor;
+    const initial = this.info.shape;
+    const shape = editor.getShape(shapeId);
+    if (!shape)
+      return;
+    const util = editor.getShapeUtil(shape);
+    let point = currentPagePoint.clone().sub(initialPagePoint).rot(-initialPageRotation).add(initialHandle);
+    if (shiftKey && initialAdjacentHandle && initialHandle.id !== "middle") {
+      const angle = import_editor.Vec2d.Angle(initialAdjacentHandle, point);
+      const snappedAngle = (0, import_editor.snapAngle)(angle, 24);
+      const angleDifference = snappedAngle - angle;
+      point = import_editor.Vec2d.RotWith(point, initialAdjacentHandle, angleDifference);
+    }
+    editor.snaps.clear();
+    if (initialHandle.canSnap && (isSnapMode ? !ctrlKey : ctrlKey)) {
+      const pageTransform = editor.getShapePageTransform(shape.id);
+      if (!pageTransform)
+        throw Error("Expected a page transform");
+      const handleIndex = editor.getShapeHandles(shape).filter(({ type }) => type === "vertex").sort(import_editor.sortByIndex).findIndex(({ index }) => initialHandle.index === index);
+      const additionalSegments = util.getOutlineSegments(shape).map((segment) => import_editor.Matrix2d.applyToPoints(pageTransform, segment)).filter((_segment, i) => i !== handleIndex - 1 && i !== handleIndex);
+      const snapDelta = snaps.getSnappingHandleDelta({
+        additionalSegments,
+        handlePoint: import_editor.Matrix2d.applyToPoint(pageTransform, point)
+      });
+      if (snapDelta) {
+        snapDelta.rot(-editor.getShapeParentTransform(shape).rotation());
+        point.add(snapDelta);
+      }
+    }
+    const changes = util.onHandleChange?.(shape, {
+      handle: {
+        ...initialHandle,
+        x: point.x,
+        y: point.y
+      },
+      isPrecise: this.isPrecise || altKey,
+      initial
+    });
+    const next = { ...shape, ...changes };
+    if (initialHandle.canBind) {
+      const bindingAfter = next.props[initialHandle.id];
+      if (bindingAfter?.type === "binding") {
+        if (hintingShapeIds[0] !== bindingAfter.boundShapeId) {
+          editor.setHintingShapes([bindingAfter.boundShapeId]);
+          this.pointingId = bindingAfter.boundShapeId;
+          this.isPrecise = pointerVelocity.len() < 0.5 || altKey;
+          this.isPreciseId = this.isPrecise ? bindingAfter.boundShapeId : null;
+          this.resetExactTimeout();
+        }
+      } else {
+        if (hintingShapeIds.length > 0) {
+          editor.setHintingShapes([]);
+          this.pointingId = null;
+          this.isPrecise = false;
+          this.isPreciseId = null;
+          this.resetExactTimeout();
+        }
+      }
+    }
+    if (changes) {
+      editor.updateShapes([next], { squashing: true });
+    }
+  }
+}
+//# sourceMappingURL=DraggingHandle.js.map

package/dist-cjs/lib/tools/SelectTool/childStates/DraggingHandle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/DraggingHandle.ts"],
+  "sourcesContent": ["import {\n\tMatrix2d,\n\tStateNode,\n\tTLArrowShape,\n\tTLArrowShapeTerminal,\n\tTLCancelEvent,\n\tTLEnterEventHandler,\n\tTLEventHandlers,\n\tTLHandle,\n\tTLKeyboardEvent,\n\tTLPointerEventInfo,\n\tTLShapeId,\n\tTLShapePartial,\n\tVec2d,\n\tdeepCopy,\n\tsnapAngle,\n\tsortByIndex,\n} from '@bigbluebutton/editor'\n\nexport class DraggingHandle extends StateNode {\n\tstatic override id = 'dragging_handle'\n\n\tshapeId = '' as TLShapeId\n\tinitialHandle = {} as TLHandle\n\tinitialAdjacentHandle = null as TLHandle | null\n\tinitialPagePoint = {} as Vec2d\n\n\tmarkId = ''\n\tinitialPageTransform: any\n\tinitialPageRotation: any\n\n\tinfo = {} as TLPointerEventInfo & {\n\t\tshape: TLArrowShape\n\t\ttarget: 'handle'\n\t\tonInteractionEnd?: string\n\t\tisCreating: boolean\n\t}\n\n\tisPrecise = false\n\tisPreciseId = null as TLShapeId | null\n\tpointingId = null as TLShapeId | null\n\n\toverride onEnter: TLEnterEventHandler = (\n\t\tinfo: TLPointerEventInfo & {\n\t\t\tshape: TLArrowShape\n\t\t\ttarget: 'handle'\n\t\t\tonInteractionEnd?: string\n\t\t\tisCreating: boolean\n\t\t}\n\t) => {\n\t\tconst { shape, isCreating, handle } = info\n\t\tthis.info = info\n\t\tthis.parent.setCurrentToolIdMask(info.onInteractionEnd)\n\t\tthis.shapeId = shape.id\n\t\tthis.markId = isCreating ? `creating:${shape.id}` : 'dragging handle'\n\t\tif (!isCreating) this.editor.mark(this.markId)\n\t\tthis.initialHandle = deepCopy(handle)\n\t\tthis.initialPageTransform = this.editor.getShapePageTransform(shape)!\n\t\tthis.initialPageRotation = this.initialPageTransform.rotation()\n\t\tthis.initialPagePoint = this.editor.inputs.originPagePoint.clone()\n\n\t\tthis.editor.updateInstanceState(\n\t\t\t{ cursor: { type: isCreating ? 'cross' : 'grabbing', rotation: 0 } },\n\t\t\t{ ephemeral: true }\n\t\t)\n\n\t\t// <!-- Only relevant to arrows\n\t\tconst handles = this.editor.getShapeHandles(shape)!.sort(sortByIndex)\n\t\tconst index = handles.findIndex((h) => h.id === info.handle.id)\n\n\t\t// Find the adjacent handle\n\t\tthis.initialAdjacentHandle = null\n\n\t\t// Start from the handle and work forward\n\t\tfor (let i = index + 1; i < handles.length; i++) {\n\t\t\tconst handle = handles[i]\n\t\t\tif (handle.type === 'vertex' && handle.id !== 'middle' && handle.id !== info.handle.id) {\n\t\t\t\tthis.initialAdjacentHandle = handle\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\t// If still no handle, start from the end and work backward\n\t\tif (!this.initialAdjacentHandle) {\n\t\t\tfor (let i = handles.length - 1; i >= 0; i--) {\n\t\t\t\tconst handle = handles[i]\n\t\t\t\tif (handle.type === 'vertex' && handle.id !== 'middle' && handle.id !== info.handle.id) {\n\t\t\t\t\tthis.initialAdjacentHandle = handle\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst initialTerminal = shape.props[info.handle.id as 'start' | 'end']\n\n\t\tthis.isPrecise = false\n\n\t\tif (initialTerminal?.type === 'binding') {\n\t\t\tthis.editor.setHintingShapes([initialTerminal.boundShapeId])\n\n\t\t\tthis.isPrecise = initialTerminal.isPrecise\n\t\t\tif (this.isPrecise) {\n\t\t\t\tthis.isPreciseId = initialTerminal.boundShapeId\n\t\t\t} else {\n\t\t\t\tthis.resetExactTimeout()\n\t\t\t}\n\t\t} else {\n\t\t\tthis.editor.setHintingShapes([])\n\t\t}\n\t\t// -->\n\n\t\tthis.update()\n\n\t\tthis.editor.select(this.shapeId)\n\t}\n\n\t// Only relevant to arrows\n\tprivate exactTimeout = -1 as any\n\n\t// Only relevant to arrows\n\tprivate resetExactTimeout() {\n\t\tif (this.exactTimeout !== -1) {\n\t\t\tthis.clearExactTimeout()\n\t\t}\n\n\t\tthis.exactTimeout = setTimeout(() => {\n\t\t\tif (this.getIsActive() && !this.isPrecise) {\n\t\t\t\tthis.isPrecise = true\n\t\t\t\tthis.isPreciseId = this.pointingId\n\t\t\t\tthis.update()\n\t\t\t}\n\t\t\tthis.exactTimeout = -1\n\t\t}, 750)\n\t}\n\n\t// Only relevant to arrows\n\tprivate clearExactTimeout() {\n\t\tif (this.exactTimeout !== -1) {\n\t\t\tclearTimeout(this.exactTimeout)\n\t\t\tthis.exactTimeout = -1\n\t\t}\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = () => {\n\t\tthis.update()\n\t}\n\n\toverride onKeyDown: TLKeyboardEvent | undefined = () => {\n\t\tthis.update()\n\t}\n\n\toverride onKeyUp: TLKeyboardEvent | undefined = () => {\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: TLCancelEvent = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onExit = () => {\n\t\tthis.parent.setCurrentToolIdMask(undefined)\n\t\tthis.editor.setHintingShapes([])\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}\n\n\tprivate complete() {\n\t\tthis.editor.snaps.clear()\n\n\t\tconst { onInteractionEnd } = this.info\n\t\tif (this.editor.getInstanceState().isToolLocked && onInteractionEnd) {\n\t\t\t// Return to the tool that was active before this one,\n\t\t\t// but only if tool lock is turned on!\n\t\t\tthis.editor.setCurrentTool(onInteractionEnd, { shapeId: this.shapeId })\n\t\t\treturn\n\t\t}\n\n\t\tthis.parent.transition('idle')\n\t}\n\n\tprivate cancel() {\n\t\tthis.editor.bailToMark(this.markId)\n\t\tthis.editor.snaps.clear()\n\n\t\tconst { onInteractionEnd } = this.info\n\t\tif (onInteractionEnd) {\n\t\t\t// Return to the tool that was active before this one,\n\t\t\t// whether tool lock is turned on or not!\n\t\t\tthis.editor.setCurrentTool(onInteractionEnd, { shapeId: this.shapeId })\n\t\t\treturn\n\t\t}\n\n\t\tthis.parent.transition('idle')\n\t}\n\n\tprivate update() {\n\t\tconst { editor, shapeId, initialPagePoint } = this\n\t\tconst { initialHandle, initialPageRotation, initialAdjacentHandle } = this\n\t\tconst hintingShapeIds = this.editor.getHintingShapeIds()\n\t\tconst isSnapMode = this.editor.user.getIsSnapMode()\n\t\tconst {\n\t\t\tsnaps,\n\t\t\tinputs: { currentPagePoint, shiftKey, ctrlKey, altKey, pointerVelocity },\n\t\t} = editor\n\n\t\tconst initial = this.info.shape\n\t\tconst shape = editor.getShape(shapeId)\n\t\tif (!shape) return\n\t\tconst util = editor.getShapeUtil(shape)\n\n\t\tlet point = currentPagePoint\n\t\t\t.clone()\n\t\t\t.sub(initialPagePoint)\n\t\t\t.rot(-initialPageRotation)\n\t\t\t.add(initialHandle)\n\n\t\tif (shiftKey && initialAdjacentHandle && initialHandle.id !== 'middle') {\n\t\t\tconst angle = Vec2d.Angle(initialAdjacentHandle, point)\n\t\t\tconst snappedAngle = snapAngle(angle, 24)\n\t\t\tconst angleDifference = snappedAngle - angle\n\t\t\tpoint = Vec2d.RotWith(point, initialAdjacentHandle, angleDifference)\n\t\t}\n\n\t\t// Clear any existing snaps\n\t\teditor.snaps.clear()\n\n\t\tif (initialHandle.canSnap && (isSnapMode ? !ctrlKey : ctrlKey)) {\n\t\t\t// We're snapping\n\t\t\tconst pageTransform = editor.getShapePageTransform(shape.id)\n\t\t\tif (!pageTransform) throw Error('Expected a page transform')\n\n\t\t\t// We want to skip the segments that include the handle, so\n\t\t\t// find the index of the handle that shares the same index property\n\t\t\t// as the initial dragging handle; this catches a quirk of create handles\n\t\t\tconst handleIndex = editor\n\t\t\t\t.getShapeHandles(shape)!\n\t\t\t\t.filter(({ type }) => type === 'vertex')\n\t\t\t\t.sort(sortByIndex)\n\t\t\t\t.findIndex(({ index }) => initialHandle.index === index)\n\n\t\t\t// Get all the outline segments from the shape\n\t\t\tconst additionalSegments = util\n\t\t\t\t.getOutlineSegments(shape)\n\t\t\t\t.map((segment) => Matrix2d.applyToPoints(pageTransform, segment))\n\t\t\t\t.filter((_segment, i) => i !== handleIndex - 1 && i !== handleIndex)\n\n\t\t\tconst snapDelta = snaps.getSnappingHandleDelta({\n\t\t\t\tadditionalSegments,\n\t\t\t\thandlePoint: Matrix2d.applyToPoint(pageTransform, point),\n\t\t\t})\n\n\t\t\tif (snapDelta) {\n\t\t\t\tsnapDelta.rot(-editor.getShapeParentTransform(shape)!.rotation())\n\t\t\t\tpoint.add(snapDelta)\n\t\t\t}\n\t\t}\n\n\t\tconst changes = util.onHandleChange?.(shape, {\n\t\t\thandle: {\n\t\t\t\t...initialHandle,\n\t\t\t\tx: point.x,\n\t\t\t\ty: point.y,\n\t\t\t},\n\t\t\tisPrecise: this.isPrecise || altKey,\n\t\t\tinitial: initial,\n\t\t})\n\n\t\tconst next: TLShapePartial<any> = { ...shape, ...changes }\n\n\t\t// Arrows\n\t\tif (initialHandle.canBind) {\n\t\t\tconst bindingAfter = (next.props as any)[initialHandle.id] as TLArrowShapeTerminal | undefined\n\n\t\t\tif (bindingAfter?.type === 'binding') {\n\t\t\t\tif (hintingShapeIds[0] !== bindingAfter.boundShapeId) {\n\t\t\t\t\teditor.setHintingShapes([bindingAfter.boundShapeId])\n\t\t\t\t\tthis.pointingId = bindingAfter.boundShapeId\n\t\t\t\t\tthis.isPrecise = pointerVelocity.len() < 0.5 || altKey\n\t\t\t\t\tthis.isPreciseId = this.isPrecise ? bindingAfter.boundShapeId : null\n\t\t\t\t\tthis.resetExactTimeout()\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (hintingShapeIds.length > 0) {\n\t\t\t\t\teditor.setHintingShapes([])\n\t\t\t\t\tthis.pointingId = null\n\t\t\t\t\tthis.isPrecise = false\n\t\t\t\t\tthis.isPreciseId = null\n\t\t\t\t\tthis.resetExactTimeout()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (changes) {\n\t\t\teditor.updateShapes([next], { squashing: true })\n\t\t}\n\t}\n}\n"],
+  "mappings": "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",
+  "names": ["handle"]
+}