microboard-temp 0.11.1 → 0.11.3

package/dist/cjs/browser.js

@@ -17752,9 +17752,15 @@ class TransformationCommand {
   transformation;
   operation;
   reverse;
-  constructor(transformation, operation) {
+  itemsMap = new Map;
+  constructor(transformation, operation, items) {
     this.transformation = transformation;
     this.operation = operation;
+    if (items) {
+      for (const item of items) {
+        this.itemsMap.set(item.transformation, item);
+      }
+    }
     this.reverse = this.getReverse();
   }
   merge(op) {
@@ -17764,12 +17770,22 @@ class TransformationCommand {
   }
   apply() {
     for (const transformation of this.transformation) {
-      transformation.apply(this.operation);
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(this.operation);
+      } else {
+        transformation.apply(this.operation);
+      }
     }
   }
   revert() {
-    this.reverse.forEach(({ item, operation }) => {
-      item.apply(operation);
+    this.reverse.forEach(({ item: transformation, operation }) => {
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(operation);
+      } else {
+        transformation.apply(operation);
+      }
     });
   }
   getReverse() {
@@ -19225,7 +19241,7 @@ class Comment {
         this.transform();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -19754,7 +19770,7 @@ function createRichTextCommand(items, operation, board) {
   }
 }
 function createTransformationCommand(items, operation) {
-  return new TransformationCommand(items.map((item) => item.transformation), operation);
+  return new TransformationCommand(items.map((item) => item.transformation), operation, items);
 }
 function createLinkToCommand(items, operation) {
   return new LinkToCommand(items.map((item) => item.linkTo), operation);
@@ -21867,10 +21883,9 @@ class BaseItem extends Mbr {
       return this.getMbr();
     }
     const container = this.board.items.getById(this.parent);
-    if (!container) {
+    if (!container)
       return this.getMbr();
-    }
-    const containerWorldMatrix = container.getWorldMatrix();
+    const worldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -21879,7 +21894,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      containerWorldMatrix.apply(c);
+      worldMatrix.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) {
@@ -22328,15 +22343,29 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
-    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
-    return Math.min(containerWidth / optimal.bestMaxWidth, containerHeight / optimal.bestMaxHeight);
+    const worldMatrix = this.worldMatrixGetter?.();
+    let effectiveWidth = containerWidth;
+    let effectiveHeight = containerHeight;
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      const localScaleY = this.transformation.getScale().y || 1;
+      effectiveWidth = containerWidth * (worldMatrix.scaleX / localScaleX);
+      effectiveHeight = containerHeight * (worldMatrix.scaleY / localScaleY);
+    }
+    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, effectiveWidth, effectiveHeight, effectiveWidth);
+    const worldTextScale = Math.min(effectiveWidth / optimal.bestMaxWidth, effectiveHeight / optimal.bestMaxHeight);
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      return worldTextScale * localScaleX / worldMatrix.scaleX;
+    }
+    return worldTextScale;
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -22458,13 +22487,6 @@ 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);
@@ -22480,7 +22502,7 @@ class RichText extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -36431,7 +36453,6 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -40028,7 +40049,7 @@ class Shape extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -41805,7 +41826,7 @@ class VideoItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -42281,7 +42302,7 @@ class AudioItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -42475,7 +42496,7 @@ class Placeholder extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -42902,7 +42923,7 @@ class ImageItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -43330,7 +43351,7 @@ class Drawing extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -43493,7 +43514,7 @@ class Group extends BaseItem {
         }
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;

package/dist/cjs/index.js

@@ -17752,9 +17752,15 @@ class TransformationCommand {
   transformation;
   operation;
   reverse;
-  constructor(transformation, operation) {
+  itemsMap = new Map;
+  constructor(transformation, operation, items) {
     this.transformation = transformation;
     this.operation = operation;
+    if (items) {
+      for (const item of items) {
+        this.itemsMap.set(item.transformation, item);
+      }
+    }
     this.reverse = this.getReverse();
   }
   merge(op) {
@@ -17764,12 +17770,22 @@ class TransformationCommand {
   }
   apply() {
     for (const transformation of this.transformation) {
-      transformation.apply(this.operation);
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(this.operation);
+      } else {
+        transformation.apply(this.operation);
+      }
     }
   }
   revert() {
-    this.reverse.forEach(({ item, operation }) => {
-      item.apply(operation);
+    this.reverse.forEach(({ item: transformation, operation }) => {
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(operation);
+      } else {
+        transformation.apply(operation);
+      }
     });
   }
   getReverse() {
@@ -19225,7 +19241,7 @@ class Comment {
         this.transform();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -19754,7 +19770,7 @@ function createRichTextCommand(items, operation, board) {
   }
 }
 function createTransformationCommand(items, operation) {
-  return new TransformationCommand(items.map((item) => item.transformation), operation);
+  return new TransformationCommand(items.map((item) => item.transformation), operation, items);
 }
 function createLinkToCommand(items, operation) {
   return new LinkToCommand(items.map((item) => item.linkTo), operation);
@@ -21867,10 +21883,9 @@ class BaseItem extends Mbr {
       return this.getMbr();
     }
     const container = this.board.items.getById(this.parent);
-    if (!container) {
+    if (!container)
       return this.getMbr();
-    }
-    const containerWorldMatrix = container.getWorldMatrix();
+    const worldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -21879,7 +21894,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      containerWorldMatrix.apply(c);
+      worldMatrix.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) {
@@ -22328,15 +22343,29 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
-    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
-    return Math.min(containerWidth / optimal.bestMaxWidth, containerHeight / optimal.bestMaxHeight);
+    const worldMatrix = this.worldMatrixGetter?.();
+    let effectiveWidth = containerWidth;
+    let effectiveHeight = containerHeight;
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      const localScaleY = this.transformation.getScale().y || 1;
+      effectiveWidth = containerWidth * (worldMatrix.scaleX / localScaleX);
+      effectiveHeight = containerHeight * (worldMatrix.scaleY / localScaleY);
+    }
+    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, effectiveWidth, effectiveHeight, effectiveWidth);
+    const worldTextScale = Math.min(effectiveWidth / optimal.bestMaxWidth, effectiveHeight / optimal.bestMaxHeight);
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      return worldTextScale * localScaleX / worldMatrix.scaleX;
+    }
+    return worldTextScale;
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -22458,13 +22487,6 @@ 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);
@@ -22480,7 +22502,7 @@ class RichText extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -36431,7 +36453,6 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -40028,7 +40049,7 @@ class Shape extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -41805,7 +41826,7 @@ class VideoItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -42281,7 +42302,7 @@ class AudioItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -42475,7 +42496,7 @@ class Placeholder extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -42902,7 +42923,7 @@ class ImageItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -43330,7 +43351,7 @@ class Drawing extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -43493,7 +43514,7 @@ class Group extends BaseItem {
         }
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;

package/dist/cjs/node.js

@@ -20292,9 +20292,15 @@ class TransformationCommand {
   transformation;
   operation;
   reverse;
-  constructor(transformation, operation) {
+  itemsMap = new Map;
+  constructor(transformation, operation, items) {
     this.transformation = transformation;
     this.operation = operation;
+    if (items) {
+      for (const item of items) {
+        this.itemsMap.set(item.transformation, item);
+      }
+    }
     this.reverse = this.getReverse();
   }
   merge(op) {
@@ -20304,12 +20310,22 @@ class TransformationCommand {
   }
   apply() {
     for (const transformation of this.transformation) {
-      transformation.apply(this.operation);
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(this.operation);
+      } else {
+        transformation.apply(this.operation);
+      }
     }
   }
   revert() {
-    this.reverse.forEach(({ item, operation }) => {
-      item.apply(operation);
+    this.reverse.forEach(({ item: transformation, operation }) => {
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(operation);
+      } else {
+        transformation.apply(operation);
+      }
     });
   }
   getReverse() {
@@ -21764,7 +21780,7 @@ class Comment {
         this.transform();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -22293,7 +22309,7 @@ function createRichTextCommand(items, operation, board) {
   }
 }
 function createTransformationCommand(items, operation) {
-  return new TransformationCommand(items.map((item) => item.transformation), operation);
+  return new TransformationCommand(items.map((item) => item.transformation), operation, items);
 }
 function createLinkToCommand(items, operation) {
   return new LinkToCommand(items.map((item) => item.linkTo), operation);
@@ -24339,10 +24355,9 @@ class BaseItem extends Mbr {
       return this.getMbr();
     }
     const container = this.board.items.getById(this.parent);
-    if (!container) {
+    if (!container)
       return this.getMbr();
-    }
-    const containerWorldMatrix = container.getWorldMatrix();
+    const worldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -24351,7 +24366,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      containerWorldMatrix.apply(c);
+      worldMatrix.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) {
@@ -24800,15 +24815,29 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
-    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
-    return Math.min(containerWidth / optimal.bestMaxWidth, containerHeight / optimal.bestMaxHeight);
+    const worldMatrix = this.worldMatrixGetter?.();
+    let effectiveWidth = containerWidth;
+    let effectiveHeight = containerHeight;
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      const localScaleY = this.transformation.getScale().y || 1;
+      effectiveWidth = containerWidth * (worldMatrix.scaleX / localScaleX);
+      effectiveHeight = containerHeight * (worldMatrix.scaleY / localScaleY);
+    }
+    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, effectiveWidth, effectiveHeight, effectiveWidth);
+    const worldTextScale = Math.min(effectiveWidth / optimal.bestMaxWidth, effectiveHeight / optimal.bestMaxHeight);
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      return worldTextScale * localScaleX / worldMatrix.scaleX;
+    }
+    return worldTextScale;
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -24930,13 +24959,6 @@ 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);
@@ -24952,7 +24974,7 @@ class RichText extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -38904,7 +38926,6 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -42501,7 +42522,7 @@ class Shape extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -44278,7 +44299,7 @@ class VideoItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -44754,7 +44775,7 @@ class AudioItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -44948,7 +44969,7 @@ class Placeholder extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -45375,7 +45396,7 @@ class ImageItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -45803,7 +45824,7 @@ class Drawing extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -45966,7 +45987,7 @@ class Group extends BaseItem {
         }
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;

package/dist/esm/browser.js

@@ -17581,9 +17581,15 @@ class TransformationCommand {
   transformation;
   operation;
   reverse;
-  constructor(transformation, operation) {
+  itemsMap = new Map;
+  constructor(transformation, operation, items) {
     this.transformation = transformation;
     this.operation = operation;
+    if (items) {
+      for (const item of items) {
+        this.itemsMap.set(item.transformation, item);
+      }
+    }
     this.reverse = this.getReverse();
   }
   merge(op) {
@@ -17593,12 +17599,22 @@ class TransformationCommand {
   }
   apply() {
     for (const transformation of this.transformation) {
-      transformation.apply(this.operation);
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(this.operation);
+      } else {
+        transformation.apply(this.operation);
+      }
     }
   }
   revert() {
-    this.reverse.forEach(({ item, operation }) => {
-      item.apply(operation);
+    this.reverse.forEach(({ item: transformation, operation }) => {
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(operation);
+      } else {
+        transformation.apply(operation);
+      }
     });
   }
   getReverse() {
@@ -19054,7 +19070,7 @@ class Comment {
         this.transform();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -19583,7 +19599,7 @@ function createRichTextCommand(items, operation, board) {
   }
 }
 function createTransformationCommand(items, operation) {
-  return new TransformationCommand(items.map((item) => item.transformation), operation);
+  return new TransformationCommand(items.map((item) => item.transformation), operation, items);
 }
 function createLinkToCommand(items, operation) {
   return new LinkToCommand(items.map((item) => item.linkTo), operation);
@@ -21696,10 +21712,9 @@ class BaseItem extends Mbr {
       return this.getMbr();
     }
     const container = this.board.items.getById(this.parent);
-    if (!container) {
+    if (!container)
       return this.getMbr();
-    }
-    const containerWorldMatrix = container.getWorldMatrix();
+    const worldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -21708,7 +21723,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      containerWorldMatrix.apply(c);
+      worldMatrix.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) {
@@ -22157,15 +22172,29 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
-    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
-    return Math.min(containerWidth / optimal.bestMaxWidth, containerHeight / optimal.bestMaxHeight);
+    const worldMatrix = this.worldMatrixGetter?.();
+    let effectiveWidth = containerWidth;
+    let effectiveHeight = containerHeight;
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      const localScaleY = this.transformation.getScale().y || 1;
+      effectiveWidth = containerWidth * (worldMatrix.scaleX / localScaleX);
+      effectiveHeight = containerHeight * (worldMatrix.scaleY / localScaleY);
+    }
+    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, effectiveWidth, effectiveHeight, effectiveWidth);
+    const worldTextScale = Math.min(effectiveWidth / optimal.bestMaxWidth, effectiveHeight / optimal.bestMaxHeight);
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      return worldTextScale * localScaleX / worldMatrix.scaleX;
+    }
+    return worldTextScale;
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -22287,13 +22316,6 @@ 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);
@@ -22309,7 +22331,7 @@ class RichText extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -36260,7 +36282,6 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -39857,7 +39878,7 @@ class Shape extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -41634,7 +41655,7 @@ class VideoItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -42110,7 +42131,7 @@ class AudioItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -42304,7 +42325,7 @@ class Placeholder extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -42731,7 +42752,7 @@ class ImageItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -43159,7 +43180,7 @@ class Drawing extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -43322,7 +43343,7 @@ class Group extends BaseItem {
         }
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;

package/dist/esm/index.js

@@ -17574,9 +17574,15 @@ class TransformationCommand {
   transformation;
   operation;
   reverse;
-  constructor(transformation, operation) {
+  itemsMap = new Map;
+  constructor(transformation, operation, items) {
     this.transformation = transformation;
     this.operation = operation;
+    if (items) {
+      for (const item of items) {
+        this.itemsMap.set(item.transformation, item);
+      }
+    }
     this.reverse = this.getReverse();
   }
   merge(op) {
@@ -17586,12 +17592,22 @@ class TransformationCommand {
   }
   apply() {
     for (const transformation of this.transformation) {
-      transformation.apply(this.operation);
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(this.operation);
+      } else {
+        transformation.apply(this.operation);
+      }
     }
   }
   revert() {
-    this.reverse.forEach(({ item, operation }) => {
-      item.apply(operation);
+    this.reverse.forEach(({ item: transformation, operation }) => {
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(operation);
+      } else {
+        transformation.apply(operation);
+      }
     });
   }
   getReverse() {
@@ -19047,7 +19063,7 @@ class Comment {
         this.transform();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -19576,7 +19592,7 @@ function createRichTextCommand(items, operation, board) {
   }
 }
 function createTransformationCommand(items, operation) {
-  return new TransformationCommand(items.map((item) => item.transformation), operation);
+  return new TransformationCommand(items.map((item) => item.transformation), operation, items);
 }
 function createLinkToCommand(items, operation) {
   return new LinkToCommand(items.map((item) => item.linkTo), operation);
@@ -21689,10 +21705,9 @@ class BaseItem extends Mbr {
       return this.getMbr();
     }
     const container = this.board.items.getById(this.parent);
-    if (!container) {
+    if (!container)
       return this.getMbr();
-    }
-    const containerWorldMatrix = container.getWorldMatrix();
+    const worldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -21701,7 +21716,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      containerWorldMatrix.apply(c);
+      worldMatrix.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) {
@@ -22150,15 +22165,29 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
-    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
-    return Math.min(containerWidth / optimal.bestMaxWidth, containerHeight / optimal.bestMaxHeight);
+    const worldMatrix = this.worldMatrixGetter?.();
+    let effectiveWidth = containerWidth;
+    let effectiveHeight = containerHeight;
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      const localScaleY = this.transformation.getScale().y || 1;
+      effectiveWidth = containerWidth * (worldMatrix.scaleX / localScaleX);
+      effectiveHeight = containerHeight * (worldMatrix.scaleY / localScaleY);
+    }
+    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, effectiveWidth, effectiveHeight, effectiveWidth);
+    const worldTextScale = Math.min(effectiveWidth / optimal.bestMaxWidth, effectiveHeight / optimal.bestMaxHeight);
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      return worldTextScale * localScaleX / worldMatrix.scaleX;
+    }
+    return worldTextScale;
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -22280,13 +22309,6 @@ 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);
@@ -22302,7 +22324,7 @@ class RichText extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -36253,7 +36275,6 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -39850,7 +39871,7 @@ class Shape extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -41627,7 +41648,7 @@ class VideoItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -42103,7 +42124,7 @@ class AudioItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -42297,7 +42318,7 @@ class Placeholder extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -42724,7 +42745,7 @@ class ImageItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -43152,7 +43173,7 @@ class Drawing extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -43315,7 +43336,7 @@ class Group extends BaseItem {
         }
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;

package/dist/esm/node.js

@@ -20109,9 +20109,15 @@ class TransformationCommand {
   transformation;
   operation;
   reverse;
-  constructor(transformation, operation) {
+  itemsMap = new Map;
+  constructor(transformation, operation, items) {
     this.transformation = transformation;
     this.operation = operation;
+    if (items) {
+      for (const item of items) {
+        this.itemsMap.set(item.transformation, item);
+      }
+    }
     this.reverse = this.getReverse();
   }
   merge(op) {
@@ -20121,12 +20127,22 @@ class TransformationCommand {
   }
   apply() {
     for (const transformation of this.transformation) {
-      transformation.apply(this.operation);
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(this.operation);
+      } else {
+        transformation.apply(this.operation);
+      }
     }
   }
   revert() {
-    this.reverse.forEach(({ item, operation }) => {
-      item.apply(operation);
+    this.reverse.forEach(({ item: transformation, operation }) => {
+      const item = this.itemsMap.get(transformation);
+      if (item) {
+        item.apply(operation);
+      } else {
+        transformation.apply(operation);
+      }
     });
   }
   getReverse() {
@@ -21581,7 +21597,7 @@ class Comment {
         this.transform();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -22110,7 +22126,7 @@ function createRichTextCommand(items, operation, board) {
   }
 }
 function createTransformationCommand(items, operation) {
-  return new TransformationCommand(items.map((item) => item.transformation), operation);
+  return new TransformationCommand(items.map((item) => item.transformation), operation, items);
 }
 function createLinkToCommand(items, operation) {
   return new LinkToCommand(items.map((item) => item.linkTo), operation);
@@ -24156,10 +24172,9 @@ class BaseItem extends Mbr {
       return this.getMbr();
     }
     const container = this.board.items.getById(this.parent);
-    if (!container) {
+    if (!container)
       return this.getMbr();
-    }
-    const containerWorldMatrix = container.getWorldMatrix();
+    const worldMatrix = container.getWorldMatrix();
     const local = this.getMbr();
     const corners = [
       new Point(local.left, local.top),
@@ -24168,7 +24183,7 @@ class BaseItem extends Mbr {
       new Point(local.left, local.bottom)
     ];
     for (const c of corners)
-      containerWorldMatrix.apply(c);
+      worldMatrix.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) {
@@ -24617,15 +24632,29 @@ class RichText extends BaseItem {
   };
   calcAutoSize(blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
-    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, containerWidth, containerHeight, containerWidth);
-    return Math.min(containerWidth / optimal.bestMaxWidth, containerHeight / optimal.bestMaxHeight);
+    const worldMatrix = this.worldMatrixGetter?.();
+    let effectiveWidth = containerWidth;
+    let effectiveHeight = containerHeight;
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      const localScaleY = this.transformation.getScale().y || 1;
+      effectiveWidth = containerWidth * (worldMatrix.scaleX / localScaleX);
+      effectiveHeight = containerHeight * (worldMatrix.scaleY / localScaleY);
+    }
+    const optimal = findOptimalMaxWidthForTextAutoSize(nodes, effectiveWidth, effectiveHeight, effectiveWidth);
+    const worldTextScale = Math.min(effectiveWidth / optimal.bestMaxWidth, effectiveHeight / optimal.bestMaxHeight);
+    if (worldMatrix) {
+      const localScaleX = this.transformation.getScale().x || 1;
+      return worldTextScale * localScaleX / worldMatrix.scaleX;
+    }
+    return worldTextScale;
   }
   applyAutoSizeScale(textScale, blockNodes) {
     const nodes = blockNodes ? blockNodes : this.getBlockNodes();
-    const container = this.getLayoutContainer();
+    const container = this.getTransformedContainer();
     const containerWidth = container.getWidth();
     const containerHeight = container.getHeight();
     this.layoutNodes = getBlockNodes(nodes, containerWidth / textScale);
@@ -24747,13 +24776,6 @@ 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);
@@ -24769,7 +24791,7 @@ class RichText extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -38721,7 +38743,6 @@ class AINode extends BaseItem {
       this.subject.publish(this);
     });
     this.text.insideOf = "AINode";
-    this.text.worldMatrixGetter = () => this.getWorldMatrix();
     this.transformPath();
   }
   transformPath() {
@@ -42318,7 +42339,7 @@ class Shape extends BaseItem {
         this.text.apply(op);
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -44095,7 +44116,7 @@ class VideoItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -44571,7 +44592,7 @@ class AudioItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -44765,7 +44786,7 @@ class Placeholder extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;
@@ -45192,7 +45213,7 @@ class ImageItem extends BaseItem {
   apply(op) {
     switch (op.class) {
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -45620,7 +45641,7 @@ class Drawing extends BaseItem {
         this.updateMbr();
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       case "LinkTo":
         this.linkTo.apply(op);
@@ -45783,7 +45804,7 @@ class Group extends BaseItem {
         }
         break;
       case "Transformation":
-        this.transformation.apply(op);
+        super.apply(op);
         break;
       default:
         return;

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

@@ -52,7 +52,6 @@ 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);
@@ -96,13 +95,6 @@ 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/dist/types/Items/Transformation/TransformationCommand.d.ts

@@ -1,6 +1,11 @@
 import { Transformation } from "./Transformation";
 import { TransformationOperation } from "./TransformationOperations";
-import { Command } from "../../Events";
+import { Command, Operation } from "../../Events";
+/** Minimal interface to avoid circular import with BaseItem/Item */
+interface TransformableItem {
+    apply(op: Operation): void;
+    transformation: Transformation;
+}
 export declare class TransformationCommand implements Command {
     private transformation;
     private operation;
@@ -8,7 +13,9 @@ export declare class TransformationCommand implements Command {
         item: Transformation;
         operation: TransformationOperation;
     }[];
-    constructor(transformation: Transformation[], operation: TransformationOperation);
+    /** Map from Transformation → Item, populated when items are passed to the constructor. */
+    private itemsMap;
+    constructor(transformation: Transformation[], operation: TransformationOperation, items?: TransformableItem[]);
     merge(op: TransformationOperation): this;
     apply(): void;
     revert(): void;
@@ -17,3 +24,4 @@ export declare class TransformationCommand implements Command {
         operation: TransformationOperation;
     }[];
 }
+export {};

package/package.json

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