microboard-temp 0.11.0 → 0.11.1

package/dist/cjs/browser.js

@@ -21866,7 +21866,11 @@ class BaseItem extends Mbr {
     if (this.parent === "Board" || !this.parent || !this.board?.items) {
       return this.getMbr();
     }
-    const worldMatrix = this.getWorldMatrix();
+    const container = this.board.items.getById(this.parent);
+    if (!container) {
+      return this.getMbr();
+    }
+    const containerWorldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -21875,7 +21879,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      worldMatrix.apply(c);
+      containerWorldMatrix.apply(c);
     return new Mbr(Math.min(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.min(corners[0].y, corners[1].y, corners[2].y, corners[3].y), Math.max(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.max(corners[0].y, corners[1].y, corners[2].y, corners[3].y));
   }
   applyAddChildren(childIds) {
@@ -22154,6 +22158,7 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
+  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -22323,7 +22328,7 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
@@ -22331,7 +22336,7 @@ class RichText extends BaseItem {
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -22453,6 +22458,13 @@ class RichText extends BaseItem {
     }
     return this.container.getTransformed(this.transformation.toMatrix());
   }
+  getLayoutContainer() {
+    if (this.insideOf === "Frame") {
+      return this.getTransformedContainer();
+    }
+    const matrix = this.worldMatrixGetter ? this.worldMatrixGetter() : this.transformation.toMatrix();
+    return this.container.getTransformed(matrix);
+  }
   emitWithoutApplying = (op) => {
     if (this.board.events) {
       this.board.events.emit(op);
@@ -36419,6 +36431,7 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
+    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -36510,7 +36523,7 @@ class AINode extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.text.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -40440,6 +40453,7 @@ 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") {
@@ -40543,7 +40557,7 @@ class Sticker extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);

package/dist/cjs/index.js

@@ -21866,7 +21866,11 @@ class BaseItem extends Mbr {
     if (this.parent === "Board" || !this.parent || !this.board?.items) {
       return this.getMbr();
     }
-    const worldMatrix = this.getWorldMatrix();
+    const container = this.board.items.getById(this.parent);
+    if (!container) {
+      return this.getMbr();
+    }
+    const containerWorldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -21875,7 +21879,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      worldMatrix.apply(c);
+      containerWorldMatrix.apply(c);
     return new Mbr(Math.min(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.min(corners[0].y, corners[1].y, corners[2].y, corners[3].y), Math.max(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.max(corners[0].y, corners[1].y, corners[2].y, corners[3].y));
   }
   applyAddChildren(childIds) {
@@ -22154,6 +22158,7 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
+  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -22323,7 +22328,7 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
@@ -22331,7 +22336,7 @@ class RichText extends BaseItem {
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -22453,6 +22458,13 @@ class RichText extends BaseItem {
     }
     return this.container.getTransformed(this.transformation.toMatrix());
   }
+  getLayoutContainer() {
+    if (this.insideOf === "Frame") {
+      return this.getTransformedContainer();
+    }
+    const matrix = this.worldMatrixGetter ? this.worldMatrixGetter() : this.transformation.toMatrix();
+    return this.container.getTransformed(matrix);
+  }
   emitWithoutApplying = (op) => {
     if (this.board.events) {
       this.board.events.emit(op);
@@ -36419,6 +36431,7 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
+    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -36510,7 +36523,7 @@ class AINode extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.text.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -40440,6 +40453,7 @@ 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") {
@@ -40543,7 +40557,7 @@ class Sticker extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);

package/dist/cjs/node.js

@@ -24338,7 +24338,11 @@ class BaseItem extends Mbr {
     if (this.parent === "Board" || !this.parent || !this.board?.items) {
       return this.getMbr();
     }
-    const worldMatrix = this.getWorldMatrix();
+    const container = this.board.items.getById(this.parent);
+    if (!container) {
+      return this.getMbr();
+    }
+    const containerWorldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -24347,7 +24351,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      worldMatrix.apply(c);
+      containerWorldMatrix.apply(c);
     return new Mbr(Math.min(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.min(corners[0].y, corners[1].y, corners[2].y, corners[3].y), Math.max(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.max(corners[0].y, corners[1].y, corners[2].y, corners[3].y));
   }
   applyAddChildren(childIds) {
@@ -24626,6 +24630,7 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
+  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -24795,7 +24800,7 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
@@ -24803,7 +24808,7 @@ class RichText extends BaseItem {
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -24925,6 +24930,13 @@ class RichText extends BaseItem {
     }
     return this.container.getTransformed(this.transformation.toMatrix());
   }
+  getLayoutContainer() {
+    if (this.insideOf === "Frame") {
+      return this.getTransformedContainer();
+    }
+    const matrix = this.worldMatrixGetter ? this.worldMatrixGetter() : this.transformation.toMatrix();
+    return this.container.getTransformed(matrix);
+  }
   emitWithoutApplying = (op) => {
     if (this.board.events) {
       this.board.events.emit(op);
@@ -38892,6 +38904,7 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
+    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -38983,7 +38996,7 @@ class AINode extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.text.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -42913,6 +42926,7 @@ 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") {
@@ -43016,7 +43030,7 @@ class Sticker extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);

package/dist/esm/browser.js

@@ -21695,7 +21695,11 @@ class BaseItem extends Mbr {
     if (this.parent === "Board" || !this.parent || !this.board?.items) {
       return this.getMbr();
     }
-    const worldMatrix = this.getWorldMatrix();
+    const container = this.board.items.getById(this.parent);
+    if (!container) {
+      return this.getMbr();
+    }
+    const containerWorldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -21704,7 +21708,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      worldMatrix.apply(c);
+      containerWorldMatrix.apply(c);
     return new Mbr(Math.min(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.min(corners[0].y, corners[1].y, corners[2].y, corners[3].y), Math.max(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.max(corners[0].y, corners[1].y, corners[2].y, corners[3].y));
   }
   applyAddChildren(childIds) {
@@ -21983,6 +21987,7 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
+  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -22152,7 +22157,7 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
@@ -22160,7 +22165,7 @@ class RichText extends BaseItem {
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -22282,6 +22287,13 @@ class RichText extends BaseItem {
     }
     return this.container.getTransformed(this.transformation.toMatrix());
   }
+  getLayoutContainer() {
+    if (this.insideOf === "Frame") {
+      return this.getTransformedContainer();
+    }
+    const matrix = this.worldMatrixGetter ? this.worldMatrixGetter() : this.transformation.toMatrix();
+    return this.container.getTransformed(matrix);
+  }
   emitWithoutApplying = (op) => {
     if (this.board.events) {
       this.board.events.emit(op);
@@ -36248,6 +36260,7 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
+    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -36339,7 +36352,7 @@ class AINode extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.text.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -40269,6 +40282,7 @@ 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") {
@@ -40372,7 +40386,7 @@ class Sticker extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);

package/dist/esm/index.js

@@ -21688,7 +21688,11 @@ class BaseItem extends Mbr {
     if (this.parent === "Board" || !this.parent || !this.board?.items) {
       return this.getMbr();
     }
-    const worldMatrix = this.getWorldMatrix();
+    const container = this.board.items.getById(this.parent);
+    if (!container) {
+      return this.getMbr();
+    }
+    const containerWorldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -21697,7 +21701,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      worldMatrix.apply(c);
+      containerWorldMatrix.apply(c);
     return new Mbr(Math.min(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.min(corners[0].y, corners[1].y, corners[2].y, corners[3].y), Math.max(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.max(corners[0].y, corners[1].y, corners[2].y, corners[3].y));
   }
   applyAddChildren(childIds) {
@@ -21976,6 +21980,7 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
+  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -22145,7 +22150,7 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
@@ -22153,7 +22158,7 @@ class RichText extends BaseItem {
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -22275,6 +22280,13 @@ class RichText extends BaseItem {
     }
     return this.container.getTransformed(this.transformation.toMatrix());
   }
+  getLayoutContainer() {
+    if (this.insideOf === "Frame") {
+      return this.getTransformedContainer();
+    }
+    const matrix = this.worldMatrixGetter ? this.worldMatrixGetter() : this.transformation.toMatrix();
+    return this.container.getTransformed(matrix);
+  }
   emitWithoutApplying = (op) => {
     if (this.board.events) {
       this.board.events.emit(op);
@@ -36241,6 +36253,7 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
+    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -36332,7 +36345,7 @@ class AINode extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.text.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -40262,6 +40275,7 @@ 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") {
@@ -40365,7 +40379,7 @@ class Sticker extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);

package/dist/esm/node.js

@@ -24155,7 +24155,11 @@ class BaseItem extends Mbr {
     if (this.parent === "Board" || !this.parent || !this.board?.items) {
       return this.getMbr();
     }
-    const worldMatrix = this.getWorldMatrix();
+    const container = this.board.items.getById(this.parent);
+    if (!container) {
+      return this.getMbr();
+    }
+    const containerWorldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -24164,7 +24168,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      worldMatrix.apply(c);
+      containerWorldMatrix.apply(c);
     return new Mbr(Math.min(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.min(corners[0].y, corners[1].y, corners[2].y, corners[3].y), Math.max(corners[0].x, corners[1].x, corners[2].x, corners[3].x), Math.max(corners[0].y, corners[1].y, corners[2].y, corners[3].y));
   }
   applyAddChildren(childIds) {
@@ -24443,6 +24447,7 @@ class RichText extends BaseItem {
   _onLimitReached = () => {};
   shrinkWidth = false;
   prevMbr = null;
+  worldMatrixGetter;
   rtCounter = 0;
   constructor(board, container, id = "", transformation = new Transformation(id, board.events), linkTo, placeholderText = conf.i18n?.t("board.textPlaceholder"), isInShape = false, autoSize = false, insideOf, initialTextStyles = conf.DEFAULT_TEXT_STYLES) {
     super(board, id);
@@ -24612,7 +24617,7 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
@@ -24620,7 +24625,7 @@ class RichText extends BaseItem {
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getTransformedContainer();
+    const container = this.getLayoutContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -24742,6 +24747,13 @@ class RichText extends BaseItem {
     }
     return this.container.getTransformed(this.transformation.toMatrix());
   }
+  getLayoutContainer() {
+    if (this.insideOf === "Frame") {
+      return this.getTransformedContainer();
+    }
+    const matrix = this.worldMatrixGetter ? this.worldMatrixGetter() : this.transformation.toMatrix();
+    return this.container.getTransformed(matrix);
+  }
   emitWithoutApplying = (op) => {
     if (this.board.events) {
       this.board.events.emit(op);
@@ -38709,6 +38721,7 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
+    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -38800,7 +38813,7 @@ class AINode extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.text.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -42730,6 +42743,7 @@ 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") {
@@ -42833,7 +42847,7 @@ class Sticker extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);

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

@@ -6,7 +6,7 @@ import { SelectionContext } from "../../Selection";
 import { DefaultTextStyles } from "../../Settings";
 import { Subject } from "../../Subject";
 import { BaseRange, BaseSelection, Descendant, Operation as SlateOp } from "slate";
-import { ItemType, Mbr, Point, RichTextData, Transformation } from "..";
+import { ItemType, Matrix, Mbr, Point, RichTextData, Transformation } from "..";
 import { HorisontalAlignment, VerticalAlignment } from "../Alignment";
 import { DrawingContext } from "../DrawingContext";
 import { LinkTo } from "../LinkTo/LinkTo";
@@ -52,6 +52,8 @@ export declare class RichText extends BaseItem {
     private _onLimitReached;
     private shrinkWidth;
     prevMbr: Mbr | null;
+    /** When set, used by calcAutoSize/applyAutoSizeScale to get world-space container dimensions. */
+    worldMatrixGetter?: () => Matrix;
     rtCounter: number;
     constructor(board: Board, container: Mbr, id?: string, transformation?: Transformation, linkTo?: LinkTo, placeholderText?: string, isInShape?: boolean, autoSize?: boolean, insideOf?: ItemType | undefined, initialTextStyles?: DefaultTextStyles);
     isClosed(): boolean;
@@ -94,6 +96,13 @@ export declare class RichText extends BaseItem {
      * Get the container that would be used to align the CanvasDocument.
      */
     getTransformedContainer(): Mbr;
+    /**
+     * Like getTransformedContainer() but uses the world-space matrix when this
+     * RichText belongs to a nested item (e.g. Sticker inside a Frame). This
+     * ensures calcAutoSize and applyAutoSizeScale measure the correct pixel
+     * dimensions instead of the compressed local-space dimensions.
+     */
+    private getLayoutContainer;
     emitWithoutApplying: (op: RichTextOperation) => void;
     emit: (op: RichTextOperation) => void;
     apply(op: Operation): void;

package/package.json

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