tldraw 5.2.0-next.e2b8d10bf10e → 5.2.0

package/dist-cjs/lib/defaultOverlayUtils.js

@@ -21,7 +21,6 @@ __export(defaultOverlayUtils_exports, {
   defaultOverlayUtils: () => defaultOverlayUtils
 });
 module.exports = __toCommonJS(defaultOverlayUtils_exports);
-var import_editor = require("@tldraw/editor");
 var import_ArrowBindingHintOverlayUtil = require("./overlays/ArrowBindingHintOverlayUtil");
 var import_ArrowHintOverlayUtil = require("./overlays/ArrowHintOverlayUtil");
 var import_BrushOverlayUtil = require("./overlays/BrushOverlayUtil");
@@ -33,22 +32,23 @@ var import_CollaboratorShapeIndicatorOverlayUtil = require("./overlays/Collabora
 var import_ScribbleOverlayUtil = require("./overlays/ScribbleOverlayUtil");
 var import_SelectionForegroundOverlayUtil = require("./overlays/SelectionForegroundOverlayUtil");
 var import_ShapeHandleOverlayUtil = require("./overlays/ShapeHandleOverlayUtil");
+var import_ShapeIndicatorOverlayUtil = require("./overlays/ShapeIndicatorOverlayUtil");
 var import_SnapIndicatorOverlayUtil = require("./overlays/SnapIndicatorOverlayUtil");
 var import_ZoomBrushOverlayUtil = require("./overlays/ZoomBrushOverlayUtil");
 const defaultOverlayUtils = [
+  import_ArrowBindingHintOverlayUtil.ArrowBindingHintOverlayUtil,
+  import_ArrowHintOverlayUtil.ArrowHintOverlayUtil,
+  import_BrushOverlayUtil.BrushOverlayUtil,
+  import_CollaboratorBrushOverlayUtil.CollaboratorBrushOverlayUtil,
+  import_CollaboratorCursorOverlayUtil.CollaboratorCursorOverlayUtil,
+  import_CollaboratorHintOverlayUtil.CollaboratorHintOverlayUtil,
+  import_CollaboratorScribbleOverlayUtil.CollaboratorScribbleOverlayUtil,
   import_CollaboratorShapeIndicatorOverlayUtil.CollaboratorShapeIndicatorOverlayUtil,
-  import_editor.ShapeIndicatorOverlayUtil,
+  import_ScribbleOverlayUtil.ScribbleOverlayUtil,
   import_SelectionForegroundOverlayUtil.SelectionForegroundOverlayUtil,
   import_ShapeHandleOverlayUtil.ShapeHandleOverlayUtil,
-  import_BrushOverlayUtil.BrushOverlayUtil,
-  import_ZoomBrushOverlayUtil.ZoomBrushOverlayUtil,
+  import_ShapeIndicatorOverlayUtil.ShapeIndicatorOverlayUtil,
   import_SnapIndicatorOverlayUtil.SnapIndicatorOverlayUtil,
-  import_ScribbleOverlayUtil.ScribbleOverlayUtil,
-  import_CollaboratorBrushOverlayUtil.CollaboratorBrushOverlayUtil,
-  import_CollaboratorScribbleOverlayUtil.CollaboratorScribbleOverlayUtil,
-  import_CollaboratorHintOverlayUtil.CollaboratorHintOverlayUtil,
-  import_ArrowHintOverlayUtil.ArrowHintOverlayUtil,
-  import_ArrowBindingHintOverlayUtil.ArrowBindingHintOverlayUtil,
-  import_CollaboratorCursorOverlayUtil.CollaboratorCursorOverlayUtil
+  import_ZoomBrushOverlayUtil.ZoomBrushOverlayUtil
 ];
 //# sourceMappingURL=defaultOverlayUtils.js.map

package/dist-cjs/lib/defaultOverlayUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/lib/defaultOverlayUtils.ts"],
-  "sourcesContent": ["import { ShapeIndicatorOverlayUtil } from '@tldraw/editor'\nimport { ArrowBindingHintOverlayUtil } from './overlays/ArrowBindingHintOverlayUtil'\nimport { ArrowHintOverlayUtil } from './overlays/ArrowHintOverlayUtil'\nimport { BrushOverlayUtil } from './overlays/BrushOverlayUtil'\nimport { CollaboratorBrushOverlayUtil } from './overlays/CollaboratorBrushOverlayUtil'\nimport { CollaboratorCursorOverlayUtil } from './overlays/CollaboratorCursorOverlayUtil'\nimport { CollaboratorHintOverlayUtil } from './overlays/CollaboratorHintOverlayUtil'\nimport { CollaboratorScribbleOverlayUtil } from './overlays/CollaboratorScribbleOverlayUtil'\nimport { CollaboratorShapeIndicatorOverlayUtil } from './overlays/CollaboratorShapeIndicatorOverlayUtil'\nimport { ScribbleOverlayUtil } from './overlays/ScribbleOverlayUtil'\nimport { SelectionForegroundOverlayUtil } from './overlays/SelectionForegroundOverlayUtil'\nimport { ShapeHandleOverlayUtil } from './overlays/ShapeHandleOverlayUtil'\nimport { SnapIndicatorOverlayUtil } from './overlays/SnapIndicatorOverlayUtil'\nimport { ZoomBrushOverlayUtil } from './overlays/ZoomBrushOverlayUtil'\n\n/** @public */\nexport const defaultOverlayUtils = [\n\tCollaboratorShapeIndicatorOverlayUtil,\n\tShapeIndicatorOverlayUtil,\n\tSelectionForegroundOverlayUtil,\n\tShapeHandleOverlayUtil,\n\tBrushOverlayUtil,\n\tZoomBrushOverlayUtil,\n\tSnapIndicatorOverlayUtil,\n\tScribbleOverlayUtil,\n\tCollaboratorBrushOverlayUtil,\n\tCollaboratorScribbleOverlayUtil,\n\tCollaboratorHintOverlayUtil,\n\tArrowHintOverlayUtil,\n\tArrowBindingHintOverlayUtil,\n\tCollaboratorCursorOverlayUtil,\n] as const\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0C;AAC1C,yCAA4C;AAC5C,kCAAqC;AACrC,8BAAiC;AACjC,0CAA6C;AAC7C,2CAA8C;AAC9C,yCAA4C;AAC5C,6CAAgD;AAChD,mDAAsD;AACtD,iCAAoC;AACpC,4CAA+C;AAC/C,oCAAuC;AACvC,sCAAyC;AACzC,kCAAqC;AAG9B,MAAM,sBAAsB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
+  "sourcesContent": ["import { ArrowBindingHintOverlayUtil } from './overlays/ArrowBindingHintOverlayUtil'\nimport { ArrowHintOverlayUtil } from './overlays/ArrowHintOverlayUtil'\nimport { BrushOverlayUtil } from './overlays/BrushOverlayUtil'\nimport { CollaboratorBrushOverlayUtil } from './overlays/CollaboratorBrushOverlayUtil'\nimport { CollaboratorCursorOverlayUtil } from './overlays/CollaboratorCursorOverlayUtil'\nimport { CollaboratorHintOverlayUtil } from './overlays/CollaboratorHintOverlayUtil'\nimport { CollaboratorScribbleOverlayUtil } from './overlays/CollaboratorScribbleOverlayUtil'\nimport { CollaboratorShapeIndicatorOverlayUtil } from './overlays/CollaboratorShapeIndicatorOverlayUtil'\nimport { ScribbleOverlayUtil } from './overlays/ScribbleOverlayUtil'\nimport { SelectionForegroundOverlayUtil } from './overlays/SelectionForegroundOverlayUtil'\nimport { ShapeHandleOverlayUtil } from './overlays/ShapeHandleOverlayUtil'\nimport { ShapeIndicatorOverlayUtil } from './overlays/ShapeIndicatorOverlayUtil'\nimport { SnapIndicatorOverlayUtil } from './overlays/SnapIndicatorOverlayUtil'\nimport { ZoomBrushOverlayUtil } from './overlays/ZoomBrushOverlayUtil'\n\n/** @public */\nexport const defaultOverlayUtils = [\n\tArrowBindingHintOverlayUtil,\n\tArrowHintOverlayUtil,\n\tBrushOverlayUtil,\n\tCollaboratorBrushOverlayUtil,\n\tCollaboratorCursorOverlayUtil,\n\tCollaboratorHintOverlayUtil,\n\tCollaboratorScribbleOverlayUtil,\n\tCollaboratorShapeIndicatorOverlayUtil,\n\tScribbleOverlayUtil,\n\tSelectionForegroundOverlayUtil,\n\tShapeHandleOverlayUtil,\n\tShapeIndicatorOverlayUtil,\n\tSnapIndicatorOverlayUtil,\n\tZoomBrushOverlayUtil,\n] as const\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAA4C;AAC5C,kCAAqC;AACrC,8BAAiC;AACjC,0CAA6C;AAC7C,2CAA8C;AAC9C,yCAA4C;AAC5C,6CAAgD;AAChD,mDAAsD;AACtD,iCAAoC;AACpC,4CAA+C;AAC/C,oCAAuC;AACvC,uCAA0C;AAC1C,sCAAyC;AACzC,kCAAqC;AAG9B,MAAM,sBAAsB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
   "names": []
 }

package/dist-cjs/lib/overlays/SelectionForegroundOverlayUtil.js

@@ -52,6 +52,7 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
       "select.pointing_selection",
       "select.pointing_shape",
       "select.pointing_resize_handle",
+      "select.pointing_rotate_handle",
       "select.resizing",
       "select.crop.idle",
       "select.crop.pointing_crop",
@@ -73,7 +74,7 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
     const transform = import_editor.Mat.Compose(
       import_editor.Mat.Translate(state.bounds.x, state.bounds.y),
       import_editor.Mat.Rotate(state.rotation),
-      import_editor.Mat.Translate(state.expandDx, state.expandDy)
+      import_editor.Mat.Translate(state.expandOffsetX, state.expandOffsetY)
     );
     const { overlayType, handle } = overlay.props;
     switch (overlayType) {
@@ -93,7 +94,7 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
     ctx.save();
     ctx.translate(state.bounds.x, state.bounds.y);
     ctx.rotate(state.rotation);
-    ctx.translate(state.expandDx, state.expandDy);
+    ctx.translate(state.expandOffsetX, state.expandOffsetY);
     const colors = this._getThemeColors();
     this._renderSelectionBox(ctx, state, colors);
     this._renderResizeCorners(ctx, state, colors);
@@ -171,23 +172,31 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
         isFilled: true
       });
     }
-    const cp = this._getCornerLocalPoint(handle, state.width, state.height);
-    const s = Math.max(state.targetSizeX, state.targetSizeY) * 1.5;
+    const cornerPoint = this._getCornerLocalPoint(
+      handle,
+      state.width,
+      state.height
+    );
+    const cornerHitHalfSize = Math.max(state.hitTargetSizeX, state.hitTargetSizeY) * 1.5;
     return new import_editor.Polygon2d({
-      points: this._localRectToPoints(cp.x - s, cp.y - s, s * 2, s * 2).map(
-        (p) => import_editor.Mat.applyToPoint(transform, p)
-      ),
+      points: this._localRectToPoints(
+        cornerPoint.x - cornerHitHalfSize,
+        cornerPoint.y - cornerHitHalfSize,
+        cornerHitHalfSize * 2,
+        cornerHitHalfSize * 2
+      ).map((p) => import_editor.Mat.applyToPoint(transform, p)),
       isFilled: true
     });
   }
   _getRotateHandleGeometry(handle, state, transform) {
-    const cornerSize = Math.max(state.targetSizeX, state.targetSizeY) * 1.5;
+    const cornerSize = Math.max(state.hitTargetSizeX, state.hitTargetSizeY) * 1.62;
     const center = this._getRotateHandleLocalCenter(handle, state.width, state.height, cornerSize);
     const radius = cornerSize;
-    return new import_editor.Circle2d({
+    return new import_editor.Rectangle2d({
       x: center.x - radius,
       y: center.y - radius,
-      radius,
+      width: radius * 2,
+      height: radius * 2,
       isFilled: true
     }).transform(transform);
   }
@@ -210,14 +219,14 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
   }
   _renderResizeCorners(ctx, state, colors) {
     if (!state.showResizeHandles) return;
-    const { size, width, height, hideAlternateCornerHandles, showOnlyOneHandle, zoom } = state;
+    const { handleSize, width, height, hideAlternateCornerHandles, showOnlyOneHandle, zoom } = state;
     ctx.fillStyle = colors.bgColor;
     ctx.strokeStyle = colors.strokeColor;
     ctx.lineWidth = this.options.lineWidth / zoom;
     const drawCorner = (x, y, hidden) => {
       if (hidden) return;
-      ctx.fillRect(x - size / 2, y - size / 2, size, size);
-      ctx.strokeRect(x - size / 2, y - size / 2, size, size);
+      ctx.fillRect(x - handleSize / 2, y - handleSize / 2, handleSize, handleSize);
+      ctx.strokeRect(x - handleSize / 2, y - handleSize / 2, handleSize, handleSize);
     };
     drawCorner(0, 0, false);
     drawCorner(width, 0, hideAlternateCornerHandles);
@@ -226,42 +235,42 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
   }
   _renderCropHandles(ctx, state, colors) {
     if (!state.showCropHandles) return;
-    const { size, width, height, hideAlternateCropHandles } = state;
-    const cropStrokeWidth = size / 3;
+    const { handleSize, width, height, hideAlternateCropHandles } = state;
+    const cropStrokeWidth = handleSize / 3;
     const offset = cropStrokeWidth / 2;
     ctx.beginPath();
     ctx.strokeStyle = colors.strokeColor;
     ctx.lineWidth = cropStrokeWidth;
     ctx.lineCap = "butt";
     ctx.lineJoin = "miter";
-    ctx.moveTo(-offset, size);
+    ctx.moveTo(-offset, handleSize);
     ctx.lineTo(-offset, -offset);
-    ctx.lineTo(size, -offset);
-    ctx.moveTo(width + offset, height - size);
+    ctx.lineTo(handleSize, -offset);
+    ctx.moveTo(width + offset, height - handleSize);
     ctx.lineTo(width + offset, height + offset);
-    ctx.lineTo(width - size, height + offset);
+    ctx.lineTo(width - handleSize, height + offset);
     if (!hideAlternateCropHandles) {
-      ctx.moveTo(width - size, -offset);
+      ctx.moveTo(width - handleSize, -offset);
       ctx.lineTo(width + offset, -offset);
-      ctx.lineTo(width + offset, size);
-      ctx.moveTo(size, height + offset);
+      ctx.lineTo(width + offset, handleSize);
+      ctx.moveTo(handleSize, height + offset);
       ctx.lineTo(-offset, height + offset);
-      ctx.lineTo(-offset, height - size);
-      ctx.moveTo(width / 2 - size, -offset);
-      ctx.lineTo(width / 2 + size, -offset);
-      ctx.moveTo(width + offset, height / 2 - size);
-      ctx.lineTo(width + offset, height / 2 + size);
-      ctx.moveTo(width / 2 - size, height + offset);
-      ctx.lineTo(width / 2 + size, height + offset);
-      ctx.moveTo(-offset, height / 2 - size);
-      ctx.lineTo(-offset, height / 2 + size);
+      ctx.lineTo(-offset, height - handleSize);
+      ctx.moveTo(width / 2 - handleSize, -offset);
+      ctx.lineTo(width / 2 + handleSize, -offset);
+      ctx.moveTo(width + offset, height / 2 - handleSize);
+      ctx.lineTo(width + offset, height / 2 + handleSize);
+      ctx.moveTo(width / 2 - handleSize, height + offset);
+      ctx.lineTo(width / 2 + handleSize, height + offset);
+      ctx.moveTo(-offset, height / 2 - handleSize);
+      ctx.lineTo(-offset, height / 2 + handleSize);
     }
     ctx.stroke();
   }
   _renderMobileRotateHandle(ctx, state, colors) {
     if (!state.showMobileRotateHandle) return;
     const { cx, cy } = this._getMobileRotateCenter(state);
-    const fgRadius = state.size / SQUARE_ROOT_PI;
+    const fgRadius = state.handleSize / SQUARE_ROOT_PI;
     ctx.fillStyle = colors.bgColor;
     ctx.strokeStyle = colors.strokeColor;
     ctx.lineWidth = this.options.lineWidth / state.zoom;
@@ -278,16 +287,16 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
       zoom,
       width,
       height,
-      size,
-      targetSizeY
+      handleSize,
+      hitTargetSizeY
     } = state;
     if (!shouldDisplayControls || !isCoarsePointer || !onlyShape || onlyShape.type !== "text") {
       return;
     }
-    const textHandleHeight = Math.min(24 / zoom, height - targetSizeY * 3);
+    const textHandleHeight = Math.min(24 / zoom, height - hitTargetSizeY * 3);
     if (textHandleHeight * zoom < 4) return;
-    const hw = size / 2;
-    const r = size / 4;
+    const hw = handleSize / 2;
+    const r = handleSize / 4;
     ctx.fillStyle = colors.strokeColor;
     ctx.beginPath();
     ctx.roundRect(0 - hw / 2, height / 2 - textHandleHeight / 2, hw, textHandleHeight, r);
@@ -321,23 +330,25 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
     const rotation = editor.getSelectionRotation();
     const width = expandedBounds.width;
     const height = expandedBounds.height;
-    const size = 8 / zoom;
-    const isTinyX = width < size * 2;
-    const isTinyY = height < size * 2;
-    const isSmallX = width < size * 4;
-    const isSmallY = height < size * 4;
-    const isSmallCropX = width < size * 5;
-    const isSmallCropY = height < size * 5;
+    const handleSize = 8 / zoom;
+    const isTinyX = width < handleSize * 2;
+    const isTinyY = height < handleSize * 2;
+    const isSmallX = width < handleSize * 4;
+    const isSmallY = height < handleSize * 4;
+    const isSmallCropX = width < handleSize * 5;
+    const isSmallCropY = height < handleSize * 5;
     const mobileHandleMultiplier = isCoarsePointer ? 1.75 : 1;
-    const targetSize = 6 / zoom * mobileHandleMultiplier;
-    const targetSizeX = (isSmallX ? targetSize / 2 : targetSize) * (mobileHandleMultiplier * 0.75);
-    const targetSizeY = (isSmallY ? targetSize / 2 : targetSize) * (mobileHandleMultiplier * 0.75);
-    const expandDx = expandedBounds.x - bounds.x;
-    const expandDy = expandedBounds.y - bounds.y;
+    const hitTargetSize = 6 / zoom * mobileHandleMultiplier;
+    const hitTargetSizeX = (isSmallX ? hitTargetSize / 2 : hitTargetSize) * (mobileHandleMultiplier * 0.75);
+    const hitTargetSizeY = (isSmallY ? hitTargetSize / 2 : hitTargetSize) * (mobileHandleMultiplier * 0.75);
+    const expandOffsetX = expandedBounds.x - bounds.x;
+    const expandOffsetY = expandedBounds.y - bounds.y;
     const shouldDisplayControls = editor.isInAny(
       "select.idle",
       "select.pointing_selection",
       "select.pointing_shape",
+      "select.pointing_resize_handle",
+      "select.pointing_rotate_handle",
       "select.crop.idle"
     ) && !isChangingStyle && !isReadonly;
     const showCropHandles = editor.isInAny(
@@ -366,7 +377,8 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
       "select.crop.idle",
       "select.crop.pointing_crop",
       "select.crop.pointing_crop_handle",
-      "select.pointing_resize_handle"
+      "select.pointing_resize_handle",
+      "select.pointing_rotate_handle"
     ) || showSelectionBounds && editor.isIn("select.resizing") && !!(onlyShape && editor.isShapeOfType(onlyShape, "text"));
     return {
       bounds,
@@ -376,12 +388,12 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
       rotation,
       width,
       height,
-      size,
-      targetSize,
-      targetSizeX,
-      targetSizeY,
-      expandDx,
-      expandDy,
+      handleSize,
+      hitTargetSize,
+      hitTargetSizeX,
+      hitTargetSizeY,
+      expandOffsetX,
+      expandOffsetY,
       isSmallX,
       shouldDisplayControls,
       shouldDisplayBox,
@@ -396,12 +408,12 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
     };
   }
   _getMobileRotateCenter(state) {
-    const { width, height, targetSize, isSmallX, onlyShape, rotation } = state;
+    const { width, height, hitTargetSize, isSmallX, onlyShape, rotation } = state;
     const editor = this.editor;
     const isMediaShape = !!onlyShape && (editor.isShapeOfType(onlyShape, "image") || editor.isShapeOfType(onlyShape, "video"));
     const isShapeTooCloseToContextualToolbar = rotation / import_editor.HALF_PI > 1.6 && rotation / import_editor.HALF_PI < 2.4;
-    const cx = isSmallX ? -targetSize * 1.5 : width / 2;
-    const cy = isSmallX ? height / 2 : isMediaShape && !isShapeTooCloseToContextualToolbar ? height + targetSize * 1.5 : -targetSize * 1.5;
+    const cx = isSmallX ? -hitTargetSize * 1.5 : width / 2;
+    const cy = isSmallX ? height / 2 : isMediaShape && !isShapeTooCloseToContextualToolbar ? height + hitTargetSize * 1.5 : -hitTargetSize * 1.5;
     return { cx, cy };
   }
   _getThemeColors() {
@@ -420,16 +432,16 @@ class SelectionForegroundOverlayUtil extends import_editor.OverlayUtil {
     };
   }
   _getEdgeLocalRect(edge, state) {
-    const { width, height, targetSizeX, targetSizeY } = state;
+    const { width, height, hitTargetSizeX, hitTargetSizeY } = state;
     switch (edge) {
       case "top":
-        return { x: 0, y: -targetSizeY, w: width, h: targetSizeY * 2 };
+        return { x: 0, y: -hitTargetSizeY, w: width, h: hitTargetSizeY * 2 };
       case "right":
-        return { x: width - targetSizeX, y: 0, w: targetSizeX * 2, h: height };
+        return { x: width - hitTargetSizeX, y: 0, w: hitTargetSizeX * 2, h: height };
       case "bottom":
-        return { x: 0, y: height - targetSizeY, w: width, h: targetSizeY * 2 };
+        return { x: 0, y: height - hitTargetSizeY, w: width, h: hitTargetSizeY * 2 };
       case "left":
-        return { x: -targetSizeX, y: 0, w: targetSizeX * 2, h: height };
+        return { x: -hitTargetSizeX, y: 0, w: hitTargetSizeX * 2, h: height };
     }
   }
   _getRotateHandleLocalCenter(corner, width, height, cornerSize) {

package/dist-cjs/lib/overlays/SelectionForegroundOverlayUtil.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/overlays/SelectionForegroundOverlayUtil.ts"],
-  "sourcesContent": ["import {\n\tBox,\n\tCircle2d,\n\tGeometry2d,\n\tHALF_PI,\n\tMat,\n\tOverlayUtil,\n\tPolygon2d,\n\tRotateCorner,\n\tSelectionCorner,\n\tSelectionEdge,\n\tTLCursorType,\n\tTLOverlay,\n\tTLSelectionHandle,\n\tTLShape,\n\tVec,\n} from '@tldraw/editor'\n\nconst SQUARE_ROOT_PI = Math.sqrt(Math.PI)\n\nconst ROTATE_CURSORS: Partial<Record<RotateCorner, TLCursorType>> = {\n\ttop_left_rotate: 'nwse-rotate',\n\ttop_right_rotate: 'nesw-rotate',\n\tbottom_left_rotate: 'swne-rotate',\n\tbottom_right_rotate: 'senw-rotate',\n}\n\nconst RESIZE_CURSORS: Partial<Record<TLSelectionHandle, TLCursorType>> = {\n\ttop_left: 'nwse-resize',\n\ttop_right: 'nesw-resize',\n\tbottom_right: 'nwse-resize',\n\tbottom_left: 'nesw-resize',\n\ttop: 'ns-resize',\n\tbottom: 'ns-resize',\n\tleft: 'ew-resize',\n\tright: 'ew-resize',\n}\n\n/** @public */\nexport interface TLSelectionForegroundOverlay extends TLOverlay {\n\tprops: {\n\t\toverlayType: 'resize_handle' | 'rotate_handle' | 'mobile_rotate'\n\t\thandle: TLSelectionHandle | RotateCorner\n\t}\n}\n\ninterface SelectionState {\n\tbounds: Box\n\tonlyShape: TLShape | null\n\tisCoarsePointer: boolean\n\tzoom: number\n\trotation: number\n\twidth: number\n\theight: number\n\tsize: number\n\ttargetSize: number\n\ttargetSizeX: number\n\ttargetSizeY: number\n\texpandDx: number\n\texpandDy: number\n\tisSmallX: boolean\n\tshouldDisplayControls: boolean\n\tshouldDisplayBox: boolean\n\tshowCropHandles: boolean\n\tshowResizeHandles: boolean\n\tshowCornerRotateHandles: boolean\n\tshowMobileRotateHandle: boolean\n\tshowHandles: boolean\n\thideAlternateCornerHandles: boolean\n\thideAlternateCropHandles: boolean\n\tshowOnlyOneHandle: boolean\n}\n\ninterface SelectionForegroundColors {\n\tstrokeColor: string\n\tbgColor: string\n}\n\n/**\n * Overlay util for selection foreground handles (resize corners/edges, rotate corners, mobile rotate).\n * Each interactive element of the selection foreground becomes its own overlay instance.\n *\n * @public\n */\nexport class SelectionForegroundOverlayUtil extends OverlayUtil<TLSelectionForegroundOverlay> {\n\tstatic override type = 'selection_foreground'\n\toverride options = { zIndex: 100, lineWidth: 1.5 }\n\n\toverride isActive(): boolean {\n\t\tif (!this.editor.getSelectionRotatedPageBounds()) return false\n\n\t\treturn this.editor.isInAny(\n\t\t\t'select.idle',\n\t\t\t'select.brushing',\n\t\t\t'select.scribble_brushing',\n\t\t\t'select.pointing_canvas',\n\t\t\t'select.pointing_selection',\n\t\t\t'select.pointing_shape',\n\t\t\t'select.pointing_resize_handle',\n\t\t\t'select.resizing',\n\t\t\t'select.crop.idle',\n\t\t\t'select.crop.pointing_crop',\n\t\t\t'select.crop.pointing_crop_handle'\n\t\t)\n\t}\n\n\toverride getOverlays(): TLSelectionForegroundOverlay[] {\n\t\tconst state = this._computeSelectionState()\n\t\tif (!state) return []\n\n\t\tconst overlays: TLSelectionForegroundOverlay[] = []\n\t\tthis._collectResizeCornerOverlays(state, overlays)\n\t\tthis._collectResizeEdgeOverlays(state, overlays)\n\t\tthis._collectRotateOverlays(state, overlays)\n\t\treturn overlays\n\t}\n\n\toverride getGeometry(overlay: TLSelectionForegroundOverlay): Geometry2d | null {\n\t\tconst state = this._computeSelectionState()\n\t\tif (!state) return null\n\n\t\tconst transform = Mat.Compose(\n\t\t\tMat.Translate(state.bounds.x, state.bounds.y),\n\t\t\tMat.Rotate(state.rotation),\n\t\t\tMat.Translate(state.expandDx, state.expandDy)\n\t\t)\n\n\t\tconst { overlayType, handle } = overlay.props\n\n\t\tswitch (overlayType) {\n\t\t\tcase 'resize_handle':\n\t\t\t\treturn this._getResizeHandleGeometry(handle as TLSelectionHandle, state, transform)\n\t\t\tcase 'rotate_handle':\n\t\t\t\treturn this._getRotateHandleGeometry(handle as RotateCorner, state, transform)\n\t\t\tcase 'mobile_rotate':\n\t\t\t\treturn this._getMobileRotateGeometry(state, transform)\n\t\t\tdefault:\n\t\t\t\treturn null\n\t\t}\n\t}\n\n\toverride render(ctx: CanvasRenderingContext2D, _overlays: TLSelectionForegroundOverlay[]): void {\n\t\tconst state = this._computeSelectionState()\n\t\tif (!state) return\n\n\t\t// Transform to local selection space; each render helper assumes this is active.\n\t\tctx.save()\n\t\tctx.translate(state.bounds.x, state.bounds.y)\n\t\tctx.rotate(state.rotation)\n\t\tctx.translate(state.expandDx, state.expandDy)\n\n\t\tconst colors = this._getThemeColors()\n\t\tthis._renderSelectionBox(ctx, state, colors)\n\t\tthis._renderResizeCorners(ctx, state, colors)\n\t\tthis._renderCropHandles(ctx, state, colors)\n\t\tthis._renderMobileRotateHandle(ctx, state, colors)\n\t\tthis._renderTextResizeHandles(ctx, state, colors)\n\n\t\tctx.restore()\n\t}\n\n\toverride getCursor(overlay: TLSelectionForegroundOverlay): TLCursorType | undefined {\n\t\tconst { overlayType, handle } = overlay.props\n\t\tswitch (overlayType) {\n\t\t\tcase 'rotate_handle':\n\t\t\t\treturn ROTATE_CURSORS[handle as RotateCorner]\n\t\t\tcase 'mobile_rotate':\n\t\t\t\treturn 'grab'\n\t\t\tcase 'resize_handle':\n\t\t\t\treturn RESIZE_CURSORS[handle as TLSelectionHandle]\n\t\t\tdefault:\n\t\t\t\treturn undefined\n\t\t}\n\t}\n\n\t// --- Overlay collection ---\n\n\tprivate _collectResizeCornerOverlays(\n\t\tstate: SelectionState,\n\t\toverlays: TLSelectionForegroundOverlay[]\n\t) {\n\t\tif (!state.showHandles) return\n\n\t\toverlays.push(this._makeOverlay('resize_handle', 'top_left'))\n\t\tif (!state.hideAlternateCornerHandles) {\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'top_right'))\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'bottom_left'))\n\t\t}\n\t\tif (!state.showOnlyOneHandle || state.showCropHandles) {\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'bottom_right'))\n\t\t}\n\t}\n\n\tprivate _collectResizeEdgeOverlays(\n\t\tstate: SelectionState,\n\t\toverlays: TLSelectionForegroundOverlay[]\n\t) {\n\t\tif (!state.showHandles) return\n\n\t\tconst {\n\t\t\tshowCropHandles,\n\t\t\thideAlternateCropHandles,\n\t\t\thideAlternateCornerHandles,\n\t\t\tshowOnlyOneHandle,\n\t\t\tisCoarsePointer,\n\t\t\tonlyShape,\n\t\t} = state\n\n\t\tconst hideVerticalEdgeTargets = showCropHandles\n\t\t\t? hideAlternateCropHandles\n\t\t\t: hideAlternateCornerHandles || showOnlyOneHandle || isCoarsePointer\n\t\tconst isMobileAndTextShape = isCoarsePointer && !!onlyShape && onlyShape.type === 'text'\n\t\tconst hideHorizontalEdgeTargets = showCropHandles\n\t\t\t? hideAlternateCropHandles\n\t\t\t: hideVerticalEdgeTargets && !isMobileAndTextShape\n\n\t\tif (!hideVerticalEdgeTargets) {\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'top'))\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'bottom'))\n\t\t}\n\t\tif (!hideHorizontalEdgeTargets) {\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'right'))\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'left'))\n\t\t}\n\t}\n\n\tprivate _collectRotateOverlays(state: SelectionState, overlays: TLSelectionForegroundOverlay[]) {\n\t\tif (state.showCornerRotateHandles) {\n\t\t\toverlays.push(this._makeOverlay('rotate_handle', 'top_left_rotate'))\n\t\t\toverlays.push(this._makeOverlay('rotate_handle', 'top_right_rotate'))\n\t\t\toverlays.push(this._makeOverlay('rotate_handle', 'bottom_left_rotate'))\n\t\t\toverlays.push(this._makeOverlay('rotate_handle', 'bottom_right_rotate'))\n\t\t}\n\t\tif (state.showMobileRotateHandle) {\n\t\t\toverlays.push(this._makeOverlay('mobile_rotate', 'mobile_rotate'))\n\t\t}\n\t}\n\n\t// --- Geometry builders ---\n\n\tprivate _getResizeHandleGeometry(\n\t\thandle: TLSelectionHandle,\n\t\tstate: SelectionState,\n\t\ttransform: Mat\n\t): Geometry2d {\n\t\tif (handle === 'top' || handle === 'bottom' || handle === 'left' || handle === 'right') {\n\t\t\tconst rect = this._getEdgeLocalRect(handle, state)\n\t\t\treturn new Polygon2d({\n\t\t\t\tpoints: this._localRectToPoints(rect.x, rect.y, rect.w, rect.h).map((p) =>\n\t\t\t\t\tMat.applyToPoint(transform, p)\n\t\t\t\t),\n\t\t\t\tisFilled: true,\n\t\t\t})\n\t\t}\n\n\t\tconst cp = this._getCornerLocalPoint(handle as SelectionCorner, state.width, state.height)\n\t\tconst s = Math.max(state.targetSizeX, state.targetSizeY) * 1.5\n\t\treturn new Polygon2d({\n\t\t\tpoints: this._localRectToPoints(cp.x - s, cp.y - s, s * 2, s * 2).map((p) =>\n\t\t\t\tMat.applyToPoint(transform, p)\n\t\t\t),\n\t\t\tisFilled: true,\n\t\t})\n\t}\n\n\tprivate _getRotateHandleGeometry(\n\t\thandle: RotateCorner,\n\t\tstate: SelectionState,\n\t\ttransform: Mat\n\t): Geometry2d {\n\t\tconst cornerSize = Math.max(state.targetSizeX, state.targetSizeY) * 1.5\n\t\tconst center = this._getRotateHandleLocalCenter(handle, state.width, state.height, cornerSize)\n\t\tconst radius = cornerSize\n\t\treturn new Circle2d({\n\t\t\tx: center.x - radius,\n\t\t\ty: center.y - radius,\n\t\t\tradius,\n\t\t\tisFilled: true,\n\t\t}).transform(transform)\n\t}\n\n\tprivate _getMobileRotateGeometry(state: SelectionState, transform: Mat): Geometry2d {\n\t\tconst bgRadius = Math.max(14 * (1 / state.zoom), 20 / Math.max(1, state.zoom))\n\t\tconst { cx, cy } = this._getMobileRotateCenter(state)\n\t\treturn new Polygon2d({\n\t\t\tpoints: this._localRectToPoints(cx - bgRadius, cy - bgRadius, bgRadius * 2, bgRadius * 2).map(\n\t\t\t\t(p) => Mat.applyToPoint(transform, p)\n\t\t\t),\n\t\t\tisFilled: true,\n\t\t})\n\t}\n\n\t// --- Rendering (all helpers assume ctx is in local selection space) ---\n\n\tprivate _renderSelectionBox(\n\t\tctx: CanvasRenderingContext2D,\n\t\tstate: SelectionState,\n\t\tcolors: SelectionForegroundColors\n\t) {\n\t\tif (!state.shouldDisplayBox) return\n\t\tctx.strokeStyle = colors.strokeColor\n\t\tctx.lineWidth = this.options.lineWidth / state.zoom\n\t\tctx.strokeRect(0, 0, state.width, state.height)\n\t}\n\n\tprivate _renderResizeCorners(\n\t\tctx: CanvasRenderingContext2D,\n\t\tstate: SelectionState,\n\t\tcolors: SelectionForegroundColors\n\t) {\n\t\tif (!state.showResizeHandles) return\n\n\t\tconst { size, width, height, hideAlternateCornerHandles, showOnlyOneHandle, zoom } = state\n\n\t\tctx.fillStyle = colors.bgColor\n\t\tctx.strokeStyle = colors.strokeColor\n\t\tctx.lineWidth = this.options.lineWidth / zoom\n\n\t\tconst drawCorner = (x: number, y: number, hidden: boolean) => {\n\t\t\tif (hidden) return\n\t\t\tctx.fillRect(x - size / 2, y - size / 2, size, size)\n\t\t\tctx.strokeRect(x - size / 2, y - size / 2, size, size)\n\t\t}\n\n\t\tdrawCorner(0, 0, false) // top-left always shown\n\t\tdrawCorner(width, 0, hideAlternateCornerHandles) // top-right\n\t\tdrawCorner(width, height, showOnlyOneHandle) // bottom-right\n\t\tdrawCorner(0, height, hideAlternateCornerHandles) // bottom-left\n\t}\n\n\tprivate _renderCropHandles(\n\t\tctx: CanvasRenderingContext2D,\n\t\tstate: SelectionState,\n\t\tcolors: SelectionForegroundColors\n\t) {\n\t\tif (!state.showCropHandles) return\n\n\t\tconst { size, width, height, hideAlternateCropHandles } = state\n\t\tconst cropStrokeWidth = size / 3\n\t\tconst offset = cropStrokeWidth / 2\n\n\t\tctx.beginPath()\n\t\tctx.strokeStyle = colors.strokeColor\n\t\tctx.lineWidth = cropStrokeWidth\n\t\tctx.lineCap = 'butt'\n\t\tctx.lineJoin = 'miter'\n\n\t\t// top_left corner (always shown)\n\t\tctx.moveTo(-offset, size)\n\t\tctx.lineTo(-offset, -offset)\n\t\tctx.lineTo(size, -offset)\n\n\t\t// bottom_right corner (always shown)\n\t\tctx.moveTo(width + offset, height - size)\n\t\tctx.lineTo(width + offset, height + offset)\n\t\tctx.lineTo(width - size, height + offset)\n\n\t\tif (!hideAlternateCropHandles) {\n\t\t\t// top_right corner\n\t\t\tctx.moveTo(width - size, -offset)\n\t\t\tctx.lineTo(width + offset, -offset)\n\t\t\tctx.lineTo(width + offset, size)\n\n\t\t\t// bottom_left corner\n\t\t\tctx.moveTo(size, height + offset)\n\t\t\tctx.lineTo(-offset, height + offset)\n\t\t\tctx.lineTo(-offset, height - size)\n\n\t\t\t// top edge\n\t\t\tctx.moveTo(width / 2 - size, -offset)\n\t\t\tctx.lineTo(width / 2 + size, -offset)\n\n\t\t\t// right edge\n\t\t\tctx.moveTo(width + offset, height / 2 - size)\n\t\t\tctx.lineTo(width + offset, height / 2 + size)\n\n\t\t\t// bottom edge\n\t\t\tctx.moveTo(width / 2 - size, height + offset)\n\t\t\tctx.lineTo(width / 2 + size, height + offset)\n\n\t\t\t// left edge\n\t\t\tctx.moveTo(-offset, height / 2 - size)\n\t\t\tctx.lineTo(-offset, height / 2 + size)\n\t\t}\n\n\t\tctx.stroke()\n\t}\n\n\tprivate _renderMobileRotateHandle(\n\t\tctx: CanvasRenderingContext2D,\n\t\tstate: SelectionState,\n\t\tcolors: SelectionForegroundColors\n\t) {\n\t\tif (!state.showMobileRotateHandle) return\n\n\t\tconst { cx, cy } = this._getMobileRotateCenter(state)\n\t\tconst fgRadius = state.size / SQUARE_ROOT_PI\n\n\t\tctx.fillStyle = colors.bgColor\n\t\tctx.strokeStyle = colors.strokeColor\n\t\tctx.lineWidth = this.options.lineWidth / state.zoom\n\t\tctx.beginPath()\n\t\tctx.arc(cx, cy, fgRadius, 0, Math.PI * 2)\n\t\tctx.fill()\n\t\tctx.stroke()\n\t}\n\n\tprivate _renderTextResizeHandles(\n\t\tctx: CanvasRenderingContext2D,\n\t\tstate: SelectionState,\n\t\tcolors: SelectionForegroundColors\n\t) {\n\t\tconst {\n\t\t\tshouldDisplayControls,\n\t\t\tisCoarsePointer,\n\t\t\tonlyShape,\n\t\t\tzoom,\n\t\t\twidth,\n\t\t\theight,\n\t\t\tsize,\n\t\t\ttargetSizeY,\n\t\t} = state\n\t\tif (!shouldDisplayControls || !isCoarsePointer || !onlyShape || onlyShape.type !== 'text') {\n\t\t\treturn\n\t\t}\n\n\t\tconst textHandleHeight = Math.min(24 / zoom, height - targetSizeY * 3)\n\t\tif (textHandleHeight * zoom < 4) return\n\n\t\tconst hw = size / 2\n\t\tconst r = size / 4\n\n\t\tctx.fillStyle = colors.strokeColor\n\t\tctx.beginPath()\n\t\tctx.roundRect(0 - hw / 2, height / 2 - textHandleHeight / 2, hw, textHandleHeight, r)\n\t\tctx.fill()\n\t\tctx.beginPath()\n\t\tctx.roundRect(width - hw / 2, height / 2 - textHandleHeight / 2, hw, textHandleHeight, r)\n\t\tctx.fill()\n\t}\n\n\t// --- Shared helpers ---\n\n\t/**\n\t * Single source of truth for the derived state the selection foreground needs.\n\t * Called from `getOverlays()`, `getGeometry()`, and `render()` so their visibility\n\t * predicates can't drift. Returns `null` when no selection UI should appear at all\n\t * (nothing selected, or the only selected shape is hidden).\n\t */\n\tprivate _computeSelectionState(): SelectionState | null {\n\t\tconst editor = this.editor\n\t\tconst bounds = editor.getSelectionRotatedPageBounds()\n\t\tif (!bounds) return null\n\n\t\tconst onlyShape = editor.getOnlySelectedShape()\n\t\tif (onlyShape && editor.isShapeHidden(onlyShape)) return null\n\n\t\tconst onlyShapeUtil = onlyShape ? editor.getShapeUtil(onlyShape) : null\n\t\tconst isLockedShape = !!(onlyShape && editor.isShapeOrAncestorLocked(onlyShape))\n\n\t\tconst expandOutlineBy =\n\t\t\tonlyShape && onlyShapeUtil ? onlyShapeUtil.expandSelectionOutlinePx(onlyShape) : 0\n\t\tconst expandedBounds =\n\t\t\texpandOutlineBy instanceof Box\n\t\t\t\t? bounds.clone().expand(expandOutlineBy).zeroFix()\n\t\t\t\t: bounds.clone().expandBy(expandOutlineBy).zeroFix()\n\n\t\tconst instanceState = editor.getInstanceState()\n\t\tconst isCoarsePointer = instanceState.isCoarsePointer\n\t\tconst isChangingStyle = instanceState.isChangingStyle\n\t\tconst isReadonly = editor.getIsReadonly()\n\t\tconst zoom = editor.getZoomLevel()\n\t\tconst rotation = editor.getSelectionRotation()\n\n\t\tconst width = expandedBounds.width\n\t\tconst height = expandedBounds.height\n\t\tconst size = 8 / zoom\n\t\tconst isTinyX = width < size * 2\n\t\tconst isTinyY = height < size * 2\n\t\tconst isSmallX = width < size * 4\n\t\tconst isSmallY = height < size * 4\n\t\tconst isSmallCropX = width < size * 5\n\t\tconst isSmallCropY = height < size * 5\n\n\t\tconst mobileHandleMultiplier = isCoarsePointer ? 1.75 : 1\n\t\tconst targetSize = (6 / zoom) * mobileHandleMultiplier\n\t\tconst targetSizeX = (isSmallX ? targetSize / 2 : targetSize) * (mobileHandleMultiplier * 0.75)\n\t\tconst targetSizeY = (isSmallY ? targetSize / 2 : targetSize) * (mobileHandleMultiplier * 0.75)\n\n\t\tconst expandDx = expandedBounds.x - bounds.x\n\t\tconst expandDy = expandedBounds.y - bounds.y\n\n\t\tconst shouldDisplayControls =\n\t\t\teditor.isInAny(\n\t\t\t\t'select.idle',\n\t\t\t\t'select.pointing_selection',\n\t\t\t\t'select.pointing_shape',\n\t\t\t\t'select.crop.idle'\n\t\t\t) &&\n\t\t\t!isChangingStyle &&\n\t\t\t!isReadonly\n\n\t\tconst showCropHandles =\n\t\t\teditor.isInAny(\n\t\t\t\t'select.crop.idle',\n\t\t\t\t'select.crop.pointing_crop',\n\t\t\t\t'select.crop.pointing_crop_handle'\n\t\t\t) && !isReadonly\n\n\t\tconst canOnlyShapeResize =\n\t\t\tonlyShape && onlyShapeUtil\n\t\t\t\t? onlyShapeUtil.canResize(onlyShape) && !onlyShapeUtil.hideResizeHandles(onlyShape)\n\t\t\t\t: true\n\t\tconst hideOnlyShapeRotateHandle =\n\t\t\tonlyShape && onlyShapeUtil ? onlyShapeUtil.hideRotateHandle(onlyShape) : false\n\t\tconst hideOnlyShapeSelectionBounds =\n\t\t\tonlyShape && onlyShapeUtil ? onlyShapeUtil.hideSelectionBoundsFg(onlyShape) : false\n\n\t\tconst showResizeHandles =\n\t\t\tshouldDisplayControls && !isLockedShape && !showCropHandles && canOnlyShapeResize\n\n\t\tconst showCornerRotateHandles =\n\t\t\tshouldDisplayControls &&\n\t\t\t!isLockedShape &&\n\t\t\t!isCoarsePointer &&\n\t\t\t!(isTinyX || isTinyY) &&\n\t\t\t!hideOnlyShapeRotateHandle\n\n\t\tconst showMobileRotateHandle =\n\t\t\tshouldDisplayControls &&\n\t\t\t!isLockedShape &&\n\t\t\tisCoarsePointer &&\n\t\t\t(!isSmallX || !isSmallY) &&\n\t\t\t!hideOnlyShapeRotateHandle\n\n\t\tconst hideAlternateCornerHandles = isTinyX || isTinyY\n\t\tconst hideAlternateCropHandles = isSmallCropX || isSmallCropY\n\t\tconst showOnlyOneHandle = isTinyX && isTinyY\n\t\tconst showHandles = showResizeHandles || showCropHandles\n\n\t\tconst showSelectionBounds = !hideOnlyShapeSelectionBounds && !isChangingStyle\n\n\t\tconst shouldDisplayBox =\n\t\t\t(showSelectionBounds &&\n\t\t\t\teditor.isInAny(\n\t\t\t\t\t'select.idle',\n\t\t\t\t\t'select.brushing',\n\t\t\t\t\t'select.scribble_brushing',\n\t\t\t\t\t'select.pointing_canvas',\n\t\t\t\t\t'select.pointing_selection',\n\t\t\t\t\t'select.pointing_shape',\n\t\t\t\t\t'select.crop.idle',\n\t\t\t\t\t'select.crop.pointing_crop',\n\t\t\t\t\t'select.crop.pointing_crop_handle',\n\t\t\t\t\t'select.pointing_resize_handle'\n\t\t\t\t)) ||\n\t\t\t(showSelectionBounds &&\n\t\t\t\teditor.isIn('select.resizing') &&\n\t\t\t\t!!(onlyShape && editor.isShapeOfType(onlyShape, 'text')))\n\n\t\treturn {\n\t\t\tbounds,\n\t\t\tonlyShape,\n\t\t\tisCoarsePointer,\n\t\t\tzoom,\n\t\t\trotation,\n\t\t\twidth,\n\t\t\theight,\n\t\t\tsize,\n\t\t\ttargetSize,\n\t\t\ttargetSizeX,\n\t\t\ttargetSizeY,\n\t\t\texpandDx,\n\t\t\texpandDy,\n\t\t\tisSmallX,\n\t\t\tshouldDisplayControls,\n\t\t\tshouldDisplayBox,\n\t\t\tshowCropHandles,\n\t\t\tshowResizeHandles,\n\t\t\tshowCornerRotateHandles,\n\t\t\tshowMobileRotateHandle,\n\t\t\tshowHandles,\n\t\t\thideAlternateCornerHandles,\n\t\t\thideAlternateCropHandles,\n\t\t\tshowOnlyOneHandle,\n\t\t}\n\t}\n\n\tprivate _getMobileRotateCenter(state: SelectionState): { cx: number; cy: number } {\n\t\tconst { width, height, targetSize, isSmallX, onlyShape, rotation } = state\n\t\tconst editor = this.editor\n\t\tconst isMediaShape =\n\t\t\t!!onlyShape &&\n\t\t\t(editor.isShapeOfType(onlyShape, 'image') || editor.isShapeOfType(onlyShape, 'video'))\n\t\tconst isShapeTooCloseToContextualToolbar = rotation / HALF_PI > 1.6 && rotation / HALF_PI < 2.4\n\n\t\tconst cx = isSmallX ? -targetSize * 1.5 : width / 2\n\t\tconst cy = isSmallX\n\t\t\t? height / 2\n\t\t\t: isMediaShape && !isShapeTooCloseToContextualToolbar\n\t\t\t\t? height + targetSize * 1.5\n\t\t\t\t: -targetSize * 1.5\n\t\treturn { cx, cy }\n\t}\n\n\tprivate _getThemeColors(): SelectionForegroundColors {\n\t\tconst editor = this.editor\n\t\tconst themeColors = editor.getCurrentTheme().colors[editor.getColorMode()]\n\t\treturn {\n\t\t\tstrokeColor: themeColors.selectionStroke,\n\t\t\tbgColor: themeColors.background,\n\t\t}\n\t}\n\n\tprivate _makeOverlay(\n\t\toverlayType: TLSelectionForegroundOverlay['props']['overlayType'],\n\t\thandle: TLSelectionHandle | RotateCorner\n\t): TLSelectionForegroundOverlay {\n\t\treturn {\n\t\t\tid: `selection_fg:${handle}`,\n\t\t\ttype: 'selection_foreground',\n\t\t\tprops: { overlayType, handle },\n\t\t}\n\t}\n\n\tprivate _getEdgeLocalRect(\n\t\tedge: SelectionEdge,\n\t\tstate: SelectionState\n\t): { x: number; y: number; w: number; h: number } {\n\t\tconst { width, height, targetSizeX, targetSizeY } = state\n\t\tswitch (edge) {\n\t\t\tcase 'top':\n\t\t\t\treturn { x: 0, y: -targetSizeY, w: width, h: targetSizeY * 2 }\n\t\t\tcase 'right':\n\t\t\t\treturn { x: width - targetSizeX, y: 0, w: targetSizeX * 2, h: height }\n\t\t\tcase 'bottom':\n\t\t\t\treturn { x: 0, y: height - targetSizeY, w: width, h: targetSizeY * 2 }\n\t\t\tcase 'left':\n\t\t\t\treturn { x: -targetSizeX, y: 0, w: targetSizeX * 2, h: height }\n\t\t}\n\t}\n\n\tprivate _getRotateHandleLocalCenter(\n\t\tcorner: RotateCorner,\n\t\twidth: number,\n\t\theight: number,\n\t\tcornerSize: number\n\t): Vec {\n\t\t// Centered on the outside corner of the resize handle square\n\t\t// (the corner furthest from the selection interior)\n\t\tswitch (corner) {\n\t\t\tcase 'top_left_rotate':\n\t\t\t\treturn new Vec(-cornerSize, -cornerSize)\n\t\t\tcase 'top_right_rotate':\n\t\t\t\treturn new Vec(width + cornerSize, -cornerSize)\n\t\t\tcase 'bottom_left_rotate':\n\t\t\t\treturn new Vec(-cornerSize, height + cornerSize)\n\t\t\tcase 'bottom_right_rotate':\n\t\t\t\treturn new Vec(width + cornerSize, height + cornerSize)\n\t\t\tdefault:\n\t\t\t\treturn new Vec(0, 0)\n\t\t}\n\t}\n\n\tprivate _getCornerLocalPoint(corner: SelectionCorner, width: number, height: number): Vec {\n\t\tswitch (corner) {\n\t\t\tcase 'top_left':\n\t\t\t\treturn new Vec(0, 0)\n\t\t\tcase 'top_right':\n\t\t\t\treturn new Vec(width, 0)\n\t\t\tcase 'bottom_right':\n\t\t\t\treturn new Vec(width, height)\n\t\t\tcase 'bottom_left':\n\t\t\t\treturn new Vec(0, height)\n\t\t}\n\t}\n\n\tprivate _localRectToPoints(x: number, y: number, w: number, h: number): Vec[] {\n\t\treturn [new Vec(x, y), new Vec(x + w, y), new Vec(x + w, y + h), new Vec(x, y + h)]\n\t}\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n\tBox,\n\tGeometry2d,\n\tHALF_PI,\n\tMat,\n\tOverlayUtil,\n\tPolygon2d,\n\tRectangle2d,\n\tRotateCorner,\n\tSelectionCorner,\n\tSelectionEdge,\n\tTLCursorType,\n\tTLOverlay,\n\tTLSelectionHandle,\n\tTLShape,\n\tVec,\n} from '@tldraw/editor'\n\nconst SQUARE_ROOT_PI = Math.sqrt(Math.PI)\n\nconst ROTATE_CURSORS: Partial<Record<RotateCorner, TLCursorType>> = {\n\ttop_left_rotate: 'nwse-rotate',\n\ttop_right_rotate: 'nesw-rotate',\n\tbottom_left_rotate: 'swne-rotate',\n\tbottom_right_rotate: 'senw-rotate',\n}\n\nconst RESIZE_CURSORS: Partial<Record<TLSelectionHandle, TLCursorType>> = {\n\ttop_left: 'nwse-resize',\n\ttop_right: 'nesw-resize',\n\tbottom_right: 'nwse-resize',\n\tbottom_left: 'nesw-resize',\n\ttop: 'ns-resize',\n\tbottom: 'ns-resize',\n\tleft: 'ew-resize',\n\tright: 'ew-resize',\n}\n\n/** @public */\nexport interface TLSelectionForegroundOverlay extends TLOverlay {\n\tprops: {\n\t\toverlayType: 'resize_handle' | 'rotate_handle' | 'mobile_rotate'\n\t\thandle: TLSelectionHandle | RotateCorner\n\t}\n}\n\ninterface SelectionState {\n\tbounds: Box\n\tonlyShape: TLShape | null\n\tisCoarsePointer: boolean\n\tzoom: number\n\trotation: number\n\twidth: number\n\theight: number\n\t/** Visual side length of the rendered resize-handle squares. */\n\thandleSize: number\n\t/** Base half-extent of the interactive hit target for handles. */\n\thitTargetSize: number\n\t/** Hit target half-extent along the x axis (narrower for small selections). */\n\thitTargetSizeX: number\n\t/** Hit target half-extent along the y axis (narrower for small selections). */\n\thitTargetSizeY: number\n\t/** Offset from the unexpanded bounds to the expanded selection outline. */\n\texpandOffsetX: number\n\texpandOffsetY: number\n\tisSmallX: boolean\n\tshouldDisplayControls: boolean\n\tshouldDisplayBox: boolean\n\tshowCropHandles: boolean\n\tshowResizeHandles: boolean\n\tshowCornerRotateHandles: boolean\n\tshowMobileRotateHandle: boolean\n\tshowHandles: boolean\n\thideAlternateCornerHandles: boolean\n\thideAlternateCropHandles: boolean\n\tshowOnlyOneHandle: boolean\n}\n\ninterface SelectionForegroundColors {\n\tstrokeColor: string\n\tbgColor: string\n}\n\n/**\n * Overlay util for selection foreground handles (resize corners/edges, rotate corners, mobile rotate).\n * Each interactive element of the selection foreground becomes its own overlay instance.\n *\n * @public\n */\nexport class SelectionForegroundOverlayUtil extends OverlayUtil<TLSelectionForegroundOverlay> {\n\tstatic override type = 'selection_foreground'\n\toverride options = { zIndex: 100, lineWidth: 1.5 }\n\n\toverride isActive(): boolean {\n\t\tif (!this.editor.getSelectionRotatedPageBounds()) return false\n\n\t\treturn this.editor.isInAny(\n\t\t\t'select.idle',\n\t\t\t'select.brushing',\n\t\t\t'select.scribble_brushing',\n\t\t\t'select.pointing_canvas',\n\t\t\t'select.pointing_selection',\n\t\t\t'select.pointing_shape',\n\t\t\t'select.pointing_resize_handle',\n\t\t\t'select.pointing_rotate_handle',\n\t\t\t'select.resizing',\n\t\t\t'select.crop.idle',\n\t\t\t'select.crop.pointing_crop',\n\t\t\t'select.crop.pointing_crop_handle'\n\t\t)\n\t}\n\n\toverride getOverlays(): TLSelectionForegroundOverlay[] {\n\t\tconst state = this._computeSelectionState()\n\t\tif (!state) return []\n\n\t\tconst overlays: TLSelectionForegroundOverlay[] = []\n\t\tthis._collectResizeCornerOverlays(state, overlays)\n\t\tthis._collectResizeEdgeOverlays(state, overlays)\n\t\tthis._collectRotateOverlays(state, overlays)\n\t\treturn overlays\n\t}\n\n\toverride getGeometry(overlay: TLSelectionForegroundOverlay): Geometry2d | null {\n\t\tconst state = this._computeSelectionState()\n\t\tif (!state) return null\n\n\t\tconst transform = Mat.Compose(\n\t\t\tMat.Translate(state.bounds.x, state.bounds.y),\n\t\t\tMat.Rotate(state.rotation),\n\t\t\tMat.Translate(state.expandOffsetX, state.expandOffsetY)\n\t\t)\n\n\t\tconst { overlayType, handle } = overlay.props\n\n\t\tswitch (overlayType) {\n\t\t\tcase 'resize_handle':\n\t\t\t\treturn this._getResizeHandleGeometry(handle as TLSelectionHandle, state, transform)\n\t\t\tcase 'rotate_handle':\n\t\t\t\treturn this._getRotateHandleGeometry(handle as RotateCorner, state, transform)\n\t\t\tcase 'mobile_rotate':\n\t\t\t\treturn this._getMobileRotateGeometry(state, transform)\n\t\t\tdefault:\n\t\t\t\treturn null\n\t\t}\n\t}\n\n\toverride render(ctx: CanvasRenderingContext2D, _overlays: TLSelectionForegroundOverlay[]): void {\n\t\tconst state = this._computeSelectionState()\n\t\tif (!state) return\n\n\t\t// Transform to local selection space; each render helper assumes this is active.\n\t\tctx.save()\n\t\tctx.translate(state.bounds.x, state.bounds.y)\n\t\tctx.rotate(state.rotation)\n\t\tctx.translate(state.expandOffsetX, state.expandOffsetY)\n\n\t\tconst colors = this._getThemeColors()\n\t\tthis._renderSelectionBox(ctx, state, colors)\n\t\tthis._renderResizeCorners(ctx, state, colors)\n\t\tthis._renderCropHandles(ctx, state, colors)\n\t\tthis._renderMobileRotateHandle(ctx, state, colors)\n\t\tthis._renderTextResizeHandles(ctx, state, colors)\n\n\t\tctx.restore()\n\t}\n\n\toverride getCursor(overlay: TLSelectionForegroundOverlay): TLCursorType | undefined {\n\t\tconst { overlayType, handle } = overlay.props\n\t\tswitch (overlayType) {\n\t\t\tcase 'rotate_handle':\n\t\t\t\treturn ROTATE_CURSORS[handle as RotateCorner]\n\t\t\tcase 'mobile_rotate':\n\t\t\t\treturn 'grab'\n\t\t\tcase 'resize_handle':\n\t\t\t\treturn RESIZE_CURSORS[handle as TLSelectionHandle]\n\t\t\tdefault:\n\t\t\t\treturn undefined\n\t\t}\n\t}\n\n\t// --- Overlay collection ---\n\n\tprivate _collectResizeCornerOverlays(\n\t\tstate: SelectionState,\n\t\toverlays: TLSelectionForegroundOverlay[]\n\t) {\n\t\tif (!state.showHandles) return\n\n\t\toverlays.push(this._makeOverlay('resize_handle', 'top_left'))\n\t\tif (!state.hideAlternateCornerHandles) {\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'top_right'))\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'bottom_left'))\n\t\t}\n\t\tif (!state.showOnlyOneHandle || state.showCropHandles) {\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'bottom_right'))\n\t\t}\n\t}\n\n\tprivate _collectResizeEdgeOverlays(\n\t\tstate: SelectionState,\n\t\toverlays: TLSelectionForegroundOverlay[]\n\t) {\n\t\tif (!state.showHandles) return\n\n\t\tconst {\n\t\t\tshowCropHandles,\n\t\t\thideAlternateCropHandles,\n\t\t\thideAlternateCornerHandles,\n\t\t\tshowOnlyOneHandle,\n\t\t\tisCoarsePointer,\n\t\t\tonlyShape,\n\t\t} = state\n\n\t\tconst hideVerticalEdgeTargets = showCropHandles\n\t\t\t? hideAlternateCropHandles\n\t\t\t: hideAlternateCornerHandles || showOnlyOneHandle || isCoarsePointer\n\t\tconst isMobileAndTextShape = isCoarsePointer && !!onlyShape && onlyShape.type === 'text'\n\t\tconst hideHorizontalEdgeTargets = showCropHandles\n\t\t\t? hideAlternateCropHandles\n\t\t\t: hideVerticalEdgeTargets && !isMobileAndTextShape\n\n\t\tif (!hideVerticalEdgeTargets) {\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'top'))\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'bottom'))\n\t\t}\n\t\tif (!hideHorizontalEdgeTargets) {\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'right'))\n\t\t\toverlays.push(this._makeOverlay('resize_handle', 'left'))\n\t\t}\n\t}\n\n\tprivate _collectRotateOverlays(state: SelectionState, overlays: TLSelectionForegroundOverlay[]) {\n\t\tif (state.showCornerRotateHandles) {\n\t\t\toverlays.push(this._makeOverlay('rotate_handle', 'top_left_rotate'))\n\t\t\toverlays.push(this._makeOverlay('rotate_handle', 'top_right_rotate'))\n\t\t\toverlays.push(this._makeOverlay('rotate_handle', 'bottom_left_rotate'))\n\t\t\toverlays.push(this._makeOverlay('rotate_handle', 'bottom_right_rotate'))\n\t\t}\n\t\tif (state.showMobileRotateHandle) {\n\t\t\toverlays.push(this._makeOverlay('mobile_rotate', 'mobile_rotate'))\n\t\t}\n\t}\n\n\t// --- Geometry builders ---\n\n\tprivate _getResizeHandleGeometry(\n\t\thandle: TLSelectionHandle,\n\t\tstate: SelectionState,\n\t\ttransform: Mat\n\t): Geometry2d {\n\t\tif (handle === 'top' || handle === 'bottom' || handle === 'left' || handle === 'right') {\n\t\t\tconst rect = this._getEdgeLocalRect(handle, state)\n\t\t\treturn new Polygon2d({\n\t\t\t\tpoints: this._localRectToPoints(rect.x, rect.y, rect.w, rect.h).map((p) =>\n\t\t\t\t\tMat.applyToPoint(transform, p)\n\t\t\t\t),\n\t\t\t\tisFilled: true,\n\t\t\t})\n\t\t}\n\n\t\tconst cornerPoint = this._getCornerLocalPoint(\n\t\t\thandle as SelectionCorner,\n\t\t\tstate.width,\n\t\t\tstate.height\n\t\t)\n\t\tconst cornerHitHalfSize = Math.max(state.hitTargetSizeX, state.hitTargetSizeY) * 1.5\n\t\treturn new Polygon2d({\n\t\t\tpoints: this._localRectToPoints(\n\t\t\t\tcornerPoint.x - cornerHitHalfSize,\n\t\t\t\tcornerPoint.y - cornerHitHalfSize,\n\t\t\t\tcornerHitHalfSize * 2,\n\t\t\t\tcornerHitHalfSize * 2\n\t\t\t).map((p) => Mat.applyToPoint(transform, p)),\n\t\t\tisFilled: true,\n\t\t})\n\t}\n\n\tprivate _getRotateHandleGeometry(\n\t\thandle: RotateCorner,\n\t\tstate: SelectionState,\n\t\ttransform: Mat\n\t): Geometry2d {\n\t\tconst cornerSize = Math.max(state.hitTargetSizeX, state.hitTargetSizeY) * 1.62\n\t\tconst center = this._getRotateHandleLocalCenter(handle, state.width, state.height, cornerSize)\n\t\tconst radius = cornerSize\n\t\treturn new Rectangle2d({\n\t\t\tx: center.x - radius,\n\t\t\ty: center.y - radius,\n\t\t\twidth: radius * 2,\n\t\t\theight: radius * 2,\n\t\t\tisFilled: true,\n\t\t}).transform(transform)\n\t}\n\n\tprivate _getMobileRotateGeometry(state: SelectionState, transform: Mat): Geometry2d {\n\t\tconst bgRadius = Math.max(14 * (1 / state.zoom), 20 / Math.max(1, state.zoom))\n\t\tconst { cx, cy } = this._getMobileRotateCenter(state)\n\t\treturn new Polygon2d({\n\t\t\tpoints: this._localRectToPoints(cx - bgRadius, cy - bgRadius, bgRadius * 2, bgRadius * 2).map(\n\t\t\t\t(p) => Mat.applyToPoint(transform, p)\n\t\t\t),\n\t\t\tisFilled: true,\n\t\t})\n\t}\n\n\t// --- Rendering (all helpers assume ctx is in local selection space) ---\n\n\tprivate _renderSelectionBox(\n\t\tctx: CanvasRenderingContext2D,\n\t\tstate: SelectionState,\n\t\tcolors: SelectionForegroundColors\n\t) {\n\t\tif (!state.shouldDisplayBox) return\n\t\tctx.strokeStyle = colors.strokeColor\n\t\tctx.lineWidth = this.options.lineWidth / state.zoom\n\t\tctx.strokeRect(0, 0, state.width, state.height)\n\t}\n\n\tprivate _renderResizeCorners(\n\t\tctx: CanvasRenderingContext2D,\n\t\tstate: SelectionState,\n\t\tcolors: SelectionForegroundColors\n\t) {\n\t\tif (!state.showResizeHandles) return\n\n\t\tconst { handleSize, width, height, hideAlternateCornerHandles, showOnlyOneHandle, zoom } = state\n\n\t\tctx.fillStyle = colors.bgColor\n\t\tctx.strokeStyle = colors.strokeColor\n\t\tctx.lineWidth = this.options.lineWidth / zoom\n\n\t\tconst drawCorner = (x: number, y: number, hidden: boolean) => {\n\t\t\tif (hidden) return\n\t\t\tctx.fillRect(x - handleSize / 2, y - handleSize / 2, handleSize, handleSize)\n\t\t\tctx.strokeRect(x - handleSize / 2, y - handleSize / 2, handleSize, handleSize)\n\t\t}\n\n\t\tdrawCorner(0, 0, false) // top-left always shown\n\t\tdrawCorner(width, 0, hideAlternateCornerHandles) // top-right\n\t\tdrawCorner(width, height, showOnlyOneHandle) // bottom-right\n\t\tdrawCorner(0, height, hideAlternateCornerHandles) // bottom-left\n\t}\n\n\tprivate _renderCropHandles(\n\t\tctx: CanvasRenderingContext2D,\n\t\tstate: SelectionState,\n\t\tcolors: SelectionForegroundColors\n\t) {\n\t\tif (!state.showCropHandles) return\n\n\t\tconst { handleSize, width, height, hideAlternateCropHandles } = state\n\t\tconst cropStrokeWidth = handleSize / 3\n\t\tconst offset = cropStrokeWidth / 2\n\n\t\tctx.beginPath()\n\t\tctx.strokeStyle = colors.strokeColor\n\t\tctx.lineWidth = cropStrokeWidth\n\t\tctx.lineCap = 'butt'\n\t\tctx.lineJoin = 'miter'\n\n\t\t// top_left corner (always shown)\n\t\tctx.moveTo(-offset, handleSize)\n\t\tctx.lineTo(-offset, -offset)\n\t\tctx.lineTo(handleSize, -offset)\n\n\t\t// bottom_right corner (always shown)\n\t\tctx.moveTo(width + offset, height - handleSize)\n\t\tctx.lineTo(width + offset, height + offset)\n\t\tctx.lineTo(width - handleSize, height + offset)\n\n\t\tif (!hideAlternateCropHandles) {\n\t\t\t// top_right corner\n\t\t\tctx.moveTo(width - handleSize, -offset)\n\t\t\tctx.lineTo(width + offset, -offset)\n\t\t\tctx.lineTo(width + offset, handleSize)\n\n\t\t\t// bottom_left corner\n\t\t\tctx.moveTo(handleSize, height + offset)\n\t\t\tctx.lineTo(-offset, height + offset)\n\t\t\tctx.lineTo(-offset, height - handleSize)\n\n\t\t\t// top edge\n\t\t\tctx.moveTo(width / 2 - handleSize, -offset)\n\t\t\tctx.lineTo(width / 2 + handleSize, -offset)\n\n\t\t\t// right edge\n\t\t\tctx.moveTo(width + offset, height / 2 - handleSize)\n\t\t\tctx.lineTo(width + offset, height / 2 + handleSize)\n\n\t\t\t// bottom edge\n\t\t\tctx.moveTo(width / 2 - handleSize, height + offset)\n\t\t\tctx.lineTo(width / 2 + handleSize, height + offset)\n\n\t\t\t// left edge\n\t\t\tctx.moveTo(-offset, height / 2 - handleSize)\n\t\t\tctx.lineTo(-offset, height / 2 + handleSize)\n\t\t}\n\n\t\tctx.stroke()\n\t}\n\n\tprivate _renderMobileRotateHandle(\n\t\tctx: CanvasRenderingContext2D,\n\t\tstate: SelectionState,\n\t\tcolors: SelectionForegroundColors\n\t) {\n\t\tif (!state.showMobileRotateHandle) return\n\n\t\tconst { cx, cy } = this._getMobileRotateCenter(state)\n\t\tconst fgRadius = state.handleSize / SQUARE_ROOT_PI\n\n\t\tctx.fillStyle = colors.bgColor\n\t\tctx.strokeStyle = colors.strokeColor\n\t\tctx.lineWidth = this.options.lineWidth / state.zoom\n\t\tctx.beginPath()\n\t\tctx.arc(cx, cy, fgRadius, 0, Math.PI * 2)\n\t\tctx.fill()\n\t\tctx.stroke()\n\t}\n\n\tprivate _renderTextResizeHandles(\n\t\tctx: CanvasRenderingContext2D,\n\t\tstate: SelectionState,\n\t\tcolors: SelectionForegroundColors\n\t) {\n\t\tconst {\n\t\t\tshouldDisplayControls,\n\t\t\tisCoarsePointer,\n\t\t\tonlyShape,\n\t\t\tzoom,\n\t\t\twidth,\n\t\t\theight,\n\t\t\thandleSize,\n\t\t\thitTargetSizeY,\n\t\t} = state\n\t\tif (!shouldDisplayControls || !isCoarsePointer || !onlyShape || onlyShape.type !== 'text') {\n\t\t\treturn\n\t\t}\n\n\t\tconst textHandleHeight = Math.min(24 / zoom, height - hitTargetSizeY * 3)\n\t\tif (textHandleHeight * zoom < 4) return\n\n\t\tconst hw = handleSize / 2\n\t\tconst r = handleSize / 4\n\n\t\tctx.fillStyle = colors.strokeColor\n\t\tctx.beginPath()\n\t\tctx.roundRect(0 - hw / 2, height / 2 - textHandleHeight / 2, hw, textHandleHeight, r)\n\t\tctx.fill()\n\t\tctx.beginPath()\n\t\tctx.roundRect(width - hw / 2, height / 2 - textHandleHeight / 2, hw, textHandleHeight, r)\n\t\tctx.fill()\n\t}\n\n\t// --- Shared helpers ---\n\n\t/**\n\t * Single source of truth for the derived state the selection foreground needs.\n\t * Called from `getOverlays()`, `getGeometry()`, and `render()` so their visibility\n\t * predicates can't drift. Returns `null` when no selection UI should appear at all\n\t * (nothing selected, or the only selected shape is hidden).\n\t */\n\tprivate _computeSelectionState(): SelectionState | null {\n\t\tconst editor = this.editor\n\t\tconst bounds = editor.getSelectionRotatedPageBounds()\n\t\tif (!bounds) return null\n\n\t\tconst onlyShape = editor.getOnlySelectedShape()\n\t\tif (onlyShape && editor.isShapeHidden(onlyShape)) return null\n\n\t\tconst onlyShapeUtil = onlyShape ? editor.getShapeUtil(onlyShape) : null\n\t\tconst isLockedShape = !!(onlyShape && editor.isShapeOrAncestorLocked(onlyShape))\n\n\t\tconst expandOutlineBy =\n\t\t\tonlyShape && onlyShapeUtil ? onlyShapeUtil.expandSelectionOutlinePx(onlyShape) : 0\n\t\tconst expandedBounds =\n\t\t\texpandOutlineBy instanceof Box\n\t\t\t\t? bounds.clone().expand(expandOutlineBy).zeroFix()\n\t\t\t\t: bounds.clone().expandBy(expandOutlineBy).zeroFix()\n\n\t\tconst instanceState = editor.getInstanceState()\n\t\tconst isCoarsePointer = instanceState.isCoarsePointer\n\t\tconst isChangingStyle = instanceState.isChangingStyle\n\t\tconst isReadonly = editor.getIsReadonly()\n\t\tconst zoom = editor.getZoomLevel()\n\t\tconst rotation = editor.getSelectionRotation()\n\n\t\tconst width = expandedBounds.width\n\t\tconst height = expandedBounds.height\n\t\tconst handleSize = 8 / zoom\n\t\tconst isTinyX = width < handleSize * 2\n\t\tconst isTinyY = height < handleSize * 2\n\t\tconst isSmallX = width < handleSize * 4\n\t\tconst isSmallY = height < handleSize * 4\n\t\tconst isSmallCropX = width < handleSize * 5\n\t\tconst isSmallCropY = height < handleSize * 5\n\n\t\tconst mobileHandleMultiplier = isCoarsePointer ? 1.75 : 1\n\t\tconst hitTargetSize = (6 / zoom) * mobileHandleMultiplier\n\t\tconst hitTargetSizeX =\n\t\t\t(isSmallX ? hitTargetSize / 2 : hitTargetSize) * (mobileHandleMultiplier * 0.75)\n\t\tconst hitTargetSizeY =\n\t\t\t(isSmallY ? hitTargetSize / 2 : hitTargetSize) * (mobileHandleMultiplier * 0.75)\n\n\t\tconst expandOffsetX = expandedBounds.x - bounds.x\n\t\tconst expandOffsetY = expandedBounds.y - bounds.y\n\n\t\tconst shouldDisplayControls =\n\t\t\teditor.isInAny(\n\t\t\t\t'select.idle',\n\t\t\t\t'select.pointing_selection',\n\t\t\t\t'select.pointing_shape',\n\t\t\t\t'select.pointing_resize_handle',\n\t\t\t\t'select.pointing_rotate_handle',\n\t\t\t\t'select.crop.idle'\n\t\t\t) &&\n\t\t\t!isChangingStyle &&\n\t\t\t!isReadonly\n\n\t\tconst showCropHandles =\n\t\t\teditor.isInAny(\n\t\t\t\t'select.crop.idle',\n\t\t\t\t'select.crop.pointing_crop',\n\t\t\t\t'select.crop.pointing_crop_handle'\n\t\t\t) && !isReadonly\n\n\t\tconst canOnlyShapeResize =\n\t\t\tonlyShape && onlyShapeUtil\n\t\t\t\t? onlyShapeUtil.canResize(onlyShape) && !onlyShapeUtil.hideResizeHandles(onlyShape)\n\t\t\t\t: true\n\t\tconst hideOnlyShapeRotateHandle =\n\t\t\tonlyShape && onlyShapeUtil ? onlyShapeUtil.hideRotateHandle(onlyShape) : false\n\t\tconst hideOnlyShapeSelectionBounds =\n\t\t\tonlyShape && onlyShapeUtil ? onlyShapeUtil.hideSelectionBoundsFg(onlyShape) : false\n\n\t\tconst showResizeHandles =\n\t\t\tshouldDisplayControls && !isLockedShape && !showCropHandles && canOnlyShapeResize\n\n\t\tconst showCornerRotateHandles =\n\t\t\tshouldDisplayControls &&\n\t\t\t!isLockedShape &&\n\t\t\t!isCoarsePointer &&\n\t\t\t!(isTinyX || isTinyY) &&\n\t\t\t!hideOnlyShapeRotateHandle\n\n\t\tconst showMobileRotateHandle =\n\t\t\tshouldDisplayControls &&\n\t\t\t!isLockedShape &&\n\t\t\tisCoarsePointer &&\n\t\t\t(!isSmallX || !isSmallY) &&\n\t\t\t!hideOnlyShapeRotateHandle\n\n\t\tconst hideAlternateCornerHandles = isTinyX || isTinyY\n\t\tconst hideAlternateCropHandles = isSmallCropX || isSmallCropY\n\t\tconst showOnlyOneHandle = isTinyX && isTinyY\n\t\tconst showHandles = showResizeHandles || showCropHandles\n\n\t\tconst showSelectionBounds = !hideOnlyShapeSelectionBounds && !isChangingStyle\n\n\t\tconst shouldDisplayBox =\n\t\t\t(showSelectionBounds &&\n\t\t\t\teditor.isInAny(\n\t\t\t\t\t'select.idle',\n\t\t\t\t\t'select.brushing',\n\t\t\t\t\t'select.scribble_brushing',\n\t\t\t\t\t'select.pointing_canvas',\n\t\t\t\t\t'select.pointing_selection',\n\t\t\t\t\t'select.pointing_shape',\n\t\t\t\t\t'select.crop.idle',\n\t\t\t\t\t'select.crop.pointing_crop',\n\t\t\t\t\t'select.crop.pointing_crop_handle',\n\t\t\t\t\t'select.pointing_resize_handle',\n\t\t\t\t\t'select.pointing_rotate_handle'\n\t\t\t\t)) ||\n\t\t\t(showSelectionBounds &&\n\t\t\t\teditor.isIn('select.resizing') &&\n\t\t\t\t!!(onlyShape && editor.isShapeOfType(onlyShape, 'text')))\n\n\t\treturn {\n\t\t\tbounds,\n\t\t\tonlyShape,\n\t\t\tisCoarsePointer,\n\t\t\tzoom,\n\t\t\trotation,\n\t\t\twidth,\n\t\t\theight,\n\t\t\thandleSize,\n\t\t\thitTargetSize,\n\t\t\thitTargetSizeX,\n\t\t\thitTargetSizeY,\n\t\t\texpandOffsetX,\n\t\t\texpandOffsetY,\n\t\t\tisSmallX,\n\t\t\tshouldDisplayControls,\n\t\t\tshouldDisplayBox,\n\t\t\tshowCropHandles,\n\t\t\tshowResizeHandles,\n\t\t\tshowCornerRotateHandles,\n\t\t\tshowMobileRotateHandle,\n\t\t\tshowHandles,\n\t\t\thideAlternateCornerHandles,\n\t\t\thideAlternateCropHandles,\n\t\t\tshowOnlyOneHandle,\n\t\t}\n\t}\n\n\tprivate _getMobileRotateCenter(state: SelectionState): { cx: number; cy: number } {\n\t\tconst { width, height, hitTargetSize, isSmallX, onlyShape, rotation } = state\n\t\tconst editor = this.editor\n\t\tconst isMediaShape =\n\t\t\t!!onlyShape &&\n\t\t\t(editor.isShapeOfType(onlyShape, 'image') || editor.isShapeOfType(onlyShape, 'video'))\n\t\tconst isShapeTooCloseToContextualToolbar = rotation / HALF_PI > 1.6 && rotation / HALF_PI < 2.4\n\n\t\tconst cx = isSmallX ? -hitTargetSize * 1.5 : width / 2\n\t\tconst cy = isSmallX\n\t\t\t? height / 2\n\t\t\t: isMediaShape && !isShapeTooCloseToContextualToolbar\n\t\t\t\t? height + hitTargetSize * 1.5\n\t\t\t\t: -hitTargetSize * 1.5\n\t\treturn { cx, cy }\n\t}\n\n\tprivate _getThemeColors(): SelectionForegroundColors {\n\t\tconst editor = this.editor\n\t\tconst themeColors = editor.getCurrentTheme().colors[editor.getColorMode()]\n\t\treturn {\n\t\t\tstrokeColor: themeColors.selectionStroke,\n\t\t\tbgColor: themeColors.background,\n\t\t}\n\t}\n\n\tprivate _makeOverlay(\n\t\toverlayType: TLSelectionForegroundOverlay['props']['overlayType'],\n\t\thandle: TLSelectionHandle | RotateCorner\n\t): TLSelectionForegroundOverlay {\n\t\treturn {\n\t\t\tid: `selection_fg:${handle}`,\n\t\t\ttype: 'selection_foreground',\n\t\t\tprops: { overlayType, handle },\n\t\t}\n\t}\n\n\tprivate _getEdgeLocalRect(\n\t\tedge: SelectionEdge,\n\t\tstate: SelectionState\n\t): { x: number; y: number; w: number; h: number } {\n\t\tconst { width, height, hitTargetSizeX, hitTargetSizeY } = state\n\t\tswitch (edge) {\n\t\t\tcase 'top':\n\t\t\t\treturn { x: 0, y: -hitTargetSizeY, w: width, h: hitTargetSizeY * 2 }\n\t\t\tcase 'right':\n\t\t\t\treturn { x: width - hitTargetSizeX, y: 0, w: hitTargetSizeX * 2, h: height }\n\t\t\tcase 'bottom':\n\t\t\t\treturn { x: 0, y: height - hitTargetSizeY, w: width, h: hitTargetSizeY * 2 }\n\t\t\tcase 'left':\n\t\t\t\treturn { x: -hitTargetSizeX, y: 0, w: hitTargetSizeX * 2, h: height }\n\t\t}\n\t}\n\n\tprivate _getRotateHandleLocalCenter(\n\t\tcorner: RotateCorner,\n\t\twidth: number,\n\t\theight: number,\n\t\tcornerSize: number\n\t): Vec {\n\t\t// Centered on the outside corner of the resize handle square\n\t\t// (the corner furthest from the selection interior)\n\t\tswitch (corner) {\n\t\t\tcase 'top_left_rotate':\n\t\t\t\treturn new Vec(-cornerSize, -cornerSize)\n\t\t\tcase 'top_right_rotate':\n\t\t\t\treturn new Vec(width + cornerSize, -cornerSize)\n\t\t\tcase 'bottom_left_rotate':\n\t\t\t\treturn new Vec(-cornerSize, height + cornerSize)\n\t\t\tcase 'bottom_right_rotate':\n\t\t\t\treturn new Vec(width + cornerSize, height + cornerSize)\n\t\t\tdefault:\n\t\t\t\treturn new Vec(0, 0)\n\t\t}\n\t}\n\n\tprivate _getCornerLocalPoint(corner: SelectionCorner, width: number, height: number): Vec {\n\t\tswitch (corner) {\n\t\t\tcase 'top_left':\n\t\t\t\treturn new Vec(0, 0)\n\t\t\tcase 'top_right':\n\t\t\t\treturn new Vec(width, 0)\n\t\t\tcase 'bottom_right':\n\t\t\t\treturn new Vec(width, height)\n\t\t\tcase 'bottom_left':\n\t\t\t\treturn new Vec(0, height)\n\t\t}\n\t}\n\n\tprivate _localRectToPoints(x: number, y: number, w: number, h: number): Vec[] {\n\t\treturn [new Vec(x, y), new Vec(x + w, y), new Vec(x + w, y + h), new Vec(x, y + h)]\n\t}\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist-cjs/lib/overlays/ShapeHandleOverlayUtil.js

@@ -32,7 +32,7 @@ class ShapeHandleOverlayUtil extends import_editor.OverlayUtil {
     if (!onlySelectedShape) return false;
     const handles = editor.getShapeHandles(onlySelectedShape);
     if (!handles) return false;
-    if (editor.isInAny("select.idle", "select.pointing_handle", "select.pointing_shape")) {
+    if (editor.isInAny("select.idle", "select.pointing_handle")) {
       return true;
     }
     if (editor.isIn("select.editing_shape")) {

package/dist-cjs/lib/overlays/ShapeHandleOverlayUtil.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/overlays/ShapeHandleOverlayUtil.ts"],
-  "sourcesContent": ["import {\n\tCircle2d,\n\tGeometry2d,\n\tMat,\n\tOverlayUtil,\n\tSIDES,\n\tTLCursorType,\n\tTLHandle,\n\tTLOverlay,\n\tTLShapeId,\n\tVec,\n} from '@tldraw/editor'\n\n/** @public */\nexport interface TLShapeHandleOverlay extends TLOverlay {\n\tprops: {\n\t\tshapeId: TLShapeId\n\t\thandle: TLHandle\n\t}\n}\n\n/**\n * Overlay util for shape handles (arrow endpoints, line vertices, etc.).\n *\n * @public\n */\nexport class ShapeHandleOverlayUtil extends OverlayUtil<TLShapeHandleOverlay> {\n\tstatic override type = 'shape_handle'\n\toverride options = { zIndex: 200, lineWidth: 1.5 }\n\n\toverride isActive(): boolean {\n\t\tconst editor = this.editor\n\t\tif (editor.getIsReadonly() || editor.getInstanceState().isChangingStyle) return false\n\n\t\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\t\tif (!onlySelectedShape) return false\n\n\t\tconst handles = editor.getShapeHandles(onlySelectedShape)\n\t\tif (!handles) return false\n\n\t\tif (editor.isInAny('select.idle', 'select.pointing_handle', 'select.pointing_shape')) {\n\t\t\treturn true\n\t\t}\n\n\t\tif (editor.isIn('select.editing_shape')) {\n\t\t\treturn editor.isShapeOfType(onlySelectedShape, 'note')\n\t\t}\n\n\t\treturn false\n\t}\n\n\toverride getOverlays(): TLShapeHandleOverlay[] {\n\t\tconst editor = this.editor\n\t\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\t\tif (!onlySelectedShape) return []\n\n\t\tconst handles = editor.getShapeHandles(onlySelectedShape)\n\t\tif (!handles) return []\n\n\t\tif (editor.isShapeHidden(onlySelectedShape)) return []\n\n\t\tconst zoom = editor.getZoomLevel()\n\t\tconst isCoarse = editor.getInstanceState().isCoarsePointer\n\t\tconst minDist =\n\t\t\t((isCoarse ? editor.options.coarseHandleRadius : editor.options.handleRadius) / zoom) * 2\n\n\t\tconst vertexHandles = handles.filter((handle) => handle.type === 'vertex')\n\t\tconst vertexHandlesForHitTest: TLHandle[] = []\n\t\tconst otherHandlesForHitTest: TLHandle[] = []\n\n\t\t// Vertex handles come first so they win hit-testing against overlapping\n\t\t// virtual/create handles (e.g., a line's midpoint create handle that\n\t\t// coincides with its endpoint vertices when a segment is very short).\n\t\t// `render` iterates this array in reverse so the painted order puts\n\t\t// vertex handles on top visually, matching the main branch's paint\n\t\t// order where vertex handles were sorted last.\n\t\tfor (const handle of handles) {\n\t\t\tif (\n\t\t\t\thandle.type === 'virtual' &&\n\t\t\t\tvertexHandles.some((vertexHandle) => Vec.Dist(handle, vertexHandle) < minDist)\n\t\t\t) {\n\t\t\t\tcontinue\n\t\t\t}\n\n\t\t\tif (handle.type === 'vertex') {\n\t\t\t\tvertexHandlesForHitTest.push(handle)\n\t\t\t} else {\n\t\t\t\totherHandlesForHitTest.push(handle)\n\t\t\t}\n\t\t}\n\n\t\treturn vertexHandlesForHitTest.concat(otherHandlesForHitTest).map((handle) => ({\n\t\t\tid: `handle:${onlySelectedShape.id}:${handle.id}`,\n\t\t\ttype: 'shape_handle',\n\t\t\tprops: {\n\t\t\t\tshapeId: onlySelectedShape.id,\n\t\t\t\thandle,\n\t\t\t},\n\t\t}))\n\t}\n\n\toverride getGeometry(overlay: TLShapeHandleOverlay): Geometry2d | null {\n\t\tconst editor = this.editor\n\t\tconst { shapeId, handle } = overlay.props\n\t\tconst transform = editor.getShapePageTransform(shapeId)\n\t\tif (!transform) return null\n\n\t\tconst zoom = editor.getZoomLevel()\n\t\tconst isCoarse = editor.getInstanceState().isCoarsePointer\n\t\tconst radius =\n\t\t\t(isCoarse ? editor.options.coarseHandleRadius : editor.options.handleRadius) / zoom\n\n\t\t// Transform handle position to page space\n\t\tconst pagePoint = Mat.applyToPoint(transform, { x: handle.x, y: handle.y })\n\n\t\treturn new Circle2d({\n\t\t\tx: pagePoint.x - radius,\n\t\t\ty: pagePoint.y - radius,\n\t\t\tradius,\n\t\t\tisFilled: true,\n\t\t})\n\t}\n\n\toverride getCursor(_overlay: TLShapeHandleOverlay): TLCursorType | undefined {\n\t\treturn 'grab' as TLCursorType\n\t}\n\n\toverride render(ctx: CanvasRenderingContext2D, overlays: TLShapeHandleOverlay[]): void {\n\t\tif (overlays.length === 0) return\n\n\t\tconst editor = this.editor\n\t\tconst shapeId = overlays[0].props.shapeId\n\t\tconst transform = editor.getShapePageTransform(shapeId)\n\t\tif (!transform) return\n\n\t\tconst zoom = editor.getZoomLevel()\n\t\tconst isCoarse = editor.getInstanceState().isCoarsePointer\n\t\tconst themeColors = editor.getCurrentTheme().colors[editor.getColorMode()]\n\t\tconst fgColor = themeColors.selectedContrast\n\t\tconst strokeColor = themeColors.selectionStroke\n\t\tconst bgFill = themeColors.selectionFill\n\t\tconst hoveredOverlayId = editor.overlays.getHoveredOverlayId()\n\t\tconst bgRadius =\n\t\t\t(isCoarse ? editor.options.coarseHandleRadius : editor.options.handleRadius) / zoom\n\n\t\tctx.save()\n\t\tctx.transform(transform.a, transform.b, transform.c, transform.d, transform.e, transform.f)\n\n\t\tctx.strokeStyle = strokeColor\n\t\tctx.lineWidth = this.options.lineWidth / zoom\n\n\t\t// Iterate in reverse: vertex handles come first in the array (for hit-\n\t\t// test priority) but should paint last so they visually sit on top of\n\t\t// overlapping virtual/create handles.\n\t\tfor (let i = overlays.length - 1; i >= 0; i--) {\n\t\t\tconst overlay = overlays[i]\n\t\t\tconst { handle } = overlay.props\n\t\t\tconst isHovered = overlay.id === hoveredOverlayId\n\n\t\t\t// 'create' handles are invisible on fine pointers and revealed on\n\t\t\t// hover (matches the old .tl-handle__create opacity rules).\n\t\t\tif (handle.type === 'create' && !isCoarse && !isHovered) continue\n\n\t\t\t// Hover halo \u2014 matches the old .tl-handle__bg:hover fill rule.\n\t\t\tif (isHovered) {\n\t\t\t\tctx.fillStyle = bgFill\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.arc(handle.x, handle.y, bgRadius, 0, Math.PI * 2)\n\t\t\t\tctx.fill()\n\t\t\t}\n\n\t\t\tif (handle.type === 'clone') {\n\t\t\t\t// Note clone handles render as a side-facing half circle.\n\t\t\t\tconst fr = 3 / zoom\n\t\t\t\tconst sideIndex = SIDES.indexOf(handle.id as (typeof SIDES)[number])\n\t\t\t\tconst rotation = (-Math.PI / 2) * (1 - sideIndex)\n\n\t\t\t\tctx.save()\n\t\t\t\tctx.translate(handle.x, handle.y)\n\t\t\t\tctx.rotate(rotation)\n\t\t\t\tctx.fillStyle = strokeColor\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.moveTo(0, -fr)\n\t\t\t\tctx.arc(0, 0, fr, -Math.PI / 2, Math.PI / 2)\n\t\t\t\tctx.closePath()\n\t\t\t\tctx.fill()\n\t\t\t\tctx.restore()\n\t\t\t\tcontinue\n\t\t\t}\n\n\t\t\t// Match the old DefaultHandle sizing: create handles on coarse\n\t\t\t// pointers are slightly smaller (3px) since they're always visible;\n\t\t\t// on fine pointers they render at 4px when revealed by hover so\n\t\t\t// they match the vertex handles. Clamp the zoom divisor at 0.25 so\n\t\t\t// the visible circle stops growing past 25% zoom and visually\n\t\t\t// shrinks as the user zooms further out \u2014 the hit-area halo above\n\t\t\t// still tracks the full zoom so handles remain grabbable.\n\t\t\tconst fr = (handle.type === 'create' && isCoarse ? 3 : 4) / Math.max(zoom, 0.25)\n\n\t\t\tctx.fillStyle = fgColor\n\t\t\tctx.beginPath()\n\t\t\tctx.arc(handle.x, handle.y, fr, 0, Math.PI * 2)\n\t\t\tctx.fill()\n\t\t\tctx.stroke()\n\t\t}\n\n\t\tctx.restore()\n\t}\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n\tCircle2d,\n\tGeometry2d,\n\tMat,\n\tOverlayUtil,\n\tSIDES,\n\tTLCursorType,\n\tTLHandle,\n\tTLOverlay,\n\tTLShapeId,\n\tVec,\n} from '@tldraw/editor'\n\n/** @public */\nexport interface TLShapeHandleOverlay extends TLOverlay {\n\tprops: {\n\t\tshapeId: TLShapeId\n\t\thandle: TLHandle\n\t}\n}\n\n/**\n * Overlay util for shape handles (arrow endpoints, line vertices, etc.).\n *\n * @public\n */\nexport class ShapeHandleOverlayUtil extends OverlayUtil<TLShapeHandleOverlay> {\n\tstatic override type = 'shape_handle'\n\toverride options = { zIndex: 200, lineWidth: 1.5 }\n\n\toverride isActive(): boolean {\n\t\tconst editor = this.editor\n\t\tif (editor.getIsReadonly() || editor.getInstanceState().isChangingStyle) return false\n\n\t\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\t\tif (!onlySelectedShape) return false\n\n\t\tconst handles = editor.getShapeHandles(onlySelectedShape)\n\t\tif (!handles) return false\n\n\t\t// Not shown in select.pointing_shape: hiding handles on pointer down\n\t\t// matches the arrow binding hint, which also waits for pointer up.\n\t\tif (editor.isInAny('select.idle', 'select.pointing_handle')) {\n\t\t\treturn true\n\t\t}\n\n\t\tif (editor.isIn('select.editing_shape')) {\n\t\t\treturn editor.isShapeOfType(onlySelectedShape, 'note')\n\t\t}\n\n\t\treturn false\n\t}\n\n\toverride getOverlays(): TLShapeHandleOverlay[] {\n\t\tconst editor = this.editor\n\t\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\t\tif (!onlySelectedShape) return []\n\n\t\tconst handles = editor.getShapeHandles(onlySelectedShape)\n\t\tif (!handles) return []\n\n\t\tif (editor.isShapeHidden(onlySelectedShape)) return []\n\n\t\tconst zoom = editor.getZoomLevel()\n\t\tconst isCoarse = editor.getInstanceState().isCoarsePointer\n\t\tconst minDist =\n\t\t\t((isCoarse ? editor.options.coarseHandleRadius : editor.options.handleRadius) / zoom) * 2\n\n\t\tconst vertexHandles = handles.filter((handle) => handle.type === 'vertex')\n\t\tconst vertexHandlesForHitTest: TLHandle[] = []\n\t\tconst otherHandlesForHitTest: TLHandle[] = []\n\n\t\t// Vertex handles come first so they win hit-testing against overlapping\n\t\t// virtual/create handles (e.g., a line's midpoint create handle that\n\t\t// coincides with its endpoint vertices when a segment is very short).\n\t\t// `render` iterates this array in reverse so the painted order puts\n\t\t// vertex handles on top visually, matching the main branch's paint\n\t\t// order where vertex handles were sorted last.\n\t\tfor (const handle of handles) {\n\t\t\tif (\n\t\t\t\thandle.type === 'virtual' &&\n\t\t\t\tvertexHandles.some((vertexHandle) => Vec.Dist(handle, vertexHandle) < minDist)\n\t\t\t) {\n\t\t\t\tcontinue\n\t\t\t}\n\n\t\t\tif (handle.type === 'vertex') {\n\t\t\t\tvertexHandlesForHitTest.push(handle)\n\t\t\t} else {\n\t\t\t\totherHandlesForHitTest.push(handle)\n\t\t\t}\n\t\t}\n\n\t\treturn vertexHandlesForHitTest.concat(otherHandlesForHitTest).map((handle) => ({\n\t\t\tid: `handle:${onlySelectedShape.id}:${handle.id}`,\n\t\t\ttype: 'shape_handle',\n\t\t\tprops: {\n\t\t\t\tshapeId: onlySelectedShape.id,\n\t\t\t\thandle,\n\t\t\t},\n\t\t}))\n\t}\n\n\toverride getGeometry(overlay: TLShapeHandleOverlay): Geometry2d | null {\n\t\tconst editor = this.editor\n\t\tconst { shapeId, handle } = overlay.props\n\t\tconst transform = editor.getShapePageTransform(shapeId)\n\t\tif (!transform) return null\n\n\t\tconst zoom = editor.getZoomLevel()\n\t\tconst isCoarse = editor.getInstanceState().isCoarsePointer\n\t\tconst radius =\n\t\t\t(isCoarse ? editor.options.coarseHandleRadius : editor.options.handleRadius) / zoom\n\n\t\t// Transform handle position to page space\n\t\tconst pagePoint = Mat.applyToPoint(transform, { x: handle.x, y: handle.y })\n\n\t\treturn new Circle2d({\n\t\t\tx: pagePoint.x - radius,\n\t\t\ty: pagePoint.y - radius,\n\t\t\tradius,\n\t\t\tisFilled: true,\n\t\t})\n\t}\n\n\toverride getCursor(_overlay: TLShapeHandleOverlay): TLCursorType | undefined {\n\t\treturn 'grab' as TLCursorType\n\t}\n\n\toverride render(ctx: CanvasRenderingContext2D, overlays: TLShapeHandleOverlay[]): void {\n\t\tif (overlays.length === 0) return\n\n\t\tconst editor = this.editor\n\t\tconst shapeId = overlays[0].props.shapeId\n\t\tconst transform = editor.getShapePageTransform(shapeId)\n\t\tif (!transform) return\n\n\t\tconst zoom = editor.getZoomLevel()\n\t\tconst isCoarse = editor.getInstanceState().isCoarsePointer\n\t\tconst themeColors = editor.getCurrentTheme().colors[editor.getColorMode()]\n\t\tconst fgColor = themeColors.selectedContrast\n\t\tconst strokeColor = themeColors.selectionStroke\n\t\tconst bgFill = themeColors.selectionFill\n\t\tconst hoveredOverlayId = editor.overlays.getHoveredOverlayId()\n\t\tconst bgRadius =\n\t\t\t(isCoarse ? editor.options.coarseHandleRadius : editor.options.handleRadius) / zoom\n\n\t\tctx.save()\n\t\tctx.transform(transform.a, transform.b, transform.c, transform.d, transform.e, transform.f)\n\n\t\tctx.strokeStyle = strokeColor\n\t\tctx.lineWidth = this.options.lineWidth / zoom\n\n\t\t// Iterate in reverse: vertex handles come first in the array (for hit-\n\t\t// test priority) but should paint last so they visually sit on top of\n\t\t// overlapping virtual/create handles.\n\t\tfor (let i = overlays.length - 1; i >= 0; i--) {\n\t\t\tconst overlay = overlays[i]\n\t\t\tconst { handle } = overlay.props\n\t\t\tconst isHovered = overlay.id === hoveredOverlayId\n\n\t\t\t// 'create' handles are invisible on fine pointers and revealed on\n\t\t\t// hover (matches the old .tl-handle__create opacity rules).\n\t\t\tif (handle.type === 'create' && !isCoarse && !isHovered) continue\n\n\t\t\t// Hover halo \u2014 matches the old .tl-handle__bg:hover fill rule.\n\t\t\tif (isHovered) {\n\t\t\t\tctx.fillStyle = bgFill\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.arc(handle.x, handle.y, bgRadius, 0, Math.PI * 2)\n\t\t\t\tctx.fill()\n\t\t\t}\n\n\t\t\tif (handle.type === 'clone') {\n\t\t\t\t// Note clone handles render as a side-facing half circle.\n\t\t\t\tconst fr = 3 / zoom\n\t\t\t\tconst sideIndex = SIDES.indexOf(handle.id as (typeof SIDES)[number])\n\t\t\t\tconst rotation = (-Math.PI / 2) * (1 - sideIndex)\n\n\t\t\t\tctx.save()\n\t\t\t\tctx.translate(handle.x, handle.y)\n\t\t\t\tctx.rotate(rotation)\n\t\t\t\tctx.fillStyle = strokeColor\n\t\t\t\tctx.beginPath()\n\t\t\t\tctx.moveTo(0, -fr)\n\t\t\t\tctx.arc(0, 0, fr, -Math.PI / 2, Math.PI / 2)\n\t\t\t\tctx.closePath()\n\t\t\t\tctx.fill()\n\t\t\t\tctx.restore()\n\t\t\t\tcontinue\n\t\t\t}\n\n\t\t\t// Match the old DefaultHandle sizing: create handles on coarse\n\t\t\t// pointers are slightly smaller (3px) since they're always visible;\n\t\t\t// on fine pointers they render at 4px when revealed by hover so\n\t\t\t// they match the vertex handles. Clamp the zoom divisor at 0.25 so\n\t\t\t// the visible circle stops growing past 25% zoom and visually\n\t\t\t// shrinks as the user zooms further out \u2014 the hit-area halo above\n\t\t\t// still tracks the full zoom so handles remain grabbable.\n\t\t\tconst fr = (handle.type === 'create' && isCoarse ? 3 : 4) / Math.max(zoom, 0.25)\n\n\t\t\tctx.fillStyle = fgColor\n\t\t\tctx.beginPath()\n\t\t\tctx.arc(handle.x, handle.y, fr, 0, Math.PI * 2)\n\t\t\tctx.fill()\n\t\t\tctx.stroke()\n\t\t}\n\n\t\tctx.restore()\n\t}\n}\n"],
+  "mappings": "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",
   "names": ["fr"]
 }