microboard-temp 0.13.98 → 0.14.1

package/dist/cjs/browser.js

@@ -58309,6 +58309,7 @@ var init_Connector = __esm(() => {
     animationFrameId;
     text;
     transformationRenderBlock = undefined;
+    _updatingTitle = false;
     optionalFindItemFn;
     constructor(board, startPoint = new BoardPoint, endPoint = new BoardPoint, lineStyle = "straight", startPointerStyle = "None", endPointerStyle = DEFAULT_END_POINTER, lineColor, lineWidth, strokeStyle, id = "") {
       super(board, id);
@@ -58892,6 +58893,9 @@ var init_Connector = __esm(() => {
       return items.find((item) => item instanceof Connector2 && item.getId() === connectorId);
     }
     updateTitle() {
+      if (this._updatingTitle) {
+        return;
+      }
       const selection = this.board.selection;
       const isConnectorSelected = selection.items.findById(this.id);
       if (isConnectorSelected && this.board.selection.getContext() === "EditTextUnderPointer") {
@@ -58905,8 +58909,13 @@ var init_Connector = __esm(() => {
       const { x, y } = this.getMiddlePoint() || this.calculateMiddlePoint();
       const height = this.text.getHeight();
       const width = this.text.getWidth();
-      this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
-      this.text.updateElement();
+      this._updatingTitle = true;
+      try {
+        this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
+        this.text.updateElement();
+      } finally {
+        this._updatingTitle = false;
+      }
     }
     scalePoints() {
       const origin = new Point(this.getMbr().left, this.getMbr().top);
@@ -76514,6 +76523,19 @@ class Board {
       item: [group.getId()]
     });
   }
+  detachFromGroup(item) {
+    if (item.parent === "Board") {
+      return;
+    }
+    const parentGroup = this.items.getById(item.parent);
+    if (!parentGroup || parentGroup.itemType !== "Group") {
+      return;
+    }
+    parentGroup.removeChildItems([item]);
+    if (parentGroup.getChildrenIds().length === 0) {
+      this.ungroup(parentGroup);
+    }
+  }
   getByZIndex(index2) {
     return this.index.getByZIndex(index2);
   }

package/dist/cjs/index.js

@@ -58309,6 +58309,7 @@ var init_Connector = __esm(() => {
     animationFrameId;
     text;
     transformationRenderBlock = undefined;
+    _updatingTitle = false;
     optionalFindItemFn;
     constructor(board, startPoint = new BoardPoint, endPoint = new BoardPoint, lineStyle = "straight", startPointerStyle = "None", endPointerStyle = DEFAULT_END_POINTER, lineColor, lineWidth, strokeStyle, id = "") {
       super(board, id);
@@ -58892,6 +58893,9 @@ var init_Connector = __esm(() => {
       return items.find((item) => item instanceof Connector2 && item.getId() === connectorId);
     }
     updateTitle() {
+      if (this._updatingTitle) {
+        return;
+      }
       const selection = this.board.selection;
       const isConnectorSelected = selection.items.findById(this.id);
       if (isConnectorSelected && this.board.selection.getContext() === "EditTextUnderPointer") {
@@ -58905,8 +58909,13 @@ var init_Connector = __esm(() => {
       const { x, y } = this.getMiddlePoint() || this.calculateMiddlePoint();
       const height = this.text.getHeight();
       const width = this.text.getWidth();
-      this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
-      this.text.updateElement();
+      this._updatingTitle = true;
+      try {
+        this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
+        this.text.updateElement();
+      } finally {
+        this._updatingTitle = false;
+      }
     }
     scalePoints() {
       const origin = new Point(this.getMbr().left, this.getMbr().top);
@@ -76514,6 +76523,19 @@ class Board {
       item: [group.getId()]
     });
   }
+  detachFromGroup(item) {
+    if (item.parent === "Board") {
+      return;
+    }
+    const parentGroup = this.items.getById(item.parent);
+    if (!parentGroup || parentGroup.itemType !== "Group") {
+      return;
+    }
+    parentGroup.removeChildItems([item]);
+    if (parentGroup.getChildrenIds().length === 0) {
+      this.ungroup(parentGroup);
+    }
+  }
   getByZIndex(index2) {
     return this.index.getByZIndex(index2);
   }

package/dist/cjs/node.js

@@ -60729,6 +60729,7 @@ var init_Connector = __esm(() => {
     animationFrameId;
     text;
     transformationRenderBlock = undefined;
+    _updatingTitle = false;
     optionalFindItemFn;
     constructor(board, startPoint = new BoardPoint, endPoint = new BoardPoint, lineStyle = "straight", startPointerStyle = "None", endPointerStyle = DEFAULT_END_POINTER, lineColor, lineWidth, strokeStyle, id = "") {
       super(board, id);
@@ -61312,6 +61313,9 @@ var init_Connector = __esm(() => {
       return items.find((item) => item instanceof Connector2 && item.getId() === connectorId);
     }
     updateTitle() {
+      if (this._updatingTitle) {
+        return;
+      }
       const selection = this.board.selection;
       const isConnectorSelected = selection.items.findById(this.id);
       if (isConnectorSelected && this.board.selection.getContext() === "EditTextUnderPointer") {
@@ -61325,8 +61329,13 @@ var init_Connector = __esm(() => {
       const { x, y } = this.getMiddlePoint() || this.calculateMiddlePoint();
       const height = this.text.getHeight();
       const width = this.text.getWidth();
-      this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
-      this.text.updateElement();
+      this._updatingTitle = true;
+      try {
+        this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
+        this.text.updateElement();
+      } finally {
+        this._updatingTitle = false;
+      }
     }
     scalePoints() {
       const origin = new Point(this.getMbr().left, this.getMbr().top);
@@ -78989,6 +78998,19 @@ class Board {
       item: [group.getId()]
     });
   }
+  detachFromGroup(item) {
+    if (item.parent === "Board") {
+      return;
+    }
+    const parentGroup = this.items.getById(item.parent);
+    if (!parentGroup || parentGroup.itemType !== "Group") {
+      return;
+    }
+    parentGroup.removeChildItems([item]);
+    if (parentGroup.getChildrenIds().length === 0) {
+      this.ungroup(parentGroup);
+    }
+  }
   getByZIndex(index2) {
     return this.index.getByZIndex(index2);
   }

package/dist/esm/browser.js

@@ -58246,6 +58246,7 @@ var init_Connector = __esm(() => {
     animationFrameId;
     text;
     transformationRenderBlock = undefined;
+    _updatingTitle = false;
     optionalFindItemFn;
     constructor(board, startPoint = new BoardPoint, endPoint = new BoardPoint, lineStyle = "straight", startPointerStyle = "None", endPointerStyle = DEFAULT_END_POINTER, lineColor, lineWidth, strokeStyle, id = "") {
       super(board, id);
@@ -58829,6 +58830,9 @@ var init_Connector = __esm(() => {
       return items.find((item) => item instanceof Connector2 && item.getId() === connectorId);
     }
     updateTitle() {
+      if (this._updatingTitle) {
+        return;
+      }
       const selection = this.board.selection;
       const isConnectorSelected = selection.items.findById(this.id);
       if (isConnectorSelected && this.board.selection.getContext() === "EditTextUnderPointer") {
@@ -58842,8 +58846,13 @@ var init_Connector = __esm(() => {
       const { x, y } = this.getMiddlePoint() || this.calculateMiddlePoint();
       const height = this.text.getHeight();
       const width = this.text.getWidth();
-      this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
-      this.text.updateElement();
+      this._updatingTitle = true;
+      try {
+        this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
+        this.text.updateElement();
+      } finally {
+        this._updatingTitle = false;
+      }
     }
     scalePoints() {
       const origin = new Point(this.getMbr().left, this.getMbr().top);
@@ -76248,6 +76257,19 @@ class Board {
       item: [group.getId()]
     });
   }
+  detachFromGroup(item) {
+    if (item.parent === "Board") {
+      return;
+    }
+    const parentGroup = this.items.getById(item.parent);
+    if (!parentGroup || parentGroup.itemType !== "Group") {
+      return;
+    }
+    parentGroup.removeChildItems([item]);
+    if (parentGroup.getChildrenIds().length === 0) {
+      this.ungroup(parentGroup);
+    }
+  }
   getByZIndex(index2) {
     return this.index.getByZIndex(index2);
   }

package/dist/esm/index.js

@@ -58239,6 +58239,7 @@ var init_Connector = __esm(() => {
     animationFrameId;
     text;
     transformationRenderBlock = undefined;
+    _updatingTitle = false;
     optionalFindItemFn;
     constructor(board, startPoint = new BoardPoint, endPoint = new BoardPoint, lineStyle = "straight", startPointerStyle = "None", endPointerStyle = DEFAULT_END_POINTER, lineColor, lineWidth, strokeStyle, id = "") {
       super(board, id);
@@ -58822,6 +58823,9 @@ var init_Connector = __esm(() => {
       return items.find((item) => item instanceof Connector2 && item.getId() === connectorId);
     }
     updateTitle() {
+      if (this._updatingTitle) {
+        return;
+      }
       const selection = this.board.selection;
       const isConnectorSelected = selection.items.findById(this.id);
       if (isConnectorSelected && this.board.selection.getContext() === "EditTextUnderPointer") {
@@ -58835,8 +58839,13 @@ var init_Connector = __esm(() => {
       const { x, y } = this.getMiddlePoint() || this.calculateMiddlePoint();
       const height = this.text.getHeight();
       const width = this.text.getWidth();
-      this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
-      this.text.updateElement();
+      this._updatingTitle = true;
+      try {
+        this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
+        this.text.updateElement();
+      } finally {
+        this._updatingTitle = false;
+      }
     }
     scalePoints() {
       const origin = new Point(this.getMbr().left, this.getMbr().top);
@@ -76241,6 +76250,19 @@ class Board {
       item: [group.getId()]
     });
   }
+  detachFromGroup(item) {
+    if (item.parent === "Board") {
+      return;
+    }
+    const parentGroup = this.items.getById(item.parent);
+    if (!parentGroup || parentGroup.itemType !== "Group") {
+      return;
+    }
+    parentGroup.removeChildItems([item]);
+    if (parentGroup.getChildrenIds().length === 0) {
+      this.ungroup(parentGroup);
+    }
+  }
   getByZIndex(index2) {
     return this.index.getByZIndex(index2);
   }

package/dist/esm/node.js

@@ -60648,6 +60648,7 @@ var init_Connector = __esm(() => {
     animationFrameId;
     text;
     transformationRenderBlock = undefined;
+    _updatingTitle = false;
     optionalFindItemFn;
     constructor(board, startPoint = new BoardPoint, endPoint = new BoardPoint, lineStyle = "straight", startPointerStyle = "None", endPointerStyle = DEFAULT_END_POINTER, lineColor, lineWidth, strokeStyle, id = "") {
       super(board, id);
@@ -61231,6 +61232,9 @@ var init_Connector = __esm(() => {
       return items.find((item) => item instanceof Connector2 && item.getId() === connectorId);
     }
     updateTitle() {
+      if (this._updatingTitle) {
+        return;
+      }
       const selection = this.board.selection;
       const isConnectorSelected = selection.items.findById(this.id);
       if (isConnectorSelected && this.board.selection.getContext() === "EditTextUnderPointer") {
@@ -61244,8 +61248,13 @@ var init_Connector = __esm(() => {
       const { x, y } = this.getMiddlePoint() || this.calculateMiddlePoint();
       const height = this.text.getHeight();
       const width = this.text.getWidth();
-      this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
-      this.text.updateElement();
+      this._updatingTitle = true;
+      try {
+        this.text.apply(transformOps.translateTo(this.text, x - width / 2, y - height / 2));
+        this.text.updateElement();
+      } finally {
+        this._updatingTitle = false;
+      }
     }
     scalePoints() {
       const origin = new Point(this.getMbr().left, this.getMbr().top);
@@ -78705,6 +78714,19 @@ class Board {
       item: [group.getId()]
     });
   }
+  detachFromGroup(item) {
+    if (item.parent === "Board") {
+      return;
+    }
+    const parentGroup = this.items.getById(item.parent);
+    if (!parentGroup || parentGroup.itemType !== "Group") {
+      return;
+    }
+    parentGroup.removeChildItems([item]);
+    if (parentGroup.getChildrenIds().length === 0) {
+      this.ungroup(parentGroup);
+    }
+  }
   getByZIndex(index2) {
     return this.index.getByZIndex(index2);
   }

package/dist/types/Board.d.ts

@@ -98,6 +98,12 @@ export declare class Board {
      * Dissolves a Group, returning its children to the board with world-space transforms.
      */
     ungroup(group: Group): void;
+    /**
+     * Removes a single item from its parent group, placing it back on the board
+     * at its current world position. If the group becomes empty after detach, the
+     * group itself is dissolved.
+     */
+    detachFromGroup(item: BaseItem): void;
     getByZIndex(index: number): Item;
     getZIndex(item: Item): number;
     getLastZIndex(): number;

package/dist/types/Items/Connector/Connector.d.ts

@@ -40,6 +40,7 @@ export declare class Connector extends BaseItem<Connector> {
     animationFrameId?: number;
     readonly text: RichText;
     transformationRenderBlock?: boolean;
+    private _updatingTitle;
     private optionalFindItemFn?;
     constructor(board: Board, startPoint?: ControlPoint, endPoint?: ControlPoint, lineStyle?: ConnectorLineStyle, startPointerStyle?: ConnectorPointerStyle, endPointerStyle?: ConnectorPointerStyle, lineColor?: ColorValue, lineWidth?: ConnectionLineWidth, strokeStyle?: BorderStyle, id?: string);
     private initText;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.13.98",
+  "version": "0.14.1",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",