@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-esm/lib/tools/SelectTool/children/DraggingHandle.mjs

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

package/dist-esm/lib/tools/SelectTool/children/DraggingHandle.mjs.map

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

package/dist-esm/lib/tools/ZoomTool/ZoomTool.mjs

@@ -0,0 +1,61 @@
+import {
+  StateNode
+} from "@bigbluebutton/editor";
+import { Idle } from "./childStates/Idle.mjs";
+import { Pointing } from "./childStates/Pointing.mjs";
+import { ZoomBrushing } from "./childStates/ZoomBrushing.mjs";
+class ZoomTool extends StateNode {
+  static id = "zoom";
+  static initial = "idle";
+  static children = () => [Idle, ZoomBrushing, Pointing];
+  info = {};
+  onEnter = (info) => {
+    this.info = info;
+    this.parent.setCurrentToolIdMask(info.onInteractionEnd);
+    this.updateCursor();
+  };
+  onExit = () => {
+    this.parent.setCurrentToolIdMask(void 0);
+    this.editor.updateInstanceState(
+      { zoomBrush: null, cursor: { type: "default", rotation: 0 } },
+      { ephemeral: true }
+    );
+    this.parent.setCurrentToolIdMask(void 0);
+  };
+  onKeyDown = () => {
+    this.updateCursor();
+  };
+  onKeyUp = (info) => {
+    this.updateCursor();
+    if (info.code === "KeyZ") {
+      this.complete();
+    }
+  };
+  onInterrupt = () => {
+    this.complete();
+  };
+  complete() {
+    if (this.info.onInteractionEnd && this.info.onInteractionEnd !== "select") {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, this.info);
+    } else {
+      this.parent.transition("select");
+    }
+  }
+  updateCursor() {
+    if (this.editor.inputs.altKey) {
+      this.editor.updateInstanceState(
+        { cursor: { type: "zoom-out", rotation: 0 } },
+        { ephemeral: true }
+      );
+    } else {
+      this.editor.updateInstanceState(
+        { cursor: { type: "zoom-in", rotation: 0 } },
+        { ephemeral: true }
+      );
+    }
+  }
+}
+export {
+  ZoomTool
+};
+//# sourceMappingURL=ZoomTool.mjs.map

package/dist-esm/lib/tools/ZoomTool/ZoomTool.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/ZoomTool/ZoomTool.ts"],
+  "sourcesContent": ["import {\n\tStateNode,\n\tTLInterruptEvent,\n\tTLKeyboardEvent,\n\tTLPointerEventInfo,\n} from '@bigbluebutton/editor'\nimport { Idle } from './childStates/Idle'\nimport { Pointing } from './childStates/Pointing'\nimport { ZoomBrushing } from './childStates/ZoomBrushing'\n\n/** @public */\nexport class ZoomTool extends StateNode {\n\tstatic override id = 'zoom'\n\tstatic override initial = 'idle'\n\tstatic override children = () => [Idle, ZoomBrushing, Pointing]\n\n\tinfo = {} as TLPointerEventInfo & { onInteractionEnd?: string }\n\n\toverride onEnter = (info: TLPointerEventInfo & { onInteractionEnd: string }) => {\n\t\tthis.info = info\n\t\tthis.parent.setCurrentToolIdMask(info.onInteractionEnd)\n\t\tthis.updateCursor()\n\t}\n\n\toverride onExit = () => {\n\t\tthis.parent.setCurrentToolIdMask(undefined)\n\t\tthis.editor.updateInstanceState(\n\t\t\t{ zoomBrush: null, cursor: { type: 'default', rotation: 0 } },\n\t\t\t{ ephemeral: true }\n\t\t)\n\t\tthis.parent.setCurrentToolIdMask(undefined)\n\t}\n\n\toverride onKeyDown: TLKeyboardEvent | undefined = () => {\n\t\tthis.updateCursor()\n\t}\n\n\toverride onKeyUp: TLKeyboardEvent = (info) => {\n\t\tthis.updateCursor()\n\n\t\tif (info.code === 'KeyZ') {\n\t\t\tthis.complete()\n\t\t}\n\t}\n\n\toverride onInterrupt: TLInterruptEvent = () => {\n\t\tthis.complete()\n\t}\n\n\tprivate complete() {\n\t\t// Go back to the previous tool. If we are already in select we want to transition to idle\n\t\tif (this.info.onInteractionEnd && this.info.onInteractionEnd !== 'select') {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd, this.info)\n\t\t} else {\n\t\t\tthis.parent.transition('select')\n\t\t}\n\t}\n\n\tprivate updateCursor() {\n\t\tif (this.editor.inputs.altKey) {\n\t\t\tthis.editor.updateInstanceState(\n\t\t\t\t{ cursor: { type: 'zoom-out', rotation: 0 } },\n\t\t\t\t{ ephemeral: true }\n\t\t\t)\n\t\t} else {\n\t\t\tthis.editor.updateInstanceState(\n\t\t\t\t{ cursor: { type: 'zoom-in', rotation: 0 } },\n\t\t\t\t{ ephemeral: true }\n\t\t\t)\n\t\t}\n\t}\n}\n"],
+  "mappings": "AAAA;AAAA,EACC;AAAA,OAIM;AACP,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAGtB,MAAM,iBAAiB,UAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EACrB,OAAgB,UAAU;AAAA,EAC1B,OAAgB,WAAW,MAAM,CAAC,MAAM,cAAc,QAAQ;AAAA,EAE9D,OAAO,CAAC;AAAA,EAEC,UAAU,CAAC,SAA4D;AAC/E,SAAK,OAAO;AACZ,SAAK,OAAO,qBAAqB,KAAK,gBAAgB;AACtD,SAAK,aAAa;AAAA,EACnB;AAAA,EAES,SAAS,MAAM;AACvB,SAAK,OAAO,qBAAqB,MAAS;AAC1C,SAAK,OAAO;AAAA,MACX,EAAE,WAAW,MAAM,QAAQ,EAAE,MAAM,WAAW,UAAU,EAAE,EAAE;AAAA,MAC5D,EAAE,WAAW,KAAK;AAAA,IACnB;AACA,SAAK,OAAO,qBAAqB,MAAS;AAAA,EAC3C;AAAA,EAES,YAAyC,MAAM;AACvD,SAAK,aAAa;AAAA,EACnB;AAAA,EAES,UAA2B,CAAC,SAAS;AAC7C,SAAK,aAAa;AAElB,QAAI,KAAK,SAAS,QAAQ;AACzB,WAAK,SAAS;AAAA,IACf;AAAA,EACD;AAAA,EAES,cAAgC,MAAM;AAC9C,SAAK,SAAS;AAAA,EACf;AAAA,EAEQ,WAAW;AAElB,QAAI,KAAK,KAAK,oBAAoB,KAAK,KAAK,qBAAqB,UAAU;AAC1E,WAAK,OAAO,eAAe,KAAK,KAAK,kBAAkB,KAAK,IAAI;AAAA,IACjE,OAAO;AACN,WAAK,OAAO,WAAW,QAAQ;AAAA,IAChC;AAAA,EACD;AAAA,EAEQ,eAAe;AACtB,QAAI,KAAK,OAAO,OAAO,QAAQ;AAC9B,WAAK,OAAO;AAAA,QACX,EAAE,QAAQ,EAAE,MAAM,YAAY,UAAU,EAAE,EAAE;AAAA,QAC5C,EAAE,WAAW,KAAK;AAAA,MACnB;AAAA,IACD,OAAO;AACN,WAAK,OAAO;AAAA,QACX,EAAE,QAAQ,EAAE,MAAM,WAAW,UAAU,EAAE,EAAE;AAAA,QAC3C,EAAE,WAAW,KAAK;AAAA,MACnB;AAAA,IACD;AAAA,EACD;AACD;",
+  "names": []
+}

package/dist-esm/lib/tools/ZoomTool/childStates/Idle.mjs

@@ -0,0 +1,15 @@
+import { StateNode } from "@bigbluebutton/editor";
+class Idle extends StateNode {
+  static id = "idle";
+  info = {};
+  onEnter = (info) => {
+    this.info = info;
+  };
+  onPointerDown = () => {
+    this.parent.transition("pointing", this.info);
+  };
+}
+export {
+  Idle
+};
+//# sourceMappingURL=Idle.mjs.map

package/dist-esm/lib/tools/ZoomTool/childStates/Idle.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/ZoomTool/childStates/Idle.ts"],
+  "sourcesContent": ["import { StateNode, TLEventHandlers, TLPointerEventInfo } from '@bigbluebutton/editor'\n\nexport class Idle extends StateNode {\n\tstatic override id = 'idle'\n\n\tinfo = {} as TLPointerEventInfo & { onInteractionEnd?: string }\n\n\toverride onEnter = (info: TLPointerEventInfo & { onInteractionEnd: string }) => {\n\t\tthis.info = info\n\t}\n\n\toverride onPointerDown: TLEventHandlers['onPointerUp'] = () => {\n\t\tthis.parent.transition('pointing', this.info)\n\t}\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAsD;AAExD,MAAM,aAAa,UAAU;AAAA,EACnC,OAAgB,KAAK;AAAA,EAErB,OAAO,CAAC;AAAA,EAEC,UAAU,CAAC,SAA4D;AAC/E,SAAK,OAAO;AAAA,EACb;AAAA,EAES,gBAAgD,MAAM;AAC9D,SAAK,OAAO,WAAW,YAAY,KAAK,IAAI;AAAA,EAC7C;AACD;",
+  "names": []
+}

package/dist-esm/lib/tools/ZoomTool/childStates/Pointing.mjs

@@ -0,0 +1,35 @@
+import { StateNode } from "@bigbluebutton/editor";
+class Pointing extends StateNode {
+  static id = "pointing";
+  info = {};
+  onEnter = (info) => {
+    this.info = info;
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onPointerMove = () => {
+    if (this.editor.inputs.isDragging) {
+      this.parent.transition("zoom_brushing", this.info);
+    }
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  complete() {
+    const { currentScreenPoint } = this.editor.inputs;
+    if (this.editor.inputs.altKey) {
+      this.editor.zoomOut(currentScreenPoint, { duration: 220 });
+    } else {
+      this.editor.zoomIn(currentScreenPoint, { duration: 220 });
+    }
+    this.parent.transition("idle", this.info);
+  }
+  cancel() {
+    this.parent.transition("idle", this.info);
+  }
+}
+export {
+  Pointing
+};
+//# sourceMappingURL=Pointing.mjs.map

package/dist-esm/lib/tools/ZoomTool/childStates/Pointing.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/ZoomTool/childStates/Pointing.ts"],
+  "sourcesContent": ["import { StateNode, TLEventHandlers, TLPointerEventInfo } from '@bigbluebutton/editor'\n\nexport class Pointing extends StateNode {\n\tstatic override id = 'pointing'\n\n\tinfo = {} as TLPointerEventInfo & { onInteractionEnd?: string }\n\n\toverride onEnter = (info: TLPointerEventInfo & { onInteractionEnd: string }) => {\n\t\tthis.info = info\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerUp'] = () => {\n\t\tif (this.editor.inputs.isDragging) {\n\t\t\tthis.parent.transition('zoom_brushing', this.info)\n\t\t}\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\tprivate complete() {\n\t\tconst { currentScreenPoint } = this.editor.inputs\n\t\tif (this.editor.inputs.altKey) {\n\t\t\tthis.editor.zoomOut(currentScreenPoint, { duration: 220 })\n\t\t} else {\n\t\t\tthis.editor.zoomIn(currentScreenPoint, { duration: 220 })\n\t\t}\n\t\tthis.parent.transition('idle', this.info)\n\t}\n\n\tprivate cancel() {\n\t\tthis.parent.transition('idle', this.info)\n\t}\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAsD;AAExD,MAAM,iBAAiB,UAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EAErB,OAAO,CAAC;AAAA,EAEC,UAAU,CAAC,SAA4D;AAC/E,SAAK,OAAO;AAAA,EACb;AAAA,EAES,cAA8C,MAAM;AAC5D,SAAK,SAAS;AAAA,EACf;AAAA,EAES,gBAAgD,MAAM;AAC9D,QAAI,KAAK,OAAO,OAAO,YAAY;AAClC,WAAK,OAAO,WAAW,iBAAiB,KAAK,IAAI;AAAA,IAClD;AAAA,EACD;AAAA,EAES,WAAwC,MAAM;AACtD,SAAK,OAAO;AAAA,EACb;AAAA,EAEQ,WAAW;AAClB,UAAM,EAAE,mBAAmB,IAAI,KAAK,OAAO;AAC3C,QAAI,KAAK,OAAO,OAAO,QAAQ;AAC9B,WAAK,OAAO,QAAQ,oBAAoB,EAAE,UAAU,IAAI,CAAC;AAAA,IAC1D,OAAO;AACN,WAAK,OAAO,OAAO,oBAAoB,EAAE,UAAU,IAAI,CAAC;AAAA,IACzD;AACA,SAAK,OAAO,WAAW,QAAQ,KAAK,IAAI;AAAA,EACzC;AAAA,EAEQ,SAAS;AAChB,SAAK,OAAO,WAAW,QAAQ,KAAK,IAAI;AAAA,EACzC;AACD;",
+  "names": []
+}

package/dist-esm/lib/tools/ZoomTool/childStates/ZoomBrushing.mjs

@@ -0,0 +1,52 @@
+import { Box2d, StateNode } from "@bigbluebutton/editor";
+class ZoomBrushing extends StateNode {
+  static id = "zoom_brushing";
+  info = {};
+  zoomBrush = new Box2d();
+  onEnter = (info) => {
+    this.info = info;
+    this.update();
+  };
+  onExit = () => {
+    this.editor.updateInstanceState({ zoomBrush: null });
+  };
+  onPointerMove = () => {
+    this.update();
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  update() {
+    const {
+      inputs: { originPagePoint, currentPagePoint }
+    } = this.editor;
+    this.zoomBrush.setTo(Box2d.FromPoints([originPagePoint, currentPagePoint]));
+    this.editor.updateInstanceState({ zoomBrush: this.zoomBrush.toJson() });
+  }
+  cancel() {
+    this.parent.transition("idle", this.info);
+  }
+  complete() {
+    const { zoomBrush } = this;
+    const threshold = 8 / this.editor.getZoomLevel();
+    if (zoomBrush.width < threshold && zoomBrush.height < threshold) {
+      const point = this.editor.inputs.currentScreenPoint;
+      if (this.editor.inputs.altKey) {
+        this.editor.zoomOut(point, { duration: 220 });
+      } else {
+        this.editor.zoomIn(point, { duration: 220 });
+      }
+    } else {
+      const zoomLevel = this.editor.inputs.altKey ? this.editor.getZoomLevel() / 2 : void 0;
+      this.editor.zoomToBounds(zoomBrush, zoomLevel, { duration: 220 });
+    }
+    this.parent.transition("idle", this.info);
+  }
+}
+export {
+  ZoomBrushing
+};
+//# sourceMappingURL=ZoomBrushing.mjs.map

package/dist-esm/lib/tools/ZoomTool/childStates/ZoomBrushing.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/ZoomTool/childStates/ZoomBrushing.ts"],
+  "sourcesContent": ["import { Box2d, StateNode, TLEventHandlers, TLPointerEventInfo } from '@bigbluebutton/editor'\n\nexport class ZoomBrushing extends StateNode {\n\tstatic override id = 'zoom_brushing'\n\n\tinfo = {} as TLPointerEventInfo & { onInteractionEnd?: string }\n\n\tzoomBrush = new Box2d()\n\n\toverride onEnter = (info: TLPointerEventInfo & { onInteractionEnd: string }) => {\n\t\tthis.info = info\n\t\tthis.update()\n\t}\n\n\toverride onExit = () => {\n\t\tthis.editor.updateInstanceState({ zoomBrush: null })\n\t}\n\n\toverride onPointerMove = () => {\n\t\tthis.update()\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\tprivate update() {\n\t\tconst {\n\t\t\tinputs: { originPagePoint, currentPagePoint },\n\t\t} = this.editor\n\n\t\tthis.zoomBrush.setTo(Box2d.FromPoints([originPagePoint, currentPagePoint]))\n\t\tthis.editor.updateInstanceState({ zoomBrush: this.zoomBrush.toJson() })\n\t}\n\n\tprivate cancel() {\n\t\tthis.parent.transition('idle', this.info)\n\t}\n\n\tprivate complete() {\n\t\tconst { zoomBrush } = this\n\t\tconst threshold = 8 / this.editor.getZoomLevel()\n\t\t// If the selected area is small then treat it as a click\n\t\tif (zoomBrush.width < threshold && zoomBrush.height < threshold) {\n\t\t\tconst point = this.editor.inputs.currentScreenPoint\n\t\t\tif (this.editor.inputs.altKey) {\n\t\t\t\tthis.editor.zoomOut(point, { duration: 220 })\n\t\t\t} else {\n\t\t\t\tthis.editor.zoomIn(point, { duration: 220 })\n\t\t\t}\n\t\t} else {\n\t\t\tconst zoomLevel = this.editor.inputs.altKey ? this.editor.getZoomLevel() / 2 : undefined\n\t\t\tthis.editor.zoomToBounds(zoomBrush, zoomLevel, { duration: 220 })\n\t\t}\n\n\t\tthis.parent.transition('idle', this.info)\n\t}\n}\n"],
+  "mappings": "AAAA,SAAS,OAAO,iBAAsD;AAE/D,MAAM,qBAAqB,UAAU;AAAA,EAC3C,OAAgB,KAAK;AAAA,EAErB,OAAO,CAAC;AAAA,EAER,YAAY,IAAI,MAAM;AAAA,EAEb,UAAU,CAAC,SAA4D;AAC/E,SAAK,OAAO;AACZ,SAAK,OAAO;AAAA,EACb;AAAA,EAES,SAAS,MAAM;AACvB,SAAK,OAAO,oBAAoB,EAAE,WAAW,KAAK,CAAC;AAAA,EACpD;AAAA,EAES,gBAAgB,MAAM;AAC9B,SAAK,OAAO;AAAA,EACb;AAAA,EAES,cAA8C,MAAM;AAC5D,SAAK,SAAS;AAAA,EACf;AAAA,EAES,WAAwC,MAAM;AACtD,SAAK,OAAO;AAAA,EACb;AAAA,EAEQ,SAAS;AAChB,UAAM;AAAA,MACL,QAAQ,EAAE,iBAAiB,iBAAiB;AAAA,IAC7C,IAAI,KAAK;AAET,SAAK,UAAU,MAAM,MAAM,WAAW,CAAC,iBAAiB,gBAAgB,CAAC,CAAC;AAC1E,SAAK,OAAO,oBAAoB,EAAE,WAAW,KAAK,UAAU,OAAO,EAAE,CAAC;AAAA,EACvE;AAAA,EAEQ,SAAS;AAChB,SAAK,OAAO,WAAW,QAAQ,KAAK,IAAI;AAAA,EACzC;AAAA,EAEQ,WAAW;AAClB,UAAM,EAAE,UAAU,IAAI;AACtB,UAAM,YAAY,IAAI,KAAK,OAAO,aAAa;AAE/C,QAAI,UAAU,QAAQ,aAAa,UAAU,SAAS,WAAW;AAChE,YAAM,QAAQ,KAAK,OAAO,OAAO;AACjC,UAAI,KAAK,OAAO,OAAO,QAAQ;AAC9B,aAAK,OAAO,QAAQ,OAAO,EAAE,UAAU,IAAI,CAAC;AAAA,MAC7C,OAAO;AACN,aAAK,OAAO,OAAO,OAAO,EAAE,UAAU,IAAI,CAAC;AAAA,MAC5C;AAAA,IACD,OAAO;AACN,YAAM,YAAY,KAAK,OAAO,OAAO,SAAS,KAAK,OAAO,aAAa,IAAI,IAAI;AAC/E,WAAK,OAAO,aAAa,WAAW,WAAW,EAAE,UAAU,IAAI,CAAC;AAAA,IACjE;AAEA,SAAK,OAAO,WAAW,QAAQ,KAAK,IAAI;AAAA,EACzC;AACD;",
+  "names": []
+}

package/dist-esm/lib/tools/selection-logic/getHitShapeOnCanvasPointerDown.mjs

@@ -0,0 +1,21 @@
+import { HIT_TEST_MARGIN } from "@bigbluebutton/editor";
+function getHitShapeOnCanvasPointerDown(editor) {
+  const zoomLevel = editor.getZoomLevel();
+  const {
+    inputs: { currentPagePoint }
+  } = editor;
+  return (
+    // hovered shape at point
+    (// selected shape at point
+    editor.getShapeAtPoint(currentPagePoint, {
+      hitInside: false,
+      hitLabels: false,
+      margin: HIT_TEST_MARGIN / zoomLevel,
+      renderingOnly: true
+    }) ?? editor.getSelectedShapeAtPoint(currentPagePoint))
+  );
+}
+export {
+  getHitShapeOnCanvasPointerDown
+};
+//# sourceMappingURL=getHitShapeOnCanvasPointerDown.mjs.map

package/dist-esm/lib/tools/selection-logic/getHitShapeOnCanvasPointerDown.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/selection-logic/getHitShapeOnCanvasPointerDown.ts"],
+  "sourcesContent": ["import { Editor, HIT_TEST_MARGIN, TLShape } from '@bigbluebutton/editor'\n\nexport function getHitShapeOnCanvasPointerDown(editor: Editor): TLShape | undefined {\n\tconst zoomLevel = editor.getZoomLevel()\n\tconst {\n\t\tinputs: { currentPagePoint },\n\t} = editor\n\n\treturn (\n\t\t// hovered shape at point\n\t\teditor.getShapeAtPoint(currentPagePoint, {\n\t\t\thitInside: false,\n\t\t\thitLabels: false,\n\t\t\tmargin: HIT_TEST_MARGIN / zoomLevel,\n\t\t\trenderingOnly: true,\n\t\t}) ??\n\t\t// selected shape at point\n\t\teditor.getSelectedShapeAtPoint(currentPagePoint)\n\t)\n}\n"],
+  "mappings": "AAAA,SAAiB,uBAAgC;AAE1C,SAAS,+BAA+B,QAAqC;AACnF,QAAM,YAAY,OAAO,aAAa;AACtC,QAAM;AAAA,IACL,QAAQ,EAAE,iBAAiB;AAAA,EAC5B,IAAI;AAEJ;AAAA;AAAA,IAEC,OAAO,gBAAgB,kBAAkB;AAAA,MACxC,WAAW;AAAA,MACX,WAAW;AAAA,MACX,QAAQ,kBAAkB;AAAA,MAC1B,eAAe;AAAA,IAChB,CAAC;AAAA,IAED,OAAO,wBAAwB,gBAAgB;AAAA;AAEjD;",
+  "names": []
+}

package/dist-esm/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.mjs

@@ -0,0 +1,8 @@
+function getShouldEnterCropMode(editor) {
+  const onlySelectedShape = editor.getOnlySelectedShape();
+  return !!(onlySelectedShape && !editor.isShapeOrAncestorLocked(onlySelectedShape) && editor.getShapeUtil(onlySelectedShape).canCrop(onlySelectedShape));
+}
+export {
+  getShouldEnterCropMode
+};
+//# sourceMappingURL=getShouldEnterCropModeOnPointerDown.mjs.map

package/dist-esm/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.ts"],
+  "sourcesContent": ["import { Editor } from '@bigbluebutton/editor'\n\nexport function getShouldEnterCropMode(editor: Editor): boolean {\n\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\treturn !!(\n\t\tonlySelectedShape &&\n\t\t!editor.isShapeOrAncestorLocked(onlySelectedShape) &&\n\t\teditor.getShapeUtil(onlySelectedShape).canCrop(onlySelectedShape)\n\t)\n}\n"],
+  "mappings": "AAEO,SAAS,uBAAuB,QAAyB;AAC/D,QAAM,oBAAoB,OAAO,qBAAqB;AACtD,SAAO,CAAC,EACP,qBACA,CAAC,OAAO,wBAAwB,iBAAiB,KACjD,OAAO,aAAa,iBAAiB,EAAE,QAAQ,iBAAiB;AAElE;",
+  "names": []
+}

package/dist-esm/lib/tools/selection-logic/selectOnCanvasPointerUp.mjs

@@ -0,0 +1,60 @@
+import { HIT_TEST_MARGIN, isShapeId } from "@bigbluebutton/editor";
+function selectOnCanvasPointerUp(editor) {
+  const selectedShapeIds = editor.getSelectedShapeIds();
+  const { shiftKey, altKey, currentPagePoint } = editor.inputs;
+  const hitShape = editor.getShapeAtPoint(currentPagePoint, {
+    hitInside: false,
+    margin: HIT_TEST_MARGIN / editor.getZoomLevel(),
+    hitLabels: true,
+    renderingOnly: true,
+    filter: (shape) => !shape.isLocked
+  });
+  if (hitShape) {
+    const outermostSelectableShape = editor.getOutermostSelectableShape(hitShape);
+    if (shiftKey && !altKey) {
+      editor.cancelDoubleClick();
+      if (selectedShapeIds.includes(outermostSelectableShape.id)) {
+        editor.mark("deselecting shape");
+        editor.deselect(outermostSelectableShape);
+      } else {
+        editor.mark("shift selecting shape");
+        editor.setSelectedShapes([...selectedShapeIds, outermostSelectableShape.id]);
+      }
+    } else {
+      let shapeToSelect = void 0;
+      if (outermostSelectableShape === hitShape) {
+        shapeToSelect = hitShape;
+      } else {
+        if (outermostSelectableShape.id === editor.getFocusedGroupId() || selectedShapeIds.includes(outermostSelectableShape.id)) {
+          shapeToSelect = hitShape;
+        } else {
+          shapeToSelect = outermostSelectableShape;
+        }
+      }
+      if (shapeToSelect && !selectedShapeIds.includes(shapeToSelect.id)) {
+        editor.mark("selecting shape");
+        editor.select(shapeToSelect.id);
+      }
+    }
+  } else {
+    if (shiftKey) {
+      return;
+    } else {
+      if (selectedShapeIds.length > 0) {
+        editor.mark("selecting none");
+        editor.selectNone();
+      }
+      const focusedGroupId = editor.getFocusedGroupId();
+      if (isShapeId(focusedGroupId)) {
+        const groupShape = editor.getShape(focusedGroupId);
+        if (!editor.isPointInShape(groupShape, currentPagePoint, { margin: 0, hitInside: true })) {
+          editor.setFocusedGroup(null);
+        }
+      }
+    }
+  }
+}
+export {
+  selectOnCanvasPointerUp
+};
+//# sourceMappingURL=selectOnCanvasPointerUp.mjs.map

package/dist-esm/lib/tools/selection-logic/selectOnCanvasPointerUp.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/selection-logic/selectOnCanvasPointerUp.ts"],
+  "sourcesContent": ["import { Editor, HIT_TEST_MARGIN, TLShape, isShapeId } from '@bigbluebutton/editor'\n\nexport function selectOnCanvasPointerUp(editor: Editor) {\n\tconst selectedShapeIds = editor.getSelectedShapeIds()\n\tconst { shiftKey, altKey, currentPagePoint } = editor.inputs\n\n\tconst hitShape = editor.getShapeAtPoint(currentPagePoint, {\n\t\thitInside: false,\n\t\tmargin: HIT_TEST_MARGIN / editor.getZoomLevel(),\n\t\thitLabels: true,\n\t\trenderingOnly: true,\n\t\tfilter: (shape) => !shape.isLocked,\n\t})\n\n\t// Note at the start: if we select a shape that is inside of a group,\n\t// the editor will automatically adjust the selection to the outermost\n\t// selectable shape (the group)\n\n\t// If the shape's outermost selected id (e.g. the group that contains\n\t// the shape) is not the same as the editor's only selected shape, then\n\t// we want to select the outermost selected shape instead of the shape\n\n\tif (hitShape) {\n\t\tconst outermostSelectableShape = editor.getOutermostSelectableShape(hitShape)\n\t\t// If the user is holding shift, they're either adding to or removing from\n\t\t// their selection.\n\t\tif (shiftKey && !altKey) {\n\t\t\teditor.cancelDoubleClick() // fuckin eh\n\n\t\t\tif (selectedShapeIds.includes(outermostSelectableShape.id)) {\n\t\t\t\t// Remove it from selected shapes\n\t\t\t\teditor.mark('deselecting shape')\n\t\t\t\teditor.deselect(outermostSelectableShape)\n\t\t\t} else {\n\t\t\t\t// Add it to selected shapes\n\t\t\t\teditor.mark('shift selecting shape')\n\t\t\t\teditor.setSelectedShapes([...selectedShapeIds, outermostSelectableShape.id])\n\t\t\t}\n\t\t} else {\n\t\t\tlet shapeToSelect: TLShape | undefined = undefined\n\n\t\t\tif (outermostSelectableShape === hitShape) {\n\t\t\t\t// There's no group around the shape, so we can select it.\n\t\t\t\tshapeToSelect = hitShape\n\t\t\t} else {\n\t\t\t\t// There's a group around the hit shape.\n\t\t\t\t// If the group is the current focus layer, OR if the group is\n\t\t\t\t// already selected, then we can select the shape inside the group.\n\t\t\t\t// Otherwise, if the group isn't selected and isn't our current\n\t\t\t\t// focus layer, then we need to select the group instead.\n\t\t\t\tif (\n\t\t\t\t\toutermostSelectableShape.id === editor.getFocusedGroupId() ||\n\t\t\t\t\tselectedShapeIds.includes(outermostSelectableShape.id)\n\t\t\t\t) {\n\t\t\t\t\tshapeToSelect = hitShape\n\t\t\t\t} else {\n\t\t\t\t\tshapeToSelect = outermostSelectableShape\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (shapeToSelect && !selectedShapeIds.includes(shapeToSelect.id)) {\n\t\t\t\teditor.mark('selecting shape')\n\t\t\t\teditor.select(shapeToSelect.id)\n\t\t\t}\n\t\t}\n\t} else {\n\t\t// We didn't hit anything...\n\t\tif (shiftKey) {\n\t\t\t// If we were holding shift, then it's a noop. We keep the\n\t\t\t// current selection because we didn't add anything to it\n\t\t\treturn\n\t\t} else {\n\t\t\t// Otherwise, we clear the selction because the user selected\n\t\t\t// nothing instead of their current selection.\n\n\t\t\tif (selectedShapeIds.length > 0) {\n\t\t\t\teditor.mark('selecting none')\n\t\t\t\teditor.selectNone()\n\t\t\t}\n\n\t\t\t// If the click was inside of the current focused group, then\n\t\t\t// we keep that focused group; otherwise we clear the focused\n\t\t\t// group (reset it to the page)\n\t\t\tconst focusedGroupId = editor.getFocusedGroupId()\n\n\t\t\tif (isShapeId(focusedGroupId)) {\n\t\t\t\tconst groupShape = editor.getShape(focusedGroupId)!\n\t\t\t\tif (!editor.isPointInShape(groupShape, currentPagePoint, { margin: 0, hitInside: true })) {\n\t\t\t\t\teditor.setFocusedGroup(null)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],
+  "mappings": "AAAA,SAAiB,iBAA0B,iBAAiB;AAErD,SAAS,wBAAwB,QAAgB;AACvD,QAAM,mBAAmB,OAAO,oBAAoB;AACpD,QAAM,EAAE,UAAU,QAAQ,iBAAiB,IAAI,OAAO;AAEtD,QAAM,WAAW,OAAO,gBAAgB,kBAAkB;AAAA,IACzD,WAAW;AAAA,IACX,QAAQ,kBAAkB,OAAO,aAAa;AAAA,IAC9C,WAAW;AAAA,IACX,eAAe;AAAA,IACf,QAAQ,CAAC,UAAU,CAAC,MAAM;AAAA,EAC3B,CAAC;AAUD,MAAI,UAAU;AACb,UAAM,2BAA2B,OAAO,4BAA4B,QAAQ;AAG5E,QAAI,YAAY,CAAC,QAAQ;AACxB,aAAO,kBAAkB;AAEzB,UAAI,iBAAiB,SAAS,yBAAyB,EAAE,GAAG;AAE3D,eAAO,KAAK,mBAAmB;AAC/B,eAAO,SAAS,wBAAwB;AAAA,MACzC,OAAO;AAEN,eAAO,KAAK,uBAAuB;AACnC,eAAO,kBAAkB,CAAC,GAAG,kBAAkB,yBAAyB,EAAE,CAAC;AAAA,MAC5E;AAAA,IACD,OAAO;AACN,UAAI,gBAAqC;AAEzC,UAAI,6BAA6B,UAAU;AAE1C,wBAAgB;AAAA,MACjB,OAAO;AAMN,YACC,yBAAyB,OAAO,OAAO,kBAAkB,KACzD,iBAAiB,SAAS,yBAAyB,EAAE,GACpD;AACD,0BAAgB;AAAA,QACjB,OAAO;AACN,0BAAgB;AAAA,QACjB;AAAA,MACD;AAEA,UAAI,iBAAiB,CAAC,iBAAiB,SAAS,cAAc,EAAE,GAAG;AAClE,eAAO,KAAK,iBAAiB;AAC7B,eAAO,OAAO,cAAc,EAAE;AAAA,MAC/B;AAAA,IACD;AAAA,EACD,OAAO;AAEN,QAAI,UAAU;AAGb;AAAA,IACD,OAAO;AAIN,UAAI,iBAAiB,SAAS,GAAG;AAChC,eAAO,KAAK,gBAAgB;AAC5B,eAAO,WAAW;AAAA,MACnB;AAKA,YAAM,iBAAiB,OAAO,kBAAkB;AAEhD,UAAI,UAAU,cAAc,GAAG;AAC9B,cAAM,aAAa,OAAO,SAAS,cAAc;AACjD,YAAI,CAAC,OAAO,eAAe,YAAY,kBAAkB,EAAE,QAAQ,GAAG,WAAW,KAAK,CAAC,GAAG;AACzF,iBAAO,gBAAgB,IAAI;AAAA,QAC5B;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;",
+  "names": []
+}

package/dist-esm/lib/tools/selection-logic/updateHoveredId.mjs

@@ -0,0 +1,27 @@
+import { HIT_TEST_MARGIN } from "@bigbluebutton/editor";
+function updateHoveredId(editor) {
+  const hitShape = editor.getShapeAtPoint(editor.inputs.currentPagePoint, {
+    hitInside: false,
+    hitLabels: false,
+    margin: HIT_TEST_MARGIN / editor.getZoomLevel(),
+    renderingOnly: true
+  });
+  if (!hitShape)
+    return editor.setHoveredShape(null);
+  let shapeToHover = void 0;
+  const outermostShape = editor.getOutermostSelectableShape(hitShape);
+  if (outermostShape === hitShape) {
+    shapeToHover = hitShape;
+  } else {
+    if (outermostShape.id === editor.getFocusedGroupId() || editor.getSelectedShapeIds().includes(outermostShape.id)) {
+      shapeToHover = hitShape;
+    } else {
+      shapeToHover = outermostShape;
+    }
+  }
+  return editor.setHoveredShape(shapeToHover.id);
+}
+export {
+  updateHoveredId
+};
+//# sourceMappingURL=updateHoveredId.mjs.map

package/dist-esm/lib/tools/selection-logic/updateHoveredId.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/selection-logic/updateHoveredId.ts"],
+  "sourcesContent": ["import { Editor, HIT_TEST_MARGIN, TLShape } from '@bigbluebutton/editor'\n\nexport function updateHoveredId(editor: Editor) {\n\t// todo: consider replacing `get hoveredShapeId` with this; it would mean keeping hoveredShapeId in memory rather than in the store and possibly re-computing it more often than necessary\n\tconst hitShape = editor.getShapeAtPoint(editor.inputs.currentPagePoint, {\n\t\thitInside: false,\n\t\thitLabels: false,\n\t\tmargin: HIT_TEST_MARGIN / editor.getZoomLevel(),\n\t\trenderingOnly: true,\n\t})\n\n\tif (!hitShape) return editor.setHoveredShape(null)\n\n\tlet shapeToHover: TLShape | undefined = undefined\n\n\tconst outermostShape = editor.getOutermostSelectableShape(hitShape)\n\n\tif (outermostShape === hitShape) {\n\t\tshapeToHover = hitShape\n\t} else {\n\t\tif (\n\t\t\toutermostShape.id === editor.getFocusedGroupId() ||\n\t\t\teditor.getSelectedShapeIds().includes(outermostShape.id)\n\t\t) {\n\t\t\tshapeToHover = hitShape\n\t\t} else {\n\t\t\tshapeToHover = outermostShape\n\t\t}\n\t}\n\n\treturn editor.setHoveredShape(shapeToHover.id)\n}\n"],
+  "mappings": "AAAA,SAAiB,uBAAgC;AAE1C,SAAS,gBAAgB,QAAgB;AAE/C,QAAM,WAAW,OAAO,gBAAgB,OAAO,OAAO,kBAAkB;AAAA,IACvE,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ,kBAAkB,OAAO,aAAa;AAAA,IAC9C,eAAe;AAAA,EAChB,CAAC;AAED,MAAI,CAAC;AAAU,WAAO,OAAO,gBAAgB,IAAI;AAEjD,MAAI,eAAoC;AAExC,QAAM,iBAAiB,OAAO,4BAA4B,QAAQ;AAElE,MAAI,mBAAmB,UAAU;AAChC,mBAAe;AAAA,EAChB,OAAO;AACN,QACC,eAAe,OAAO,OAAO,kBAAkB,KAC/C,OAAO,oBAAoB,EAAE,SAAS,eAAe,EAAE,GACtD;AACD,qBAAe;AAAA,IAChB,OAAO;AACN,qBAAe;AAAA,IAChB;AAAA,EACD;AAEA,SAAO,OAAO,gBAAgB,aAAa,EAAE;AAC9C;",
+  "names": []
+}