@bigbluebutton/tldraw 2.0.0-alpha.19

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

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

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

@@ -0,0 +1,103 @@
+import {
+  StateNode
+} from "@bigbluebutton/editor";
+import { getHitShapeOnCanvasPointerDown } from "../../selection-logic/getHitShapeOnCanvasPointerDown.mjs";
+import { updateHoveredId } from "../../selection-logic/updateHoveredId.mjs";
+class EditingShape extends StateNode {
+  static id = "editing_shape";
+  onEnter = () => {
+    const editingShape = this.editor.getEditingShape();
+    if (!editingShape)
+      throw Error("Entered editing state without an editing shape");
+    updateHoveredId(this.editor);
+    this.editor.select(editingShape);
+  };
+  onExit = () => {
+    const { editingShapeId } = this.editor.getCurrentPageState();
+    if (!editingShapeId)
+      return;
+    this.editor.setEditingShape(null);
+    const shape = this.editor.getShape(editingShapeId);
+    const util = this.editor.getShapeUtil(shape);
+    util.onEditEnd?.(shape);
+    setTimeout(() => {
+      this.editor.updateViewportScreenBounds();
+    }, 500);
+  };
+  onPointerMove = (info) => {
+    switch (info.target) {
+      case "shape":
+      case "canvas": {
+        updateHoveredId(this.editor);
+        return;
+      }
+    }
+  };
+  onPointerDown = (info) => {
+    switch (info.target) {
+      case "canvas": {
+        const hitShape = getHitShapeOnCanvasPointerDown(this.editor);
+        if (hitShape) {
+          this.onPointerDown({
+            ...info,
+            shape: hitShape,
+            target: "shape"
+          });
+          return;
+        }
+        break;
+      }
+      case "shape": {
+        const { shape } = info;
+        const editingShape = this.editor.getEditingShape();
+        if (!editingShape) {
+          throw Error("Expected an editing shape!");
+        }
+        if (shape.type === editingShape.type) {
+          if (this.editor.isShapeOfType(shape, "geo") || this.editor.isShapeOfType(shape, "arrow")) {
+            const geometry = this.editor.getShapeUtil(shape).getGeometry(shape);
+            const labelGeometry = geometry.children[1];
+            if (labelGeometry) {
+              const pointInShapeSpace = this.editor.getPointInShapeSpace(
+                shape,
+                this.editor.inputs.currentPagePoint
+              );
+              if (labelGeometry.bounds.containsPoint(pointInShapeSpace)) {
+                if (shape.id === editingShape.id) {
+                  return;
+                } else {
+                  this.parent.transition("pointing_shape", info);
+                  return;
+                }
+              }
+            }
+          } else {
+            if (shape.id === editingShape.id) {
+              if (this.editor.isShapeOfType(shape, "frame")) {
+                this.editor.setEditingShape(null);
+              }
+            } else {
+              this.parent.transition("pointing_shape", info);
+              return;
+            }
+            return;
+          }
+        } else {
+        }
+        break;
+      }
+    }
+    this.parent.transition("idle", info);
+    this.editor.root.handleEvent(info);
+  };
+  onComplete = (info) => {
+    this.parent.transition("idle", info);
+  };
+  onCancel = (info) => {
+    this.parent.transition("idle", info);
+  };
+}
+export {
+  EditingShape
+};
+//# sourceMappingURL=EditingShape.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/EditingShape.ts"],
+  "sourcesContent": ["import {\n\tGroup2d,\n\tStateNode,\n\tTLArrowShape,\n\tTLEventHandlers,\n\tTLFrameShape,\n\tTLGeoShape,\n} from '@bigbluebutton/editor'\nimport { getHitShapeOnCanvasPointerDown } from '../../selection-logic/getHitShapeOnCanvasPointerDown'\nimport { updateHoveredId } from '../../selection-logic/updateHoveredId'\n\nexport class EditingShape extends StateNode {\n\tstatic override id = 'editing_shape'\n\n\toverride onEnter = () => {\n\t\tconst editingShape = this.editor.getEditingShape()\n\t\tif (!editingShape) throw Error('Entered editing state without an editing shape')\n\t\tupdateHoveredId(this.editor)\n\t\tthis.editor.select(editingShape)\n\t}\n\n\toverride onExit = () => {\n\t\tconst { editingShapeId } = this.editor.getCurrentPageState()\n\t\tif (!editingShapeId) return\n\n\t\t// Clear the editing shape\n\t\tthis.editor.setEditingShape(null)\n\n\t\tconst shape = this.editor.getShape(editingShapeId)!\n\t\tconst util = this.editor.getShapeUtil(shape)\n\n\t\t// Check for changes on editing end\n\t\tutil.onEditEnd?.(shape)\n\n\t\tsetTimeout(() => {\n\t\t\tthis.editor.updateViewportScreenBounds()\n\t\t}, 500)\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = (info) => {\n\t\tswitch (info.target) {\n\t\t\tcase 'shape':\n\t\t\tcase 'canvas': {\n\t\t\t\tupdateHoveredId(this.editor)\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\t}\n\toverride onPointerDown: TLEventHandlers['onPointerDown'] = (info) => {\n\t\tswitch (info.target) {\n\t\t\tcase 'canvas': {\n\t\t\t\tconst hitShape = getHitShapeOnCanvasPointerDown(this.editor)\n\t\t\t\tif (hitShape) {\n\t\t\t\t\tthis.onPointerDown({\n\t\t\t\t\t\t...info,\n\t\t\t\t\t\tshape: hitShape,\n\t\t\t\t\t\ttarget: 'shape',\n\t\t\t\t\t})\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'shape': {\n\t\t\t\tconst { shape } = info\n\t\t\t\tconst editingShape = this.editor.getEditingShape()\n\n\t\t\t\tif (!editingShape) {\n\t\t\t\t\tthrow Error('Expected an editing shape!')\n\t\t\t\t}\n\n\t\t\t\tif (shape.type === editingShape.type) {\n\t\t\t\t\t// clicked a shape of the same type as the editing shape\n\t\t\t\t\tif (\n\t\t\t\t\t\tthis.editor.isShapeOfType<TLGeoShape>(shape, 'geo') ||\n\t\t\t\t\t\tthis.editor.isShapeOfType<TLArrowShape>(shape, 'arrow')\n\t\t\t\t\t) {\n\t\t\t\t\t\t// for shapes with labels, check to see if the click was inside of the shape's label\n\t\t\t\t\t\tconst geometry = this.editor.getShapeUtil(shape).getGeometry(shape) as Group2d\n\t\t\t\t\t\tconst labelGeometry = geometry.children[1]\n\t\t\t\t\t\tif (labelGeometry) {\n\t\t\t\t\t\t\tconst pointInShapeSpace = this.editor.getPointInShapeSpace(\n\t\t\t\t\t\t\t\tshape,\n\t\t\t\t\t\t\t\tthis.editor.inputs.currentPagePoint\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\tif (labelGeometry.bounds.containsPoint(pointInShapeSpace)) {\n\t\t\t\t\t\t\t\t// it's a hit to the label!\n\t\t\t\t\t\t\t\tif (shape.id === editingShape.id) {\n\t\t\t\t\t\t\t\t\t// If we clicked on the editing geo / arrow shape's label, do nothing\n\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tthis.parent.transition('pointing_shape', info)\n\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (shape.id === editingShape.id) {\n\t\t\t\t\t\t\t// If we clicked on a frame, while editing its heading, cancel editing\n\t\t\t\t\t\t\tif (this.editor.isShapeOfType<TLFrameShape>(shape, 'frame')) {\n\t\t\t\t\t\t\t\tthis.editor.setEditingShape(null)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// If we clicked on the editing shape (which isn't a shape with a label), do nothing\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// But if we clicked on a different shape of the same type, transition to pointing_shape instead\n\t\t\t\t\t\t\tthis.parent.transition('pointing_shape', info)\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// clicked a different kind of shape\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\t// still here? Cancel editing and transition back to select idle\n\t\tthis.parent.transition('idle', info)\n\t\t// then feed the pointer down event back into the state chart as if it happened in that state\n\t\tthis.editor.root.handleEvent(info)\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = (info) => {\n\t\tthis.parent.transition('idle', info)\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = (info) => {\n\t\tthis.parent.transition('idle', info)\n\t}\n}\n"],
+  "mappings": "AAAA;AAAA,EAEC;AAAA,OAKM;AACP,SAAS,sCAAsC;AAC/C,SAAS,uBAAuB;AAEzB,MAAM,qBAAqB,UAAU;AAAA,EAC3C,OAAgB,KAAK;AAAA,EAEZ,UAAU,MAAM;AACxB,UAAM,eAAe,KAAK,OAAO,gBAAgB;AACjD,QAAI,CAAC;AAAc,YAAM,MAAM,gDAAgD;AAC/E,oBAAgB,KAAK,MAAM;AAC3B,SAAK,OAAO,OAAO,YAAY;AAAA,EAChC;AAAA,EAES,SAAS,MAAM;AACvB,UAAM,EAAE,eAAe,IAAI,KAAK,OAAO,oBAAoB;AAC3D,QAAI,CAAC;AAAgB;AAGrB,SAAK,OAAO,gBAAgB,IAAI;AAEhC,UAAM,QAAQ,KAAK,OAAO,SAAS,cAAc;AACjD,UAAM,OAAO,KAAK,OAAO,aAAa,KAAK;AAG3C,SAAK,YAAY,KAAK;AAEtB,eAAW,MAAM;AAChB,WAAK,OAAO,2BAA2B;AAAA,IACxC,GAAG,GAAG;AAAA,EACP;AAAA,EAES,gBAAkD,CAAC,SAAS;AACpE,YAAQ,KAAK,QAAQ;AAAA,MACpB,KAAK;AAAA,MACL,KAAK,UAAU;AACd,wBAAgB,KAAK,MAAM;AAC3B;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EACS,gBAAkD,CAAC,SAAS;AACpE,YAAQ,KAAK,QAAQ;AAAA,MACpB,KAAK,UAAU;AACd,cAAM,WAAW,+BAA+B,KAAK,MAAM;AAC3D,YAAI,UAAU;AACb,eAAK,cAAc;AAAA,YAClB,GAAG;AAAA,YACH,OAAO;AAAA,YACP,QAAQ;AAAA,UACT,CAAC;AACD;AAAA,QACD;AACA;AAAA,MACD;AAAA,MACA,KAAK,SAAS;AACb,cAAM,EAAE,MAAM,IAAI;AAClB,cAAM,eAAe,KAAK,OAAO,gBAAgB;AAEjD,YAAI,CAAC,cAAc;AAClB,gBAAM,MAAM,4BAA4B;AAAA,QACzC;AAEA,YAAI,MAAM,SAAS,aAAa,MAAM;AAErC,cACC,KAAK,OAAO,cAA0B,OAAO,KAAK,KAClD,KAAK,OAAO,cAA4B,OAAO,OAAO,GACrD;AAED,kBAAM,WAAW,KAAK,OAAO,aAAa,KAAK,EAAE,YAAY,KAAK;AAClE,kBAAM,gBAAgB,SAAS,SAAS,CAAC;AACzC,gBAAI,eAAe;AAClB,oBAAM,oBAAoB,KAAK,OAAO;AAAA,gBACrC;AAAA,gBACA,KAAK,OAAO,OAAO;AAAA,cACpB;AACA,kBAAI,cAAc,OAAO,cAAc,iBAAiB,GAAG;AAE1D,oBAAI,MAAM,OAAO,aAAa,IAAI;AAEjC;AAAA,gBACD,OAAO;AACN,uBAAK,OAAO,WAAW,kBAAkB,IAAI;AAC7C;AAAA,gBACD;AAAA,cACD;AAAA,YACD;AAAA,UACD,OAAO;AACN,gBAAI,MAAM,OAAO,aAAa,IAAI;AAEjC,kBAAI,KAAK,OAAO,cAA4B,OAAO,OAAO,GAAG;AAC5D,qBAAK,OAAO,gBAAgB,IAAI;AAAA,cACjC;AAAA,YAED,OAAO;AAEN,mBAAK,OAAO,WAAW,kBAAkB,IAAI;AAC7C;AAAA,YACD;AACA;AAAA,UACD;AAAA,QACD,OAAO;AAAA,QAEP;AACA;AAAA,MACD;AAAA,IACD;AAGA,SAAK,OAAO,WAAW,QAAQ,IAAI;AAEnC,SAAK,OAAO,KAAK,YAAY,IAAI;AAAA,EAClC;AAAA,EAES,aAA4C,CAAC,SAAS;AAC9D,SAAK,OAAO,WAAW,QAAQ,IAAI;AAAA,EACpC;AAAA,EAES,WAAwC,CAAC,SAAS;AAC1D,SAAK,OAAO,WAAW,QAAQ,IAAI;AAAA,EACpC;AACD;",
+  "names": []
+}

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

@@ -0,0 +1,447 @@
+import {
+  HIT_TEST_MARGIN,
+  StateNode,
+  Vec2d,
+  createShapeId,
+  pointInPolygon
+} from "@bigbluebutton/editor";
+import { getHitShapeOnCanvasPointerDown } from "../../selection-logic/getHitShapeOnCanvasPointerDown.mjs";
+import { getShouldEnterCropMode } from "../../selection-logic/getShouldEnterCropModeOnPointerDown.mjs";
+import { selectOnCanvasPointerUp } from "../../selection-logic/selectOnCanvasPointerUp.mjs";
+import { updateHoveredId } from "../../selection-logic/updateHoveredId.mjs";
+class Idle extends StateNode {
+  static id = "idle";
+  onEnter = () => {
+    this.parent.setCurrentToolIdMask(void 0);
+    updateHoveredId(this.editor);
+    this.editor.updateInstanceState(
+      { cursor: { type: "default", rotation: 0 } },
+      { ephemeral: true }
+    );
+  };
+  onPointerMove = () => {
+    updateHoveredId(this.editor);
+  };
+  onPointerDown = (info) => {
+    if (this.editor.getIsMenuOpen())
+      return;
+    const shouldEnterCropMode = info.ctrlKey && getShouldEnterCropMode(this.editor);
+    if (info.ctrlKey && !shouldEnterCropMode) {
+      if (info.target === "shape" && this.isDarwin && this.editor.inputs.keys.has("ControlLeft")) {
+        if (!this.editor.isShapeOrAncestorLocked(info.shape)) {
+          this.parent.transition("pointing_shape", info);
+          return;
+        }
+      }
+      this.parent.transition("brushing", info);
+      return;
+    }
+    switch (info.target) {
+      case "canvas": {
+        const hitShape = getHitShapeOnCanvasPointerDown(this.editor);
+        if (hitShape) {
+          this.onPointerDown({
+            ...info,
+            shape: hitShape,
+            target: "shape"
+          });
+          return;
+        }
+        const selectedShapeIds = this.editor.getSelectedShapeIds();
+        const onlySelectedShape = this.editor.getOnlySelectedShape();
+        const {
+          inputs: { currentPagePoint }
+        } = this.editor;
+        if (selectedShapeIds.length > 1 || onlySelectedShape && !this.editor.getShapeUtil(onlySelectedShape).hideSelectionBoundsBg(onlySelectedShape)) {
+          if (isPointInRotatedSelectionBounds(this.editor, currentPagePoint)) {
+            this.onPointerDown({
+              ...info,
+              target: "selection"
+            });
+            return;
+          }
+        }
+        this.parent.transition("pointing_canvas", info);
+        break;
+      }
+      case "shape": {
+        if (this.editor.isShapeOrAncestorLocked(info.shape)) {
+          this.parent.transition("pointing_canvas", info);
+          break;
+        }
+        this.parent.transition("pointing_shape", info);
+        break;
+      }
+      case "handle": {
+        if (this.editor.getInstanceState().isReadonly)
+          break;
+        if (this.editor.inputs.altKey) {
+          this.parent.transition("pointing_shape", info);
+        } else {
+          this.parent.transition("pointing_handle", info);
+        }
+        break;
+      }
+      case "selection": {
+        switch (info.handle) {
+          case "mobile_rotate":
+          case "top_left_rotate":
+          case "top_right_rotate":
+          case "bottom_left_rotate":
+          case "bottom_right_rotate": {
+            this.parent.transition("pointing_rotate_handle", info);
+            break;
+          }
+          case "top":
+          case "right":
+          case "bottom":
+          case "left": {
+            if (shouldEnterCropMode) {
+              this.parent.transition("pointing_crop_handle", info);
+            } else {
+              this.parent.transition("pointing_resize_handle", info);
+            }
+            break;
+          }
+          case "top_left":
+          case "top_right":
+          case "bottom_left":
+          case "bottom_right": {
+            if (shouldEnterCropMode) {
+              this.parent.transition("pointing_crop_handle", info);
+            } else {
+              this.parent.transition("pointing_resize_handle", info);
+            }
+            break;
+          }
+          default: {
+            const hoveredShape = this.editor.getHoveredShape();
+            if (hoveredShape && !this.editor.getSelectedShapeIds().includes(hoveredShape.id)) {
+              this.onPointerDown({
+                ...info,
+                shape: hoveredShape,
+                target: "shape"
+              });
+              return;
+            }
+            this.parent.transition("pointing_selection", info);
+          }
+        }
+        break;
+      }
+    }
+  };
+  onDoubleClick = (info) => {
+    if (this.editor.inputs.shiftKey || info.phase !== "up")
+      return;
+    switch (info.target) {
+      case "canvas": {
+        const hoveredShape = this.editor.getHoveredShape();
+        const hitShape = hoveredShape && !this.editor.isShapeOfType(hoveredShape, "group") ? hoveredShape : this.editor.getSelectedShapeAtPoint(this.editor.inputs.currentPagePoint) ?? this.editor.getShapeAtPoint(this.editor.inputs.currentPagePoint, {
+          margin: HIT_TEST_MARGIN / this.editor.getZoomLevel(),
+          hitInside: false
+        });
+        const focusedGroupId = this.editor.getFocusedGroupId();
+        if (hitShape) {
+          if (this.editor.isShapeOfType(hitShape, "group")) {
+            selectOnCanvasPointerUp(this.editor);
+            return;
+          } else {
+            const parent = this.editor.getShape(hitShape.parentId);
+            if (parent && this.editor.isShapeOfType(parent, "group")) {
+              if (focusedGroupId && parent.id === focusedGroupId) {
+              } else {
+                selectOnCanvasPointerUp(this.editor);
+                return;
+              }
+            }
+          }
+          this.onDoubleClick({
+            ...info,
+            shape: hitShape,
+            target: "shape"
+          });
+          return;
+        }
+        if (!this.editor.inputs.shiftKey) {
+          this.handleDoubleClickOnCanvas(info);
+        }
+        break;
+      }
+      case "selection": {
+        if (this.editor.getInstanceState().isReadonly)
+          break;
+        const onlySelectedShape = this.editor.getOnlySelectedShape();
+        if (onlySelectedShape) {
+          const util = this.editor.getShapeUtil(onlySelectedShape);
+          if (!this.canInteractWithShapeInReadOnly(onlySelectedShape)) {
+            return;
+          }
+          if (info.handle === "right" || info.handle === "left" || info.handle === "top" || info.handle === "bottom") {
+            const change = util.onDoubleClickEdge?.(onlySelectedShape);
+            if (change) {
+              this.editor.mark("double click edge");
+              this.editor.updateShapes([change]);
+              return;
+            }
+          }
+          if (util.canCrop(onlySelectedShape) && !this.editor.isShapeOrAncestorLocked(onlySelectedShape)) {
+            this.parent.transition("crop", info);
+            return;
+          }
+          if (this.shouldStartEditingShape(onlySelectedShape)) {
+            this.startEditingShape(onlySelectedShape, info);
+          }
+        }
+        break;
+      }
+      case "shape": {
+        const { shape } = info;
+        const util = this.editor.getShapeUtil(shape);
+        if (shape.type !== "video" && shape.type !== "embed" && this.editor.getInstanceState().isReadonly)
+          break;
+        if (util.onDoubleClick) {
+          const change = util.onDoubleClick?.(shape);
+          if (change) {
+            this.editor.updateShapes([change]);
+            return;
+          } else if (util.canCrop(shape) && !this.editor.isShapeOrAncestorLocked(shape)) {
+            this.editor.mark("select and crop");
+            this.editor.select(info.shape?.id);
+            this.parent.transition("crop", info);
+            return;
+          }
+        }
+        if (this.shouldStartEditingShape(shape)) {
+          this.startEditingShape(shape, info);
+        } else {
+          this.handleDoubleClickOnCanvas(info);
+        }
+        break;
+      }
+      case "handle": {
+        if (this.editor.getInstanceState().isReadonly)
+          break;
+        const { shape, handle } = info;
+        const util = this.editor.getShapeUtil(shape);
+        const changes = util.onDoubleClickHandle?.(shape, handle);
+        if (changes) {
+          this.editor.updateShapes([changes]);
+        } else {
+          if (this.shouldStartEditingShape(shape)) {
+            this.startEditingShape(shape, info);
+          }
+        }
+      }
+    }
+  };
+  onRightClick = (info) => {
+    switch (info.target) {
+      case "canvas": {
+        const hoveredShape = this.editor.getHoveredShape();
+        const hitShape = hoveredShape && !this.editor.isShapeOfType(hoveredShape, "group") ? hoveredShape : this.editor.getShapeAtPoint(this.editor.inputs.currentPagePoint, {
+          margin: HIT_TEST_MARGIN / this.editor.getZoomLevel(),
+          hitInside: false,
+          hitLabels: true,
+          hitFrameInside: false,
+          renderingOnly: true
+        });
+        if (hitShape) {
+          this.onRightClick({
+            ...info,
+            shape: hitShape,
+            target: "shape"
+          });
+          return;
+        }
+        const selectedShapeIds = this.editor.getSelectedShapeIds();
+        const onlySelectedShape = this.editor.getOnlySelectedShape();
+        const {
+          inputs: { currentPagePoint }
+        } = this.editor;
+        if (selectedShapeIds.length > 1 || onlySelectedShape && !this.editor.getShapeUtil(onlySelectedShape).hideSelectionBoundsBg(onlySelectedShape)) {
+          if (isPointInRotatedSelectionBounds(this.editor, currentPagePoint)) {
+            this.onRightClick({
+              ...info,
+              target: "selection"
+            });
+            return;
+          }
+        }
+        this.editor.selectNone();
+        break;
+      }
+      case "shape": {
+        const { selectedShapeIds } = this.editor.getCurrentPageState();
+        const { shape } = info;
+        const targetShape = this.editor.getOutermostSelectableShape(
+          shape,
+          (parent) => !selectedShapeIds.includes(parent.id)
+        );
+        if (!selectedShapeIds.includes(targetShape.id)) {
+          this.editor.mark("selecting shape");
+          this.editor.setSelectedShapes([targetShape.id]);
+        }
+        break;
+      }
+    }
+  };
+  onCancel = () => {
+    if (this.editor.getFocusedGroupId() !== this.editor.getCurrentPageId() && this.editor.getSelectedShapeIds().length > 0) {
+      this.editor.popFocusedGroupId();
+    } else {
+      this.editor.mark("clearing selection");
+      this.editor.selectNone();
+    }
+  };
+  onKeyDown = (info) => {
+    switch (info.code) {
+      case "ArrowLeft":
+      case "ArrowRight":
+      case "ArrowUp":
+      case "ArrowDown": {
+        this.nudgeSelectedShapes(false);
+        break;
+      }
+    }
+  };
+  onKeyRepeat = (info) => {
+    switch (info.code) {
+      case "ArrowLeft":
+      case "ArrowRight":
+      case "ArrowUp":
+      case "ArrowDown": {
+        this.nudgeSelectedShapes(true);
+        break;
+      }
+    }
+  };
+  onKeyUp = (info) => {
+    switch (info.code) {
+      case "Enter": {
+        const selectedShapes = this.editor.getSelectedShapes();
+        if (selectedShapes.every((shape) => this.editor.isShapeOfType(shape, "group"))) {
+          this.editor.setSelectedShapes(
+            selectedShapes.flatMap((shape) => this.editor.getSortedChildIdsForParent(shape.id))
+          );
+          return;
+        }
+        const onlySelectedShape = this.editor.getOnlySelectedShape();
+        if (onlySelectedShape && this.shouldStartEditingShape(onlySelectedShape)) {
+          this.startEditingShape(onlySelectedShape, {
+            ...info,
+            target: "shape",
+            shape: onlySelectedShape
+          });
+          return;
+        }
+        if (getShouldEnterCropMode(this.editor)) {
+          this.parent.transition("crop", info);
+        }
+        break;
+      }
+    }
+  };
+  shouldStartEditingShape(shape = this.editor.getOnlySelectedShape()) {
+    if (!shape)
+      return false;
+    if (this.editor.isShapeOrAncestorLocked(shape) && shape.type !== "embed")
+      return false;
+    if (!this.canInteractWithShapeInReadOnly(shape))
+      return false;
+    return this.editor.getShapeUtil(shape).canEdit(shape);
+  }
+  startEditingShape(shape, info) {
+    if (this.editor.isShapeOrAncestorLocked(shape) && shape.type !== "embed")
+      return;
+    this.editor.mark("editing shape");
+    this.editor.setEditingShape(shape.id);
+    this.parent.transition("editing_shape", info);
+  }
+  isDarwin = window.navigator.userAgent.toLowerCase().indexOf("mac") > -1;
+  handleDoubleClickOnCanvas(info) {
+    if (this.editor.getInstanceState().isReadonly)
+      return;
+    this.editor.mark("creating text shape");
+    const id = createShapeId();
+    const { x, y } = this.editor.inputs.currentPagePoint;
+    this.editor.createShapes([
+      {
+        id,
+        type: "text",
+        x,
+        y,
+        props: {
+          text: "",
+          autoSize: true
+        }
+      }
+    ]);
+    const shape = this.editor.getShape(id);
+    if (!shape)
+      return;
+    const util = this.editor.getShapeUtil(shape);
+    if (this.editor.getInstanceState().isReadonly) {
+      if (!util.canEditInReadOnly(shape)) {
+        return;
+      }
+    }
+    this.editor.setEditingShape(id);
+    this.editor.select(id);
+    this.parent.transition("editing_shape", info);
+  }
+  nudgeSelectedShapes(ephemeral = false) {
+    const {
+      editor: {
+        inputs: { keys }
+      }
+    } = this;
+    const shiftKey = keys.has("ShiftLeft");
+    const delta = new Vec2d(0, 0);
+    if (keys.has("ArrowLeft"))
+      delta.x -= 1;
+    if (keys.has("ArrowRight"))
+      delta.x += 1;
+    if (keys.has("ArrowUp"))
+      delta.y -= 1;
+    if (keys.has("ArrowDown"))
+      delta.y += 1;
+    if (delta.equals(new Vec2d(0, 0)))
+      return;
+    if (!ephemeral)
+      this.editor.mark("nudge shapes");
+    const { gridSize } = this.editor.getDocumentSettings();
+    const step = this.editor.getInstanceState().isGridMode ? shiftKey ? gridSize * GRID_INCREMENT : gridSize : shiftKey ? MAJOR_NUDGE_FACTOR : MINOR_NUDGE_FACTOR;
+    this.editor.nudgeShapes(this.editor.getSelectedShapeIds(), delta.mul(step));
+  }
+  canInteractWithShapeInReadOnly(shape) {
+    if (!this.editor.getInstanceState().isReadonly)
+      return true;
+    const util = this.editor.getShapeUtil(shape);
+    if (util.canEditInReadOnly(shape))
+      return true;
+    return false;
+  }
+}
+const MAJOR_NUDGE_FACTOR = 10;
+const MINOR_NUDGE_FACTOR = 1;
+const GRID_INCREMENT = 5;
+function isPointInRotatedSelectionBounds(editor, point) {
+  const selectionBounds = editor.getSelectionRotatedPageBounds();
+  if (!selectionBounds)
+    return false;
+  const selectionRotation = editor.getSelectionRotation();
+  if (!selectionRotation)
+    return selectionBounds.containsPoint(point);
+  return pointInPolygon(
+    point,
+    selectionBounds.corners.map((c) => Vec2d.RotWith(c, selectionBounds.point, selectionRotation))
+  );
+}
+export {
+  GRID_INCREMENT,
+  Idle,
+  MAJOR_NUDGE_FACTOR,
+  MINOR_NUDGE_FACTOR
+};
+//# sourceMappingURL=Idle.mjs.map