microboard-temp 0.4.7 → 0.4.9

package/dist/cjs/browser.js

@@ -752,7 +752,7 @@ __export(exports_browser, {
   ConnectorData: () => ConnectorData2,
   Connector: () => Connector2,
   ConnectionLineWidths: () => ConnectionLineWidths,
-  Comment: () => Comment2,
+  Comment: () => Comment,
   Camera: () => Camera,
   CURSORS_IDLE_CLEANUP_DELAY: () => CURSORS_IDLE_CLEANUP_DELAY,
   CURSORS_ANIMATION_DURATION: () => CURSORS_ANIMATION_DURATION,
@@ -18953,7 +18953,7 @@ var v4_default = v4;
 // src/Items/Comment/Comment.ts
 var ANONYMOUS_ID = 9999999999;
 
-class Comment2 {
+class Comment {
   anchor;
   events;
   id;
@@ -19726,6 +19726,9 @@ class BaseItem extends Mbr {
   getPathMbr() {
     return this.getMbr().copy();
   }
+  getPath() {
+    return new Path(this.getMbr().getLines());
+  }
   render(context) {}
   renderHTML(documentFactory) {
     return documentFactory.createElement("div");
@@ -38497,10 +38500,6 @@ class Frame extends BaseItem {
     return this.mbr.copy();
   }
   doResize(resizeType, pointer, mbr, opposite, startMbr, timeStamp) {
-    if (this.transformation.isLocked) {
-      this.board?.pointer.setCursor("default");
-      return false;
-    }
     const res = this.getCanChangeRatio() ? getResize(resizeType, pointer, mbr, opposite) : getProportionalResize(resizeType, pointer, mbr, opposite);
     if (!res) {
       return {
@@ -41078,7 +41077,7 @@ function createComment(id, data, board) {
   if (!isCommentData(data)) {
     throw new Error("Invalid data for Comment");
   }
-  const comment2 = new Comment2(new Point, board.events).setId(id).deserialize(data);
+  const comment2 = new Comment(new Point, board.events).setId(id).deserialize(data);
   return comment2;
 }
 function createAINode(id, data, board) {
@@ -41282,7 +41281,7 @@ class AddComment extends BoardTool {
   leftButtonUp() {
     this.isDown = false;
     this.board.selection.removeAll();
-    this.comment = this.board.add(this.board, new Comment(this.board.pointer.point));
+    this.comment = this.board.add(new Comment(this.board.pointer.point));
     this.board.tools.publish();
     return true;
   }
@@ -41602,7 +41601,6 @@ class ConnectorSnap {
 
 // src/Tools/AddConnector/AddConnector.ts
 class AddConnector extends BoardTool {
-  board;
   connector = null;
   lineStyle = "curved";
   startPointer;
@@ -41617,7 +41615,6 @@ class AddConnector extends BoardTool {
   isQuickAdd = false;
   constructor(board, itemToStart, position4) {
     super(board);
-    this.board = board;
     this.snap = new ConnectorSnap(this.board);
     this.setCursor();
     const storage = new SessionStorage;
@@ -41679,16 +41676,16 @@ class AddConnector extends BoardTool {
     this.board.tools.publish();
     return true;
   }
-  async leftButtonUp() {
+  leftButtonUp() {
     this.isDown = false;
     if (!this.connector) {
       return true;
     }
     if (this.isDoneSecondPoint) {
-      await this.board.add(this.connector);
+      this.board.add(this.connector);
       this.board.tools.select();
     } else if (this.isDraggingFromFirstToSecond) {
-      const addedConnector = await this.board.add(this.connector);
+      const addedConnector = this.board.add(this.connector);
       const endPoint = this.connector.getEndPoint();
       this.board.tools.select();
       if (this.isQuickAdd && endPoint.pointType === "Board") {
@@ -42488,12 +42485,10 @@ class AddSticker extends BoardTool {
 var height2 = 16;
 
 class AddText extends BoardTool {
-  board;
   line;
   bounds = new Mbr;
   constructor(board) {
     super(board);
-    this.board = board;
     this.setCursor();
   }
   setCursor() {
@@ -42520,7 +42515,7 @@ class AddText extends BoardTool {
     }
     return false;
   }
-  async leftButtonUp() {
+  leftButtonUp() {
     if (this.line) {
       const board = this.board;
       const richText = new RichText(this.board, new Mbr);
@@ -42528,7 +42523,7 @@ class AddText extends BoardTool {
       richText.transformation.applyScaleBy(1, 1);
       richText.editor.maxWidth = 600;
       richText.insideOf = richText.itemType;
-      const text5 = await board.add(richText);
+      const text5 = board.add(richText);
       this.board.selection.removeAll();
       this.board.selection.add(text5);
       this.board.selection.editText();
@@ -43799,7 +43794,7 @@ class AlignmentHelper {
       if (i === 0) {
         return acc;
       }
-      const itemMbr = item.itemType === "Shape" ? item.getPath().getMbr() : item.getMbr();
+      const itemMbr = item.getPathMbr();
       return acc.combine(itemMbr);
     }, items[0].getMbr());
   }
@@ -44118,9 +44113,11 @@ class AlignmentHelper {
       const translation = this.board.selection.getManyItemsTranslation(x, y);
       this.board.selection.transformMany(translation, timeStamp);
     } else {
-      const key = item.getId();
+      const id = item.getId();
       const transformMap = {};
-      transformMap[key] = {
+      transformMap[id] = {
+        class: "Transformation",
+        item: [id],
         method: "translateBy",
         x,
         y,
@@ -44425,7 +44422,7 @@ class Select extends Tool {
         const itemCenter = this.downOnItem.getMbr().getCenter();
         this.initialCursorPos = new Point(this.board.pointer.point.x - itemCenter.x, this.board.pointer.point.y - itemCenter.y);
       }
-      if (this.downOnItem.itemType === "Connector" && this.downOnItem.isConnectedOnePoint() && !this.board.keyboard.isCtrl) {
+      if (this.downOnItem instanceof Connector2 && this.downOnItem.isConnectedOnePoint() && !this.board.keyboard.isCtrl) {
         this.board.selection.editUnderPointer();
         this.board.tools.publish();
         this.clear();
@@ -44474,7 +44471,7 @@ class Select extends Tool {
     const isDrawingSelectionMbr = this.isDrawingRectangle && this.line && this.rect;
     if (isDrawingSelectionMbr) {
       const point5 = this.board.pointer.point.copy();
-      this.line = new Line(this.line.start, point5);
+      this.line = new Line(this.line?.start, point5);
       this.rect = this.line.getMbr();
       this.rect.borderColor = conf.SELECTION_COLOR;
       this.rect.backgroundColor = conf.SELECTION_BACKGROUND;
@@ -44715,7 +44712,7 @@ class Select extends Tool {
         const isNotInSelection = this.board.selection.items.findById(underPointer.getId()) === null;
         if (isNotInSelection) {
           this.board.selection.add(underPointer);
-          if (underPointer.itemType === "Frame") {
+          if (underPointer instanceof Frame) {
             const { left, right, top, bottom } = underPointer.getMbr();
             const itemsInFrame = this.board.items.getEnclosedOrCrossed(left, top, right, bottom).filter((item) => underPointer.getChildrenIds().includes(item.getId()));
             this.board.selection.add(itemsInFrame);
@@ -44843,13 +44840,13 @@ class Select extends Tool {
   }
   onConfirm() {
     const single = this.board.selection.items.getSingle();
-    if (this.board.selection.showQuickAddPanel && single && single.itemType === "Connector") {
-      quickAddItem(this.board, "copy", single);
+    if (this.board.selection.showQuickAddPanel && single && single instanceof Connector2) {
+      quickAddItem(this.board, "Rectangle", single);
     } else if (single && this.board.selection.getContext() !== "EditTextUnderPointer" && !this.board.selection.getIsLockedSelection()) {
       this.board.selection.editText(undefined, true);
     } else if (isSafari() && this.board.selection.getContext() === "EditTextUnderPointer" && !this.board.selection.getIsLockedSelection()) {
-      if (single && "text" in single || single?.itemType === "RichText") {
-        const text5 = single.itemType === "RichText" ? single : single.text;
+      if (single && "text" in single || single instanceof RichText) {
+        const text5 = single instanceof RichText ? single : single.text;
         text5.editor.splitNode();
       }
     }
@@ -49340,7 +49337,7 @@ class SpatialIndex {
     return this.itemsIndex.getRectsEnclosedOrCrossedBy(new Mbr(left, top, right, bottom));
   }
   getComments() {
-    return this.itemsArray.filter((item) => item instanceof Comment2);
+    return this.itemsArray.filter((item) => item instanceof Comment);
   }
   getMbr() {
     return this.Mbr;
@@ -50042,7 +50039,7 @@ function getItemTranslation({
       scale: { x: 1, y: 1 }
     };
   } else {
-    if (item.itemType === "Frame" && item.getCanChangeRatio() && isShiftPressed && item.getFrameType() !== "Custom") {
+    if (item instanceof Frame && item.getCanChangeRatio() && isShiftPressed && item.getFrameType() !== "Custom") {
       item.setFrameType("Custom");
     }
     return {
@@ -50055,7 +50052,7 @@ function getItemTranslation({
   }
 }
 
-// src/Selection/Transformer/TransformerHelpers/ransformShape.ts
+// src/Selection/Transformer/TransformerHelpers/transformShape.ts
 function transformShape({
   mbr,
   board,
@@ -50325,7 +50322,7 @@ function transformItems({
   if (includesProportionalItem && (isWidth || isHeight)) {
     return null;
   }
-  const isIncludesFixedFrame = items.some((item) => item.itemType === "Frame" && !item.getCanChangeRatio());
+  const isIncludesFixedFrame = items.some((item) => item instanceof Frame && !item.getCanChangeRatio());
   const shouldBeProportionalResize = isIncludesFixedFrame || includesProportionalItem || isShiftPressed || !isWidth && !isHeight;
   const resize = shouldBeProportionalResize ? getProportionalResize(resizeType, board.pointer.point, mbr, oppositePoint) : getResize(resizeType, board.pointer.point, mbr, oppositePoint);
   if (canvasDrawer.getLastCreatedCanvas() && !debounceUpd.shouldUpd()) {
@@ -50497,7 +50494,7 @@ class Transformer extends Tool {
     return resizeType;
   }
   updateAlignmentBySnapLines(single) {
-    if (single) {
+    if (single && this.resizeType) {
       this.snapLines = this.alignmentHelper.checkAlignment(single);
       const snapped = this.alignmentHelper.snapToSide(single, this.snapLines, this.beginTimeStamp, this.resizeType);
       if (snapped) {
@@ -53178,7 +53175,7 @@ class Board {
   }
   removeVoidComments() {
     const voidComments = this.items.listAll().filter((item) => {
-      return item instanceof Comment2 && !item.getThread().length;
+      return item instanceof Comment && !item.getThread().length;
     });
     if (voidComments) {
       for (const comment2 of voidComments) {
@@ -53644,7 +53641,7 @@ function mergeRichTextOperations(opA, opB) {
   return;
 }
 function mergeRichTextCreation(opA, opB) {
-  if (opA.method === "add" && opB.method === "edit" && opA.item === opB.item[0] && opB.ops[0].type === "insert_text") {
+  if (opA.method === "add" && opA.data.itemType === "RichText" && opB.method === "edit" && opA.item === opB.item[0] && opB.ops[0].type === "insert_text") {
     const op = {
       ...opA,
       data: {

package/dist/cjs/index.js

@@ -752,7 +752,7 @@ __export(exports_src, {
   ConnectorData: () => ConnectorData2,
   Connector: () => Connector2,
   ConnectionLineWidths: () => ConnectionLineWidths,
-  Comment: () => Comment2,
+  Comment: () => Comment,
   Camera: () => Camera,
   CURSORS_IDLE_CLEANUP_DELAY: () => CURSORS_IDLE_CLEANUP_DELAY,
   CURSORS_ANIMATION_DURATION: () => CURSORS_ANIMATION_DURATION,
@@ -18953,7 +18953,7 @@ var v4_default = v4;
 // src/Items/Comment/Comment.ts
 var ANONYMOUS_ID = 9999999999;
 
-class Comment2 {
+class Comment {
   anchor;
   events;
   id;
@@ -19726,6 +19726,9 @@ class BaseItem extends Mbr {
   getPathMbr() {
     return this.getMbr().copy();
   }
+  getPath() {
+    return new Path(this.getMbr().getLines());
+  }
   render(context) {}
   renderHTML(documentFactory) {
     return documentFactory.createElement("div");
@@ -38497,10 +38500,6 @@ class Frame extends BaseItem {
     return this.mbr.copy();
   }
   doResize(resizeType, pointer, mbr, opposite, startMbr, timeStamp) {
-    if (this.transformation.isLocked) {
-      this.board?.pointer.setCursor("default");
-      return false;
-    }
     const res = this.getCanChangeRatio() ? getResize(resizeType, pointer, mbr, opposite) : getProportionalResize(resizeType, pointer, mbr, opposite);
     if (!res) {
       return {
@@ -41078,7 +41077,7 @@ function createComment(id, data, board) {
   if (!isCommentData(data)) {
     throw new Error("Invalid data for Comment");
   }
-  const comment2 = new Comment2(new Point, board.events).setId(id).deserialize(data);
+  const comment2 = new Comment(new Point, board.events).setId(id).deserialize(data);
   return comment2;
 }
 function createAINode(id, data, board) {
@@ -41282,7 +41281,7 @@ class AddComment extends BoardTool {
   leftButtonUp() {
     this.isDown = false;
     this.board.selection.removeAll();
-    this.comment = this.board.add(this.board, new Comment(this.board.pointer.point));
+    this.comment = this.board.add(new Comment(this.board.pointer.point));
     this.board.tools.publish();
     return true;
   }
@@ -41602,7 +41601,6 @@ class ConnectorSnap {
 
 // src/Tools/AddConnector/AddConnector.ts
 class AddConnector extends BoardTool {
-  board;
   connector = null;
   lineStyle = "curved";
   startPointer;
@@ -41617,7 +41615,6 @@ class AddConnector extends BoardTool {
   isQuickAdd = false;
   constructor(board, itemToStart, position4) {
     super(board);
-    this.board = board;
     this.snap = new ConnectorSnap(this.board);
     this.setCursor();
     const storage = new SessionStorage;
@@ -41679,16 +41676,16 @@ class AddConnector extends BoardTool {
     this.board.tools.publish();
     return true;
   }
-  async leftButtonUp() {
+  leftButtonUp() {
     this.isDown = false;
     if (!this.connector) {
       return true;
     }
     if (this.isDoneSecondPoint) {
-      await this.board.add(this.connector);
+      this.board.add(this.connector);
       this.board.tools.select();
     } else if (this.isDraggingFromFirstToSecond) {
-      const addedConnector = await this.board.add(this.connector);
+      const addedConnector = this.board.add(this.connector);
       const endPoint = this.connector.getEndPoint();
       this.board.tools.select();
       if (this.isQuickAdd && endPoint.pointType === "Board") {
@@ -42488,12 +42485,10 @@ class AddSticker extends BoardTool {
 var height2 = 16;
 
 class AddText extends BoardTool {
-  board;
   line;
   bounds = new Mbr;
   constructor(board) {
     super(board);
-    this.board = board;
     this.setCursor();
   }
   setCursor() {
@@ -42520,7 +42515,7 @@ class AddText extends BoardTool {
     }
     return false;
   }
-  async leftButtonUp() {
+  leftButtonUp() {
     if (this.line) {
       const board = this.board;
       const richText = new RichText(this.board, new Mbr);
@@ -42528,7 +42523,7 @@ class AddText extends BoardTool {
       richText.transformation.applyScaleBy(1, 1);
       richText.editor.maxWidth = 600;
       richText.insideOf = richText.itemType;
-      const text5 = await board.add(richText);
+      const text5 = board.add(richText);
       this.board.selection.removeAll();
       this.board.selection.add(text5);
       this.board.selection.editText();
@@ -43799,7 +43794,7 @@ class AlignmentHelper {
       if (i === 0) {
         return acc;
       }
-      const itemMbr = item.itemType === "Shape" ? item.getPath().getMbr() : item.getMbr();
+      const itemMbr = item.getPathMbr();
       return acc.combine(itemMbr);
     }, items[0].getMbr());
   }
@@ -44118,9 +44113,11 @@ class AlignmentHelper {
       const translation = this.board.selection.getManyItemsTranslation(x, y);
       this.board.selection.transformMany(translation, timeStamp);
     } else {
-      const key = item.getId();
+      const id = item.getId();
       const transformMap = {};
-      transformMap[key] = {
+      transformMap[id] = {
+        class: "Transformation",
+        item: [id],
         method: "translateBy",
         x,
         y,
@@ -44425,7 +44422,7 @@ class Select extends Tool {
         const itemCenter = this.downOnItem.getMbr().getCenter();
         this.initialCursorPos = new Point(this.board.pointer.point.x - itemCenter.x, this.board.pointer.point.y - itemCenter.y);
       }
-      if (this.downOnItem.itemType === "Connector" && this.downOnItem.isConnectedOnePoint() && !this.board.keyboard.isCtrl) {
+      if (this.downOnItem instanceof Connector2 && this.downOnItem.isConnectedOnePoint() && !this.board.keyboard.isCtrl) {
         this.board.selection.editUnderPointer();
         this.board.tools.publish();
         this.clear();
@@ -44474,7 +44471,7 @@ class Select extends Tool {
     const isDrawingSelectionMbr = this.isDrawingRectangle && this.line && this.rect;
     if (isDrawingSelectionMbr) {
       const point5 = this.board.pointer.point.copy();
-      this.line = new Line(this.line.start, point5);
+      this.line = new Line(this.line?.start, point5);
       this.rect = this.line.getMbr();
       this.rect.borderColor = conf.SELECTION_COLOR;
       this.rect.backgroundColor = conf.SELECTION_BACKGROUND;
@@ -44715,7 +44712,7 @@ class Select extends Tool {
         const isNotInSelection = this.board.selection.items.findById(underPointer.getId()) === null;
         if (isNotInSelection) {
           this.board.selection.add(underPointer);
-          if (underPointer.itemType === "Frame") {
+          if (underPointer instanceof Frame) {
             const { left, right, top, bottom } = underPointer.getMbr();
             const itemsInFrame = this.board.items.getEnclosedOrCrossed(left, top, right, bottom).filter((item) => underPointer.getChildrenIds().includes(item.getId()));
             this.board.selection.add(itemsInFrame);
@@ -44843,13 +44840,13 @@ class Select extends Tool {
   }
   onConfirm() {
     const single = this.board.selection.items.getSingle();
-    if (this.board.selection.showQuickAddPanel && single && single.itemType === "Connector") {
-      quickAddItem(this.board, "copy", single);
+    if (this.board.selection.showQuickAddPanel && single && single instanceof Connector2) {
+      quickAddItem(this.board, "Rectangle", single);
     } else if (single && this.board.selection.getContext() !== "EditTextUnderPointer" && !this.board.selection.getIsLockedSelection()) {
       this.board.selection.editText(undefined, true);
     } else if (isSafari() && this.board.selection.getContext() === "EditTextUnderPointer" && !this.board.selection.getIsLockedSelection()) {
-      if (single && "text" in single || single?.itemType === "RichText") {
-        const text5 = single.itemType === "RichText" ? single : single.text;
+      if (single && "text" in single || single instanceof RichText) {
+        const text5 = single instanceof RichText ? single : single.text;
         text5.editor.splitNode();
       }
     }
@@ -49340,7 +49337,7 @@ class SpatialIndex {
     return this.itemsIndex.getRectsEnclosedOrCrossedBy(new Mbr(left, top, right, bottom));
   }
   getComments() {
-    return this.itemsArray.filter((item) => item instanceof Comment2);
+    return this.itemsArray.filter((item) => item instanceof Comment);
   }
   getMbr() {
     return this.Mbr;
@@ -50042,7 +50039,7 @@ function getItemTranslation({
       scale: { x: 1, y: 1 }
     };
   } else {
-    if (item.itemType === "Frame" && item.getCanChangeRatio() && isShiftPressed && item.getFrameType() !== "Custom") {
+    if (item instanceof Frame && item.getCanChangeRatio() && isShiftPressed && item.getFrameType() !== "Custom") {
       item.setFrameType("Custom");
     }
     return {
@@ -50055,7 +50052,7 @@ function getItemTranslation({
   }
 }
 
-// src/Selection/Transformer/TransformerHelpers/ransformShape.ts
+// src/Selection/Transformer/TransformerHelpers/transformShape.ts
 function transformShape({
   mbr,
   board,
@@ -50325,7 +50322,7 @@ function transformItems({
   if (includesProportionalItem && (isWidth || isHeight)) {
     return null;
   }
-  const isIncludesFixedFrame = items.some((item) => item.itemType === "Frame" && !item.getCanChangeRatio());
+  const isIncludesFixedFrame = items.some((item) => item instanceof Frame && !item.getCanChangeRatio());
   const shouldBeProportionalResize = isIncludesFixedFrame || includesProportionalItem || isShiftPressed || !isWidth && !isHeight;
   const resize = shouldBeProportionalResize ? getProportionalResize(resizeType, board.pointer.point, mbr, oppositePoint) : getResize(resizeType, board.pointer.point, mbr, oppositePoint);
   if (canvasDrawer.getLastCreatedCanvas() && !debounceUpd.shouldUpd()) {
@@ -50497,7 +50494,7 @@ class Transformer extends Tool {
     return resizeType;
   }
   updateAlignmentBySnapLines(single) {
-    if (single) {
+    if (single && this.resizeType) {
       this.snapLines = this.alignmentHelper.checkAlignment(single);
       const snapped = this.alignmentHelper.snapToSide(single, this.snapLines, this.beginTimeStamp, this.resizeType);
       if (snapped) {
@@ -53178,7 +53175,7 @@ class Board {
   }
   removeVoidComments() {
     const voidComments = this.items.listAll().filter((item) => {
-      return item instanceof Comment2 && !item.getThread().length;
+      return item instanceof Comment && !item.getThread().length;
     });
     if (voidComments) {
       for (const comment2 of voidComments) {
@@ -53644,7 +53641,7 @@ function mergeRichTextOperations(opA, opB) {
   return;
 }
 function mergeRichTextCreation(opA, opB) {
-  if (opA.method === "add" && opB.method === "edit" && opA.item === opB.item[0] && opB.ops[0].type === "insert_text") {
+  if (opA.method === "add" && opA.data.itemType === "RichText" && opB.method === "edit" && opA.item === opB.item[0] && opB.ops[0].type === "insert_text") {
     const op = {
       ...opA,
       data: {