microboard-temp 0.11.7 → 0.11.9

package/dist/cjs/browser.js

@@ -22380,7 +22380,7 @@ class RichText extends BaseItem {
   }
   getMaxWidth() {
     if (this.autoSize) {
-      return this.editor.maxWidth;
+      return this.editor.maxWidth || this.getTransformedContainer().getWidth();
     }
     if (this.isContainerSet) {
       return this.getTransformedContainer().getWidth();
@@ -22412,13 +22412,26 @@ class RichText extends BaseItem {
       left = container.left;
       top = container.top;
     }
+    const point3 = new Point(left, top);
+    if (this.worldMatrixGetter) {
+      this.worldMatrixGetter().apply(point3);
+    } else if (this.isInShape) {
+      const item = this.board.items.getById(this.id);
+      if (item) {
+        item.getParentWorldMatrix().apply(point3);
+      } else {
+        this.getParentWorldMatrix().apply(point3);
+      }
+    } else {
+      this.getParentWorldMatrix().apply(point3);
+    }
     return {
-      point: new Point(left, top),
+      point: point3,
       width,
       height,
       maxWidth: maxWidth ? maxWidth + 1 : undefined,
       maxHeight,
-      textScale: this.isInShape ? 1 : this.getScale()
+      textScale: this.getScale()
     };
   }
   transformCanvas() {
@@ -40477,7 +40490,6 @@ class Sticker extends BaseItem {
     this.linkTo = new LinkTo(this.id, this.board.events);
     this.transformation = new Transformation(this.id, this.board.events);
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, " ", false, true, this.itemType);
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformation.subject.subscribe((_subject, op) => {
       this.transformPath();
       if (op.method === "applyMatrix") {
@@ -53413,18 +53425,19 @@ class BoardSelection {
     }
   }
   setTextToEdit(item) {
-    if (this.textToEdit) {
+    const text5 = item?.getRichText();
+    if (this.textToEdit && this.textToEdit !== text5) {
       this.textToEdit.updateElement();
       this.textToEdit.enableRender();
     }
-    if (!(item && item.getRichText())) {
+    if (!text5) {
       this.textToEdit = undefined;
       return;
     }
-    const text5 = item.getRichText();
-    if (!text5) {
+    if (this.textToEdit === text5) {
       return;
     }
+    this.textToEdit = text5;
     if (text5.isEmpty()) {
       const textColor = tempStorage.getFontColor(item.itemType);
       const textSize = tempStorage.getFontSize(item.itemType);
@@ -53458,7 +53471,6 @@ class BoardSelection {
         this.setVerticalAlignment(verticalAlignment);
       }
     }
-    this.textToEdit = text5;
     text5.editor.selectWholeText();
     this.textToEdit.disableRender();
     this.board.items.subject.publish(this.board.items);

package/dist/cjs/index.js

@@ -22380,7 +22380,7 @@ class RichText extends BaseItem {
   }
   getMaxWidth() {
     if (this.autoSize) {
-      return this.editor.maxWidth;
+      return this.editor.maxWidth || this.getTransformedContainer().getWidth();
     }
     if (this.isContainerSet) {
       return this.getTransformedContainer().getWidth();
@@ -22412,13 +22412,26 @@ class RichText extends BaseItem {
       left = container.left;
       top = container.top;
     }
+    const point3 = new Point(left, top);
+    if (this.worldMatrixGetter) {
+      this.worldMatrixGetter().apply(point3);
+    } else if (this.isInShape) {
+      const item = this.board.items.getById(this.id);
+      if (item) {
+        item.getParentWorldMatrix().apply(point3);
+      } else {
+        this.getParentWorldMatrix().apply(point3);
+      }
+    } else {
+      this.getParentWorldMatrix().apply(point3);
+    }
     return {
-      point: new Point(left, top),
+      point: point3,
       width,
       height,
       maxWidth: maxWidth ? maxWidth + 1 : undefined,
       maxHeight,
-      textScale: this.isInShape ? 1 : this.getScale()
+      textScale: this.getScale()
     };
   }
   transformCanvas() {
@@ -40477,7 +40490,6 @@ class Sticker extends BaseItem {
     this.linkTo = new LinkTo(this.id, this.board.events);
     this.transformation = new Transformation(this.id, this.board.events);
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, " ", false, true, this.itemType);
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformation.subject.subscribe((_subject, op) => {
       this.transformPath();
       if (op.method === "applyMatrix") {
@@ -53413,18 +53425,19 @@ class BoardSelection {
     }
   }
   setTextToEdit(item) {
-    if (this.textToEdit) {
+    const text5 = item?.getRichText();
+    if (this.textToEdit && this.textToEdit !== text5) {
       this.textToEdit.updateElement();
       this.textToEdit.enableRender();
     }
-    if (!(item && item.getRichText())) {
+    if (!text5) {
       this.textToEdit = undefined;
       return;
     }
-    const text5 = item.getRichText();
-    if (!text5) {
+    if (this.textToEdit === text5) {
       return;
     }
+    this.textToEdit = text5;
     if (text5.isEmpty()) {
       const textColor = tempStorage.getFontColor(item.itemType);
       const textSize = tempStorage.getFontSize(item.itemType);
@@ -53458,7 +53471,6 @@ class BoardSelection {
         this.setVerticalAlignment(verticalAlignment);
       }
     }
-    this.textToEdit = text5;
     text5.editor.selectWholeText();
     this.textToEdit.disableRender();
     this.board.items.subject.publish(this.board.items);

package/dist/cjs/node.js

@@ -24852,7 +24852,7 @@ class RichText extends BaseItem {
   }
   getMaxWidth() {
     if (this.autoSize) {
-      return this.editor.maxWidth;
+      return this.editor.maxWidth || this.getTransformedContainer().getWidth();
     }
     if (this.isContainerSet) {
       return this.getTransformedContainer().getWidth();
@@ -24884,13 +24884,26 @@ class RichText extends BaseItem {
       left = container.left;
       top = container.top;
     }
+    const point3 = new Point(left, top);
+    if (this.worldMatrixGetter) {
+      this.worldMatrixGetter().apply(point3);
+    } else if (this.isInShape) {
+      const item = this.board.items.getById(this.id);
+      if (item) {
+        item.getParentWorldMatrix().apply(point3);
+      } else {
+        this.getParentWorldMatrix().apply(point3);
+      }
+    } else {
+      this.getParentWorldMatrix().apply(point3);
+    }
     return {
-      point: new Point(left, top),
+      point: point3,
       width,
       height,
       maxWidth: maxWidth ? maxWidth + 1 : undefined,
       maxHeight,
-      textScale: this.isInShape ? 1 : this.getScale()
+      textScale: this.getScale()
     };
   }
   transformCanvas() {
@@ -42950,7 +42963,6 @@ class Sticker extends BaseItem {
     this.linkTo = new LinkTo(this.id, this.board.events);
     this.transformation = new Transformation(this.id, this.board.events);
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, " ", false, true, this.itemType);
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformation.subject.subscribe((_subject, op) => {
       this.transformPath();
       if (op.method === "applyMatrix") {
@@ -55886,18 +55898,19 @@ class BoardSelection {
     }
   }
   setTextToEdit(item) {
-    if (this.textToEdit) {
+    const text5 = item?.getRichText();
+    if (this.textToEdit && this.textToEdit !== text5) {
       this.textToEdit.updateElement();
       this.textToEdit.enableRender();
     }
-    if (!(item && item.getRichText())) {
+    if (!text5) {
       this.textToEdit = undefined;
       return;
     }
-    const text5 = item.getRichText();
-    if (!text5) {
+    if (this.textToEdit === text5) {
       return;
     }
+    this.textToEdit = text5;
     if (text5.isEmpty()) {
       const textColor = tempStorage.getFontColor(item.itemType);
       const textSize = tempStorage.getFontSize(item.itemType);
@@ -55931,7 +55944,6 @@ class BoardSelection {
         this.setVerticalAlignment(verticalAlignment);
       }
     }
-    this.textToEdit = text5;
     text5.editor.selectWholeText();
     this.textToEdit.disableRender();
     this.board.items.subject.publish(this.board.items);

package/dist/esm/browser.js

@@ -22209,7 +22209,7 @@ class RichText extends BaseItem {
   }
   getMaxWidth() {
     if (this.autoSize) {
-      return this.editor.maxWidth;
+      return this.editor.maxWidth || this.getTransformedContainer().getWidth();
     }
     if (this.isContainerSet) {
       return this.getTransformedContainer().getWidth();
@@ -22241,13 +22241,26 @@ class RichText extends BaseItem {
       left = container.left;
       top = container.top;
     }
+    const point3 = new Point(left, top);
+    if (this.worldMatrixGetter) {
+      this.worldMatrixGetter().apply(point3);
+    } else if (this.isInShape) {
+      const item = this.board.items.getById(this.id);
+      if (item) {
+        item.getParentWorldMatrix().apply(point3);
+      } else {
+        this.getParentWorldMatrix().apply(point3);
+      }
+    } else {
+      this.getParentWorldMatrix().apply(point3);
+    }
     return {
-      point: new Point(left, top),
+      point: point3,
       width,
       height,
       maxWidth: maxWidth ? maxWidth + 1 : undefined,
       maxHeight,
-      textScale: this.isInShape ? 1 : this.getScale()
+      textScale: this.getScale()
     };
   }
   transformCanvas() {
@@ -40306,7 +40319,6 @@ class Sticker extends BaseItem {
     this.linkTo = new LinkTo(this.id, this.board.events);
     this.transformation = new Transformation(this.id, this.board.events);
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, " ", false, true, this.itemType);
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformation.subject.subscribe((_subject, op) => {
       this.transformPath();
       if (op.method === "applyMatrix") {
@@ -53242,18 +53254,19 @@ class BoardSelection {
     }
   }
   setTextToEdit(item) {
-    if (this.textToEdit) {
+    const text5 = item?.getRichText();
+    if (this.textToEdit && this.textToEdit !== text5) {
       this.textToEdit.updateElement();
       this.textToEdit.enableRender();
     }
-    if (!(item && item.getRichText())) {
+    if (!text5) {
       this.textToEdit = undefined;
       return;
     }
-    const text5 = item.getRichText();
-    if (!text5) {
+    if (this.textToEdit === text5) {
       return;
     }
+    this.textToEdit = text5;
     if (text5.isEmpty()) {
       const textColor = tempStorage.getFontColor(item.itemType);
       const textSize = tempStorage.getFontSize(item.itemType);
@@ -53287,7 +53300,6 @@ class BoardSelection {
         this.setVerticalAlignment(verticalAlignment);
       }
     }
-    this.textToEdit = text5;
     text5.editor.selectWholeText();
     this.textToEdit.disableRender();
     this.board.items.subject.publish(this.board.items);

package/dist/esm/index.js

@@ -22202,7 +22202,7 @@ class RichText extends BaseItem {
   }
   getMaxWidth() {
     if (this.autoSize) {
-      return this.editor.maxWidth;
+      return this.editor.maxWidth || this.getTransformedContainer().getWidth();
     }
     if (this.isContainerSet) {
       return this.getTransformedContainer().getWidth();
@@ -22234,13 +22234,26 @@ class RichText extends BaseItem {
       left = container.left;
       top = container.top;
     }
+    const point3 = new Point(left, top);
+    if (this.worldMatrixGetter) {
+      this.worldMatrixGetter().apply(point3);
+    } else if (this.isInShape) {
+      const item = this.board.items.getById(this.id);
+      if (item) {
+        item.getParentWorldMatrix().apply(point3);
+      } else {
+        this.getParentWorldMatrix().apply(point3);
+      }
+    } else {
+      this.getParentWorldMatrix().apply(point3);
+    }
     return {
-      point: new Point(left, top),
+      point: point3,
       width,
       height,
       maxWidth: maxWidth ? maxWidth + 1 : undefined,
       maxHeight,
-      textScale: this.isInShape ? 1 : this.getScale()
+      textScale: this.getScale()
     };
   }
   transformCanvas() {
@@ -40299,7 +40312,6 @@ class Sticker extends BaseItem {
     this.linkTo = new LinkTo(this.id, this.board.events);
     this.transformation = new Transformation(this.id, this.board.events);
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, " ", false, true, this.itemType);
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformation.subject.subscribe((_subject, op) => {
       this.transformPath();
       if (op.method === "applyMatrix") {
@@ -53235,18 +53247,19 @@ class BoardSelection {
     }
   }
   setTextToEdit(item) {
-    if (this.textToEdit) {
+    const text5 = item?.getRichText();
+    if (this.textToEdit && this.textToEdit !== text5) {
       this.textToEdit.updateElement();
       this.textToEdit.enableRender();
     }
-    if (!(item && item.getRichText())) {
+    if (!text5) {
       this.textToEdit = undefined;
       return;
     }
-    const text5 = item.getRichText();
-    if (!text5) {
+    if (this.textToEdit === text5) {
       return;
     }
+    this.textToEdit = text5;
     if (text5.isEmpty()) {
       const textColor = tempStorage.getFontColor(item.itemType);
       const textSize = tempStorage.getFontSize(item.itemType);
@@ -53280,7 +53293,6 @@ class BoardSelection {
         this.setVerticalAlignment(verticalAlignment);
       }
     }
-    this.textToEdit = text5;
     text5.editor.selectWholeText();
     this.textToEdit.disableRender();
     this.board.items.subject.publish(this.board.items);

package/dist/esm/node.js

@@ -24669,7 +24669,7 @@ class RichText extends BaseItem {
   }
   getMaxWidth() {
     if (this.autoSize) {
-      return this.editor.maxWidth;
+      return this.editor.maxWidth || this.getTransformedContainer().getWidth();
     }
     if (this.isContainerSet) {
       return this.getTransformedContainer().getWidth();
@@ -24701,13 +24701,26 @@ class RichText extends BaseItem {
       left = container.left;
       top = container.top;
     }
+    const point3 = new Point(left, top);
+    if (this.worldMatrixGetter) {
+      this.worldMatrixGetter().apply(point3);
+    } else if (this.isInShape) {
+      const item = this.board.items.getById(this.id);
+      if (item) {
+        item.getParentWorldMatrix().apply(point3);
+      } else {
+        this.getParentWorldMatrix().apply(point3);
+      }
+    } else {
+      this.getParentWorldMatrix().apply(point3);
+    }
     return {
-      point: new Point(left, top),
+      point: point3,
       width,
       height,
       maxWidth: maxWidth ? maxWidth + 1 : undefined,
       maxHeight,
-      textScale: this.isInShape ? 1 : this.getScale()
+      textScale: this.getScale()
     };
   }
   transformCanvas() {
@@ -42767,7 +42780,6 @@ class Sticker extends BaseItem {
     this.linkTo = new LinkTo(this.id, this.board.events);
     this.transformation = new Transformation(this.id, this.board.events);
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, " ", false, true, this.itemType);
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformation.subject.subscribe((_subject, op) => {
       this.transformPath();
       if (op.method === "applyMatrix") {
@@ -55703,18 +55715,19 @@ class BoardSelection {
     }
   }
   setTextToEdit(item) {
-    if (this.textToEdit) {
+    const text5 = item?.getRichText();
+    if (this.textToEdit && this.textToEdit !== text5) {
       this.textToEdit.updateElement();
       this.textToEdit.enableRender();
     }
-    if (!(item && item.getRichText())) {
+    if (!text5) {
       this.textToEdit = undefined;
       return;
     }
-    const text5 = item.getRichText();
-    if (!text5) {
+    if (this.textToEdit === text5) {
       return;
     }
+    this.textToEdit = text5;
     if (text5.isEmpty()) {
       const textColor = tempStorage.getFontColor(item.itemType);
       const textSize = tempStorage.getFontSize(item.itemType);
@@ -55748,7 +55761,6 @@ class BoardSelection {
         this.setVerticalAlignment(verticalAlignment);
       }
     }
-    this.textToEdit = text5;
     text5.editor.selectWholeText();
     this.textToEdit.disableRender();
     this.board.items.subject.publish(this.board.items);

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

@@ -73,7 +73,6 @@ export declare class RichText extends BaseItem {
     getTextWidth(): number;
     getMaxWidth(): number | undefined;
     getMaxHeight(): number | undefined;
-    /** Get text dimensions for text editor */
     getDimensions(): {
         point: Point;
         width: number;

package/package.json

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