@bigbluebutton/tldraw 2.0.0-alpha.19

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

@@ -0,0 +1,56 @@
+"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 PointingCanvas_exports = {};
+__export(PointingCanvas_exports, {
+  PointingCanvas: () => PointingCanvas
+});
+module.exports = __toCommonJS(PointingCanvas_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_selectOnCanvasPointerUp = require("../../selection-logic/selectOnCanvasPointerUp");
+class PointingCanvas extends import_editor.StateNode {
+  static id = "pointing_canvas";
+  onEnter = () => {
+    const { inputs } = this.editor;
+    if (!inputs.shiftKey) {
+      if (this.editor.getSelectedShapeIds().length > 0) {
+        this.editor.mark("selecting none");
+        this.editor.selectNone();
+      }
+    }
+  };
+  onPointerMove = (info) => {
+    if (this.editor.inputs.isDragging) {
+      this.parent.transition("brushing", info);
+    }
+  };
+  onPointerUp = () => {
+    (0, import_selectOnCanvasPointerUp.selectOnCanvasPointerUp)(this.editor);
+    this.complete();
+  };
+  onComplete = () => {
+    this.complete();
+  };
+  onInterrupt = () => {
+    this.parent.transition("idle");
+  };
+  complete() {
+    this.parent.transition("idle");
+  }
+}
+//# sourceMappingURL=PointingCanvas.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/PointingCanvas.ts"],
+  "sourcesContent": ["import { StateNode, TLEventHandlers } from '@bigbluebutton/editor'\nimport { selectOnCanvasPointerUp } from '../../selection-logic/selectOnCanvasPointerUp'\n\nexport class PointingCanvas extends StateNode {\n\tstatic override id = 'pointing_canvas'\n\n\toverride onEnter = () => {\n\t\tconst { inputs } = this.editor\n\n\t\tif (!inputs.shiftKey) {\n\t\t\tif (this.editor.getSelectedShapeIds().length > 0) {\n\t\t\t\tthis.editor.mark('selecting none')\n\t\t\t\tthis.editor.selectNone()\n\t\t\t}\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('brushing', info)\n\t\t}\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\t// todo: also make this deselect\n\t\tselectOnCanvasPointerUp(this.editor)\n\t\tthis.complete()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onInterrupt = () => {\n\t\tthis.parent.transition('idle')\n\t}\n\n\tprivate complete() {\n\t\tthis.parent.transition('idle')\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2C;AAC3C,qCAAwC;AAEjC,MAAM,uBAAuB,wBAAU;AAAA,EAC7C,OAAgB,KAAK;AAAA,EAEZ,UAAU,MAAM;AACxB,UAAM,EAAE,OAAO,IAAI,KAAK;AAExB,QAAI,CAAC,OAAO,UAAU;AACrB,UAAI,KAAK,OAAO,oBAAoB,EAAE,SAAS,GAAG;AACjD,aAAK,OAAO,KAAK,gBAAgB;AACjC,aAAK,OAAO,WAAW;AAAA,MACxB;AAAA,IACD;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;AAE5D,gEAAwB,KAAK,MAAM;AACnC,SAAK,SAAS;AAAA,EACf;AAAA,EAES,aAA4C,MAAM;AAC1D,SAAK,SAAS;AAAA,EACf;AAAA,EAES,cAAc,MAAM;AAC5B,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AAAA,EAEQ,WAAW;AAClB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AACD;",
+  "names": []
+}

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

@@ -0,0 +1,89 @@
+"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 PointingCropHandle_exports = {};
+__export(PointingCropHandle_exports, {
+  PointingCropHandle: () => PointingCropHandle
+});
+module.exports = __toCommonJS(PointingCropHandle_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_PointingResizeHandle = require("./PointingResizeHandle");
+class PointingCropHandle extends import_editor.StateNode {
+  static id = "pointing_crop_handle";
+  info = {};
+  updateCursor(shape) {
+    const cursorType = import_PointingResizeHandle.CursorTypeMap[this.info.handle];
+    this.editor.updateInstanceState({
+      cursor: {
+        type: cursorType,
+        rotation: shape.rotation
+      }
+    });
+  }
+  onEnter = (info) => {
+    this.info = info;
+    this.parent.setCurrentToolIdMask(info.onInteractionEnd);
+    const selectedShape = this.editor.getSelectedShapes()[0];
+    if (!selectedShape)
+      return;
+    this.updateCursor(selectedShape);
+    this.editor.setCroppingShape(selectedShape.id);
+  };
+  onExit = () => {
+    this.editor.updateInstanceState(
+      { cursor: { type: "default", rotation: 0 } },
+      { ephemeral: true }
+    );
+    this.parent.setCurrentToolIdMask(void 0);
+  };
+  onPointerMove = () => {
+    const isDragging = this.editor.inputs.isDragging;
+    if (isDragging) {
+      this.parent.transition("cropping", {
+        ...this.info,
+        onInteractionEnd: this.info.onInteractionEnd
+      });
+    }
+  };
+  onPointerUp = () => {
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, this.info);
+    } else {
+      this.editor.setCroppingShape(null);
+      this.parent.transition("idle");
+    }
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  onComplete = () => {
+    this.cancel();
+  };
+  onInterrupt = () => {
+    this.cancel();
+  };
+  cancel() {
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, this.info);
+    } else {
+      this.editor.setCroppingShape(null);
+      this.parent.transition("idle");
+    }
+  }
+}
+//# sourceMappingURL=PointingCropHandle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/PointingCropHandle.ts"],
+  "sourcesContent": ["import { StateNode, TLEventHandlers, TLPointerEventInfo, TLShape } from '@bigbluebutton/editor'\nimport { CursorTypeMap } from './PointingResizeHandle'\n\ntype TLPointingCropHandleInfo = TLPointerEventInfo & {\n\ttarget: 'selection'\n} & {\n\tonInteractionEnd?: string\n}\n\nexport class PointingCropHandle extends StateNode {\n\tstatic override id = 'pointing_crop_handle'\n\n\tprivate info = {} as TLPointingCropHandleInfo\n\n\tprivate updateCursor(shape: TLShape) {\n\t\tconst cursorType = CursorTypeMap[this.info.handle!]\n\t\tthis.editor.updateInstanceState({\n\t\t\tcursor: {\n\t\t\t\ttype: cursorType,\n\t\t\t\trotation: shape.rotation,\n\t\t\t},\n\t\t})\n\t}\n\n\toverride onEnter = (info: TLPointingCropHandleInfo) => {\n\t\tthis.info = info\n\t\tthis.parent.setCurrentToolIdMask(info.onInteractionEnd)\n\t\tconst selectedShape = this.editor.getSelectedShapes()[0]\n\t\tif (!selectedShape) return\n\n\t\tthis.updateCursor(selectedShape)\n\t\tthis.editor.setCroppingShape(selectedShape.id)\n\t}\n\n\toverride onExit = () => {\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\tthis.parent.setCurrentToolIdMask(undefined)\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = () => {\n\t\tconst isDragging = this.editor.inputs.isDragging\n\n\t\tif (isDragging) {\n\t\t\tthis.parent.transition('cropping', {\n\t\t\t\t...this.info,\n\t\t\t\tonInteractionEnd: this.info.onInteractionEnd,\n\t\t\t})\n\t\t}\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\tif (this.info.onInteractionEnd) {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd, this.info)\n\t\t} else {\n\t\t\tthis.editor.setCroppingShape(null)\n\t\t\tthis.parent.transition('idle')\n\t\t}\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onInterrupt = () => {\n\t\tthis.cancel()\n\t}\n\n\tprivate cancel() {\n\t\tif (this.info.onInteractionEnd) {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd, this.info)\n\t\t} else {\n\t\t\tthis.editor.setCroppingShape(null)\n\t\t\tthis.parent.transition('idle')\n\t\t}\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAwE;AACxE,kCAA8B;AAQvB,MAAM,2BAA2B,wBAAU;AAAA,EACjD,OAAgB,KAAK;AAAA,EAEb,OAAO,CAAC;AAAA,EAER,aAAa,OAAgB;AACpC,UAAM,aAAa,0CAAc,KAAK,KAAK,MAAO;AAClD,SAAK,OAAO,oBAAoB;AAAA,MAC/B,QAAQ;AAAA,QACP,MAAM;AAAA,QACN,UAAU,MAAM;AAAA,MACjB;AAAA,IACD,CAAC;AAAA,EACF;AAAA,EAES,UAAU,CAAC,SAAmC;AACtD,SAAK,OAAO;AACZ,SAAK,OAAO,qBAAqB,KAAK,gBAAgB;AACtD,UAAM,gBAAgB,KAAK,OAAO,kBAAkB,EAAE,CAAC;AACvD,QAAI,CAAC;AAAe;AAEpB,SAAK,aAAa,aAAa;AAC/B,SAAK,OAAO,iBAAiB,cAAc,EAAE;AAAA,EAC9C;AAAA,EAES,SAAS,MAAM;AACvB,SAAK,OAAO;AAAA,MACX,EAAE,QAAQ,EAAE,MAAM,WAAW,UAAU,EAAE,EAAE;AAAA,MAC3C,EAAE,WAAW,KAAK;AAAA,IACnB;AACA,SAAK,OAAO,qBAAqB,MAAS;AAAA,EAC3C;AAAA,EAES,gBAAkD,MAAM;AAChE,UAAM,aAAa,KAAK,OAAO,OAAO;AAEtC,QAAI,YAAY;AACf,WAAK,OAAO,WAAW,YAAY;AAAA,QAClC,GAAG,KAAK;AAAA,QACR,kBAAkB,KAAK,KAAK;AAAA,MAC7B,CAAC;AAAA,IACF;AAAA,EACD;AAAA,EAES,cAA8C,MAAM;AAC5D,QAAI,KAAK,KAAK,kBAAkB;AAC/B,WAAK,OAAO,eAAe,KAAK,KAAK,kBAAkB,KAAK,IAAI;AAAA,IACjE,OAAO;AACN,WAAK,OAAO,iBAAiB,IAAI;AACjC,WAAK,OAAO,WAAW,MAAM;AAAA,IAC9B;AAAA,EACD;AAAA,EAES,WAAwC,MAAM;AACtD,SAAK,OAAO;AAAA,EACb;AAAA,EAES,aAA4C,MAAM;AAC1D,SAAK,OAAO;AAAA,EACb;AAAA,EAES,cAAc,MAAM;AAC5B,SAAK,OAAO;AAAA,EACb;AAAA,EAEQ,SAAS;AAChB,QAAI,KAAK,KAAK,kBAAkB;AAC/B,WAAK,OAAO,eAAe,KAAK,KAAK,kBAAkB,KAAK,IAAI;AAAA,IACjE,OAAO;AACN,WAAK,OAAO,iBAAiB,IAAI;AACjC,WAAK,OAAO,WAAW,MAAM;AAAA,IAC9B;AAAA,EACD;AACD;",
+  "names": []
+}

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

@@ -0,0 +1,67 @@
+"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 PointingHandle_exports = {};
+__export(PointingHandle_exports, {
+  PointingHandle: () => PointingHandle
+});
+module.exports = __toCommonJS(PointingHandle_exports);
+var import_editor = require("@bigbluebutton/editor");
+class PointingHandle extends import_editor.StateNode {
+  static id = "pointing_handle";
+  info = {};
+  onEnter = (info) => {
+    this.info = info;
+    const initialTerminal = info.shape.props[info.handle.id];
+    if (initialTerminal?.type === "binding") {
+      this.editor.setHintingShapes([initialTerminal.boundShapeId]);
+    }
+    this.editor.updateInstanceState(
+      { cursor: { type: "grabbing", rotation: 0 } },
+      { ephemeral: true }
+    );
+  };
+  onExit = () => {
+    this.editor.setHintingShapes([]);
+    this.editor.updateInstanceState(
+      { cursor: { type: "default", rotation: 0 } },
+      { ephemeral: true }
+    );
+  };
+  onPointerUp = () => {
+    this.parent.transition("idle", this.info);
+  };
+  onPointerMove = () => {
+    if (this.editor.inputs.isDragging) {
+      this.parent.transition("dragging_handle", this.info);
+    }
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  onComplete = () => {
+    this.cancel();
+  };
+  onInterrupt = () => {
+    this.cancel();
+  };
+  cancel() {
+    this.parent.transition("idle");
+  }
+}
+//# sourceMappingURL=PointingHandle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/PointingHandle.ts"],
+  "sourcesContent": ["import { StateNode, TLArrowShape, TLEventHandlers, TLPointerEventInfo } from '@bigbluebutton/editor'\n\nexport class PointingHandle extends StateNode {\n\tstatic override id = 'pointing_handle'\n\n\tinfo = {} as TLPointerEventInfo & { target: 'handle' }\n\n\toverride onEnter = (info: TLPointerEventInfo & { target: 'handle' }) => {\n\t\tthis.info = info\n\n\t\tconst initialTerminal = (info.shape as TLArrowShape).props[info.handle.id as 'start' | 'end']\n\n\t\tif (initialTerminal?.type === 'binding') {\n\t\t\tthis.editor.setHintingShapes([initialTerminal.boundShapeId])\n\t\t}\n\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 onExit = () => {\n\t\tthis.editor.setHintingShapes([])\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 onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\tthis.parent.transition('idle', this.info)\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = () => {\n\t\tif (this.editor.inputs.isDragging) {\n\t\t\tthis.parent.transition('dragging_handle', this.info)\n\t\t}\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onInterrupt = () => {\n\t\tthis.cancel()\n\t}\n\n\tprivate cancel() {\n\t\tthis.parent.transition('idle')\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6E;AAEtE,MAAM,uBAAuB,wBAAU;AAAA,EAC7C,OAAgB,KAAK;AAAA,EAErB,OAAO,CAAC;AAAA,EAEC,UAAU,CAAC,SAAoD;AACvE,SAAK,OAAO;AAEZ,UAAM,kBAAmB,KAAK,MAAuB,MAAM,KAAK,OAAO,EAAqB;AAE5F,QAAI,iBAAiB,SAAS,WAAW;AACxC,WAAK,OAAO,iBAAiB,CAAC,gBAAgB,YAAY,CAAC;AAAA,IAC5D;AAEA,SAAK,OAAO;AAAA,MACX,EAAE,QAAQ,EAAE,MAAM,YAAY,UAAU,EAAE,EAAE;AAAA,MAC5C,EAAE,WAAW,KAAK;AAAA,IACnB;AAAA,EACD;AAAA,EAES,SAAS,MAAM;AACvB,SAAK,OAAO,iBAAiB,CAAC,CAAC;AAC/B,SAAK,OAAO;AAAA,MACX,EAAE,QAAQ,EAAE,MAAM,WAAW,UAAU,EAAE,EAAE;AAAA,MAC3C,EAAE,WAAW,KAAK;AAAA,IACnB;AAAA,EACD;AAAA,EAES,cAA8C,MAAM;AAC5D,SAAK,OAAO,WAAW,QAAQ,KAAK,IAAI;AAAA,EACzC;AAAA,EAES,gBAAkD,MAAM;AAChE,QAAI,KAAK,OAAO,OAAO,YAAY;AAClC,WAAK,OAAO,WAAW,mBAAmB,KAAK,IAAI;AAAA,IACpD;AAAA,EACD;AAAA,EAES,WAAwC,MAAM;AACtD,SAAK,OAAO;AAAA,EACb;AAAA,EAES,aAA4C,MAAM;AAC1D,SAAK,OAAO;AAAA,EACb;AAAA,EAES,cAAc,MAAM;AAC5B,SAAK,OAAO;AAAA,EACb;AAAA,EAEQ,SAAS;AAChB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AACD;",
+  "names": []
+}

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

@@ -0,0 +1,91 @@
+"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 PointingResizeHandle_exports = {};
+__export(PointingResizeHandle_exports, {
+  CursorTypeMap: () => CursorTypeMap,
+  PointingResizeHandle: () => PointingResizeHandle
+});
+module.exports = __toCommonJS(PointingResizeHandle_exports);
+var import_editor = require("@bigbluebutton/editor");
+const CursorTypeMap = {
+  bottom: "ns-resize",
+  top: "ns-resize",
+  left: "ew-resize",
+  right: "ew-resize",
+  bottom_left: "nesw-resize",
+  bottom_right: "nwse-resize",
+  top_left: "nwse-resize",
+  top_right: "nesw-resize",
+  bottom_left_rotate: "swne-rotate",
+  bottom_right_rotate: "senw-rotate",
+  top_left_rotate: "nwse-rotate",
+  top_right_rotate: "nesw-rotate",
+  mobile_rotate: "grabbing"
+};
+class PointingResizeHandle extends import_editor.StateNode {
+  static id = "pointing_resize_handle";
+  info = {};
+  updateCursor() {
+    const selected = this.editor.getSelectedShapes();
+    const cursorType = CursorTypeMap[this.info.handle];
+    this.editor.updateInstanceState({
+      cursor: { type: cursorType, rotation: selected.length === 1 ? selected[0].rotation : 0 }
+    });
+  }
+  onEnter = (info) => {
+    this.info = info;
+    this.updateCursor();
+  };
+  onPointerMove = () => {
+    const isDragging = this.editor.inputs.isDragging;
+    if (isDragging) {
+      this.parent.transition("resizing", this.info);
+    }
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  // override onPinchStart: TLEventHandlers['onPinchStart'] = (info) => {
+  // 	this.parent.transition('pinching', info)
+  // }
+  onCancel = () => {
+    this.cancel();
+  };
+  onComplete = () => {
+    this.cancel();
+  };
+  onInterrupt = () => {
+    this.cancel();
+  };
+  complete() {
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, {});
+    } else {
+      this.parent.transition("idle");
+    }
+  }
+  cancel() {
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, {});
+    } else {
+      this.parent.transition("idle");
+    }
+  }
+}
+//# sourceMappingURL=PointingResizeHandle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/PointingResizeHandle.ts"],
+  "sourcesContent": ["import {\n\tStateNode,\n\tTLCursorType,\n\tTLEventHandlers,\n\tTLPointerEventInfo,\n\tTLSelectionHandle,\n} from '@bigbluebutton/editor'\n\nexport const CursorTypeMap: Record<TLSelectionHandle, TLCursorType> = {\n\tbottom: 'ns-resize',\n\ttop: 'ns-resize',\n\tleft: 'ew-resize',\n\tright: 'ew-resize',\n\tbottom_left: 'nesw-resize',\n\tbottom_right: 'nwse-resize',\n\ttop_left: 'nwse-resize',\n\ttop_right: 'nesw-resize',\n\tbottom_left_rotate: 'swne-rotate',\n\tbottom_right_rotate: 'senw-rotate',\n\ttop_left_rotate: 'nwse-rotate',\n\ttop_right_rotate: 'nesw-rotate',\n\tmobile_rotate: 'grabbing',\n}\n\ntype PointingResizeHandleInfo = Extract<TLPointerEventInfo, { target: 'selection' }> & {\n\tonInteractionEnd?: string\n}\n\nexport class PointingResizeHandle extends StateNode {\n\tstatic override id = 'pointing_resize_handle'\n\n\tprivate info = {} as PointingResizeHandleInfo\n\n\tprivate updateCursor() {\n\t\tconst selected = this.editor.getSelectedShapes()\n\t\tconst cursorType = CursorTypeMap[this.info.handle!]\n\t\tthis.editor.updateInstanceState({\n\t\t\tcursor: { type: cursorType, rotation: selected.length === 1 ? selected[0].rotation : 0 },\n\t\t})\n\t}\n\n\toverride onEnter = (info: PointingResizeHandleInfo) => {\n\t\tthis.info = info\n\t\tthis.updateCursor()\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = () => {\n\t\tconst isDragging = this.editor.inputs.isDragging\n\n\t\tif (isDragging) {\n\t\t\tthis.parent.transition('resizing', this.info)\n\t\t}\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = () => {\n\t\tthis.complete()\n\t}\n\n\t// override onPinchStart: TLEventHandlers['onPinchStart'] = (info) => {\n\t// \tthis.parent.transition('pinching', info)\n\t// }\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onInterrupt = () => {\n\t\tthis.cancel()\n\t}\n\n\tprivate complete() {\n\t\tif (this.info.onInteractionEnd) {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd, {})\n\t\t} else {\n\t\t\tthis.parent.transition('idle')\n\t\t}\n\t}\n\n\tprivate cancel() {\n\t\tif (this.info.onInteractionEnd) {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd, {})\n\t\t} else {\n\t\t\tthis.parent.transition('idle')\n\t\t}\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMO;AAEA,MAAM,gBAAyD;AAAA,EACrE,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,eAAe;AAChB;AAMO,MAAM,6BAA6B,wBAAU;AAAA,EACnD,OAAgB,KAAK;AAAA,EAEb,OAAO,CAAC;AAAA,EAER,eAAe;AACtB,UAAM,WAAW,KAAK,OAAO,kBAAkB;AAC/C,UAAM,aAAa,cAAc,KAAK,KAAK,MAAO;AAClD,SAAK,OAAO,oBAAoB;AAAA,MAC/B,QAAQ,EAAE,MAAM,YAAY,UAAU,SAAS,WAAW,IAAI,SAAS,CAAC,EAAE,WAAW,EAAE;AAAA,IACxF,CAAC;AAAA,EACF;AAAA,EAES,UAAU,CAAC,SAAmC;AACtD,SAAK,OAAO;AACZ,SAAK,aAAa;AAAA,EACnB;AAAA,EAES,gBAAkD,MAAM;AAChE,UAAM,aAAa,KAAK,OAAO,OAAO;AAEtC,QAAI,YAAY;AACf,WAAK,OAAO,WAAW,YAAY,KAAK,IAAI;AAAA,IAC7C;AAAA,EACD;AAAA,EAES,cAA8C,MAAM;AAC5D,SAAK,SAAS;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAMS,WAAwC,MAAM;AACtD,SAAK,OAAO;AAAA,EACb;AAAA,EAES,aAA4C,MAAM;AAC1D,SAAK,OAAO;AAAA,EACb;AAAA,EAES,cAAc,MAAM;AAC5B,SAAK,OAAO;AAAA,EACb;AAAA,EAEQ,WAAW;AAClB,QAAI,KAAK,KAAK,kBAAkB;AAC/B,WAAK,OAAO,eAAe,KAAK,KAAK,kBAAkB,CAAC,CAAC;AAAA,IAC1D,OAAO;AACN,WAAK,OAAO,WAAW,MAAM;AAAA,IAC9B;AAAA,EACD;AAAA,EAEQ,SAAS;AAChB,QAAI,KAAK,KAAK,kBAAkB;AAC/B,WAAK,OAAO,eAAe,KAAK,KAAK,kBAAkB,CAAC,CAAC;AAAA,IAC1D,OAAO;AACN,WAAK,OAAO,WAAW,MAAM;AAAA,IAC9B;AAAA,EACD;AACD;",
+  "names": []
+}

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

@@ -0,0 +1,83 @@
+"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 PointingRotateHandle_exports = {};
+__export(PointingRotateHandle_exports, {
+  PointingRotateHandle: () => PointingRotateHandle
+});
+module.exports = __toCommonJS(PointingRotateHandle_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_PointingResizeHandle = require("./PointingResizeHandle");
+class PointingRotateHandle extends import_editor.StateNode {
+  static id = "pointing_rotate_handle";
+  info = {};
+  updateCursor() {
+    const selectionRotation = this.editor.getSelectionRotation();
+    this.editor.updateInstanceState({
+      cursor: {
+        type: import_PointingResizeHandle.CursorTypeMap[this.info.handle],
+        rotation: selectionRotation
+      }
+    });
+  }
+  onEnter = (info) => {
+    this.parent.setCurrentToolIdMask(info.onInteractionEnd);
+    this.info = info;
+    this.updateCursor();
+  };
+  onExit = () => {
+    this.parent.setCurrentToolIdMask(void 0);
+    this.editor.updateInstanceState(
+      { cursor: { type: "default", rotation: 0 } },
+      { ephemeral: true }
+    );
+  };
+  onPointerMove = () => {
+    const { isDragging } = this.editor.inputs;
+    if (isDragging) {
+      this.parent.transition("rotating", this.info);
+    }
+  };
+  onPointerUp = () => {
+    this.complete();
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  onComplete = () => {
+    this.cancel();
+  };
+  onInterrupt = () => {
+    this.cancel();
+  };
+  complete() {
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, {});
+    } else {
+      this.parent.transition("idle");
+    }
+  }
+  cancel() {
+    if (this.info.onInteractionEnd) {
+      this.editor.setCurrentTool(this.info.onInteractionEnd, {});
+    } else {
+      this.parent.transition("idle");
+    }
+  }
+}
+//# sourceMappingURL=PointingRotateHandle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/PointingRotateHandle.ts"],
+  "sourcesContent": ["import { RotateCorner, StateNode, TLEventHandlers, TLPointerEventInfo } from '@bigbluebutton/editor'\nimport { CursorTypeMap } from './PointingResizeHandle'\n\ntype PointingRotateHandleInfo = Extract<TLPointerEventInfo, { target: 'selection' }> & {\n\tonInteractionEnd?: string\n}\n\nexport class PointingRotateHandle extends StateNode {\n\tstatic override id = 'pointing_rotate_handle'\n\n\tprivate info = {} as PointingRotateHandleInfo\n\n\tprivate updateCursor() {\n\t\tconst selectionRotation = this.editor.getSelectionRotation()\n\t\tthis.editor.updateInstanceState({\n\t\t\tcursor: {\n\t\t\t\ttype: CursorTypeMap[this.info.handle as RotateCorner],\n\t\t\t\trotation: selectionRotation,\n\t\t\t},\n\t\t})\n\t}\n\n\toverride onEnter = (info: PointingRotateHandleInfo) => {\n\t\tthis.parent.setCurrentToolIdMask(info.onInteractionEnd)\n\t\tthis.info = info\n\t\tthis.updateCursor()\n\t}\n\n\toverride onExit = () => {\n\t\tthis.parent.setCurrentToolIdMask(undefined)\n\t\tthis.editor.updateInstanceState(\n\t\t\t{ cursor: { type: 'default', rotation: 0 } },\n\t\t\t{ ephemeral: true }\n\t\t)\n\t}\n\n\toverride onPointerMove = () => {\n\t\tconst { isDragging } = this.editor.inputs\n\n\t\tif (isDragging) {\n\t\t\tthis.parent.transition('rotating', this.info)\n\t\t}\n\t}\n\n\toverride onPointerUp = () => {\n\t\tthis.complete()\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onInterrupt = () => {\n\t\tthis.cancel()\n\t}\n\n\tprivate complete() {\n\t\tif (this.info.onInteractionEnd) {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd, {})\n\t\t} else {\n\t\t\tthis.parent.transition('idle')\n\t\t}\n\t}\n\n\tprivate cancel() {\n\t\tif (this.info.onInteractionEnd) {\n\t\t\tthis.editor.setCurrentTool(this.info.onInteractionEnd, {})\n\t\t} else {\n\t\t\tthis.parent.transition('idle')\n\t\t}\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6E;AAC7E,kCAA8B;AAMvB,MAAM,6BAA6B,wBAAU;AAAA,EACnD,OAAgB,KAAK;AAAA,EAEb,OAAO,CAAC;AAAA,EAER,eAAe;AACtB,UAAM,oBAAoB,KAAK,OAAO,qBAAqB;AAC3D,SAAK,OAAO,oBAAoB;AAAA,MAC/B,QAAQ;AAAA,QACP,MAAM,0CAAc,KAAK,KAAK,MAAsB;AAAA,QACpD,UAAU;AAAA,MACX;AAAA,IACD,CAAC;AAAA,EACF;AAAA,EAES,UAAU,CAAC,SAAmC;AACtD,SAAK,OAAO,qBAAqB,KAAK,gBAAgB;AACtD,SAAK,OAAO;AACZ,SAAK,aAAa;AAAA,EACnB;AAAA,EAES,SAAS,MAAM;AACvB,SAAK,OAAO,qBAAqB,MAAS;AAC1C,SAAK,OAAO;AAAA,MACX,EAAE,QAAQ,EAAE,MAAM,WAAW,UAAU,EAAE,EAAE;AAAA,MAC3C,EAAE,WAAW,KAAK;AAAA,IACnB;AAAA,EACD;AAAA,EAES,gBAAgB,MAAM;AAC9B,UAAM,EAAE,WAAW,IAAI,KAAK,OAAO;AAEnC,QAAI,YAAY;AACf,WAAK,OAAO,WAAW,YAAY,KAAK,IAAI;AAAA,IAC7C;AAAA,EACD;AAAA,EAES,cAAc,MAAM;AAC5B,SAAK,SAAS;AAAA,EACf;AAAA,EAES,WAAwC,MAAM;AACtD,SAAK,OAAO;AAAA,EACb;AAAA,EAES,aAA4C,MAAM;AAC1D,SAAK,OAAO;AAAA,EACb;AAAA,EAES,cAAc,MAAM;AAC5B,SAAK,OAAO;AAAA,EACb;AAAA,EAEQ,WAAW;AAClB,QAAI,KAAK,KAAK,kBAAkB;AAC/B,WAAK,OAAO,eAAe,KAAK,KAAK,kBAAkB,CAAC,CAAC;AAAA,IAC1D,OAAO;AACN,WAAK,OAAO,WAAW,MAAM;AAAA,IAC9B;AAAA,EACD;AAAA,EAEQ,SAAS;AAChB,QAAI,KAAK,KAAK,kBAAkB;AAC/B,WAAK,OAAO,eAAe,KAAK,KAAK,kBAAkB,CAAC,CAAC;AAAA,IAC1D,OAAO;AACN,WAAK,OAAO,WAAW,MAAM;AAAA,IAC9B;AAAA,EACD;AACD;",
+  "names": []
+}

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

@@ -0,0 +1,73 @@
+"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 PointingSelection_exports = {};
+__export(PointingSelection_exports, {
+  PointingSelection: () => PointingSelection
+});
+module.exports = __toCommonJS(PointingSelection_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_selectOnCanvasPointerUp = require("../../selection-logic/selectOnCanvasPointerUp");
+class PointingSelection extends import_editor.StateNode {
+  static id = "pointing_selection";
+  info = {};
+  onEnter = (info) => {
+    this.info = info;
+  };
+  onPointerUp = (info) => {
+    (0, import_selectOnCanvasPointerUp.selectOnCanvasPointerUp)(this.editor);
+    this.parent.transition("idle", info);
+  };
+  onPointerMove = (info) => {
+    if (this.editor.inputs.isDragging) {
+      if (this.editor.getInstanceState().isReadonly)
+        return;
+      this.parent.transition("translating", info);
+    }
+  };
+  onDoubleClick = (info) => {
+    const hoveredShape = this.editor.getHoveredShape();
+    const hitShape = hoveredShape && !this.editor.isShapeOfType(hoveredShape, "group") ? hoveredShape : this.editor.getShapeAtPoint(this.editor.inputs.currentPagePoint, {
+      hitInside: true,
+      margin: 0,
+      renderingOnly: true
+    });
+    if (hitShape) {
+      this.parent.transition("idle");
+      this.parent.onDoubleClick?.({
+        ...info,
+        target: "shape",
+        shape: this.editor.getShape(hitShape)
+      });
+      return;
+    }
+  };
+  onCancel = () => {
+    this.cancel();
+  };
+  onComplete = () => {
+    this.cancel();
+  };
+  onInterrupt = () => {
+    this.cancel();
+  };
+  cancel() {
+    this.parent.transition("idle");
+  }
+}
+//# sourceMappingURL=PointingSelection.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/tools/SelectTool/childStates/PointingSelection.ts"],
+  "sourcesContent": ["import {\n\tStateNode,\n\tTLClickEvent,\n\tTLEventHandlers,\n\tTLGroupShape,\n\tTLPointerEventInfo,\n} from '@bigbluebutton/editor'\nimport { selectOnCanvasPointerUp } from '../../selection-logic/selectOnCanvasPointerUp'\n\nexport class PointingSelection extends StateNode {\n\tstatic override id = 'pointing_selection'\n\n\tinfo = {} as TLPointerEventInfo & {\n\t\ttarget: 'selection'\n\t}\n\n\toverride onEnter = (info: TLPointerEventInfo & { target: 'selection' }) => {\n\t\tthis.info = info\n\t}\n\n\toverride onPointerUp: TLEventHandlers['onPointerUp'] = (info) => {\n\t\tselectOnCanvasPointerUp(this.editor)\n\t\tthis.parent.transition('idle', info)\n\t}\n\n\toverride onPointerMove: TLEventHandlers['onPointerMove'] = (info) => {\n\t\tif (this.editor.inputs.isDragging) {\n\t\t\tif (this.editor.getInstanceState().isReadonly) return\n\t\t\tthis.parent.transition('translating', info)\n\t\t}\n\t}\n\n\toverride onDoubleClick?: TLClickEvent | undefined = (info) => {\n\t\tconst hoveredShape = this.editor.getHoveredShape()\n\t\tconst hitShape =\n\t\t\thoveredShape && !this.editor.isShapeOfType<TLGroupShape>(hoveredShape, 'group')\n\t\t\t\t? hoveredShape\n\t\t\t\t: this.editor.getShapeAtPoint(this.editor.inputs.currentPagePoint, {\n\t\t\t\t\t\thitInside: true,\n\t\t\t\t\t\tmargin: 0,\n\t\t\t\t\t\trenderingOnly: true,\n\t\t\t\t  })\n\n\t\tif (hitShape) {\n\t\t\t// todo: extract the double click shape logic from idle so that we can share it here\n\t\t\tthis.parent.transition('idle')\n\t\t\tthis.parent.onDoubleClick?.({\n\t\t\t\t...info,\n\t\t\t\ttarget: 'shape',\n\t\t\t\tshape: this.editor.getShape(hitShape)!,\n\t\t\t})\n\t\t\treturn\n\t\t}\n\t}\n\n\toverride onCancel: TLEventHandlers['onCancel'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onComplete: TLEventHandlers['onComplete'] = () => {\n\t\tthis.cancel()\n\t}\n\n\toverride onInterrupt = () => {\n\t\tthis.cancel()\n\t}\n\n\tprivate cancel() {\n\t\tthis.parent.transition('idle')\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMO;AACP,qCAAwC;AAEjC,MAAM,0BAA0B,wBAAU;AAAA,EAChD,OAAgB,KAAK;AAAA,EAErB,OAAO,CAAC;AAAA,EAIC,UAAU,CAAC,SAAuD;AAC1E,SAAK,OAAO;AAAA,EACb;AAAA,EAES,cAA8C,CAAC,SAAS;AAChE,gEAAwB,KAAK,MAAM;AACnC,SAAK,OAAO,WAAW,QAAQ,IAAI;AAAA,EACpC;AAAA,EAES,gBAAkD,CAAC,SAAS;AACpE,QAAI,KAAK,OAAO,OAAO,YAAY;AAClC,UAAI,KAAK,OAAO,iBAAiB,EAAE;AAAY;AAC/C,WAAK,OAAO,WAAW,eAAe,IAAI;AAAA,IAC3C;AAAA,EACD;AAAA,EAES,gBAA2C,CAAC,SAAS;AAC7D,UAAM,eAAe,KAAK,OAAO,gBAAgB;AACjD,UAAM,WACL,gBAAgB,CAAC,KAAK,OAAO,cAA4B,cAAc,OAAO,IAC3E,eACA,KAAK,OAAO,gBAAgB,KAAK,OAAO,OAAO,kBAAkB;AAAA,MACjE,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,eAAe;AAAA,IACf,CAAC;AAEL,QAAI,UAAU;AAEb,WAAK,OAAO,WAAW,MAAM;AAC7B,WAAK,OAAO,gBAAgB;AAAA,QAC3B,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,OAAO,KAAK,OAAO,SAAS,QAAQ;AAAA,MACrC,CAAC;AACD;AAAA,IACD;AAAA,EACD;AAAA,EAES,WAAwC,MAAM;AACtD,SAAK,OAAO;AAAA,EACb;AAAA,EAES,aAA4C,MAAM;AAC1D,SAAK,OAAO;AAAA,EACb;AAAA,EAES,cAAc,MAAM;AAC5B,SAAK,OAAO;AAAA,EACb;AAAA,EAEQ,SAAS;AAChB,SAAK,OAAO,WAAW,MAAM;AAAA,EAC9B;AACD;",
+  "names": []
+}