microboard-temp 0.13.6 → 0.13.8

package/dist/cjs/browser.js

@@ -22521,7 +22521,7 @@ class RichText extends BaseItem {
       matrix = this.transformation.toMatrix();
     }
     const { translateX, translateY, scaleX, scaleY } = matrix;
-    const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
+    const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
     return this.container.getTransformed(scaledMatrix);
   }
   emitWithoutApplying = (op) => {
@@ -41030,6 +41030,8 @@ class DefaultFrameData {
 
 // src/Items/Frame/Frame.ts
 var defaultFrameData = new DefaultFrameData;
+var HEADING_TOP_OFFSET = -45;
+var HEADING_BOTTOM_OFFSET = -12;
 
 class Frame2 extends BaseItem {
   getItemById;
@@ -41045,7 +41047,7 @@ class Frame2 extends BaseItem {
   parent = "Board";
   transformation;
   subject = new Subject;
-  textContainer;
+  textContainer = new Mbr;
   path;
   children = [];
   mbr = new Mbr;
@@ -41066,15 +41068,16 @@ class Frame2 extends BaseItem {
     this.borderOpacity = borderOpacity;
     this.borderStyle = borderStyle;
     this.borderWidth = borderWidth;
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
     this.path = Frames[this.shapeType].path.copy();
     this.transformation = new Transformation(this.id, board.events);
     this.linkTo = new LinkTo(this.id, board.events);
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
     this.text.editor.verticalAlignment = "bottom";
     this.text.setSelectionHorisontalAlignment("left");
-    this.textContainer.top = -45;
-    this.textContainer.bottom = -12;
     this.text.customTransformationMatrix = () => {
       const matrix = this.transformation.toMatrix();
       return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
@@ -41106,9 +41109,17 @@ class Frame2 extends BaseItem {
   }
   initPath() {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
-    this.text.setContainer(this.textContainer.copy());
-    this.text.updateElement();
+    this.updateTextContainer();
+  }
+  updateTextContainer() {
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
+    if (this.text) {
+      this.text.setContainer(this.textContainer.copy());
+      this.text.updateElement();
+    }
   }
   getPaths() {
     return this.path;
@@ -41251,6 +41262,7 @@ class Frame2 extends BaseItem {
     }
     if (data.text) {
       this.text.deserialize(data.text);
+      this.updateTextContainer();
     }
     this.canChangeRatio = data.canChangeRatio ?? this.canChangeRatio;
     this.subject.publish(this);
@@ -41266,15 +41278,13 @@ class Frame2 extends BaseItem {
   }
   transformPath(saveProportions = false) {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
+    this.updateTextContainer();
     if (saveProportions) {
       const newMatrix = this.getSavedProportionsMatrix();
       this.path.transform(newMatrix);
-      this.textContainer.transform(newMatrix);
       this.transformation.applyScaleTo(newMatrix.scaleX, newMatrix.scaleY);
     } else {
       this.path.transform(this.transformation.toMatrix());
-      this.textContainer.transform(this.transformation.toMatrix());
     }
     this.path.setBackgroundOpacity(this.backgroundOpacity);
     this.path.setBorderWidth(this.borderWidth);

package/dist/cjs/index.js

@@ -22521,7 +22521,7 @@ class RichText extends BaseItem {
       matrix = this.transformation.toMatrix();
     }
     const { translateX, translateY, scaleX, scaleY } = matrix;
-    const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
+    const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
     return this.container.getTransformed(scaledMatrix);
   }
   emitWithoutApplying = (op) => {
@@ -41030,6 +41030,8 @@ class DefaultFrameData {
 
 // src/Items/Frame/Frame.ts
 var defaultFrameData = new DefaultFrameData;
+var HEADING_TOP_OFFSET = -45;
+var HEADING_BOTTOM_OFFSET = -12;
 
 class Frame2 extends BaseItem {
   getItemById;
@@ -41045,7 +41047,7 @@ class Frame2 extends BaseItem {
   parent = "Board";
   transformation;
   subject = new Subject;
-  textContainer;
+  textContainer = new Mbr;
   path;
   children = [];
   mbr = new Mbr;
@@ -41066,15 +41068,16 @@ class Frame2 extends BaseItem {
     this.borderOpacity = borderOpacity;
     this.borderStyle = borderStyle;
     this.borderWidth = borderWidth;
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
     this.path = Frames[this.shapeType].path.copy();
     this.transformation = new Transformation(this.id, board.events);
     this.linkTo = new LinkTo(this.id, board.events);
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
     this.text.editor.verticalAlignment = "bottom";
     this.text.setSelectionHorisontalAlignment("left");
-    this.textContainer.top = -45;
-    this.textContainer.bottom = -12;
     this.text.customTransformationMatrix = () => {
       const matrix = this.transformation.toMatrix();
       return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
@@ -41106,9 +41109,17 @@ class Frame2 extends BaseItem {
   }
   initPath() {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
-    this.text.setContainer(this.textContainer.copy());
-    this.text.updateElement();
+    this.updateTextContainer();
+  }
+  updateTextContainer() {
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
+    if (this.text) {
+      this.text.setContainer(this.textContainer.copy());
+      this.text.updateElement();
+    }
   }
   getPaths() {
     return this.path;
@@ -41251,6 +41262,7 @@ class Frame2 extends BaseItem {
     }
     if (data.text) {
       this.text.deserialize(data.text);
+      this.updateTextContainer();
     }
     this.canChangeRatio = data.canChangeRatio ?? this.canChangeRatio;
     this.subject.publish(this);
@@ -41266,15 +41278,13 @@ class Frame2 extends BaseItem {
   }
   transformPath(saveProportions = false) {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
+    this.updateTextContainer();
     if (saveProportions) {
       const newMatrix = this.getSavedProportionsMatrix();
       this.path.transform(newMatrix);
-      this.textContainer.transform(newMatrix);
       this.transformation.applyScaleTo(newMatrix.scaleX, newMatrix.scaleY);
     } else {
       this.path.transform(this.transformation.toMatrix());
-      this.textContainer.transform(this.transformation.toMatrix());
     }
     this.path.setBackgroundOpacity(this.backgroundOpacity);
     this.path.setBorderWidth(this.borderWidth);

package/dist/cjs/node.js

@@ -24993,7 +24993,7 @@ class RichText extends BaseItem {
       matrix = this.transformation.toMatrix();
     }
     const { translateX, translateY, scaleX, scaleY } = matrix;
-    const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
+    const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
     return this.container.getTransformed(scaledMatrix);
   }
   emitWithoutApplying = (op) => {
@@ -43503,6 +43503,8 @@ class DefaultFrameData {
 
 // src/Items/Frame/Frame.ts
 var defaultFrameData = new DefaultFrameData;
+var HEADING_TOP_OFFSET = -45;
+var HEADING_BOTTOM_OFFSET = -12;
 
 class Frame2 extends BaseItem {
   getItemById;
@@ -43518,7 +43520,7 @@ class Frame2 extends BaseItem {
   parent = "Board";
   transformation;
   subject = new Subject;
-  textContainer;
+  textContainer = new Mbr;
   path;
   children = [];
   mbr = new Mbr;
@@ -43539,15 +43541,16 @@ class Frame2 extends BaseItem {
     this.borderOpacity = borderOpacity;
     this.borderStyle = borderStyle;
     this.borderWidth = borderWidth;
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
     this.path = Frames[this.shapeType].path.copy();
     this.transformation = new Transformation(this.id, board.events);
     this.linkTo = new LinkTo(this.id, board.events);
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
     this.text.editor.verticalAlignment = "bottom";
     this.text.setSelectionHorisontalAlignment("left");
-    this.textContainer.top = -45;
-    this.textContainer.bottom = -12;
     this.text.customTransformationMatrix = () => {
       const matrix = this.transformation.toMatrix();
       return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
@@ -43579,9 +43582,17 @@ class Frame2 extends BaseItem {
   }
   initPath() {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
-    this.text.setContainer(this.textContainer.copy());
-    this.text.updateElement();
+    this.updateTextContainer();
+  }
+  updateTextContainer() {
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
+    if (this.text) {
+      this.text.setContainer(this.textContainer.copy());
+      this.text.updateElement();
+    }
   }
   getPaths() {
     return this.path;
@@ -43724,6 +43735,7 @@ class Frame2 extends BaseItem {
     }
     if (data.text) {
       this.text.deserialize(data.text);
+      this.updateTextContainer();
     }
     this.canChangeRatio = data.canChangeRatio ?? this.canChangeRatio;
     this.subject.publish(this);
@@ -43739,15 +43751,13 @@ class Frame2 extends BaseItem {
   }
   transformPath(saveProportions = false) {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
+    this.updateTextContainer();
     if (saveProportions) {
       const newMatrix = this.getSavedProportionsMatrix();
       this.path.transform(newMatrix);
-      this.textContainer.transform(newMatrix);
       this.transformation.applyScaleTo(newMatrix.scaleX, newMatrix.scaleY);
     } else {
       this.path.transform(this.transformation.toMatrix());
-      this.textContainer.transform(this.transformation.toMatrix());
     }
     this.path.setBackgroundOpacity(this.backgroundOpacity);
     this.path.setBorderWidth(this.borderWidth);

package/dist/esm/browser.js

@@ -22350,7 +22350,7 @@ class RichText extends BaseItem {
       matrix = this.transformation.toMatrix();
     }
     const { translateX, translateY, scaleX, scaleY } = matrix;
-    const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
+    const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
     return this.container.getTransformed(scaledMatrix);
   }
   emitWithoutApplying = (op) => {
@@ -40859,6 +40859,8 @@ class DefaultFrameData {
 
 // src/Items/Frame/Frame.ts
 var defaultFrameData = new DefaultFrameData;
+var HEADING_TOP_OFFSET = -45;
+var HEADING_BOTTOM_OFFSET = -12;
 
 class Frame2 extends BaseItem {
   getItemById;
@@ -40874,7 +40876,7 @@ class Frame2 extends BaseItem {
   parent = "Board";
   transformation;
   subject = new Subject;
-  textContainer;
+  textContainer = new Mbr;
   path;
   children = [];
   mbr = new Mbr;
@@ -40895,15 +40897,16 @@ class Frame2 extends BaseItem {
     this.borderOpacity = borderOpacity;
     this.borderStyle = borderStyle;
     this.borderWidth = borderWidth;
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
     this.path = Frames[this.shapeType].path.copy();
     this.transformation = new Transformation(this.id, board.events);
     this.linkTo = new LinkTo(this.id, board.events);
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
     this.text.editor.verticalAlignment = "bottom";
     this.text.setSelectionHorisontalAlignment("left");
-    this.textContainer.top = -45;
-    this.textContainer.bottom = -12;
     this.text.customTransformationMatrix = () => {
       const matrix = this.transformation.toMatrix();
       return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
@@ -40935,9 +40938,17 @@ class Frame2 extends BaseItem {
   }
   initPath() {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
-    this.text.setContainer(this.textContainer.copy());
-    this.text.updateElement();
+    this.updateTextContainer();
+  }
+  updateTextContainer() {
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
+    if (this.text) {
+      this.text.setContainer(this.textContainer.copy());
+      this.text.updateElement();
+    }
   }
   getPaths() {
     return this.path;
@@ -41080,6 +41091,7 @@ class Frame2 extends BaseItem {
     }
     if (data.text) {
       this.text.deserialize(data.text);
+      this.updateTextContainer();
     }
     this.canChangeRatio = data.canChangeRatio ?? this.canChangeRatio;
     this.subject.publish(this);
@@ -41095,15 +41107,13 @@ class Frame2 extends BaseItem {
   }
   transformPath(saveProportions = false) {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
+    this.updateTextContainer();
     if (saveProportions) {
       const newMatrix = this.getSavedProportionsMatrix();
       this.path.transform(newMatrix);
-      this.textContainer.transform(newMatrix);
       this.transformation.applyScaleTo(newMatrix.scaleX, newMatrix.scaleY);
     } else {
       this.path.transform(this.transformation.toMatrix());
-      this.textContainer.transform(this.transformation.toMatrix());
     }
     this.path.setBackgroundOpacity(this.backgroundOpacity);
     this.path.setBorderWidth(this.borderWidth);

package/dist/esm/index.js

@@ -22343,7 +22343,7 @@ class RichText extends BaseItem {
       matrix = this.transformation.toMatrix();
     }
     const { translateX, translateY, scaleX, scaleY } = matrix;
-    const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
+    const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
     return this.container.getTransformed(scaledMatrix);
   }
   emitWithoutApplying = (op) => {
@@ -40852,6 +40852,8 @@ class DefaultFrameData {
 
 // src/Items/Frame/Frame.ts
 var defaultFrameData = new DefaultFrameData;
+var HEADING_TOP_OFFSET = -45;
+var HEADING_BOTTOM_OFFSET = -12;
 
 class Frame2 extends BaseItem {
   getItemById;
@@ -40867,7 +40869,7 @@ class Frame2 extends BaseItem {
   parent = "Board";
   transformation;
   subject = new Subject;
-  textContainer;
+  textContainer = new Mbr;
   path;
   children = [];
   mbr = new Mbr;
@@ -40888,15 +40890,16 @@ class Frame2 extends BaseItem {
     this.borderOpacity = borderOpacity;
     this.borderStyle = borderStyle;
     this.borderWidth = borderWidth;
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
     this.path = Frames[this.shapeType].path.copy();
     this.transformation = new Transformation(this.id, board.events);
     this.linkTo = new LinkTo(this.id, board.events);
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
     this.text.editor.verticalAlignment = "bottom";
     this.text.setSelectionHorisontalAlignment("left");
-    this.textContainer.top = -45;
-    this.textContainer.bottom = -12;
     this.text.customTransformationMatrix = () => {
       const matrix = this.transformation.toMatrix();
       return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
@@ -40928,9 +40931,17 @@ class Frame2 extends BaseItem {
   }
   initPath() {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
-    this.text.setContainer(this.textContainer.copy());
-    this.text.updateElement();
+    this.updateTextContainer();
+  }
+  updateTextContainer() {
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
+    if (this.text) {
+      this.text.setContainer(this.textContainer.copy());
+      this.text.updateElement();
+    }
   }
   getPaths() {
     return this.path;
@@ -41073,6 +41084,7 @@ class Frame2 extends BaseItem {
     }
     if (data.text) {
       this.text.deserialize(data.text);
+      this.updateTextContainer();
     }
     this.canChangeRatio = data.canChangeRatio ?? this.canChangeRatio;
     this.subject.publish(this);
@@ -41088,15 +41100,13 @@ class Frame2 extends BaseItem {
   }
   transformPath(saveProportions = false) {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
+    this.updateTextContainer();
     if (saveProportions) {
       const newMatrix = this.getSavedProportionsMatrix();
       this.path.transform(newMatrix);
-      this.textContainer.transform(newMatrix);
       this.transformation.applyScaleTo(newMatrix.scaleX, newMatrix.scaleY);
     } else {
       this.path.transform(this.transformation.toMatrix());
-      this.textContainer.transform(this.transformation.toMatrix());
     }
     this.path.setBackgroundOpacity(this.backgroundOpacity);
     this.path.setBorderWidth(this.borderWidth);

package/dist/esm/node.js

@@ -24810,7 +24810,7 @@ class RichText extends BaseItem {
       matrix = this.transformation.toMatrix();
     }
     const { translateX, translateY, scaleX, scaleY } = matrix;
-    const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
+    const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
     return this.container.getTransformed(scaledMatrix);
   }
   emitWithoutApplying = (op) => {
@@ -43320,6 +43320,8 @@ class DefaultFrameData {
 
 // src/Items/Frame/Frame.ts
 var defaultFrameData = new DefaultFrameData;
+var HEADING_TOP_OFFSET = -45;
+var HEADING_BOTTOM_OFFSET = -12;
 
 class Frame2 extends BaseItem {
   getItemById;
@@ -43335,7 +43337,7 @@ class Frame2 extends BaseItem {
   parent = "Board";
   transformation;
   subject = new Subject;
-  textContainer;
+  textContainer = new Mbr;
   path;
   children = [];
   mbr = new Mbr;
@@ -43356,15 +43358,16 @@ class Frame2 extends BaseItem {
     this.borderOpacity = borderOpacity;
     this.borderStyle = borderStyle;
     this.borderWidth = borderWidth;
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
     this.path = Frames[this.shapeType].path.copy();
     this.transformation = new Transformation(this.id, board.events);
     this.linkTo = new LinkTo(this.id, board.events);
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
     this.text = new RichText(board, this.textContainer, this.id, this.transformation, this.linkTo, this.name, true, false, "Frame", { ...conf.DEFAULT_TEXT_STYLES, fontSize: 18, fontColor: FRAME_TITLE_COLOR });
     this.text.editor.verticalAlignment = "bottom";
     this.text.setSelectionHorisontalAlignment("left");
-    this.textContainer.top = -45;
-    this.textContainer.bottom = -12;
     this.text.customTransformationMatrix = () => {
       const matrix = this.transformation.toMatrix();
       return new Matrix(matrix.translateX, matrix.translateY, 1, 1);
@@ -43396,9 +43399,17 @@ class Frame2 extends BaseItem {
   }
   initPath() {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
-    this.text.setContainer(this.textContainer.copy());
-    this.text.updateElement();
+    this.updateTextContainer();
+  }
+  updateTextContainer() {
+    const textBounds = Frames[this.shapeType].textBounds.copy();
+    textBounds.top = HEADING_TOP_OFFSET;
+    textBounds.bottom = HEADING_BOTTOM_OFFSET;
+    this.textContainer = textBounds;
+    if (this.text) {
+      this.text.setContainer(this.textContainer.copy());
+      this.text.updateElement();
+    }
   }
   getPaths() {
     return this.path;
@@ -43541,6 +43552,7 @@ class Frame2 extends BaseItem {
     }
     if (data.text) {
       this.text.deserialize(data.text);
+      this.updateTextContainer();
     }
     this.canChangeRatio = data.canChangeRatio ?? this.canChangeRatio;
     this.subject.publish(this);
@@ -43556,15 +43568,13 @@ class Frame2 extends BaseItem {
   }
   transformPath(saveProportions = false) {
     this.path = Frames[this.shapeType].path.copy();
-    this.textContainer = Frames[this.shapeType].textBounds.copy();
+    this.updateTextContainer();
     if (saveProportions) {
       const newMatrix = this.getSavedProportionsMatrix();
       this.path.transform(newMatrix);
-      this.textContainer.transform(newMatrix);
       this.transformation.applyScaleTo(newMatrix.scaleX, newMatrix.scaleY);
     } else {
       this.path.transform(this.transformation.toMatrix());
-      this.textContainer.transform(this.transformation.toMatrix());
     }
     this.path.setBackgroundOpacity(this.backgroundOpacity);
     this.path.setBorderWidth(this.borderWidth);

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

@@ -52,6 +52,7 @@ export declare class Frame extends BaseItem {
      * false - if outside of the frame
      */
     private initPath;
+    private updateTextContainer;
     getPaths(): Path | Paths;
     getPath(): Path | Paths;
     copyPaths(): Path | Paths;

package/package.json

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