@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/canvas/TldrawSelectionForeground.js

@@ -0,0 +1,509 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TldrawSelectionForeground_exports = {};
+__export(TldrawSelectionForeground_exports, {
+  MobileRotateHandle: () => MobileRotateHandle,
+  RotateCornerHandle: () => RotateCornerHandle,
+  TldrawSelectionForeground: () => TldrawSelectionForeground
+});
+module.exports = __toCommonJS(TldrawSelectionForeground_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_classnames = __toESM(require("classnames"));
+var import_react = require("react");
+var import_useReadonly = require("../ui/hooks/useReadonly");
+var import_TldrawCropHandles = require("./TldrawCropHandles");
+const TldrawSelectionForeground = (0, import_editor.track)(
+  function TldrawSelectionForeground2({ bounds, rotation }) {
+    const editor = (0, import_editor.useEditor)();
+    const rSvg = (0, import_react.useRef)(null);
+    const isReadonlyMode = (0, import_useReadonly.useReadonly)();
+    const topEvents = (0, import_editor.useSelectionEvents)("top");
+    const rightEvents = (0, import_editor.useSelectionEvents)("right");
+    const bottomEvents = (0, import_editor.useSelectionEvents)("bottom");
+    const leftEvents = (0, import_editor.useSelectionEvents)("left");
+    const topLeftEvents = (0, import_editor.useSelectionEvents)("top_left");
+    const topRightEvents = (0, import_editor.useSelectionEvents)("top_right");
+    const bottomRightEvents = (0, import_editor.useSelectionEvents)("bottom_right");
+    const bottomLeftEvents = (0, import_editor.useSelectionEvents)("bottom_left");
+    const isDefaultCursor = !editor.getIsMenuOpen() && editor.getInstanceState().cursor.type === "default";
+    const isCoarsePointer = editor.getInstanceState().isCoarsePointer;
+    const shapes = editor.getSelectedShapes();
+    const onlyShape = editor.getOnlySelectedShape();
+    const isLockedShape = onlyShape && editor.isShapeOrAncestorLocked(onlyShape);
+    const expandOutlineBy = onlyShape ? editor.getShapeUtil(onlyShape).expandSelectionOutlinePx(onlyShape) : 0;
+    (0, import_editor.useTransform)(rSvg, bounds?.x, bounds?.y, 1, editor.getSelectionRotation(), {
+      x: -expandOutlineBy,
+      y: -expandOutlineBy
+    });
+    if (!bounds)
+      return null;
+    bounds = bounds.clone().expandBy(expandOutlineBy).zeroFix();
+    const zoom = editor.getZoomLevel();
+    const isChangingStyle = editor.getInstanceState().isChangingStyle;
+    const width = bounds.width;
+    const height = bounds.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 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 showSelectionBounds = (onlyShape ? !editor.getShapeUtil(onlyShape).hideSelectionBoundsFg(onlyShape) : true) && !isChangingStyle;
+    let shouldDisplayBox = showSelectionBounds && editor.isInAny(
+      "select.idle",
+      "select.brushing",
+      "select.scribble_brushing",
+      "select.pointing_canvas",
+      "select.pointing_selection",
+      "select.pointing_shape",
+      "select.crop.idle",
+      "select.crop.pointing_crop",
+      "select.pointing_resize_handle",
+      "select.pointing_crop_handle"
+    ) || showSelectionBounds && editor.isIn("select.resizing") && onlyShape && editor.isShapeOfType(onlyShape, "text");
+    if (onlyShape && shouldDisplayBox) {
+      if (editor.environment.isFirefox && editor.isShapeOfType(onlyShape, "embed")) {
+        shouldDisplayBox = false;
+      }
+    }
+    const showCropHandles = editor.isInAny(
+      "select.pointing_crop_handle",
+      "select.crop.idle",
+      "select.crop.pointing_crop"
+    ) && !isChangingStyle && !isReadonlyMode;
+    const shouldDisplayControls = editor.isInAny(
+      "select.idle",
+      "select.pointing_selection",
+      "select.pointing_shape",
+      "select.crop.idle"
+    ) && !isChangingStyle && !isReadonlyMode;
+    const showCornerRotateHandles = !isCoarsePointer && !(isTinyX || isTinyY) && (shouldDisplayControls || showCropHandles) && (onlyShape ? !editor.getShapeUtil(onlyShape).hideRotateHandle(onlyShape) : true) && !isLockedShape;
+    const showMobileRotateHandle = isCoarsePointer && (!isSmallX || !isSmallY) && (shouldDisplayControls || showCropHandles) && (onlyShape ? !editor.getShapeUtil(onlyShape).hideRotateHandle(onlyShape) : true) && !isLockedShape;
+    const showResizeHandles = shouldDisplayControls && (onlyShape ? editor.getShapeUtil(onlyShape).canResize(onlyShape) && !editor.getShapeUtil(onlyShape).hideResizeHandles(onlyShape) : true) && !showCropHandles && !isLockedShape;
+    const hideAlternateCornerHandles = isTinyX || isTinyY;
+    const showOnlyOneHandle = isTinyX && isTinyY;
+    const hideAlternateCropHandles = isSmallCropX || isSmallCropY;
+    const showHandles = showResizeHandles || showCropHandles;
+    const hideRotateCornerHandles = !showCornerRotateHandles;
+    const hideMobileRotateHandle = !shouldDisplayControls || !showMobileRotateHandle;
+    const hideTopLeftCorner = !shouldDisplayControls || !showHandles;
+    const hideTopRightCorner = !shouldDisplayControls || !showHandles || hideAlternateCornerHandles;
+    const hideBottomLeftCorner = !shouldDisplayControls || !showHandles || hideAlternateCornerHandles;
+    const hideBottomRightCorner = !shouldDisplayControls || !showHandles || showOnlyOneHandle && !showCropHandles;
+    let hideEdgeTargetsDueToCoarsePointer = isCoarsePointer;
+    if (hideEdgeTargetsDueToCoarsePointer && shapes.every((shape) => editor.getShapeUtil(shape).isAspectRatioLocked(shape))) {
+      hideEdgeTargetsDueToCoarsePointer = false;
+    }
+    let hideEdgeTargets = true;
+    if (showCropHandles) {
+      hideEdgeTargets = hideAlternateCropHandles;
+    } else if (showResizeHandles) {
+      hideEdgeTargets = hideAlternateCornerHandles || showOnlyOneHandle || hideEdgeTargetsDueToCoarsePointer;
+    }
+    const textHandleHeight = Math.min(24 / zoom, height - targetSizeY * 3);
+    const showTextResizeHandles = shouldDisplayControls && isCoarsePointer && onlyShape && editor.isShapeOfType(onlyShape, "text") && textHandleHeight * zoom >= 4;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        className: "tl-overlays__item tl-selection__fg tl-svg-context",
+        "data-testid": "selection-foreground",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { ref: rSvg, children: [
+          shouldDisplayBox && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "rect",
+            {
+              className: (0, import_classnames.default)("tl-selection__fg__outline"),
+              width: (0, import_editor.toDomPrecision)(width),
+              height: (0, import_editor.toDomPrecision)(height)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            RotateCornerHandle,
+            {
+              "data-testid": "selection.rotate.top-left",
+              cx: 0,
+              cy: 0,
+              targetSize,
+              corner: "top_left_rotate",
+              cursor: isDefaultCursor ? (0, import_editor.getCursor)("nwse-rotate", rotation) : void 0,
+              isHidden: hideRotateCornerHandles
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            RotateCornerHandle,
+            {
+              "data-testid": "selection.rotate.top-right",
+              cx: width + targetSize * 3,
+              cy: 0,
+              targetSize,
+              corner: "top_right_rotate",
+              cursor: isDefaultCursor ? (0, import_editor.getCursor)("nesw-rotate", rotation) : void 0,
+              isHidden: hideRotateCornerHandles
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            RotateCornerHandle,
+            {
+              "data-testid": "selection.rotate.bottom-left",
+              cx: 0,
+              cy: height + targetSize * 3,
+              targetSize,
+              corner: "bottom_left_rotate",
+              cursor: isDefaultCursor ? (0, import_editor.getCursor)("swne-rotate", rotation) : void 0,
+              isHidden: hideRotateCornerHandles
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            RotateCornerHandle,
+            {
+              "data-testid": "selection.rotate.bottom-right",
+              cx: width + targetSize * 3,
+              cy: height + targetSize * 3,
+              targetSize,
+              corner: "bottom_right_rotate",
+              cursor: isDefaultCursor ? (0, import_editor.getCursor)("senw-rotate", rotation) : void 0,
+              isHidden: hideRotateCornerHandles
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            MobileRotateHandle,
+            {
+              "data-testid": "selection.rotate.mobile",
+              cx: isSmallX ? -targetSize * 1.5 : width / 2,
+              cy: isSmallX ? height / 2 : -targetSize * 1.5,
+              size,
+              isHidden: hideMobileRotateHandle
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "rect",
+            {
+              className: (0, import_classnames.default)("tl-transparent", {
+                "tl-hidden": hideEdgeTargets
+              }),
+              "data-testid": "selection.resize.top",
+              "aria-label": "top target",
+              pointerEvents: "all",
+              x: 0,
+              y: (0, import_editor.toDomPrecision)(0 - (isSmallY ? targetSizeY * 2 : targetSizeY)),
+              width: (0, import_editor.toDomPrecision)(width),
+              height: (0, import_editor.toDomPrecision)(Math.max(1, targetSizeY * 2)),
+              style: isDefaultCursor ? { cursor: (0, import_editor.getCursor)("ns-resize", rotation) } : void 0,
+              ...topEvents
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "rect",
+            {
+              className: (0, import_classnames.default)("tl-transparent", {
+                "tl-hidden": hideEdgeTargets
+              }),
+              "data-testid": "selection.resize.right",
+              "aria-label": "right target",
+              pointerEvents: "all",
+              x: (0, import_editor.toDomPrecision)(width - (isSmallX ? 0 : targetSizeX)),
+              y: 0,
+              height: (0, import_editor.toDomPrecision)(height),
+              width: (0, import_editor.toDomPrecision)(Math.max(1, targetSizeX * 2)),
+              style: isDefaultCursor ? { cursor: (0, import_editor.getCursor)("ew-resize", rotation) } : void 0,
+              ...rightEvents
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "rect",
+            {
+              className: (0, import_classnames.default)("tl-transparent", {
+                "tl-hidden": hideEdgeTargets
+              }),
+              "data-testid": "selection.resize.bottom",
+              "aria-label": "bottom target",
+              pointerEvents: "all",
+              x: 0,
+              y: (0, import_editor.toDomPrecision)(height - (isSmallY ? 0 : targetSizeY)),
+              width: (0, import_editor.toDomPrecision)(width),
+              height: (0, import_editor.toDomPrecision)(Math.max(1, targetSizeY * 2)),
+              style: isDefaultCursor ? { cursor: (0, import_editor.getCursor)("ns-resize", rotation) } : void 0,
+              ...bottomEvents
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "rect",
+            {
+              className: (0, import_classnames.default)("tl-transparent", {
+                "tl-hidden": hideEdgeTargets
+              }),
+              "data-testid": "selection.resize.left",
+              "aria-label": "left target",
+              pointerEvents: "all",
+              x: (0, import_editor.toDomPrecision)(0 - (isSmallX ? targetSizeX * 2 : targetSizeX)),
+              y: 0,
+              height: (0, import_editor.toDomPrecision)(height),
+              width: (0, import_editor.toDomPrecision)(Math.max(1, targetSizeX * 2)),
+              style: isDefaultCursor ? { cursor: (0, import_editor.getCursor)("ew-resize", rotation) } : void 0,
+              ...leftEvents
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "rect",
+            {
+              className: (0, import_classnames.default)("tl-transparent", {
+                "tl-hidden": hideTopLeftCorner
+              }),
+              "data-testid": "selection.target.top-left",
+              "aria-label": "top-left target",
+              pointerEvents: "all",
+              x: (0, import_editor.toDomPrecision)(0 - (isSmallX ? targetSizeX * 2 : targetSizeX * 1.5)),
+              y: (0, import_editor.toDomPrecision)(0 - (isSmallY ? targetSizeY * 2 : targetSizeY * 1.5)),
+              width: (0, import_editor.toDomPrecision)(targetSizeX * 3),
+              height: (0, import_editor.toDomPrecision)(targetSizeY * 3),
+              style: isDefaultCursor ? { cursor: (0, import_editor.getCursor)("nwse-resize", rotation) } : void 0,
+              ...topLeftEvents
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "rect",
+            {
+              className: (0, import_classnames.default)("tl-transparent", {
+                "tl-hidden": hideTopRightCorner
+              }),
+              "data-testid": "selection.target.top-right",
+              "aria-label": "top-right target",
+              pointerEvents: "all",
+              x: (0, import_editor.toDomPrecision)(width - (isSmallX ? 0 : targetSizeX * 1.5)),
+              y: (0, import_editor.toDomPrecision)(0 - (isSmallY ? targetSizeY * 2 : targetSizeY * 1.5)),
+              width: (0, import_editor.toDomPrecision)(targetSizeX * 3),
+              height: (0, import_editor.toDomPrecision)(targetSizeY * 3),
+              style: isDefaultCursor ? { cursor: (0, import_editor.getCursor)("nesw-resize", rotation) } : void 0,
+              ...topRightEvents
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "rect",
+            {
+              className: (0, import_classnames.default)("tl-transparent", {
+                "tl-hidden": hideBottomRightCorner
+              }),
+              "data-testid": "selection.target.bottom-right",
+              "aria-label": "bottom-right target",
+              pointerEvents: "all",
+              x: (0, import_editor.toDomPrecision)(width - (isSmallX ? targetSizeX : targetSizeX * 1.5)),
+              y: (0, import_editor.toDomPrecision)(height - (isSmallY ? targetSizeY : targetSizeY * 1.5)),
+              width: (0, import_editor.toDomPrecision)(targetSizeX * 3),
+              height: (0, import_editor.toDomPrecision)(targetSizeY * 3),
+              style: isDefaultCursor ? { cursor: (0, import_editor.getCursor)("nwse-resize", rotation) } : void 0,
+              ...bottomRightEvents
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "rect",
+            {
+              className: (0, import_classnames.default)("tl-transparent", {
+                "tl-hidden": hideBottomLeftCorner
+              }),
+              "data-testid": "selection.target.bottom-left",
+              "aria-label": "bottom-left target",
+              pointerEvents: "all",
+              x: (0, import_editor.toDomPrecision)(0 - (isSmallX ? targetSizeX * 3 : targetSizeX * 1.5)),
+              y: (0, import_editor.toDomPrecision)(height - (isSmallY ? 0 : targetSizeY * 1.5)),
+              width: (0, import_editor.toDomPrecision)(targetSizeX * 3),
+              height: (0, import_editor.toDomPrecision)(targetSizeY * 3),
+              style: isDefaultCursor ? { cursor: (0, import_editor.getCursor)("nesw-resize", rotation) } : void 0,
+              ...bottomLeftEvents
+            }
+          ),
+          showResizeHandles && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "rect",
+              {
+                "data-testid": "selection.resize.top-left",
+                className: (0, import_classnames.default)("tl-corner-handle", {
+                  "tl-hidden": hideTopLeftCorner
+                }),
+                "aria-label": "top_left handle",
+                x: (0, import_editor.toDomPrecision)(0 - size / 2),
+                y: (0, import_editor.toDomPrecision)(0 - size / 2),
+                width: (0, import_editor.toDomPrecision)(size),
+                height: (0, import_editor.toDomPrecision)(size)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "rect",
+              {
+                "data-testid": "selection.resize.top-right",
+                className: (0, import_classnames.default)("tl-corner-handle", {
+                  "tl-hidden": hideTopRightCorner
+                }),
+                "aria-label": "top_right handle",
+                x: (0, import_editor.toDomPrecision)(width - size / 2),
+                y: (0, import_editor.toDomPrecision)(0 - size / 2),
+                width: (0, import_editor.toDomPrecision)(size),
+                height: (0, import_editor.toDomPrecision)(size)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "rect",
+              {
+                "data-testid": "selection.resize.bottom-right",
+                className: (0, import_classnames.default)("tl-corner-handle", {
+                  "tl-hidden": hideBottomRightCorner
+                }),
+                "aria-label": "bottom_right handle",
+                x: (0, import_editor.toDomPrecision)(width - size / 2),
+                y: (0, import_editor.toDomPrecision)(height - size / 2),
+                width: (0, import_editor.toDomPrecision)(size),
+                height: (0, import_editor.toDomPrecision)(size)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "rect",
+              {
+                "data-testid": "selection.resize.bottom-left",
+                className: (0, import_classnames.default)("tl-corner-handle", {
+                  "tl-hidden": hideBottomLeftCorner
+                }),
+                "aria-label": "bottom_left handle",
+                x: (0, import_editor.toDomPrecision)(0 - size / 2),
+                y: (0, import_editor.toDomPrecision)(height - size / 2),
+                width: (0, import_editor.toDomPrecision)(size),
+                height: (0, import_editor.toDomPrecision)(size)
+              }
+            )
+          ] }),
+          showTextResizeHandles && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "rect",
+              {
+                "data-testid": "selection.text-resize.left.handle",
+                className: "tl-text-handle",
+                "aria-label": "bottom_left handle",
+                x: (0, import_editor.toDomPrecision)(0 - size / 4),
+                y: (0, import_editor.toDomPrecision)(height / 2 - textHandleHeight / 2),
+                rx: size / 4,
+                width: (0, import_editor.toDomPrecision)(size / 2),
+                height: (0, import_editor.toDomPrecision)(textHandleHeight)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "rect",
+              {
+                "data-testid": "selection.text-resize.right.handle",
+                className: "tl-text-handle",
+                "aria-label": "bottom_left handle",
+                rx: size / 4,
+                x: (0, import_editor.toDomPrecision)(width - size / 4),
+                y: (0, import_editor.toDomPrecision)(height / 2 - textHandleHeight / 2),
+                width: (0, import_editor.toDomPrecision)(size / 2),
+                height: (0, import_editor.toDomPrecision)(textHandleHeight)
+              }
+            )
+          ] }),
+          showCropHandles && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_TldrawCropHandles.TldrawCropHandles,
+            {
+              ...{
+                size,
+                width,
+                height,
+                hideAlternateHandles: hideAlternateCropHandles
+              }
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+const RotateCornerHandle = function RotateCornerHandle2({
+  cx,
+  cy,
+  targetSize,
+  corner,
+  cursor,
+  isHidden,
+  "data-testid": testId
+}) {
+  const events = (0, import_editor.useSelectionEvents)(corner);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "rect",
+    {
+      className: (0, import_classnames.default)("tl-transparent", "tl-rotate-corner", { "tl-hidden": isHidden }),
+      "data-testid": testId,
+      "aria-label": `${corner} target`,
+      pointerEvents: "all",
+      x: (0, import_editor.toDomPrecision)(cx - targetSize * 3),
+      y: (0, import_editor.toDomPrecision)(cy - targetSize * 3),
+      width: (0, import_editor.toDomPrecision)(Math.max(1, targetSize * 3)),
+      height: (0, import_editor.toDomPrecision)(Math.max(1, targetSize * 3)),
+      cursor,
+      ...events
+    }
+  );
+};
+const SQUARE_ROOT_PI = Math.sqrt(Math.PI);
+const MobileRotateHandle = function RotateHandle({
+  cx,
+  cy,
+  size,
+  isHidden,
+  "data-testid": testId
+}) {
+  const events = (0, import_editor.useSelectionEvents)("mobile_rotate");
+  const editor = (0, import_editor.useEditor)();
+  const zoom = (0, import_editor.useValue)("zoom level", () => editor.getZoomLevel(), [editor]);
+  const bgRadius = Math.max(14 * (1 / zoom), 20 / Math.max(1, zoom));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "circle",
+      {
+        "data-testid": testId,
+        pointerEvents: "all",
+        className: (0, import_classnames.default)("tl-transparent", "tl-mobile-rotate__bg", { "tl-hidden": isHidden }),
+        cx,
+        cy,
+        r: bgRadius,
+        ...events
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "circle",
+      {
+        className: (0, import_classnames.default)("tl-mobile-rotate__fg", { "tl-hidden": isHidden }),
+        cx,
+        cy,
+        r: size / SQUARE_ROOT_PI
+      }
+    )
+  ] });
+};
+//# sourceMappingURL=TldrawSelectionForeground.js.map

package/dist-cjs/lib/canvas/TldrawSelectionForeground.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/canvas/TldrawSelectionForeground.tsx"],
+  "sourcesContent": ["import {\n\tBox2d,\n\tRotateCorner,\n\tTLEmbedShape,\n\tTLSelectionForegroundComponent,\n\tTLTextShape,\n\tgetCursor,\n\ttoDomPrecision,\n\ttrack,\n\tuseEditor,\n\tuseSelectionEvents,\n\tuseTransform,\n\tuseValue,\n} from '@bigbluebutton/editor'\nimport classNames from 'classnames'\nimport { useRef } from 'react'\nimport { useReadonly } from '../ui/hooks/useReadonly'\nimport { TldrawCropHandles } from './TldrawCropHandles'\n\n/** @public */\nexport const TldrawSelectionForeground: TLSelectionForegroundComponent = track(\n\tfunction TldrawSelectionForeground({ bounds, rotation }: { bounds: Box2d; rotation: number }) {\n\t\tconst editor = useEditor()\n\t\tconst rSvg = useRef<SVGSVGElement>(null)\n\n\t\tconst isReadonlyMode = useReadonly()\n\t\tconst topEvents = useSelectionEvents('top')\n\t\tconst rightEvents = useSelectionEvents('right')\n\t\tconst bottomEvents = useSelectionEvents('bottom')\n\t\tconst leftEvents = useSelectionEvents('left')\n\t\tconst topLeftEvents = useSelectionEvents('top_left')\n\t\tconst topRightEvents = useSelectionEvents('top_right')\n\t\tconst bottomRightEvents = useSelectionEvents('bottom_right')\n\t\tconst bottomLeftEvents = useSelectionEvents('bottom_left')\n\n\t\tconst isDefaultCursor =\n\t\t\t!editor.getIsMenuOpen() && editor.getInstanceState().cursor.type === 'default'\n\t\tconst isCoarsePointer = editor.getInstanceState().isCoarsePointer\n\n\t\tconst shapes = editor.getSelectedShapes()\n\t\tconst onlyShape = editor.getOnlySelectedShape()\n\t\tconst isLockedShape = onlyShape && editor.isShapeOrAncestorLocked(onlyShape)\n\n\t\t// if all shapes have an expandBy for the selection outline, we can expand by the l\n\t\tconst expandOutlineBy = onlyShape\n\t\t\t? editor.getShapeUtil(onlyShape).expandSelectionOutlinePx(onlyShape)\n\t\t\t: 0\n\n\t\tuseTransform(rSvg, bounds?.x, bounds?.y, 1, editor.getSelectionRotation(), {\n\t\t\tx: -expandOutlineBy,\n\t\t\ty: -expandOutlineBy,\n\t\t})\n\n\t\tif (!bounds) return null\n\t\tbounds = bounds.clone().expandBy(expandOutlineBy).zeroFix()\n\n\t\tconst zoom = editor.getZoomLevel()\n\t\tconst isChangingStyle = editor.getInstanceState().isChangingStyle\n\n\t\tconst width = bounds.width\n\t\tconst height = bounds.height\n\n\t\tconst size = 8 / zoom\n\t\tconst isTinyX = width < size * 2\n\t\tconst isTinyY = height < size * 2\n\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\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 showSelectionBounds =\n\t\t\t(onlyShape ? !editor.getShapeUtil(onlyShape).hideSelectionBoundsFg(onlyShape) : true) &&\n\t\t\t!isChangingStyle\n\n\t\tlet 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.pointing_resize_handle',\n\t\t\t\t\t'select.pointing_crop_handle'\n\t\t\t\t)) ||\n\t\t\t(showSelectionBounds &&\n\t\t\t\teditor.isIn('select.resizing') &&\n\t\t\t\tonlyShape &&\n\t\t\t\teditor.isShapeOfType<TLTextShape>(onlyShape, 'text'))\n\n\t\tif (onlyShape && shouldDisplayBox) {\n\t\t\tif (editor.environment.isFirefox && editor.isShapeOfType<TLEmbedShape>(onlyShape, 'embed')) {\n\t\t\t\tshouldDisplayBox = false\n\t\t\t}\n\t\t}\n\n\t\tconst showCropHandles =\n\t\t\teditor.isInAny(\n\t\t\t\t'select.pointing_crop_handle',\n\t\t\t\t'select.crop.idle',\n\t\t\t\t'select.crop.pointing_crop'\n\t\t\t) &&\n\t\t\t!isChangingStyle &&\n\t\t\t!isReadonlyMode\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!isReadonlyMode\n\n\t\tconst showCornerRotateHandles =\n\t\t\t!isCoarsePointer &&\n\t\t\t!(isTinyX || isTinyY) &&\n\t\t\t(shouldDisplayControls || showCropHandles) &&\n\t\t\t(onlyShape ? !editor.getShapeUtil(onlyShape).hideRotateHandle(onlyShape) : true) &&\n\t\t\t!isLockedShape\n\n\t\tconst showMobileRotateHandle =\n\t\t\tisCoarsePointer &&\n\t\t\t(!isSmallX || !isSmallY) &&\n\t\t\t(shouldDisplayControls || showCropHandles) &&\n\t\t\t(onlyShape ? !editor.getShapeUtil(onlyShape).hideRotateHandle(onlyShape) : true) &&\n\t\t\t!isLockedShape\n\n\t\tconst showResizeHandles =\n\t\t\tshouldDisplayControls &&\n\t\t\t(onlyShape\n\t\t\t\t? editor.getShapeUtil(onlyShape).canResize(onlyShape) &&\n\t\t\t\t  !editor.getShapeUtil(onlyShape).hideResizeHandles(onlyShape)\n\t\t\t\t: true) &&\n\t\t\t!showCropHandles &&\n\t\t\t!isLockedShape\n\n\t\tconst hideAlternateCornerHandles = isTinyX || isTinyY\n\t\tconst showOnlyOneHandle = isTinyX && isTinyY\n\t\tconst hideAlternateCropHandles = isSmallCropX || isSmallCropY\n\n\t\tconst showHandles = showResizeHandles || showCropHandles\n\t\tconst hideRotateCornerHandles = !showCornerRotateHandles\n\t\tconst hideMobileRotateHandle = !shouldDisplayControls || !showMobileRotateHandle\n\t\tconst hideTopLeftCorner = !shouldDisplayControls || !showHandles\n\t\tconst hideTopRightCorner = !shouldDisplayControls || !showHandles || hideAlternateCornerHandles\n\t\tconst hideBottomLeftCorner =\n\t\t\t!shouldDisplayControls || !showHandles || hideAlternateCornerHandles\n\t\tconst hideBottomRightCorner =\n\t\t\t!shouldDisplayControls || !showHandles || (showOnlyOneHandle && !showCropHandles)\n\n\t\tlet hideEdgeTargetsDueToCoarsePointer = isCoarsePointer\n\n\t\tif (\n\t\t\thideEdgeTargetsDueToCoarsePointer &&\n\t\t\tshapes.every((shape) => editor.getShapeUtil(shape).isAspectRatioLocked(shape))\n\t\t) {\n\t\t\thideEdgeTargetsDueToCoarsePointer = false\n\t\t}\n\n\t\t// If we're showing crop handles, then show the edges too.\n\t\t// If we're showing resize handles, then show the edges only\n\t\t// if we're not hiding them for some other reason\n\t\tlet hideEdgeTargets = true\n\n\t\tif (showCropHandles) {\n\t\t\thideEdgeTargets = hideAlternateCropHandles\n\t\t} else if (showResizeHandles) {\n\t\t\thideEdgeTargets =\n\t\t\t\thideAlternateCornerHandles || showOnlyOneHandle || hideEdgeTargetsDueToCoarsePointer\n\t\t}\n\n\t\tconst textHandleHeight = Math.min(24 / zoom, height - targetSizeY * 3)\n\t\tconst showTextResizeHandles =\n\t\t\tshouldDisplayControls &&\n\t\t\tisCoarsePointer &&\n\t\t\tonlyShape &&\n\t\t\teditor.isShapeOfType<TLTextShape>(onlyShape, 'text') &&\n\t\t\ttextHandleHeight * zoom >= 4\n\n\t\treturn (\n\t\t\t<svg\n\t\t\t\tclassName=\"tl-overlays__item tl-selection__fg tl-svg-context\"\n\t\t\t\tdata-testid=\"selection-foreground\"\n\t\t\t>\n\t\t\t\t<g ref={rSvg}>\n\t\t\t\t\t{shouldDisplayBox && (\n\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\tclassName={classNames('tl-selection__fg__outline')}\n\t\t\t\t\t\t\twidth={toDomPrecision(width)}\n\t\t\t\t\t\t\theight={toDomPrecision(height)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<RotateCornerHandle\n\t\t\t\t\t\tdata-testid=\"selection.rotate.top-left\"\n\t\t\t\t\t\tcx={0}\n\t\t\t\t\t\tcy={0}\n\t\t\t\t\t\ttargetSize={targetSize}\n\t\t\t\t\t\tcorner=\"top_left_rotate\"\n\t\t\t\t\t\tcursor={isDefaultCursor ? getCursor('nwse-rotate', rotation) : undefined}\n\t\t\t\t\t\tisHidden={hideRotateCornerHandles}\n\t\t\t\t\t/>\n\t\t\t\t\t<RotateCornerHandle\n\t\t\t\t\t\tdata-testid=\"selection.rotate.top-right\"\n\t\t\t\t\t\tcx={width + targetSize * 3}\n\t\t\t\t\t\tcy={0}\n\t\t\t\t\t\ttargetSize={targetSize}\n\t\t\t\t\t\tcorner=\"top_right_rotate\"\n\t\t\t\t\t\tcursor={isDefaultCursor ? getCursor('nesw-rotate', rotation) : undefined}\n\t\t\t\t\t\tisHidden={hideRotateCornerHandles}\n\t\t\t\t\t/>\n\t\t\t\t\t<RotateCornerHandle\n\t\t\t\t\t\tdata-testid=\"selection.rotate.bottom-left\"\n\t\t\t\t\t\tcx={0}\n\t\t\t\t\t\tcy={height + targetSize * 3}\n\t\t\t\t\t\ttargetSize={targetSize}\n\t\t\t\t\t\tcorner=\"bottom_left_rotate\"\n\t\t\t\t\t\tcursor={isDefaultCursor ? getCursor('swne-rotate', rotation) : undefined}\n\t\t\t\t\t\tisHidden={hideRotateCornerHandles}\n\t\t\t\t\t/>\n\t\t\t\t\t<RotateCornerHandle\n\t\t\t\t\t\tdata-testid=\"selection.rotate.bottom-right\"\n\t\t\t\t\t\tcx={width + targetSize * 3}\n\t\t\t\t\t\tcy={height + targetSize * 3}\n\t\t\t\t\t\ttargetSize={targetSize}\n\t\t\t\t\t\tcorner=\"bottom_right_rotate\"\n\t\t\t\t\t\tcursor={isDefaultCursor ? getCursor('senw-rotate', rotation) : undefined}\n\t\t\t\t\t\tisHidden={hideRotateCornerHandles}\n\t\t\t\t\t/>\n\t\t\t\t\t<MobileRotateHandle\n\t\t\t\t\t\tdata-testid=\"selection.rotate.mobile\"\n\t\t\t\t\t\tcx={isSmallX ? -targetSize * 1.5 : width / 2}\n\t\t\t\t\t\tcy={isSmallX ? height / 2 : -targetSize * 1.5}\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tisHidden={hideMobileRotateHandle}\n\t\t\t\t\t/>\n\t\t\t\t\t{/* Targets */}\n\t\t\t\t\t<rect\n\t\t\t\t\t\tclassName={classNames('tl-transparent', {\n\t\t\t\t\t\t\t'tl-hidden': hideEdgeTargets,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdata-testid=\"selection.resize.top\"\n\t\t\t\t\t\taria-label=\"top target\"\n\t\t\t\t\t\tpointerEvents=\"all\"\n\t\t\t\t\t\tx={0}\n\t\t\t\t\t\ty={toDomPrecision(0 - (isSmallY ? targetSizeY * 2 : targetSizeY))}\n\t\t\t\t\t\twidth={toDomPrecision(width)}\n\t\t\t\t\t\theight={toDomPrecision(Math.max(1, targetSizeY * 2))}\n\t\t\t\t\t\tstyle={isDefaultCursor ? { cursor: getCursor('ns-resize', rotation) } : undefined}\n\t\t\t\t\t\t{...topEvents}\n\t\t\t\t\t/>\n\t\t\t\t\t<rect\n\t\t\t\t\t\tclassName={classNames('tl-transparent', {\n\t\t\t\t\t\t\t'tl-hidden': hideEdgeTargets,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdata-testid=\"selection.resize.right\"\n\t\t\t\t\t\taria-label=\"right target\"\n\t\t\t\t\t\tpointerEvents=\"all\"\n\t\t\t\t\t\tx={toDomPrecision(width - (isSmallX ? 0 : targetSizeX))}\n\t\t\t\t\t\ty={0}\n\t\t\t\t\t\theight={toDomPrecision(height)}\n\t\t\t\t\t\twidth={toDomPrecision(Math.max(1, targetSizeX * 2))}\n\t\t\t\t\t\tstyle={isDefaultCursor ? { cursor: getCursor('ew-resize', rotation) } : undefined}\n\t\t\t\t\t\t{...rightEvents}\n\t\t\t\t\t/>\n\t\t\t\t\t<rect\n\t\t\t\t\t\tclassName={classNames('tl-transparent', {\n\t\t\t\t\t\t\t'tl-hidden': hideEdgeTargets,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdata-testid=\"selection.resize.bottom\"\n\t\t\t\t\t\taria-label=\"bottom target\"\n\t\t\t\t\t\tpointerEvents=\"all\"\n\t\t\t\t\t\tx={0}\n\t\t\t\t\t\ty={toDomPrecision(height - (isSmallY ? 0 : targetSizeY))}\n\t\t\t\t\t\twidth={toDomPrecision(width)}\n\t\t\t\t\t\theight={toDomPrecision(Math.max(1, targetSizeY * 2))}\n\t\t\t\t\t\tstyle={isDefaultCursor ? { cursor: getCursor('ns-resize', rotation) } : undefined}\n\t\t\t\t\t\t{...bottomEvents}\n\t\t\t\t\t/>\n\t\t\t\t\t<rect\n\t\t\t\t\t\tclassName={classNames('tl-transparent', {\n\t\t\t\t\t\t\t'tl-hidden': hideEdgeTargets,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdata-testid=\"selection.resize.left\"\n\t\t\t\t\t\taria-label=\"left target\"\n\t\t\t\t\t\tpointerEvents=\"all\"\n\t\t\t\t\t\tx={toDomPrecision(0 - (isSmallX ? targetSizeX * 2 : targetSizeX))}\n\t\t\t\t\t\ty={0}\n\t\t\t\t\t\theight={toDomPrecision(height)}\n\t\t\t\t\t\twidth={toDomPrecision(Math.max(1, targetSizeX * 2))}\n\t\t\t\t\t\tstyle={isDefaultCursor ? { cursor: getCursor('ew-resize', rotation) } : undefined}\n\t\t\t\t\t\t{...leftEvents}\n\t\t\t\t\t/>\n\t\t\t\t\t{/* Corner Targets */}\n\t\t\t\t\t<rect\n\t\t\t\t\t\tclassName={classNames('tl-transparent', {\n\t\t\t\t\t\t\t'tl-hidden': hideTopLeftCorner,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdata-testid=\"selection.target.top-left\"\n\t\t\t\t\t\taria-label=\"top-left target\"\n\t\t\t\t\t\tpointerEvents=\"all\"\n\t\t\t\t\t\tx={toDomPrecision(0 - (isSmallX ? targetSizeX * 2 : targetSizeX * 1.5))}\n\t\t\t\t\t\ty={toDomPrecision(0 - (isSmallY ? targetSizeY * 2 : targetSizeY * 1.5))}\n\t\t\t\t\t\twidth={toDomPrecision(targetSizeX * 3)}\n\t\t\t\t\t\theight={toDomPrecision(targetSizeY * 3)}\n\t\t\t\t\t\tstyle={isDefaultCursor ? { cursor: getCursor('nwse-resize', rotation) } : undefined}\n\t\t\t\t\t\t{...topLeftEvents}\n\t\t\t\t\t/>\n\t\t\t\t\t<rect\n\t\t\t\t\t\tclassName={classNames('tl-transparent', {\n\t\t\t\t\t\t\t'tl-hidden': hideTopRightCorner,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdata-testid=\"selection.target.top-right\"\n\t\t\t\t\t\taria-label=\"top-right target\"\n\t\t\t\t\t\tpointerEvents=\"all\"\n\t\t\t\t\t\tx={toDomPrecision(width - (isSmallX ? 0 : targetSizeX * 1.5))}\n\t\t\t\t\t\ty={toDomPrecision(0 - (isSmallY ? targetSizeY * 2 : targetSizeY * 1.5))}\n\t\t\t\t\t\twidth={toDomPrecision(targetSizeX * 3)}\n\t\t\t\t\t\theight={toDomPrecision(targetSizeY * 3)}\n\t\t\t\t\t\tstyle={isDefaultCursor ? { cursor: getCursor('nesw-resize', rotation) } : undefined}\n\t\t\t\t\t\t{...topRightEvents}\n\t\t\t\t\t/>\n\t\t\t\t\t<rect\n\t\t\t\t\t\tclassName={classNames('tl-transparent', {\n\t\t\t\t\t\t\t'tl-hidden': hideBottomRightCorner,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdata-testid=\"selection.target.bottom-right\"\n\t\t\t\t\t\taria-label=\"bottom-right target\"\n\t\t\t\t\t\tpointerEvents=\"all\"\n\t\t\t\t\t\tx={toDomPrecision(width - (isSmallX ? targetSizeX : targetSizeX * 1.5))}\n\t\t\t\t\t\ty={toDomPrecision(height - (isSmallY ? targetSizeY : targetSizeY * 1.5))}\n\t\t\t\t\t\twidth={toDomPrecision(targetSizeX * 3)}\n\t\t\t\t\t\theight={toDomPrecision(targetSizeY * 3)}\n\t\t\t\t\t\tstyle={isDefaultCursor ? { cursor: getCursor('nwse-resize', rotation) } : undefined}\n\t\t\t\t\t\t{...bottomRightEvents}\n\t\t\t\t\t/>\n\t\t\t\t\t<rect\n\t\t\t\t\t\tclassName={classNames('tl-transparent', {\n\t\t\t\t\t\t\t'tl-hidden': hideBottomLeftCorner,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdata-testid=\"selection.target.bottom-left\"\n\t\t\t\t\t\taria-label=\"bottom-left target\"\n\t\t\t\t\t\tpointerEvents=\"all\"\n\t\t\t\t\t\tx={toDomPrecision(0 - (isSmallX ? targetSizeX * 3 : targetSizeX * 1.5))}\n\t\t\t\t\t\ty={toDomPrecision(height - (isSmallY ? 0 : targetSizeY * 1.5))}\n\t\t\t\t\t\twidth={toDomPrecision(targetSizeX * 3)}\n\t\t\t\t\t\theight={toDomPrecision(targetSizeY * 3)}\n\t\t\t\t\t\tstyle={isDefaultCursor ? { cursor: getCursor('nesw-resize', rotation) } : undefined}\n\t\t\t\t\t\t{...bottomLeftEvents}\n\t\t\t\t\t/>\n\t\t\t\t\t{/* Resize Handles */}\n\t\t\t\t\t{showResizeHandles && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\tdata-testid=\"selection.resize.top-left\"\n\t\t\t\t\t\t\t\tclassName={classNames('tl-corner-handle', {\n\t\t\t\t\t\t\t\t\t'tl-hidden': hideTopLeftCorner,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\taria-label=\"top_left handle\"\n\t\t\t\t\t\t\t\tx={toDomPrecision(0 - size / 2)}\n\t\t\t\t\t\t\t\ty={toDomPrecision(0 - size / 2)}\n\t\t\t\t\t\t\t\twidth={toDomPrecision(size)}\n\t\t\t\t\t\t\t\theight={toDomPrecision(size)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\tdata-testid=\"selection.resize.top-right\"\n\t\t\t\t\t\t\t\tclassName={classNames('tl-corner-handle', {\n\t\t\t\t\t\t\t\t\t'tl-hidden': hideTopRightCorner,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\taria-label=\"top_right handle\"\n\t\t\t\t\t\t\t\tx={toDomPrecision(width - size / 2)}\n\t\t\t\t\t\t\t\ty={toDomPrecision(0 - size / 2)}\n\t\t\t\t\t\t\t\twidth={toDomPrecision(size)}\n\t\t\t\t\t\t\t\theight={toDomPrecision(size)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\tdata-testid=\"selection.resize.bottom-right\"\n\t\t\t\t\t\t\t\tclassName={classNames('tl-corner-handle', {\n\t\t\t\t\t\t\t\t\t'tl-hidden': hideBottomRightCorner,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\taria-label=\"bottom_right handle\"\n\t\t\t\t\t\t\t\tx={toDomPrecision(width - size / 2)}\n\t\t\t\t\t\t\t\ty={toDomPrecision(height - size / 2)}\n\t\t\t\t\t\t\t\twidth={toDomPrecision(size)}\n\t\t\t\t\t\t\t\theight={toDomPrecision(size)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\tdata-testid=\"selection.resize.bottom-left\"\n\t\t\t\t\t\t\t\tclassName={classNames('tl-corner-handle', {\n\t\t\t\t\t\t\t\t\t'tl-hidden': hideBottomLeftCorner,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\taria-label=\"bottom_left handle\"\n\t\t\t\t\t\t\t\tx={toDomPrecision(0 - size / 2)}\n\t\t\t\t\t\t\t\ty={toDomPrecision(height - size / 2)}\n\t\t\t\t\t\t\t\twidth={toDomPrecision(size)}\n\t\t\t\t\t\t\t\theight={toDomPrecision(size)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{showTextResizeHandles && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\tdata-testid=\"selection.text-resize.left.handle\"\n\t\t\t\t\t\t\t\tclassName=\"tl-text-handle\"\n\t\t\t\t\t\t\t\taria-label=\"bottom_left handle\"\n\t\t\t\t\t\t\t\tx={toDomPrecision(0 - size / 4)}\n\t\t\t\t\t\t\t\ty={toDomPrecision(height / 2 - textHandleHeight / 2)}\n\t\t\t\t\t\t\t\trx={size / 4}\n\t\t\t\t\t\t\t\twidth={toDomPrecision(size / 2)}\n\t\t\t\t\t\t\t\theight={toDomPrecision(textHandleHeight)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\tdata-testid=\"selection.text-resize.right.handle\"\n\t\t\t\t\t\t\t\tclassName=\"tl-text-handle\"\n\t\t\t\t\t\t\t\taria-label=\"bottom_left handle\"\n\t\t\t\t\t\t\t\trx={size / 4}\n\t\t\t\t\t\t\t\tx={toDomPrecision(width - size / 4)}\n\t\t\t\t\t\t\t\ty={toDomPrecision(height / 2 - textHandleHeight / 2)}\n\t\t\t\t\t\t\t\twidth={toDomPrecision(size / 2)}\n\t\t\t\t\t\t\t\theight={toDomPrecision(textHandleHeight)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{/* Crop Handles */}\n\t\t\t\t\t{showCropHandles && (\n\t\t\t\t\t\t<TldrawCropHandles\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tsize,\n\t\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t\t\thideAlternateHandles: hideAlternateCropHandles,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</g>\n\t\t\t</svg>\n\t\t)\n\t}\n)\n\nexport const RotateCornerHandle = function RotateCornerHandle({\n\tcx,\n\tcy,\n\ttargetSize,\n\tcorner,\n\tcursor,\n\tisHidden,\n\t'data-testid': testId,\n}: {\n\tcx: number\n\tcy: number\n\ttargetSize: number\n\tcorner: RotateCorner\n\tcursor?: string\n\tisHidden: boolean\n\t'data-testid'?: string\n}) {\n\tconst events = useSelectionEvents(corner)\n\treturn (\n\t\t<rect\n\t\t\tclassName={classNames('tl-transparent', 'tl-rotate-corner', { 'tl-hidden': isHidden })}\n\t\t\tdata-testid={testId}\n\t\t\taria-label={`${corner} target`}\n\t\t\tpointerEvents=\"all\"\n\t\t\tx={toDomPrecision(cx - targetSize * 3)}\n\t\t\ty={toDomPrecision(cy - targetSize * 3)}\n\t\t\twidth={toDomPrecision(Math.max(1, targetSize * 3))}\n\t\t\theight={toDomPrecision(Math.max(1, targetSize * 3))}\n\t\t\tcursor={cursor}\n\t\t\t{...events}\n\t\t/>\n\t)\n}\n\nconst SQUARE_ROOT_PI = Math.sqrt(Math.PI)\n\nexport const MobileRotateHandle = function RotateHandle({\n\tcx,\n\tcy,\n\tsize,\n\tisHidden,\n\t'data-testid': testId,\n}: {\n\tcx: number\n\tcy: number\n\tsize: number\n\tisHidden: boolean\n\t'data-testid'?: string\n}) {\n\tconst events = useSelectionEvents('mobile_rotate')\n\n\tconst editor = useEditor()\n\tconst zoom = useValue('zoom level', () => editor.getZoomLevel(), [editor])\n\tconst bgRadius = Math.max(14 * (1 / zoom), 20 / Math.max(1, zoom))\n\n\treturn (\n\t\t<g>\n\t\t\t<circle\n\t\t\t\tdata-testid={testId}\n\t\t\t\tpointerEvents=\"all\"\n\t\t\t\tclassName={classNames('tl-transparent', 'tl-mobile-rotate__bg', { 'tl-hidden': isHidden })}\n\t\t\t\tcx={cx}\n\t\t\t\tcy={cy}\n\t\t\t\tr={bgRadius}\n\t\t\t\t{...events}\n\t\t\t/>\n\t\t\t<circle\n\t\t\t\tclassName={classNames('tl-mobile-rotate__fg', { 'tl-hidden': isHidden })}\n\t\t\t\tcx={cx}\n\t\t\t\tcy={cy}\n\t\t\t\tr={size / SQUARE_ROOT_PI}\n\t\t\t/>\n\t\t</g>\n\t)\n}\n"],
+  "mappings": "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",
+  "names": ["TldrawSelectionForeground", "classNames", "RotateCornerHandle"]
+}