microboard-temp 0.13.29 → 0.13.31

package/dist/cjs/browser.js

@@ -22466,7 +22466,7 @@ class RichText extends BaseItem {
       return this.editor.maxWidth || this.container.getWidth();
     }
     if (this.isContainerSet) {
-      return this.container.getWidth();
+      return this.getTransformedContainer().getWidth();
     } else {
       return this.containerMaxWidth || this.editor.maxWidth;
     }
@@ -37812,37 +37812,39 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   observerEndPointItem = () => {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   smartJumpStartEdge() {
     const start = this.startPoint;
     if (start.pointType !== "Fixed" && start.pointType !== "Floating")
-      return;
+      return false;
     const item = start.item;
     const anchors = item.getSnapAnchorPoints?.();
     if (!anchors || anchors.length === 0)
-      return;
+      return false;
     const EPS = 2;
     const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
     if (!isOnAnchor)
-      return;
+      return false;
     const center = item.getMbr().getCenter();
     const dx = this.endPoint.x - center.x;
     const dy = this.endPoint.y - center.y;
     if (dx === 0 && dy === 0)
-      return;
+      return false;
     let best = anchors[0];
     let bestDot = -Infinity;
     for (const anchor of anchors) {
@@ -37858,8 +37860,9 @@ class Connector2 extends BaseItem {
       }
     }
     if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
-      return;
-    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+      return false;
+    this.setStartPoint(new FixedPoint(item, toRelativePoint(best, item)));
+    return true;
   }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
@@ -40478,16 +40481,10 @@ class Shape extends BaseItem {
     div.setAttribute("stroke-width", this.borderWidth.toString());
     const textElement = this.text.renderHTML(documentFactory);
     textElement.id = `${this.getId()}_text`;
-    textElement.style.maxWidth = `${width}px`;
     textElement.style.overflow = "auto";
     positionRelatively(textElement, div);
     resetElementScale(textElement);
     scaleElementBy(textElement, 1 / scaleX, 1 / scaleY);
-    const [dx, dy] = [
-      (width - parseInt(textElement.style.width)) / scaleX / 2 - 1,
-      (height - parseInt(textElement.style.height)) / scaleY / 2 - 1
-    ];
-    translateElementBy(textElement, dx, dy);
     div.setAttribute("data-link-to", this.linkTo.serialize() || "");
     if (this.getLinkTo()) {
       const linkElement = this.linkTo.renderHTML(documentFactory);

package/dist/cjs/index.js

@@ -22466,7 +22466,7 @@ class RichText extends BaseItem {
       return this.editor.maxWidth || this.container.getWidth();
     }
     if (this.isContainerSet) {
-      return this.container.getWidth();
+      return this.getTransformedContainer().getWidth();
     } else {
       return this.containerMaxWidth || this.editor.maxWidth;
     }
@@ -37812,37 +37812,39 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   observerEndPointItem = () => {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   smartJumpStartEdge() {
     const start = this.startPoint;
     if (start.pointType !== "Fixed" && start.pointType !== "Floating")
-      return;
+      return false;
     const item = start.item;
     const anchors = item.getSnapAnchorPoints?.();
     if (!anchors || anchors.length === 0)
-      return;
+      return false;
     const EPS = 2;
     const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
     if (!isOnAnchor)
-      return;
+      return false;
     const center = item.getMbr().getCenter();
     const dx = this.endPoint.x - center.x;
     const dy = this.endPoint.y - center.y;
     if (dx === 0 && dy === 0)
-      return;
+      return false;
     let best = anchors[0];
     let bestDot = -Infinity;
     for (const anchor of anchors) {
@@ -37858,8 +37860,9 @@ class Connector2 extends BaseItem {
       }
     }
     if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
-      return;
-    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+      return false;
+    this.setStartPoint(new FixedPoint(item, toRelativePoint(best, item)));
+    return true;
   }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
@@ -40478,16 +40481,10 @@ class Shape extends BaseItem {
     div.setAttribute("stroke-width", this.borderWidth.toString());
     const textElement = this.text.renderHTML(documentFactory);
     textElement.id = `${this.getId()}_text`;
-    textElement.style.maxWidth = `${width}px`;
     textElement.style.overflow = "auto";
     positionRelatively(textElement, div);
     resetElementScale(textElement);
     scaleElementBy(textElement, 1 / scaleX, 1 / scaleY);
-    const [dx, dy] = [
-      (width - parseInt(textElement.style.width)) / scaleX / 2 - 1,
-      (height - parseInt(textElement.style.height)) / scaleY / 2 - 1
-    ];
-    translateElementBy(textElement, dx, dy);
     div.setAttribute("data-link-to", this.linkTo.serialize() || "");
     if (this.getLinkTo()) {
       const linkElement = this.linkTo.renderHTML(documentFactory);

package/dist/cjs/node.js

@@ -24938,7 +24938,7 @@ class RichText extends BaseItem {
       return this.editor.maxWidth || this.container.getWidth();
     }
     if (this.isContainerSet) {
-      return this.container.getWidth();
+      return this.getTransformedContainer().getWidth();
     } else {
       return this.containerMaxWidth || this.editor.maxWidth;
     }
@@ -40285,37 +40285,39 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   observerEndPointItem = () => {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   smartJumpStartEdge() {
     const start = this.startPoint;
     if (start.pointType !== "Fixed" && start.pointType !== "Floating")
-      return;
+      return false;
     const item = start.item;
     const anchors = item.getSnapAnchorPoints?.();
     if (!anchors || anchors.length === 0)
-      return;
+      return false;
     const EPS = 2;
     const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
     if (!isOnAnchor)
-      return;
+      return false;
     const center = item.getMbr().getCenter();
     const dx = this.endPoint.x - center.x;
     const dy = this.endPoint.y - center.y;
     if (dx === 0 && dy === 0)
-      return;
+      return false;
     let best = anchors[0];
     let bestDot = -Infinity;
     for (const anchor of anchors) {
@@ -40331,8 +40333,9 @@ class Connector2 extends BaseItem {
       }
     }
     if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
-      return;
-    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+      return false;
+    this.setStartPoint(new FixedPoint(item, toRelativePoint(best, item)));
+    return true;
   }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
@@ -42951,16 +42954,10 @@ class Shape extends BaseItem {
     div.setAttribute("stroke-width", this.borderWidth.toString());
     const textElement = this.text.renderHTML(documentFactory);
     textElement.id = `${this.getId()}_text`;
-    textElement.style.maxWidth = `${width}px`;
     textElement.style.overflow = "auto";
     positionRelatively(textElement, div);
     resetElementScale(textElement);
     scaleElementBy(textElement, 1 / scaleX, 1 / scaleY);
-    const [dx, dy] = [
-      (width - parseInt(textElement.style.width)) / scaleX / 2 - 1,
-      (height - parseInt(textElement.style.height)) / scaleY / 2 - 1
-    ];
-    translateElementBy(textElement, dx, dy);
     div.setAttribute("data-link-to", this.linkTo.serialize() || "");
     if (this.getLinkTo()) {
       const linkElement = this.linkTo.renderHTML(documentFactory);

package/dist/esm/browser.js

@@ -22295,7 +22295,7 @@ class RichText extends BaseItem {
       return this.editor.maxWidth || this.container.getWidth();
     }
     if (this.isContainerSet) {
-      return this.container.getWidth();
+      return this.getTransformedContainer().getWidth();
     } else {
       return this.containerMaxWidth || this.editor.maxWidth;
     }
@@ -37641,37 +37641,39 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   observerEndPointItem = () => {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   smartJumpStartEdge() {
     const start = this.startPoint;
     if (start.pointType !== "Fixed" && start.pointType !== "Floating")
-      return;
+      return false;
     const item = start.item;
     const anchors = item.getSnapAnchorPoints?.();
     if (!anchors || anchors.length === 0)
-      return;
+      return false;
     const EPS = 2;
     const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
     if (!isOnAnchor)
-      return;
+      return false;
     const center = item.getMbr().getCenter();
     const dx = this.endPoint.x - center.x;
     const dy = this.endPoint.y - center.y;
     if (dx === 0 && dy === 0)
-      return;
+      return false;
     let best = anchors[0];
     let bestDot = -Infinity;
     for (const anchor of anchors) {
@@ -37687,8 +37689,9 @@ class Connector2 extends BaseItem {
       }
     }
     if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
-      return;
-    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+      return false;
+    this.setStartPoint(new FixedPoint(item, toRelativePoint(best, item)));
+    return true;
   }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
@@ -40307,16 +40310,10 @@ class Shape extends BaseItem {
     div.setAttribute("stroke-width", this.borderWidth.toString());
     const textElement = this.text.renderHTML(documentFactory);
     textElement.id = `${this.getId()}_text`;
-    textElement.style.maxWidth = `${width}px`;
     textElement.style.overflow = "auto";
     positionRelatively(textElement, div);
     resetElementScale(textElement);
     scaleElementBy(textElement, 1 / scaleX, 1 / scaleY);
-    const [dx, dy] = [
-      (width - parseInt(textElement.style.width)) / scaleX / 2 - 1,
-      (height - parseInt(textElement.style.height)) / scaleY / 2 - 1
-    ];
-    translateElementBy(textElement, dx, dy);
     div.setAttribute("data-link-to", this.linkTo.serialize() || "");
     if (this.getLinkTo()) {
       const linkElement = this.linkTo.renderHTML(documentFactory);

package/dist/esm/index.js

@@ -22288,7 +22288,7 @@ class RichText extends BaseItem {
       return this.editor.maxWidth || this.container.getWidth();
     }
     if (this.isContainerSet) {
-      return this.container.getWidth();
+      return this.getTransformedContainer().getWidth();
     } else {
       return this.containerMaxWidth || this.editor.maxWidth;
     }
@@ -37634,37 +37634,39 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   observerEndPointItem = () => {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   smartJumpStartEdge() {
     const start = this.startPoint;
     if (start.pointType !== "Fixed" && start.pointType !== "Floating")
-      return;
+      return false;
     const item = start.item;
     const anchors = item.getSnapAnchorPoints?.();
     if (!anchors || anchors.length === 0)
-      return;
+      return false;
     const EPS = 2;
     const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
     if (!isOnAnchor)
-      return;
+      return false;
     const center = item.getMbr().getCenter();
     const dx = this.endPoint.x - center.x;
     const dy = this.endPoint.y - center.y;
     if (dx === 0 && dy === 0)
-      return;
+      return false;
     let best = anchors[0];
     let bestDot = -Infinity;
     for (const anchor of anchors) {
@@ -37680,8 +37682,9 @@ class Connector2 extends BaseItem {
       }
     }
     if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
-      return;
-    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+      return false;
+    this.setStartPoint(new FixedPoint(item, toRelativePoint(best, item)));
+    return true;
   }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
@@ -40300,16 +40303,10 @@ class Shape extends BaseItem {
     div.setAttribute("stroke-width", this.borderWidth.toString());
     const textElement = this.text.renderHTML(documentFactory);
     textElement.id = `${this.getId()}_text`;
-    textElement.style.maxWidth = `${width}px`;
     textElement.style.overflow = "auto";
     positionRelatively(textElement, div);
     resetElementScale(textElement);
     scaleElementBy(textElement, 1 / scaleX, 1 / scaleY);
-    const [dx, dy] = [
-      (width - parseInt(textElement.style.width)) / scaleX / 2 - 1,
-      (height - parseInt(textElement.style.height)) / scaleY / 2 - 1
-    ];
-    translateElementBy(textElement, dx, dy);
     div.setAttribute("data-link-to", this.linkTo.serialize() || "");
     if (this.getLinkTo()) {
       const linkElement = this.linkTo.renderHTML(documentFactory);

package/dist/esm/node.js

@@ -24755,7 +24755,7 @@ class RichText extends BaseItem {
       return this.editor.maxWidth || this.container.getWidth();
     }
     if (this.isContainerSet) {
-      return this.container.getWidth();
+      return this.getTransformedContainer().getWidth();
     } else {
       return this.containerMaxWidth || this.editor.maxWidth;
     }
@@ -40102,37 +40102,39 @@ class Connector2 extends BaseItem {
     const point5 = this.startPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   observerEndPointItem = () => {
     const point5 = this.endPoint;
     if (point5.pointType !== "Board") {
       point5.recalculatePoint();
-      this.smartJumpStartEdge();
-      this.updatePaths();
-      this.subject.publish(this);
+      if (!this.smartJumpStartEdge()) {
+        this.updatePaths();
+        this.subject.publish(this);
+      }
     }
   };
   smartJumpStartEdge() {
     const start = this.startPoint;
     if (start.pointType !== "Fixed" && start.pointType !== "Floating")
-      return;
+      return false;
     const item = start.item;
     const anchors = item.getSnapAnchorPoints?.();
     if (!anchors || anchors.length === 0)
-      return;
+      return false;
     const EPS = 2;
     const isOnAnchor = anchors.some((a2) => Math.abs(a2.x - start.x) < EPS && Math.abs(a2.y - start.y) < EPS);
     if (!isOnAnchor)
-      return;
+      return false;
     const center = item.getMbr().getCenter();
     const dx = this.endPoint.x - center.x;
     const dy = this.endPoint.y - center.y;
     if (dx === 0 && dy === 0)
-      return;
+      return false;
     let best = anchors[0];
     let bestDot = -Infinity;
     for (const anchor of anchors) {
@@ -40148,8 +40150,9 @@ class Connector2 extends BaseItem {
       }
     }
     if (Math.abs(best.x - start.x) < EPS && Math.abs(best.y - start.y) < EPS)
-      return;
-    this.startPoint = new FixedPoint(item, toRelativePoint(best, item));
+      return false;
+    this.setStartPoint(new FixedPoint(item, toRelativePoint(best, item)));
+    return true;
   }
   clearObservedItems() {
     const startPoint = this.getStartPoint();
@@ -42768,16 +42771,10 @@ class Shape extends BaseItem {
     div.setAttribute("stroke-width", this.borderWidth.toString());
     const textElement = this.text.renderHTML(documentFactory);
     textElement.id = `${this.getId()}_text`;
-    textElement.style.maxWidth = `${width}px`;
     textElement.style.overflow = "auto";
     positionRelatively(textElement, div);
     resetElementScale(textElement);
     scaleElementBy(textElement, 1 / scaleX, 1 / scaleY);
-    const [dx, dy] = [
-      (width - parseInt(textElement.style.width)) / scaleX / 2 - 1,
-      (height - parseInt(textElement.style.height)) / scaleY / 2 - 1
-    ];
-    translateElementBy(textElement, dx, dy);
     div.setAttribute("data-link-to", this.linkTo.serialize() || "");
     if (this.getLinkTo()) {
       const linkElement = this.linkTo.renderHTML(documentFactory);

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

@@ -60,7 +60,8 @@ export declare class Connector extends BaseItem {
     /**
      * If the start point is attached to one of the 4 edge-center anchors, re-evaluate
      * which edge best faces the current end position and jump there to avoid sharp bends.
-     * Purely local/visual — no operation is emitted.
+     * Emits a setStartPoint operation so the jump is persisted and synced.
+     * Returns true if a jump was performed (caller should skip its own updatePaths/publish).
      */
     private smartJumpStartEdge;
     clearObservedItems(): void;

package/package.json

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