@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/tools/HandTool/childStates/Dragging.js

@@ -0,0 +1,58 @@
+"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 Dragging_exports = {};
+__export(Dragging_exports, {
+  Dragging: () => Dragging
+});
+module.exports = __toCommonJS(Dragging_exports);
+var import_editor = require("@bigbluebutton/editor");
+class Dragging extends import_editor.StateNode {
+  static id = "dragging";
+  onEnter = () => {
+    this.update();
+  };
+  onPointerMove = () => {
+    this.update();
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onCancel = () => {
+    this.complete();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  update() {
+    const { currentScreenPoint, previousScreenPoint } = this.editor.inputs;
+    const delta = import_editor.Vec2d.Sub(currentScreenPoint, previousScreenPoint);
+    if (Math.abs(delta.x) > 0 || Math.abs(delta.y) > 0) {
+      this.editor.pan(delta);
+    }
+  }
+  complete() {
+    this.editor.slideCamera({
+      speed: Math.min(2, this.editor.inputs.pointerVelocity.len()),
+      direction: this.editor.inputs.pointerVelocity,
+      friction: import_editor.CAMERA_SLIDE_FRICTION
+    });
+    this.parent.transition("idle");
+  }
+}
+//# sourceMappingURL=Dragging.js.map

package/dist-cjs/lib/tools/HandTool/childStates/Dragging.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/HandTool/childStates/Dragging.ts"],
+  "sourcesContent": ["import { CAMERA_SLIDE_FRICTION, StateNode, TLEventHandlers, Vec2d } from '@bigbluebutton/editor'\n\nexport class Dragging extends StateNode {\n\tstatic override id = 'dragging'\n\n\toverride onEnter = () => {\n\t\tthis.update()\n\t}\n\n\toverride onPointerMove: TLEventHandlers['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.complete()\n\t}\n\n\toverride onComplete = () => {\n\t\tthis.complete()\n\t}\n\n\tprivate update() {\n\t\tconst { currentScreenPoint, previousScreenPoint } = this.editor.inputs\n\n\t\tconst delta = Vec2d.Sub(currentScreenPoint, previousScreenPoint)\n\n\t\tif (Math.abs(delta.x) > 0 || Math.abs(delta.y) > 0) {\n\t\t\tthis.editor.pan(delta)\n\t\t}\n\t}\n\n\tprivate complete() {\n\t\tthis.editor.slideCamera({\n\t\t\tspeed: Math.min(2, this.editor.inputs.pointerVelocity.len()),\n\t\t\tdirection: this.editor.inputs.pointerVelocity,\n\t\t\tfriction: CAMERA_SLIDE_FRICTION,\n\t\t})\n\n\t\tthis.parent.transition('idle')\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAyE;AAElE,MAAM,iBAAiB,wBAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EAEZ,UAAU,MAAM;AACxB,SAAK,OAAO;AAAA,EACb;AAAA,EAES,gBAAkD,MAAM;AAChE,SAAK,OAAO;AAAA,EACb;AAAA,EAES,cAA8C,MAAM;AAC5D,SAAK,SAAS;AAAA,EACf;AAAA,EAES,WAAwC,MAAM;AACtD,SAAK,SAAS;AAAA,EACf;AAAA,EAES,aAAa,MAAM;AAC3B,SAAK,SAAS;AAAA,EACf;AAAA,EAEQ,SAAS;AAChB,UAAM,EAAE,oBAAoB,oBAAoB,IAAI,KAAK,OAAO;AAEhE,UAAM,QAAQ,oBAAM,IAAI,oBAAoB,mBAAmB;AAE/D,QAAI,KAAK,IAAI,MAAM,CAAC,IAAI,KAAK,KAAK,IAAI,MAAM,CAAC,IAAI,GAAG;AACnD,WAAK,OAAO,IAAI,KAAK;AAAA,IACtB;AAAA,EACD;AAAA,EAEQ,WAAW;AAClB,SAAK,OAAO,YAAY;AAAA,MACvB,OAAO,KAAK,IAAI,GAAG,KAAK,OAAO,OAAO,gBAAgB,IAAI,CAAC;AAAA,MAC3D,WAAW,KAAK,OAAO,OAAO;AAAA,MAC9B,UAAU;AAAA,IACX,CAAC;AAED,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AACD;",
+  "names": []
+}

package/dist-cjs/lib/tools/HandTool/childStates/Idle.js

@@ -0,0 +1,37 @@
+"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, {
+  Idle: () => Idle
+});
+module.exports = __toCommonJS(Idle_exports);
+var import_editor = require("@bigbluebutton/editor");
+class Idle extends import_editor.StateNode {
+  static id = "idle";
+  onEnter = () => {
+    this.editor.setCursor({ type: "grab", rotation: 0 });
+  };
+  onPointerDown = (info) => {
+    this.parent.transition("pointing", info);
+  };
+  onCancel = () => {
+    this.editor.setCurrentTool("select");
+  };
+}
+//# sourceMappingURL=Idle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/HandTool/childStates/Idle.ts"],
+  "sourcesContent": ["import { StateNode, TLEventHandlers } from '@bigbluebutton/editor'\n\nexport class Idle extends StateNode {\n\tstatic override id = 'idle'\n\n\toverride onEnter = () => {\n\t\tthis.editor.setCursor({ type: 'grab', rotation: 0 })\n\t}\n\n\toverride onPointerDown: TLEventHandlers['onPointerDown'] = (info) => {\n\t\tthis.parent.transition('pointing', info)\n\t}\n\n\toverride onCancel = () => {\n\t\tthis.editor.setCurrentTool('select')\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2C;AAEpC,MAAM,aAAa,wBAAU;AAAA,EACnC,OAAgB,KAAK;AAAA,EAEZ,UAAU,MAAM;AACxB,SAAK,OAAO,UAAU,EAAE,MAAM,QAAQ,UAAU,EAAE,CAAC;AAAA,EACpD;AAAA,EAES,gBAAkD,CAAC,SAAS;AACpE,SAAK,OAAO,WAAW,YAAY,IAAI;AAAA,EACxC;AAAA,EAES,WAAW,MAAM;AACzB,SAAK,OAAO,eAAe,QAAQ;AAAA,EACpC;AACD;",
+  "names": []
+}

package/dist-cjs/lib/tools/HandTool/childStates/Pointing.js

@@ -0,0 +1,55 @@
+"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 Pointing_exports = {};
+__export(Pointing_exports, {
+  Pointing: () => Pointing
+});
+module.exports = __toCommonJS(Pointing_exports);
+var import_editor = require("@bigbluebutton/editor");
+class Pointing extends import_editor.StateNode {
+  static id = "pointing";
+  onEnter = () => {
+    this.editor.stopCameraAnimation();
+    this.editor.updateInstanceState(
+      { cursor: { type: "grabbing", rotation: 0 } },
+      { ephemeral: true }
+    );
+  };
+  onPointerMove = (info) => {
+    if (this.editor.inputs.isDragging) {
+      this.parent.transition("dragging", info);
+    }
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onCancel = () => {
+    this.complete();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  onInterrupt = () => {
+    this.complete();
+  };
+  complete() {
+    this.parent.transition("idle");
+  }
+}
+//# sourceMappingURL=Pointing.js.map

package/dist-cjs/lib/tools/HandTool/childStates/Pointing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/HandTool/childStates/Pointing.ts"],
+  "sourcesContent": ["import { StateNode, TLEventHandlers } from '@bigbluebutton/editor'\n\nexport class Pointing extends StateNode {\n\tstatic override id = 'pointing'\n\n\toverride onEnter = () => {\n\t\tthis.editor.stopCameraAnimation()\n\t\tthis.editor.updateInstanceState(\n\t\t\t{ cursor: { type: 'grabbing', rotation: 0 } },\n\t\t\t{ ephemeral: true }\n\t\t)\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = (info) => {\n\t\tif (this.editor.inputs.isDragging) {\n\t\t\tthis.parent.transition('dragging', info)\n\t\t}\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onInterrupt: TLEventHandlers['onInterrupt'] = () => {\n\t\tthis.complete()\n\t}\n\n\tprivate complete() {\n\t\tthis.parent.transition('idle')\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2C;AAEpC,MAAM,iBAAiB,wBAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EAEZ,UAAU,MAAM;AACxB,SAAK,OAAO,oBAAoB;AAChC,SAAK,OAAO;AAAA,MACX,EAAE,QAAQ,EAAE,MAAM,YAAY,UAAU,EAAE,EAAE;AAAA,MAC5C,EAAE,WAAW,KAAK;AAAA,IACnB;AAAA,EACD;AAAA,EAES,gBAAkD,CAAC,SAAS;AACpE,QAAI,KAAK,OAAO,OAAO,YAAY;AAClC,WAAK,OAAO,WAAW,YAAY,IAAI;AAAA,IACxC;AAAA,EACD;AAAA,EAES,cAA8C,MAAM;AAC5D,SAAK,SAAS;AAAA,EACf;AAAA,EAES,WAAwC,MAAM;AACtD,SAAK,SAAS;AAAA,EACf;AAAA,EAES,aAA4C,MAAM;AAC1D,SAAK,SAAS;AAAA,EACf;AAAA,EAES,cAA8C,MAAM;AAC5D,SAAK,SAAS;AAAA,EACf;AAAA,EAEQ,WAAW;AAClB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AACD;",
+  "names": []
+}

package/dist-cjs/lib/tools/LaserTool/LaserTool.js

@@ -0,0 +1,35 @@
+"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 LaserTool_exports = {};
+__export(LaserTool_exports, {
+  LaserTool: () => LaserTool
+});
+module.exports = __toCommonJS(LaserTool_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_Idle = require("./childStates/Idle");
+var import_Lasering = require("./childStates/Lasering");
+class LaserTool extends import_editor.StateNode {
+  static id = "laser";
+  static initial = "idle";
+  static children = () => [import_Idle.Idle, import_Lasering.Lasering];
+  onEnter = () => {
+    this.editor.setCursor({ type: "cross", rotation: 0 });
+  };
+}
+//# sourceMappingURL=LaserTool.js.map

package/dist-cjs/lib/tools/LaserTool/LaserTool.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/LaserTool/LaserTool.ts"],
+  "sourcesContent": ["import { StateNode } from '@bigbluebutton/editor'\nimport { Idle } from './childStates/Idle'\nimport { Lasering } from './childStates/Lasering'\n\n/** @public */\nexport class LaserTool extends StateNode {\n\tstatic override id = 'laser'\n\tstatic override initial = 'idle'\n\tstatic override children = () => [Idle, Lasering]\n\n\toverride onEnter = () => {\n\t\tthis.editor.setCursor({ type: 'cross', rotation: 0 })\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAC1B,kBAAqB;AACrB,sBAAyB;AAGlB,MAAM,kBAAkB,wBAAU;AAAA,EACxC,OAAgB,KAAK;AAAA,EACrB,OAAgB,UAAU;AAAA,EAC1B,OAAgB,WAAW,MAAM,CAAC,kBAAM,wBAAQ;AAAA,EAEvC,UAAU,MAAM;AACxB,SAAK,OAAO,UAAU,EAAE,MAAM,SAAS,UAAU,EAAE,CAAC;AAAA,EACrD;AACD;",
+  "names": []
+}

package/dist-cjs/lib/tools/LaserTool/childStates/Idle.js

@@ -0,0 +1,31 @@
+"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, {
+  Idle: () => Idle
+});
+module.exports = __toCommonJS(Idle_exports);
+var import_editor = require("@bigbluebutton/editor");
+class Idle extends import_editor.StateNode {
+  static id = "idle";
+  onPointerDown = (info) => {
+    this.parent.transition("lasering", info);
+  };
+}
+//# sourceMappingURL=Idle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/LaserTool/childStates/Idle.ts"],
+  "sourcesContent": ["import { StateNode, TLEventHandlers } from '@bigbluebutton/editor'\n\nexport class Idle extends StateNode {\n\tstatic override id = 'idle'\n\n\toverride onPointerDown: TLEventHandlers['onPointerDown'] = (info) => {\n\t\tthis.parent.transition('lasering', info)\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2C;AAEpC,MAAM,aAAa,wBAAU;AAAA,EACnC,OAAgB,KAAK;AAAA,EAEZ,gBAAkD,CAAC,SAAS;AACpE,SAAK,OAAO,WAAW,YAAY,IAAI;AAAA,EACxC;AACD;",
+  "names": []
+}

package/dist-cjs/lib/tools/LaserTool/childStates/Lasering.js

@@ -0,0 +1,66 @@
+"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 Lasering_exports = {};
+__export(Lasering_exports, {
+  Lasering: () => Lasering
+});
+module.exports = __toCommonJS(Lasering_exports);
+var import_editor = require("@bigbluebutton/editor");
+class Lasering extends import_editor.StateNode {
+  static id = "lasering";
+  scribbleId = "id";
+  onEnter = () => {
+    const scribble = this.editor.scribbles.addScribble({
+      color: "laser",
+      opacity: 0.7,
+      size: 4,
+      delay: 1200,
+      shrink: 0.05,
+      taper: true
+    });
+    this.scribbleId = scribble.id;
+    this.pushPointToScribble();
+  };
+  onExit = () => {
+    this.editor.scribbles.stop(this.scribbleId);
+  };
+  onPointerMove = () => {
+    this.pushPointToScribble();
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  pushPointToScribble = () => {
+    const { x, y } = this.editor.inputs.currentPagePoint;
+    this.editor.scribbles.addPoint(this.scribbleId, x, y);
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  complete() {
+    this.parent.transition("idle");
+  }
+  cancel() {
+    this.parent.transition("idle");
+  }
+}
+//# sourceMappingURL=Lasering.js.map

package/dist-cjs/lib/tools/LaserTool/childStates/Lasering.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/LaserTool/childStates/Lasering.ts"],
+  "sourcesContent": ["import { StateNode, TLEventHandlers } from '@bigbluebutton/editor'\n\nexport class Lasering extends StateNode {\n\tstatic override id = 'lasering'\n\n\tscribbleId = 'id'\n\n\toverride onEnter = () => {\n\t\tconst scribble = this.editor.scribbles.addScribble({\n\t\t\tcolor: 'laser',\n\t\t\topacity: 0.7,\n\t\t\tsize: 4,\n\t\t\tdelay: 1200,\n\t\t\tshrink: 0.05,\n\t\t\ttaper: true,\n\t\t})\n\t\tthis.scribbleId = scribble.id\n\t\tthis.pushPointToScribble()\n\t}\n\n\toverride onExit = () => {\n\t\tthis.editor.scribbles.stop(this.scribbleId)\n\t}\n\n\toverride onPointerMove = () => {\n\t\tthis.pushPointToScribble()\n\t}\n\n\toverride onPointerUp = () => {\n\t\tthis.complete()\n\t}\n\n\tprivate pushPointToScribble = () => {\n\t\tconst { x, y } = this.editor.inputs.currentPagePoint\n\t\tthis.editor.scribbles.addPoint(this.scribbleId, x, y)\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.complete()\n\t}\n\n\tprivate complete() {\n\t\tthis.parent.transition('idle')\n\t}\n\n\tprivate cancel() {\n\t\tthis.parent.transition('idle')\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2C;AAEpC,MAAM,iBAAiB,wBAAU;AAAA,EACvC,OAAgB,KAAK;AAAA,EAErB,aAAa;AAAA,EAEJ,UAAU,MAAM;AACxB,UAAM,WAAW,KAAK,OAAO,UAAU,YAAY;AAAA,MAClD,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACR,CAAC;AACD,SAAK,aAAa,SAAS;AAC3B,SAAK,oBAAoB;AAAA,EAC1B;AAAA,EAES,SAAS,MAAM;AACvB,SAAK,OAAO,UAAU,KAAK,KAAK,UAAU;AAAA,EAC3C;AAAA,EAES,gBAAgB,MAAM;AAC9B,SAAK,oBAAoB;AAAA,EAC1B;AAAA,EAES,cAAc,MAAM;AAC5B,SAAK,SAAS;AAAA,EACf;AAAA,EAEQ,sBAAsB,MAAM;AACnC,UAAM,EAAE,GAAG,EAAE,IAAI,KAAK,OAAO,OAAO;AACpC,SAAK,OAAO,UAAU,SAAS,KAAK,YAAY,GAAG,CAAC;AAAA,EACrD;AAAA,EAES,WAAwC,MAAM;AACtD,SAAK,OAAO;AAAA,EACb;AAAA,EAES,aAA4C,MAAM;AAC1D,SAAK,SAAS;AAAA,EACf;AAAA,EAEQ,WAAW;AAClB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AAAA,EAEQ,SAAS;AAChB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AACD;",
+  "names": []
+}

package/dist-cjs/lib/tools/SelectTool/DragAndDropManager.js

@@ -0,0 +1,100 @@
+"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 DragAndDropManager_exports = {};
+__export(DragAndDropManager_exports, {
+  DragAndDropManager: () => DragAndDropManager
+});
+module.exports = __toCommonJS(DragAndDropManager_exports);
+var import_editor = require("@bigbluebutton/editor");
+const LAG_DURATION = 100;
+class DragAndDropManager {
+  constructor(editor) {
+    this.editor = editor;
+    editor.disposables.add(this.dispose);
+  }
+  prevDroppingShapeId = null;
+  droppingNodeTimer = null;
+  first = true;
+  updateDroppingNode(movingShapes, cb) {
+    if (this.first) {
+      this.prevDroppingShapeId = this.editor.getDroppingOverShape(this.editor.inputs.originPagePoint, movingShapes)?.id ?? null;
+      this.first = false;
+    }
+    if (this.droppingNodeTimer === null) {
+      this.setDragTimer(movingShapes, LAG_DURATION * 10, cb);
+    } else if (this.editor.inputs.pointerVelocity.len() > 0.5) {
+      clearInterval(this.droppingNodeTimer);
+      this.setDragTimer(movingShapes, LAG_DURATION, cb);
+    }
+  }
+  setDragTimer(movingShapes, duration, cb) {
+    this.droppingNodeTimer = setTimeout(() => {
+      this.editor.batch(() => {
+        this.handleDrag(this.editor.inputs.currentPagePoint, movingShapes, cb);
+      });
+      this.droppingNodeTimer = null;
+    }, duration);
+  }
+  handleDrag(point, movingShapes, cb) {
+    movingShapes = (0, import_editor.compact)(movingShapes.map((shape) => this.editor.getShape(shape.id)));
+    const nextDroppingShapeId = this.editor.getDroppingOverShape(point, movingShapes)?.id ?? null;
+    if (nextDroppingShapeId === this.prevDroppingShapeId) {
+      return;
+    }
+    const { prevDroppingShapeId } = this;
+    const prevDroppingShape = prevDroppingShapeId && this.editor.getShape(prevDroppingShapeId);
+    const nextDroppingShape = nextDroppingShapeId && this.editor.getShape(nextDroppingShapeId);
+    if (prevDroppingShape) {
+      this.editor.getShapeUtil(prevDroppingShape).onDragShapesOut?.(prevDroppingShape, movingShapes);
+    }
+    if (nextDroppingShape) {
+      const res = this.editor.getShapeUtil(nextDroppingShape).onDragShapesOver?.(nextDroppingShape, movingShapes);
+      if (res && res.shouldHint) {
+        this.editor.setHintingShapes([nextDroppingShape.id]);
+      }
+    } else {
+      this.editor.setHintingShapes([]);
+    }
+    cb?.();
+    this.prevDroppingShapeId = nextDroppingShapeId;
+  }
+  dropShapes(shapes) {
+    const { prevDroppingShapeId } = this;
+    this.handleDrag(this.editor.inputs.currentPagePoint, shapes);
+    if (prevDroppingShapeId) {
+      const shape = this.editor.getShape(prevDroppingShapeId);
+      if (!shape)
+        return;
+      this.editor.getShapeUtil(shape).onDropShapesOver?.(shape, shapes);
+    }
+  }
+  clear() {
+    this.prevDroppingShapeId = null;
+    if (this.droppingNodeTimer !== null) {
+      clearInterval(this.droppingNodeTimer);
+    }
+    this.droppingNodeTimer = null;
+    this.editor.setHintingShapes([]);
+    this.first = true;
+  }
+  dispose = () => {
+    this.clear();
+  };
+}
+//# sourceMappingURL=DragAndDropManager.js.map

package/dist-cjs/lib/tools/SelectTool/DragAndDropManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/SelectTool/DragAndDropManager.ts"],
+  "sourcesContent": ["import { Editor, TLShape, TLShapeId, Vec2d, compact } from '@bigbluebutton/editor'\n\nconst LAG_DURATION = 100\n\n/** @public */\nexport class DragAndDropManager {\n\tconstructor(public editor: Editor) {\n\t\teditor.disposables.add(this.dispose)\n\t}\n\n\tprevDroppingShapeId: TLShapeId | null = null\n\n\tdroppingNodeTimer: ReturnType<typeof setTimeout> | null = null\n\n\tfirst = true\n\n\tupdateDroppingNode(movingShapes: TLShape[], cb: () => void) {\n\t\tif (this.first) {\n\t\t\tthis.prevDroppingShapeId =\n\t\t\t\tthis.editor.getDroppingOverShape(this.editor.inputs.originPagePoint, movingShapes)?.id ??\n\t\t\t\tnull\n\t\t\tthis.first = false\n\t\t}\n\n\t\tif (this.droppingNodeTimer === null) {\n\t\t\tthis.setDragTimer(movingShapes, LAG_DURATION * 10, cb)\n\t\t} else if (this.editor.inputs.pointerVelocity.len() > 0.5) {\n\t\t\tclearInterval(this.droppingNodeTimer)\n\t\t\tthis.setDragTimer(movingShapes, LAG_DURATION, cb)\n\t\t}\n\t}\n\n\tprivate setDragTimer(movingShapes: TLShape[], duration: number, cb: () => void) {\n\t\tthis.droppingNodeTimer = setTimeout(() => {\n\t\t\tthis.editor.batch(() => {\n\t\t\t\tthis.handleDrag(this.editor.inputs.currentPagePoint, movingShapes, cb)\n\t\t\t})\n\t\t\tthis.droppingNodeTimer = null\n\t\t}, duration)\n\t}\n\n\tprivate handleDrag(point: Vec2d, movingShapes: TLShape[], cb?: () => void) {\n\t\tmovingShapes = compact(movingShapes.map((shape) => this.editor.getShape(shape.id)))\n\n\t\tconst nextDroppingShapeId = this.editor.getDroppingOverShape(point, movingShapes)?.id ?? null\n\n\t\t// is the next dropping shape id different than the last one?\n\t\tif (nextDroppingShapeId === this.prevDroppingShapeId) {\n\t\t\treturn\n\t\t}\n\n\t\t// the old previous one\n\t\tconst { prevDroppingShapeId } = this\n\n\t\tconst prevDroppingShape = prevDroppingShapeId && this.editor.getShape(prevDroppingShapeId)\n\t\tconst nextDroppingShape = nextDroppingShapeId && this.editor.getShape(nextDroppingShapeId)\n\n\t\t// Even if we don't have a next dropping shape id (i.e. if we're dropping\n\t\t// onto the page) set the prev to the current, to avoid repeat calls to\n\t\t// the previous parent's onDragShapesOut\n\n\t\tif (prevDroppingShape) {\n\t\t\tthis.editor.getShapeUtil(prevDroppingShape).onDragShapesOut?.(prevDroppingShape, movingShapes)\n\t\t}\n\n\t\tif (nextDroppingShape) {\n\t\t\tconst res = this.editor\n\t\t\t\t.getShapeUtil(nextDroppingShape)\n\t\t\t\t.onDragShapesOver?.(nextDroppingShape, movingShapes)\n\n\t\t\tif (res && res.shouldHint) {\n\t\t\t\tthis.editor.setHintingShapes([nextDroppingShape.id])\n\t\t\t}\n\t\t} else {\n\t\t\t// If we're dropping onto the page, then clear hinting ids\n\t\t\tthis.editor.setHintingShapes([])\n\t\t}\n\n\t\tcb?.()\n\n\t\t// next -> curr\n\t\tthis.prevDroppingShapeId = nextDroppingShapeId\n\t}\n\n\tdropShapes(shapes: TLShape[]) {\n\t\tconst { prevDroppingShapeId } = this\n\n\t\tthis.handleDrag(this.editor.inputs.currentPagePoint, shapes)\n\n\t\tif (prevDroppingShapeId) {\n\t\t\tconst shape = this.editor.getShape(prevDroppingShapeId)\n\t\t\tif (!shape) return\n\t\t\tthis.editor.getShapeUtil(shape).onDropShapesOver?.(shape, shapes)\n\t\t}\n\t}\n\n\tclear() {\n\t\tthis.prevDroppingShapeId = null\n\n\t\tif (this.droppingNodeTimer !== null) {\n\t\t\tclearInterval(this.droppingNodeTimer)\n\t\t}\n\n\t\tthis.droppingNodeTimer = null\n\t\tthis.editor.setHintingShapes([])\n\t\tthis.first = true\n\t}\n\n\tdispose = () => {\n\t\tthis.clear()\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2D;AAE3D,MAAM,eAAe;AAGd,MAAM,mBAAmB;AAAA,EAC/B,YAAmB,QAAgB;AAAhB;AAClB,WAAO,YAAY,IAAI,KAAK,OAAO;AAAA,EACpC;AAAA,EAEA,sBAAwC;AAAA,EAExC,oBAA0D;AAAA,EAE1D,QAAQ;AAAA,EAER,mBAAmB,cAAyB,IAAgB;AAC3D,QAAI,KAAK,OAAO;AACf,WAAK,sBACJ,KAAK,OAAO,qBAAqB,KAAK,OAAO,OAAO,iBAAiB,YAAY,GAAG,MACpF;AACD,WAAK,QAAQ;AAAA,IACd;AAEA,QAAI,KAAK,sBAAsB,MAAM;AACpC,WAAK,aAAa,cAAc,eAAe,IAAI,EAAE;AAAA,IACtD,WAAW,KAAK,OAAO,OAAO,gBAAgB,IAAI,IAAI,KAAK;AAC1D,oBAAc,KAAK,iBAAiB;AACpC,WAAK,aAAa,cAAc,cAAc,EAAE;AAAA,IACjD;AAAA,EACD;AAAA,EAEQ,aAAa,cAAyB,UAAkB,IAAgB;AAC/E,SAAK,oBAAoB,WAAW,MAAM;AACzC,WAAK,OAAO,MAAM,MAAM;AACvB,aAAK,WAAW,KAAK,OAAO,OAAO,kBAAkB,cAAc,EAAE;AAAA,MACtE,CAAC;AACD,WAAK,oBAAoB;AAAA,IAC1B,GAAG,QAAQ;AAAA,EACZ;AAAA,EAEQ,WAAW,OAAc,cAAyB,IAAiB;AAC1E,uBAAe,uBAAQ,aAAa,IAAI,CAAC,UAAU,KAAK,OAAO,SAAS,MAAM,EAAE,CAAC,CAAC;AAElF,UAAM,sBAAsB,KAAK,OAAO,qBAAqB,OAAO,YAAY,GAAG,MAAM;AAGzF,QAAI,wBAAwB,KAAK,qBAAqB;AACrD;AAAA,IACD;AAGA,UAAM,EAAE,oBAAoB,IAAI;AAEhC,UAAM,oBAAoB,uBAAuB,KAAK,OAAO,SAAS,mBAAmB;AACzF,UAAM,oBAAoB,uBAAuB,KAAK,OAAO,SAAS,mBAAmB;AAMzF,QAAI,mBAAmB;AACtB,WAAK,OAAO,aAAa,iBAAiB,EAAE,kBAAkB,mBAAmB,YAAY;AAAA,IAC9F;AAEA,QAAI,mBAAmB;AACtB,YAAM,MAAM,KAAK,OACf,aAAa,iBAAiB,EAC9B,mBAAmB,mBAAmB,YAAY;AAEpD,UAAI,OAAO,IAAI,YAAY;AAC1B,aAAK,OAAO,iBAAiB,CAAC,kBAAkB,EAAE,CAAC;AAAA,MACpD;AAAA,IACD,OAAO;AAEN,WAAK,OAAO,iBAAiB,CAAC,CAAC;AAAA,IAChC;AAEA,SAAK;AAGL,SAAK,sBAAsB;AAAA,EAC5B;AAAA,EAEA,WAAW,QAAmB;AAC7B,UAAM,EAAE,oBAAoB,IAAI;AAEhC,SAAK,WAAW,KAAK,OAAO,OAAO,kBAAkB,MAAM;AAE3D,QAAI,qBAAqB;AACxB,YAAM,QAAQ,KAAK,OAAO,SAAS,mBAAmB;AACtD,UAAI,CAAC;AAAO;AACZ,WAAK,OAAO,aAAa,KAAK,EAAE,mBAAmB,OAAO,MAAM;AAAA,IACjE;AAAA,EACD;AAAA,EAEA,QAAQ;AACP,SAAK,sBAAsB;AAE3B,QAAI,KAAK,sBAAsB,MAAM;AACpC,oBAAc,KAAK,iBAAiB;AAAA,IACrC;AAEA,SAAK,oBAAoB;AACzB,SAAK,OAAO,iBAAiB,CAAC,CAAC;AAC/B,SAAK,QAAQ;AAAA,EACd;AAAA,EAEA,UAAU,MAAM;AACf,SAAK,MAAM;AAAA,EACZ;AACD;",
+  "names": []
+}

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

@@ -0,0 +1,70 @@
+"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 SelectTool_exports = {};
+__export(SelectTool_exports, {
+  SelectTool: () => SelectTool
+});
+module.exports = __toCommonJS(SelectTool_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_Brushing = require("./childStates/Brushing");
+var import_Crop = require("./childStates/Crop/Crop");
+var import_Cropping = require("./childStates/Cropping");
+var import_DraggingHandle = require("./childStates/DraggingHandle");
+var import_EditingShape = require("./childStates/EditingShape");
+var import_Idle = require("./childStates/Idle");
+var import_PointingCanvas = require("./childStates/PointingCanvas");
+var import_PointingCropHandle = require("./childStates/PointingCropHandle");
+var import_PointingHandle = require("./childStates/PointingHandle");
+var import_PointingResizeHandle = require("./childStates/PointingResizeHandle");
+var import_PointingRotateHandle = require("./childStates/PointingRotateHandle");
+var import_PointingSelection = require("./childStates/PointingSelection");
+var import_PointingShape = require("./childStates/PointingShape");
+var import_Resizing = require("./childStates/Resizing");
+var import_Rotating = require("./childStates/Rotating");
+var import_ScribbleBrushing = require("./childStates/ScribbleBrushing");
+var import_Translating = require("./childStates/Translating");
+class SelectTool extends import_editor.StateNode {
+  static id = "select";
+  static initial = "idle";
+  static children = () => [
+    import_Crop.Crop,
+    import_Cropping.Cropping,
+    import_Idle.Idle,
+    import_PointingCanvas.PointingCanvas,
+    import_PointingShape.PointingShape,
+    import_Translating.Translating,
+    import_Brushing.Brushing,
+    import_ScribbleBrushing.ScribbleBrushing,
+    import_PointingCropHandle.PointingCropHandle,
+    import_PointingSelection.PointingSelection,
+    import_PointingResizeHandle.PointingResizeHandle,
+    import_EditingShape.EditingShape,
+    import_Resizing.Resizing,
+    import_Rotating.Rotating,
+    import_PointingRotateHandle.PointingRotateHandle,
+    import_PointingHandle.PointingHandle,
+    import_DraggingHandle.DraggingHandle
+  ];
+  onExit = () => {
+    if (this.editor.getCurrentPageState().editingShapeId) {
+      this.editor.setEditingShape(null);
+    }
+  };
+}
+//# sourceMappingURL=SelectTool.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/SelectTool/SelectTool.ts"],
+  "sourcesContent": ["import { StateNode } from '@bigbluebutton/editor'\nimport { Brushing } from './childStates/Brushing'\nimport { Crop } from './childStates/Crop/Crop'\nimport { Cropping } from './childStates/Cropping'\nimport { DraggingHandle } from './childStates/DraggingHandle'\nimport { EditingShape } from './childStates/EditingShape'\nimport { Idle } from './childStates/Idle'\nimport { PointingCanvas } from './childStates/PointingCanvas'\nimport { PointingCropHandle } from './childStates/PointingCropHandle'\nimport { PointingHandle } from './childStates/PointingHandle'\nimport { PointingResizeHandle } from './childStates/PointingResizeHandle'\nimport { PointingRotateHandle } from './childStates/PointingRotateHandle'\nimport { PointingSelection } from './childStates/PointingSelection'\nimport { PointingShape } from './childStates/PointingShape'\nimport { Resizing } from './childStates/Resizing'\nimport { Rotating } from './childStates/Rotating'\nimport { ScribbleBrushing } from './childStates/ScribbleBrushing'\nimport { Translating } from './childStates/Translating'\n\n/** @public */\nexport class SelectTool extends StateNode {\n\tstatic override id = 'select'\n\tstatic override initial = 'idle'\n\tstatic override children = () => [\n\t\tCrop,\n\t\tCropping,\n\t\tIdle,\n\t\tPointingCanvas,\n\t\tPointingShape,\n\t\tTranslating,\n\t\tBrushing,\n\t\tScribbleBrushing,\n\t\tPointingCropHandle,\n\t\tPointingSelection,\n\t\tPointingResizeHandle,\n\t\tEditingShape,\n\t\tResizing,\n\t\tRotating,\n\t\tPointingRotateHandle,\n\t\tPointingHandle,\n\t\tDraggingHandle,\n\t]\n\n\toverride onExit = () => {\n\t\tif (this.editor.getCurrentPageState().editingShapeId) {\n\t\t\tthis.editor.setEditingShape(null)\n\t\t}\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAC1B,sBAAyB;AACzB,kBAAqB;AACrB,sBAAyB;AACzB,4BAA+B;AAC/B,0BAA6B;AAC7B,kBAAqB;AACrB,4BAA+B;AAC/B,gCAAmC;AACnC,4BAA+B;AAC/B,kCAAqC;AACrC,kCAAqC;AACrC,+BAAkC;AAClC,2BAA8B;AAC9B,sBAAyB;AACzB,sBAAyB;AACzB,8BAAiC;AACjC,yBAA4B;AAGrB,MAAM,mBAAmB,wBAAU;AAAA,EACzC,OAAgB,KAAK;AAAA,EACrB,OAAgB,UAAU;AAAA,EAC1B,OAAgB,WAAW,MAAM;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EAES,SAAS,MAAM;AACvB,QAAI,KAAK,OAAO,oBAAoB,EAAE,gBAAgB;AACrD,WAAK,OAAO,gBAAgB,IAAI;AAAA,IACjC;AAAA,EACD;AACD;",
+  "names": []
+}