microboard-temp 0.1.16 → 0.1.17

package/dist/cjs/browser.js

@@ -2186,7 +2186,7 @@ __export(exports_browser, {
   RichText: () => RichText,
   QuadraticBezier: () => QuadraticBezier,
   Presence: () => Presence,
-  Pointer: () => Pointer2,
+  Pointer: () => Pointer,
   Point: () => Point,
   Placeholder: () => Placeholder,
   Paths: () => Paths,
@@ -5133,6 +5133,63 @@ class MockPath2D {
   }
 }
 
+// src/Subject.ts
+class Subject {
+  observers = [];
+  subscribe(observer) {
+    const index = this.observers.indexOf(observer);
+    if (index === -1) {
+      this.observers.push(observer);
+    }
+  }
+  unsubscribe(observer) {
+    const index = this.observers.indexOf(observer);
+    if (index !== -1) {
+      this.observers.splice(index, 1);
+    }
+  }
+  publish(object) {
+    for (const observer of this.observers) {
+      observer(object);
+    }
+  }
+}
+
+// src/Pointer/Pointer.ts
+var cursorsMap = {};
+
+class Pointer {
+  point = new Point;
+  subject = new Subject;
+  previous = new Point;
+  delta = new Point;
+  cursor = "default";
+  setCursor(cursor) {
+    if (this.cursor !== cursor) {
+      if (cursor in cursorsMap) {
+        this.cursor = cursorsMap[cursor];
+      } else {
+        this.cursor = cursor;
+      }
+      this.subject.publish(this);
+    }
+  }
+  getCursor() {
+    return this.cursor;
+  }
+  pointTo(x, y) {
+    this.previous.x = this.point.x;
+    this.previous.y = this.point.y;
+    this.delta.x = x - this.point.x;
+    this.delta.y = y - this.point.y;
+    this.point.x = x;
+    this.point.y = y;
+  }
+  moveBy(x, y) {
+    this.point.transform(new Matrix2(x, y));
+  }
+}
+
 // src/Settings.ts
 var ExportQuality;
 ((ExportQuality2) => {
@@ -5465,7 +5522,8 @@ var conf2 = {
   LOG_HOTKEYS: false,
   FORCE_HOTKEYS: "auto",
   debug: false,
-  FALLBACK_LNG: "en"
+  FALLBACK_LNG: "en",
+  cursorsMap
 };
 
 // src/Items/Transformation/Matrix.ts
@@ -6860,28 +6918,6 @@ class Paths {
     return !isAllPathsOpened;
   }
 }
-// src/Subject.ts
-class Subject {
-  observers = [];
-  subscribe(observer) {
-    const index = this.observers.indexOf(observer);
-    if (index === -1) {
-      this.observers.push(observer);
-    }
-  }
-  unsubscribe(observer) {
-    const index = this.observers.indexOf(observer);
-    if (index !== -1) {
-      this.observers.splice(index, 1);
-    }
-  }
-  publish(object) {
-    for (const observer of this.observers) {
-      observer(object);
-    }
-  }
-}
-
 // src/Items/Connector/ConnectorCommand.ts
 class ConnectorCommand {
   connector;
@@ -47072,40 +47108,6 @@ class Comment2 {
     return div;
   }
 }
-// src/Pointer/Pointer.ts
-var cursorsMap = {};
-
-class Pointer2 {
-  point = new Point;
-  subject = new Subject;
-  previous = new Point;
-  delta = new Point;
-  cursor = "default";
-  setCursor(cursor) {
-    if (this.cursor !== cursor) {
-      if (cursor in cursorsMap) {
-        this.cursor = cursorsMap[cursor];
-      } else {
-        this.cursor = cursor;
-      }
-      this.subject.publish(this);
-    }
-  }
-  getCursor() {
-    return this.cursor;
-  }
-  pointTo(x, y) {
-    this.previous.x = this.point.x;
-    this.previous.y = this.point.y;
-    this.delta.x = x - this.point.x;
-    this.delta.y = y - this.point.y;
-    this.point.x = x;
-    this.point.y = y;
-  }
-  moveBy(x, y) {
-    this.point.transform(new Matrix2(x, y));
-  }
-}
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",
@@ -47205,7 +47207,7 @@ class Camera {
   observableItem = null;
   throttledZoom;
   isAnimating = false;
-  constructor(boardPointer = new Pointer2) {
+  constructor(boardPointer = new Pointer) {
     this.boardPointer = boardPointer;
     this.subject.subscribe((_camera) => {
       this.saveMatrixSnapshot();
@@ -52895,7 +52897,7 @@ function getQuickAddButtons(selection, board) {
   let htmlButtons = undefined;
   let quickAddItems = undefined;
   function calculateQuickAddPosition(index2, selectedItem, connectorStartPoint) {
-    const connectorStorage = new SessionStorage;
+    const connectorStorage = new SessionStorage2;
     const currMbr = selectedItem.getMbr();
     const selectedItemData = selectedItem.serialize();
     const width2 = selectedItem.itemType === "Shape" ? selectedItem.getPath().getMbr().getWidth() : currMbr.getWidth();
@@ -52958,7 +52960,7 @@ function getQuickAddButtons(selection, board) {
     const fontSize = selectedItem.itemType === "RichText" ? selectedItem.getFontSize() : 14;
     const newItem = board.createItem(board.getNewItemId(), newItemData);
     if (newItem.itemType === "RichText") {
-      const storage = new SessionStorage;
+      const storage = new SessionStorage2;
       storage.setFontSize("RichText", fontSize);
       newItem.editor.selectWholeText();
       newItem.applySelectionFontSize(fontSize);
@@ -56209,7 +56211,6 @@ var defaultShapeData2 = new DefaultShapeData;
 
 class BoardSelection {
   board;
-  events;
   subject = new Subject;
   itemSubject = new Subject;
   itemsSubject = new Subject;
@@ -56224,9 +56225,8 @@ class BoardSelection {
   quickAddButtons;
   showQuickAddPanel = false;
   memorySnapshot = null;
-  constructor(board, events2) {
+  constructor(board) {
     this.board = board;
-    this.events = events2;
     safeRequestAnimationFrame(this.updateScheduledObservers);
     this.tool = new SelectionTransformer(board, this);
     this.quickAddButtons = getQuickAddButtons(this, board);
@@ -56286,22 +56286,22 @@ class BoardSelection {
     }
   }
   emit(operation) {
-    if (!this.events) {
+    if (!this.board.events) {
       return;
     }
     const command = createCommand(this.board, operation);
     command.apply();
-    this.events.emit(operation, command);
+    this.board.events.emit(operation, command);
   }
   emitApplied(operation) {
     this.emitCommand(operation);
   }
   emitCommand(operation) {
-    if (!this.events) {
+    if (!this.board.events) {
       return null;
     }
     const command = createCommand(this.board, operation);
-    this.events.emit(operation, command);
+    this.board.events.emit(operation, command);
     return command;
   }
   updateQueue = new Set;
@@ -57384,7 +57384,7 @@ class Board {
   isBoardMenuOpen = false;
   selection;
   tools = new Tools(this);
-  pointer = new Pointer2;
+  pointer = new Pointer;
   aiGeneratingOnItem = undefined;
   aiImagePlaceholder = undefined;
   aiImageConnectorID = undefined;
@@ -57406,7 +57406,7 @@ class Board {
     this.boardId = boardId;
     this.accessKey = accessKey;
     this.saveEditingFile = saveEditingFile;
-    this.selection = new BoardSelection(this, this.events);
+    this.selection = new BoardSelection(this);
     this.presence = new Presence(this);
     this.tools.navigate();
   }
@@ -57415,11 +57415,10 @@ class Board {
     this.events.connection?.unsubscribe(this);
     this.index = new SpatialIndex(this.camera, this.pointer);
     this.items = this.index.items;
-    this.selection.events = this.events;
     this.presence.events = this.events;
   }
   getNewItemId() {
-    return uuidv4();
+    return v4_default();
   }
   emit(operation) {
     if (this.events) {

package/dist/cjs/index.js

@@ -2186,7 +2186,7 @@ __export(exports_src, {
   RichText: () => RichText,
   QuadraticBezier: () => QuadraticBezier,
   Presence: () => Presence,
-  Pointer: () => Pointer2,
+  Pointer: () => Pointer,
   Point: () => Point,
   Placeholder: () => Placeholder,
   Paths: () => Paths,
@@ -5133,6 +5133,63 @@ class MockPath2D {
   }
 }
 
+// src/Subject.ts
+class Subject {
+  observers = [];
+  subscribe(observer) {
+    const index = this.observers.indexOf(observer);
+    if (index === -1) {
+      this.observers.push(observer);
+    }
+  }
+  unsubscribe(observer) {
+    const index = this.observers.indexOf(observer);
+    if (index !== -1) {
+      this.observers.splice(index, 1);
+    }
+  }
+  publish(object) {
+    for (const observer of this.observers) {
+      observer(object);
+    }
+  }
+}
+
+// src/Pointer/Pointer.ts
+var cursorsMap = {};
+
+class Pointer {
+  point = new Point;
+  subject = new Subject;
+  previous = new Point;
+  delta = new Point;
+  cursor = "default";
+  setCursor(cursor) {
+    if (this.cursor !== cursor) {
+      if (cursor in cursorsMap) {
+        this.cursor = cursorsMap[cursor];
+      } else {
+        this.cursor = cursor;
+      }
+      this.subject.publish(this);
+    }
+  }
+  getCursor() {
+    return this.cursor;
+  }
+  pointTo(x, y) {
+    this.previous.x = this.point.x;
+    this.previous.y = this.point.y;
+    this.delta.x = x - this.point.x;
+    this.delta.y = y - this.point.y;
+    this.point.x = x;
+    this.point.y = y;
+  }
+  moveBy(x, y) {
+    this.point.transform(new Matrix2(x, y));
+  }
+}
+
 // src/Settings.ts
 var ExportQuality;
 ((ExportQuality2) => {
@@ -5465,7 +5522,8 @@ var conf2 = {
   LOG_HOTKEYS: false,
   FORCE_HOTKEYS: "auto",
   debug: false,
-  FALLBACK_LNG: "en"
+  FALLBACK_LNG: "en",
+  cursorsMap
 };
 
 // src/Items/Transformation/Matrix.ts
@@ -6860,28 +6918,6 @@ class Paths {
     return !isAllPathsOpened;
   }
 }
-// src/Subject.ts
-class Subject {
-  observers = [];
-  subscribe(observer) {
-    const index = this.observers.indexOf(observer);
-    if (index === -1) {
-      this.observers.push(observer);
-    }
-  }
-  unsubscribe(observer) {
-    const index = this.observers.indexOf(observer);
-    if (index !== -1) {
-      this.observers.splice(index, 1);
-    }
-  }
-  publish(object) {
-    for (const observer of this.observers) {
-      observer(object);
-    }
-  }
-}
-
 // src/Items/Connector/ConnectorCommand.ts
 class ConnectorCommand {
   connector;
@@ -47072,40 +47108,6 @@ class Comment2 {
     return div;
   }
 }
-// src/Pointer/Pointer.ts
-var cursorsMap = {};
-
-class Pointer2 {
-  point = new Point;
-  subject = new Subject;
-  previous = new Point;
-  delta = new Point;
-  cursor = "default";
-  setCursor(cursor) {
-    if (this.cursor !== cursor) {
-      if (cursor in cursorsMap) {
-        this.cursor = cursorsMap[cursor];
-      } else {
-        this.cursor = cursor;
-      }
-      this.subject.publish(this);
-    }
-  }
-  getCursor() {
-    return this.cursor;
-  }
-  pointTo(x, y) {
-    this.previous.x = this.point.x;
-    this.previous.y = this.point.y;
-    this.delta.x = x - this.point.x;
-    this.delta.y = y - this.point.y;
-    this.point.x = x;
-    this.point.y = y;
-  }
-  moveBy(x, y) {
-    this.point.transform(new Matrix2(x, y));
-  }
-}
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",
@@ -47205,7 +47207,7 @@ class Camera {
   observableItem = null;
   throttledZoom;
   isAnimating = false;
-  constructor(boardPointer = new Pointer2) {
+  constructor(boardPointer = new Pointer) {
     this.boardPointer = boardPointer;
     this.subject.subscribe((_camera) => {
       this.saveMatrixSnapshot();
@@ -52895,7 +52897,7 @@ function getQuickAddButtons(selection, board) {
   let htmlButtons = undefined;
   let quickAddItems = undefined;
   function calculateQuickAddPosition(index2, selectedItem, connectorStartPoint) {
-    const connectorStorage = new SessionStorage;
+    const connectorStorage = new SessionStorage2;
     const currMbr = selectedItem.getMbr();
     const selectedItemData = selectedItem.serialize();
     const width2 = selectedItem.itemType === "Shape" ? selectedItem.getPath().getMbr().getWidth() : currMbr.getWidth();
@@ -52958,7 +52960,7 @@ function getQuickAddButtons(selection, board) {
     const fontSize = selectedItem.itemType === "RichText" ? selectedItem.getFontSize() : 14;
     const newItem = board.createItem(board.getNewItemId(), newItemData);
     if (newItem.itemType === "RichText") {
-      const storage = new SessionStorage;
+      const storage = new SessionStorage2;
       storage.setFontSize("RichText", fontSize);
       newItem.editor.selectWholeText();
       newItem.applySelectionFontSize(fontSize);
@@ -56209,7 +56211,6 @@ var defaultShapeData2 = new DefaultShapeData;
 
 class BoardSelection {
   board;
-  events;
   subject = new Subject;
   itemSubject = new Subject;
   itemsSubject = new Subject;
@@ -56224,9 +56225,8 @@ class BoardSelection {
   quickAddButtons;
   showQuickAddPanel = false;
   memorySnapshot = null;
-  constructor(board, events2) {
+  constructor(board) {
     this.board = board;
-    this.events = events2;
     safeRequestAnimationFrame(this.updateScheduledObservers);
     this.tool = new SelectionTransformer(board, this);
     this.quickAddButtons = getQuickAddButtons(this, board);
@@ -56286,22 +56286,22 @@ class BoardSelection {
     }
   }
   emit(operation) {
-    if (!this.events) {
+    if (!this.board.events) {
       return;
     }
     const command = createCommand(this.board, operation);
     command.apply();
-    this.events.emit(operation, command);
+    this.board.events.emit(operation, command);
   }
   emitApplied(operation) {
     this.emitCommand(operation);
   }
   emitCommand(operation) {
-    if (!this.events) {
+    if (!this.board.events) {
       return null;
     }
     const command = createCommand(this.board, operation);
-    this.events.emit(operation, command);
+    this.board.events.emit(operation, command);
     return command;
   }
   updateQueue = new Set;
@@ -57384,7 +57384,7 @@ class Board {
   isBoardMenuOpen = false;
   selection;
   tools = new Tools(this);
-  pointer = new Pointer2;
+  pointer = new Pointer;
   aiGeneratingOnItem = undefined;
   aiImagePlaceholder = undefined;
   aiImageConnectorID = undefined;
@@ -57406,7 +57406,7 @@ class Board {
     this.boardId = boardId;
     this.accessKey = accessKey;
     this.saveEditingFile = saveEditingFile;
-    this.selection = new BoardSelection(this, this.events);
+    this.selection = new BoardSelection(this);
     this.presence = new Presence(this);
     this.tools.navigate();
   }
@@ -57415,11 +57415,10 @@ class Board {
     this.events.connection?.unsubscribe(this);
     this.index = new SpatialIndex(this.camera, this.pointer);
     this.items = this.index.items;
-    this.selection.events = this.events;
     this.presence.events = this.events;
   }
   getNewItemId() {
-    return uuidv4();
+    return v4_default();
   }
   emit(operation) {
     if (this.events) {