@bigbluebutton/tldraw 2.0.0-alpha.19

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

@@ -0,0 +1,121 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var EditingShape_exports = {};
+__export(EditingShape_exports, {
+  EditingShape: () => EditingShape
+});
+module.exports = __toCommonJS(EditingShape_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_getHitShapeOnCanvasPointerDown = require("../../selection-logic/getHitShapeOnCanvasPointerDown");
+var import_updateHoveredId = require("../../selection-logic/updateHoveredId");
+class EditingShape extends import_editor.StateNode {
+  static id = "editing_shape";
+  onEnter = () => {
+    const editingShape = this.editor.getEditingShape();
+    if (!editingShape)
+      throw Error("Entered editing state without an editing shape");
+    (0, import_updateHoveredId.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": {
+        (0, import_updateHoveredId.updateHoveredId)(this.editor);
+        return;
+      }
+    }
+  };
+  onPointerDown = (info) => {
+    switch (info.target) {
+      case "canvas": {
+        const hitShape = (0, import_getHitShapeOnCanvasPointerDown.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);
+  };
+}
+//# sourceMappingURL=EditingShape.js.map

package/dist-cjs/lib/tools/SelectTool/childStates/EditingShape.js.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;AAAA;AAAA;AAAA;AAAA,oBAOO;AACP,4CAA+C;AAC/C,6BAAgC;AAEzB,MAAM,qBAAqB,wBAAU;AAAA,EAC3C,OAAgB,KAAK;AAAA,EAEZ,UAAU,MAAM;AACxB,UAAM,eAAe,KAAK,OAAO,gBAAgB;AACjD,QAAI,CAAC;AAAc,YAAM,MAAM,gDAAgD;AAC/E,gDAAgB,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,oDAAgB,KAAK,MAAM;AAC3B;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EACS,gBAAkD,CAAC,SAAS;AACpE,YAAQ,KAAK,QAAQ;AAAA,MACpB,KAAK,UAAU;AACd,cAAM,eAAW,sEAA+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-cjs/lib/tools/SelectTool/childStates/Idle.js

@@ -0,0 +1,461 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Idle_exports = {};
+__export(Idle_exports, {
+  GRID_INCREMENT: () => GRID_INCREMENT,
+  Idle: () => Idle,
+  MAJOR_NUDGE_FACTOR: () => MAJOR_NUDGE_FACTOR,
+  MINOR_NUDGE_FACTOR: () => MINOR_NUDGE_FACTOR
+});
+module.exports = __toCommonJS(Idle_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_getHitShapeOnCanvasPointerDown = require("../../selection-logic/getHitShapeOnCanvasPointerDown");
+var import_getShouldEnterCropModeOnPointerDown = require("../../selection-logic/getShouldEnterCropModeOnPointerDown");
+var import_selectOnCanvasPointerUp = require("../../selection-logic/selectOnCanvasPointerUp");
+var import_updateHoveredId = require("../../selection-logic/updateHoveredId");
+class Idle extends import_editor.StateNode {
+  static id = "idle";
+  onEnter = () => {
+    this.parent.setCurrentToolIdMask(void 0);
+    (0, import_updateHoveredId.updateHoveredId)(this.editor);
+    this.editor.updateInstanceState(
+      { cursor: { type: "default", rotation: 0 } },
+      { ephemeral: true }
+    );
+  };
+  onPointerMove = () => {
+    (0, import_updateHoveredId.updateHoveredId)(this.editor);
+  };
+  onPointerDown = (info) => {
+    if (this.editor.getIsMenuOpen())
+      return;
+    const shouldEnterCropMode = info.ctrlKey && (0, import_getShouldEnterCropModeOnPointerDown.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 = (0, import_getHitShapeOnCanvasPointerDown.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: import_editor.HIT_TEST_MARGIN / this.editor.getZoomLevel(),
+          hitInside: false
+        });
+        const focusedGroupId = this.editor.getFocusedGroupId();
+        if (hitShape) {
+          if (this.editor.isShapeOfType(hitShape, "group")) {
+            (0, import_selectOnCanvasPointerUp.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 {
+                (0, import_selectOnCanvasPointerUp.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: import_editor.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 ((0, import_getShouldEnterCropModeOnPointerDown.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 = (0, import_editor.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 import_editor.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 import_editor.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 (0, import_editor.pointInPolygon)(
+    point,
+    selectionBounds.corners.map((c) => import_editor.Vec2d.RotWith(c, selectionBounds.point, selectionRotation))
+  );
+}
+//# sourceMappingURL=Idle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/Idle.ts"],
+  "sourcesContent": ["import {\n\tEditor,\n\tHIT_TEST_MARGIN,\n\tStateNode,\n\tTLClickEventInfo,\n\tTLEventHandlers,\n\tTLGroupShape,\n\tTLKeyboardEventInfo,\n\tTLShape,\n\tTLTextShape,\n\tVec2d,\n\tVecLike,\n\tcreateShapeId,\n\tpointInPolygon,\n} from '@bigbluebutton/editor'\nimport { getHitShapeOnCanvasPointerDown } from '../../selection-logic/getHitShapeOnCanvasPointerDown'\nimport { getShouldEnterCropMode } from '../../selection-logic/getShouldEnterCropModeOnPointerDown'\nimport { selectOnCanvasPointerUp } from '../../selection-logic/selectOnCanvasPointerUp'\nimport { updateHoveredId } from '../../selection-logic/updateHoveredId'\n\nexport class Idle extends StateNode {\n\tstatic override id = 'idle'\n\n\toverride onEnter = () => {\n\t\tthis.parent.setCurrentToolIdMask(undefined)\n\t\tupdateHoveredId(this.editor)\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\toverride onPointerMove: TLEventHandlers['onPointerMove'] = () => {\n\t\tupdateHoveredId(this.editor)\n\t}\n\n\toverride onPointerDown: TLEventHandlers['onPointerDown'] = (info) => {\n\t\tif (this.editor.getIsMenuOpen()) return\n\n\t\tconst shouldEnterCropMode = info.ctrlKey && getShouldEnterCropMode(this.editor)\n\n\t\tif (info.ctrlKey && !shouldEnterCropMode) {\n\t\t\t// On Mac, you can right click using the Control keys + Click.\n\t\t\tif (info.target === 'shape' && this.isDarwin && this.editor.inputs.keys.has('ControlLeft')) {\n\t\t\t\tif (!this.editor.isShapeOrAncestorLocked(info.shape)) {\n\t\t\t\t\tthis.parent.transition('pointing_shape', info)\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.parent.transition('brushing', info)\n\t\t\treturn\n\t\t}\n\n\t\tswitch (info.target) {\n\t\t\tcase 'canvas': {\n\t\t\t\t// Check to see if we hit any shape under the pointer; if so,\n\t\t\t\t// handle this as a pointer down on the shape instead of the 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\n\t\t\t\tconst selectedShapeIds = this.editor.getSelectedShapeIds()\n\t\t\t\tconst onlySelectedShape = this.editor.getOnlySelectedShape()\n\t\t\t\tconst {\n\t\t\t\t\tinputs: { currentPagePoint },\n\t\t\t\t} = this.editor\n\n\t\t\t\tif (\n\t\t\t\t\tselectedShapeIds.length > 1 ||\n\t\t\t\t\t(onlySelectedShape &&\n\t\t\t\t\t\t!this.editor.getShapeUtil(onlySelectedShape).hideSelectionBoundsBg(onlySelectedShape))\n\t\t\t\t) {\n\t\t\t\t\tif (isPointInRotatedSelectionBounds(this.editor, currentPagePoint)) {\n\t\t\t\t\t\tthis.onPointerDown({\n\t\t\t\t\t\t\t...info,\n\t\t\t\t\t\t\ttarget: 'selection',\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}\n\n\t\t\t\tthis.parent.transition('pointing_canvas', info)\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'shape': {\n\t\t\t\tif (this.editor.isShapeOrAncestorLocked(info.shape)) {\n\t\t\t\t\tthis.parent.transition('pointing_canvas', info)\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t\tthis.parent.transition('pointing_shape', info)\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'handle': {\n\t\t\t\tif (this.editor.getInstanceState().isReadonly) break\n\t\t\t\tif (this.editor.inputs.altKey) {\n\t\t\t\t\tthis.parent.transition('pointing_shape', info)\n\t\t\t\t} else {\n\t\t\t\t\tthis.parent.transition('pointing_handle', info)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'selection': {\n\t\t\t\tswitch (info.handle) {\n\t\t\t\t\tcase 'mobile_rotate':\n\t\t\t\t\tcase 'top_left_rotate':\n\t\t\t\t\tcase 'top_right_rotate':\n\t\t\t\t\tcase 'bottom_left_rotate':\n\t\t\t\t\tcase 'bottom_right_rotate': {\n\t\t\t\t\t\tthis.parent.transition('pointing_rotate_handle', info)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t\tcase 'top':\n\t\t\t\t\tcase 'right':\n\t\t\t\t\tcase 'bottom':\n\t\t\t\t\tcase 'left': {\n\t\t\t\t\t\tif (shouldEnterCropMode) {\n\t\t\t\t\t\t\tthis.parent.transition('pointing_crop_handle', info)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.parent.transition('pointing_resize_handle', info)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t\tcase 'top_left':\n\t\t\t\t\tcase 'top_right':\n\t\t\t\t\tcase 'bottom_left':\n\t\t\t\t\tcase 'bottom_right': {\n\t\t\t\t\t\tif (shouldEnterCropMode) {\n\t\t\t\t\t\t\tthis.parent.transition('pointing_crop_handle', info)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.parent.transition('pointing_resize_handle', info)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak\n\t\t\t\t\t}\n\t\t\t\t\tdefault: {\n\t\t\t\t\t\tconst hoveredShape = this.editor.getHoveredShape()\n\t\t\t\t\t\tif (hoveredShape && !this.editor.getSelectedShapeIds().includes(hoveredShape.id)) {\n\t\t\t\t\t\t\tthis.onPointerDown({\n\t\t\t\t\t\t\t\t...info,\n\t\t\t\t\t\t\t\tshape: hoveredShape,\n\t\t\t\t\t\t\t\ttarget: 'shape',\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tthis.parent.transition('pointing_selection', info)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t}\n\n\toverride onDoubleClick: TLEventHandlers['onDoubleClick'] = (info) => {\n\t\tif (this.editor.inputs.shiftKey || info.phase !== 'up') return\n\n\t\tswitch (info.target) {\n\t\t\tcase 'canvas': {\n\t\t\t\tconst hoveredShape = this.editor.getHoveredShape()\n\n\t\t\t\t// todo\n\t\t\t\t// double clicking on the middle of a hollow geo shape without a label, or\n\t\t\t\t// over the label of a hollwo shape that has a label, should start editing\n\t\t\t\t// that shape's label. We can't support \"double click anywhere inside\"\n\t\t\t\t// of the shape yet because that also creates text shapes, and can product\n\t\t\t\t// unexpected results when working \"inside of\" a hollow shape.\n\n\t\t\t\tconst hitShape =\n\t\t\t\t\thoveredShape && !this.editor.isShapeOfType<TLGroupShape>(hoveredShape, 'group')\n\t\t\t\t\t\t? hoveredShape\n\t\t\t\t\t\t: this.editor.getSelectedShapeAtPoint(this.editor.inputs.currentPagePoint) ??\n\t\t\t\t\t\t  this.editor.getShapeAtPoint(this.editor.inputs.currentPagePoint, {\n\t\t\t\t\t\t\t\tmargin: HIT_TEST_MARGIN / this.editor.getZoomLevel(),\n\t\t\t\t\t\t\t\thitInside: false,\n\t\t\t\t\t\t  })\n\n\t\t\t\tconst focusedGroupId = this.editor.getFocusedGroupId()\n\n\t\t\t\tif (hitShape) {\n\t\t\t\t\tif (this.editor.isShapeOfType<TLGroupShape>(hitShape, 'group')) {\n\t\t\t\t\t\t// Probably select the shape\n\t\t\t\t\t\tselectOnCanvasPointerUp(this.editor)\n\t\t\t\t\t\treturn\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst parent = this.editor.getShape(hitShape.parentId)\n\t\t\t\t\t\tif (parent && this.editor.isShapeOfType<TLGroupShape>(parent, 'group')) {\n\t\t\t\t\t\t\t// The shape is the direct child of a group. If the group is\n\t\t\t\t\t\t\t// selected, then we can select the shape. If the group is the\n\t\t\t\t\t\t\t// focus layer id, then we can double click into it as usual.\n\t\t\t\t\t\t\tif (focusedGroupId && parent.id === focusedGroupId) {\n\t\t\t\t\t\t\t\t// noop, double click on the shape as normal below\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t// The shape is the child of some group other than our current\n\t\t\t\t\t\t\t\t// focus layer. We should probably select the group instead.\n\t\t\t\t\t\t\t\tselectOnCanvasPointerUp(this.editor)\n\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// double click on the shape. We'll start editing the\n\t\t\t\t\t// shape if it's editable or else do a double click on\n\t\t\t\t\t// the canvas.\n\t\t\t\t\tthis.onDoubleClick({\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\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\tif (!this.editor.inputs.shiftKey) {\n\t\t\t\t\tthis.handleDoubleClickOnCanvas(info)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'selection': {\n\t\t\t\tif (this.editor.getInstanceState().isReadonly) break\n\n\t\t\t\tconst onlySelectedShape = this.editor.getOnlySelectedShape()\n\n\t\t\t\tif (onlySelectedShape) {\n\t\t\t\t\tconst util = this.editor.getShapeUtil(onlySelectedShape)\n\n\t\t\t\t\tif (!this.canInteractWithShapeInReadOnly(onlySelectedShape)) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\n\t\t\t\t\t// Test edges for an onDoubleClickEdge handler\n\t\t\t\t\tif (\n\t\t\t\t\t\tinfo.handle === 'right' ||\n\t\t\t\t\t\tinfo.handle === 'left' ||\n\t\t\t\t\t\tinfo.handle === 'top' ||\n\t\t\t\t\t\tinfo.handle === 'bottom'\n\t\t\t\t\t) {\n\t\t\t\t\t\tconst change = util.onDoubleClickEdge?.(onlySelectedShape)\n\t\t\t\t\t\tif (change) {\n\t\t\t\t\t\t\tthis.editor.mark('double click edge')\n\t\t\t\t\t\t\tthis.editor.updateShapes([change])\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// For corners OR edges\n\t\t\t\t\tif (\n\t\t\t\t\t\tutil.canCrop(onlySelectedShape) &&\n\t\t\t\t\t\t!this.editor.isShapeOrAncestorLocked(onlySelectedShape)\n\t\t\t\t\t) {\n\t\t\t\t\t\tthis.parent.transition('crop', info)\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\n\t\t\t\t\tif (this.shouldStartEditingShape(onlySelectedShape)) {\n\t\t\t\t\t\tthis.startEditingShape(onlySelectedShape, info)\n\t\t\t\t\t}\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 util = this.editor.getShapeUtil(shape)\n\n\t\t\t\t// Allow playing videos and embeds\n\t\t\t\tif (\n\t\t\t\t\tshape.type !== 'video' &&\n\t\t\t\t\tshape.type !== 'embed' &&\n\t\t\t\t\tthis.editor.getInstanceState().isReadonly\n\t\t\t\t)\n\t\t\t\t\tbreak\n\n\t\t\t\tif (util.onDoubleClick) {\n\t\t\t\t\t// Call the shape's double click handler\n\t\t\t\t\tconst change = util.onDoubleClick?.(shape)\n\t\t\t\t\tif (change) {\n\t\t\t\t\t\tthis.editor.updateShapes([change])\n\t\t\t\t\t\treturn\n\t\t\t\t\t} else if (util.canCrop(shape) && !this.editor.isShapeOrAncestorLocked(shape)) {\n\t\t\t\t\t\t// crop on double click\n\t\t\t\t\t\tthis.editor.mark('select and crop')\n\t\t\t\t\t\tthis.editor.select(info.shape?.id)\n\t\t\t\t\t\tthis.parent.transition('crop', info)\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// If the shape can edit, then begin editing\n\t\t\t\tif (this.shouldStartEditingShape(shape)) {\n\t\t\t\t\tthis.startEditingShape(shape, info)\n\t\t\t\t} else {\n\t\t\t\t\t// If the shape's double click handler has not created a change,\n\t\t\t\t\t// and if the shape cannot edit, then create a text shape and\n\t\t\t\t\t// begin editing the text shape\n\t\t\t\t\tthis.handleDoubleClickOnCanvas(info)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'handle': {\n\t\t\t\tif (this.editor.getInstanceState().isReadonly) break\n\t\t\t\tconst { shape, handle } = info\n\n\t\t\t\tconst util = this.editor.getShapeUtil(shape)\n\t\t\t\tconst changes = util.onDoubleClickHandle?.(shape, handle)\n\n\t\t\t\tif (changes) {\n\t\t\t\t\tthis.editor.updateShapes([changes])\n\t\t\t\t} else {\n\t\t\t\t\t// If the shape's double click handler has not created a change,\n\t\t\t\t\t// and if the shape can edit, then begin editing the shape.\n\t\t\t\t\tif (this.shouldStartEditingShape(shape)) {\n\t\t\t\t\t\tthis.startEditingShape(shape, info)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\toverride onRightClick: TLEventHandlers['onRightClick'] = (info) => {\n\t\tswitch (info.target) {\n\t\t\tcase 'canvas': {\n\t\t\t\tconst hoveredShape = this.editor.getHoveredShape()\n\t\t\t\tconst hitShape =\n\t\t\t\t\thoveredShape && !this.editor.isShapeOfType<TLGroupShape>(hoveredShape, 'group')\n\t\t\t\t\t\t? hoveredShape\n\t\t\t\t\t\t: this.editor.getShapeAtPoint(this.editor.inputs.currentPagePoint, {\n\t\t\t\t\t\t\t\tmargin: HIT_TEST_MARGIN / this.editor.getZoomLevel(),\n\t\t\t\t\t\t\t\thitInside: false,\n\t\t\t\t\t\t\t\thitLabels: true,\n\t\t\t\t\t\t\t\thitFrameInside: false,\n\t\t\t\t\t\t\t\trenderingOnly: true,\n\t\t\t\t\t\t  })\n\n\t\t\t\tif (hitShape) {\n\t\t\t\t\tthis.onRightClick({\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\n\t\t\t\tconst selectedShapeIds = this.editor.getSelectedShapeIds()\n\t\t\t\tconst onlySelectedShape = this.editor.getOnlySelectedShape()\n\t\t\t\tconst {\n\t\t\t\t\tinputs: { currentPagePoint },\n\t\t\t\t} = this.editor\n\n\t\t\t\tif (\n\t\t\t\t\tselectedShapeIds.length > 1 ||\n\t\t\t\t\t(onlySelectedShape &&\n\t\t\t\t\t\t!this.editor.getShapeUtil(onlySelectedShape).hideSelectionBoundsBg(onlySelectedShape))\n\t\t\t\t) {\n\t\t\t\t\tif (isPointInRotatedSelectionBounds(this.editor, currentPagePoint)) {\n\t\t\t\t\t\tthis.onRightClick({\n\t\t\t\t\t\t\t...info,\n\t\t\t\t\t\t\ttarget: 'selection',\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}\n\n\t\t\t\tthis.editor.selectNone()\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'shape': {\n\t\t\t\tconst { selectedShapeIds } = this.editor.getCurrentPageState()\n\t\t\t\tconst { shape } = info\n\n\t\t\t\tconst targetShape = this.editor.getOutermostSelectableShape(\n\t\t\t\t\tshape,\n\t\t\t\t\t(parent) => !selectedShapeIds.includes(parent.id)\n\t\t\t\t)\n\n\t\t\t\tif (!selectedShapeIds.includes(targetShape.id)) {\n\t\t\t\t\tthis.editor.mark('selecting shape')\n\t\t\t\t\tthis.editor.setSelectedShapes([targetShape.id])\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tif (\n\t\t\tthis.editor.getFocusedGroupId() !== this.editor.getCurrentPageId() &&\n\t\t\tthis.editor.getSelectedShapeIds().length > 0\n\t\t) {\n\t\t\tthis.editor.popFocusedGroupId()\n\t\t} else {\n\t\t\tthis.editor.mark('clearing selection')\n\t\t\tthis.editor.selectNone()\n\t\t}\n\t}\n\n\toverride onKeyDown: TLEventHandlers['onKeyDown'] = (info) => {\n\t\tswitch (info.code) {\n\t\t\tcase 'ArrowLeft':\n\t\t\tcase 'ArrowRight':\n\t\t\tcase 'ArrowUp':\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tthis.nudgeSelectedShapes(false)\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t}\n\n\toverride onKeyRepeat: TLEventHandlers['onKeyDown'] = (info) => {\n\t\tswitch (info.code) {\n\t\t\tcase 'ArrowLeft':\n\t\t\tcase 'ArrowRight':\n\t\t\tcase 'ArrowUp':\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tthis.nudgeSelectedShapes(true)\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t}\n\n\toverride onKeyUp = (info: TLKeyboardEventInfo) => {\n\t\tswitch (info.code) {\n\t\t\tcase 'Enter': {\n\t\t\t\tconst selectedShapes = this.editor.getSelectedShapes()\n\n\t\t\t\t// On enter, if every selected shape is a group, then select all of the children of the groups\n\t\t\t\tif (\n\t\t\t\t\tselectedShapes.every((shape) => this.editor.isShapeOfType<TLGroupShape>(shape, 'group'))\n\t\t\t\t) {\n\t\t\t\t\tthis.editor.setSelectedShapes(\n\t\t\t\t\t\tselectedShapes.flatMap((shape) => this.editor.getSortedChildIdsForParent(shape.id))\n\t\t\t\t\t)\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\t// If the only selected shape is editable, then begin editing it\n\t\t\t\tconst onlySelectedShape = this.editor.getOnlySelectedShape()\n\t\t\t\tif (onlySelectedShape && this.shouldStartEditingShape(onlySelectedShape)) {\n\t\t\t\t\tthis.startEditingShape(onlySelectedShape, {\n\t\t\t\t\t\t...info,\n\t\t\t\t\t\ttarget: 'shape',\n\t\t\t\t\t\tshape: onlySelectedShape,\n\t\t\t\t\t})\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\t// If the only selected shape is croppable, then begin cropping it\n\t\t\t\tif (getShouldEnterCropMode(this.editor)) {\n\t\t\t\t\tthis.parent.transition('crop', info)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate shouldStartEditingShape(\n\t\tshape: TLShape | null = this.editor.getOnlySelectedShape()\n\t): boolean {\n\t\tif (!shape) return false\n\t\tif (this.editor.isShapeOrAncestorLocked(shape) && shape.type !== 'embed') return false\n\t\tif (!this.canInteractWithShapeInReadOnly(shape)) return false\n\t\treturn this.editor.getShapeUtil(shape).canEdit(shape)\n\t}\n\n\tprivate startEditingShape(shape: TLShape, info: TLClickEventInfo | TLKeyboardEventInfo) {\n\t\tif (this.editor.isShapeOrAncestorLocked(shape) && shape.type !== 'embed') return\n\t\tthis.editor.mark('editing shape')\n\t\tthis.editor.setEditingShape(shape.id)\n\t\tthis.parent.transition('editing_shape', info)\n\t}\n\n\tisDarwin = window.navigator.userAgent.toLowerCase().indexOf('mac') > -1\n\n\thandleDoubleClickOnCanvas(info: TLClickEventInfo) {\n\t\t// Create text shape and transition to editing_shape\n\t\tif (this.editor.getInstanceState().isReadonly) return\n\n\t\tthis.editor.mark('creating text shape')\n\n\t\tconst id = createShapeId()\n\n\t\tconst { x, y } = this.editor.inputs.currentPagePoint\n\n\t\tthis.editor.createShapes<TLTextShape>([\n\t\t\t{\n\t\t\t\tid,\n\t\t\t\ttype: 'text',\n\t\t\t\tx,\n\t\t\t\ty,\n\t\t\t\tprops: {\n\t\t\t\t\ttext: '',\n\t\t\t\t\tautoSize: true,\n\t\t\t\t},\n\t\t\t},\n\t\t])\n\n\t\tconst shape = this.editor.getShape(id)\n\t\tif (!shape) return\n\n\t\tconst util = this.editor.getShapeUtil(shape)\n\t\tif (this.editor.getInstanceState().isReadonly) {\n\t\t\tif (!util.canEditInReadOnly(shape)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\n\t\tthis.editor.setEditingShape(id)\n\t\tthis.editor.select(id)\n\t\tthis.parent.transition('editing_shape', info)\n\t}\n\n\tprivate nudgeSelectedShapes(ephemeral = false) {\n\t\tconst {\n\t\t\teditor: {\n\t\t\t\tinputs: { keys },\n\t\t\t},\n\t\t} = this\n\n\t\t// We want to use the \"actual\" shift key state,\n\t\t// not the one that's in the editor.inputs.shiftKey,\n\t\t// because that one uses a short timeout on release\n\t\tconst shiftKey = keys.has('ShiftLeft')\n\n\t\tconst delta = new Vec2d(0, 0)\n\n\t\tif (keys.has('ArrowLeft')) delta.x -= 1\n\t\tif (keys.has('ArrowRight')) delta.x += 1\n\t\tif (keys.has('ArrowUp')) delta.y -= 1\n\t\tif (keys.has('ArrowDown')) delta.y += 1\n\n\t\tif (delta.equals(new Vec2d(0, 0))) return\n\n\t\tif (!ephemeral) this.editor.mark('nudge shapes')\n\n\t\tconst { gridSize } = this.editor.getDocumentSettings()\n\n\t\tconst step = this.editor.getInstanceState().isGridMode\n\t\t\t? shiftKey\n\t\t\t\t? gridSize * GRID_INCREMENT\n\t\t\t\t: gridSize\n\t\t\t: shiftKey\n\t\t\t? MAJOR_NUDGE_FACTOR\n\t\t\t: MINOR_NUDGE_FACTOR\n\n\t\tthis.editor.nudgeShapes(this.editor.getSelectedShapeIds(), delta.mul(step))\n\t}\n\n\tprivate canInteractWithShapeInReadOnly(shape: TLShape) {\n\t\tif (!this.editor.getInstanceState().isReadonly) return true\n\t\tconst util = this.editor.getShapeUtil(shape)\n\t\tif (util.canEditInReadOnly(shape)) return true\n\t\treturn false\n\t}\n}\n\nexport const MAJOR_NUDGE_FACTOR = 10\nexport const MINOR_NUDGE_FACTOR = 1\nexport const GRID_INCREMENT = 5\n\nfunction isPointInRotatedSelectionBounds(editor: Editor, point: VecLike) {\n\tconst selectionBounds = editor.getSelectionRotatedPageBounds()\n\tif (!selectionBounds) return false\n\n\tconst selectionRotation = editor.getSelectionRotation()\n\tif (!selectionRotation) return selectionBounds.containsPoint(point)\n\n\treturn pointInPolygon(\n\t\tpoint,\n\t\tselectionBounds.corners.map((c) => Vec2d.RotWith(c, selectionBounds.point, selectionRotation))\n\t)\n}\n"],
+  "mappings": "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",
+  "names": []
+}