microboard-temp 0.13.8 → 0.13.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/cjs/browser.js +15 -13
  2. package/dist/cjs/index.js +15 -13
  3. package/dist/cjs/node.js +15 -13
  4. package/dist/esm/browser.js +15 -13
  5. package/dist/esm/index.js +15 -13
  6. package/dist/esm/node.js +15 -13
  7. package/package.json +1 -1
package/dist/cjs/browser.js CHANGED
@@ -22408,10 +22408,10 @@ class RichText extends BaseItem {
22408
22408
  }
22409
22409
  getMaxWidth() {
22410
22410
  if (this.autoSize) {
22411
- return this.editor.maxWidth || this.getTransformedContainer().getWidth();
22411
+ return this.editor.maxWidth || this.container.getWidth();
22412
22412
  }
22413
22413
  if (this.isContainerSet) {
22414
- return this.getTransformedContainer().getWidth();
22414
+ return this.container.getWidth();
22415
22415
  } else {
22416
22416
  return this.containerMaxWidth || this.editor.maxWidth;
22417
22417
  }
@@ -22521,7 +22521,7 @@ class RichText extends BaseItem {
22521
22521
  matrix = this.transformation.toMatrix();
22522
22522
  }
22523
22523
  const { translateX, translateY, scaleX, scaleY } = matrix;
22524
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
22524
+ const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
22525
22525
  return this.container.getTransformed(scaledMatrix);
22526
22526
  }
22527
22527
  emitWithoutApplying = (op) => {
@@ -22882,6 +22882,7 @@ class RichText extends BaseItem {
22882
22882
  }
22883
22883
  const { ctx } = context;
22884
22884
  ctx.save();
22885
+ ctx.translate(this.left, this.top);
22885
22886
  const cameraScale = context.getCameraScale();
22886
22887
  const extraScale = this.renderingScale ? this.renderingScale(cameraScale) : 1;
22887
22888
  let matrix;
@@ -22890,11 +22891,13 @@ class RichText extends BaseItem {
22890
22891
  } else {
22891
22892
  matrix = this.transformation.toMatrix();
22892
22893
  }
22893
- const { translateX, translateY, scaleX, scaleY } = matrix;
22894
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
22895
- context.matrix = scaledMatrix;
22896
- context.applyChanges();
22897
- ctx.translate(this.container.left, this.container.top);
22894
+ const { scaleX, scaleY } = matrix;
22895
+ const shouldScale = !this.isInShape && !this.autoSize;
22896
+ if (shouldScale) {
22897
+ ctx.scale(scaleX * extraScale, scaleY * extraScale);
22898
+ } else if (extraScale !== 1) {
22899
+ ctx.scale(extraScale, extraScale);
22900
+ }
22898
22901
  const shouldClip = this.insideOf === "Shape" || this.insideOf === "Sticker";
22899
22902
  if (shouldClip) {
22900
22903
  ctx.clip(this.clipPath.nativePath);
@@ -23033,9 +23036,8 @@ class RichText extends BaseItem {
23033
23036
  } else {
23034
23037
  matrix = this.transformation.toMatrix();
23035
23038
  }
23036
- const { translateX, translateY, scaleX, scaleY } = matrix;
23037
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
23038
- const transform = `translate(${scaledMatrix.translateX + this.container.left * scaledMatrix.scaleX}px, ${scaledMatrix.translateY + this.container.top * scaledMatrix.scaleY}px) scale(${scaledMatrix.scaleX}, ${scaledMatrix.scaleY})`;
23039
+ const { scaleX, scaleY } = matrix;
23040
+ const transform = `translate(${this.left}px, ${this.top}px) scale(${scaleX * extraScale}, ${scaleY * extraScale})`;
23039
23041
  const transformedWidth = this.getMbr().getWidth();
23040
23042
  const transformedHeight = this.getMbr().getHeight();
23041
23043
  const div = documentFactory.createElement("rich-text");
@@ -41030,8 +41032,8 @@ class DefaultFrameData {
41030
41032
 
41031
41033
  // src/Items/Frame/Frame.ts
41032
41034
  var defaultFrameData = new DefaultFrameData;
41033
- var HEADING_TOP_OFFSET = -45;
41034
- var HEADING_BOTTOM_OFFSET = -12;
41035
+ var HEADING_TOP_OFFSET = -33;
41036
+ var HEADING_BOTTOM_OFFSET = -5;
41035
41037
 
41036
41038
  class Frame2 extends BaseItem {
41037
41039
  getItemById;
package/dist/cjs/index.js CHANGED
@@ -22408,10 +22408,10 @@ class RichText extends BaseItem {
22408
22408
  }
22409
22409
  getMaxWidth() {
22410
22410
  if (this.autoSize) {
22411
- return this.editor.maxWidth || this.getTransformedContainer().getWidth();
22411
+ return this.editor.maxWidth || this.container.getWidth();
22412
22412
  }
22413
22413
  if (this.isContainerSet) {
22414
- return this.getTransformedContainer().getWidth();
22414
+ return this.container.getWidth();
22415
22415
  } else {
22416
22416
  return this.containerMaxWidth || this.editor.maxWidth;
22417
22417
  }
@@ -22521,7 +22521,7 @@ class RichText extends BaseItem {
22521
22521
  matrix = this.transformation.toMatrix();
22522
22522
  }
22523
22523
  const { translateX, translateY, scaleX, scaleY } = matrix;
22524
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
22524
+ const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
22525
22525
  return this.container.getTransformed(scaledMatrix);
22526
22526
  }
22527
22527
  emitWithoutApplying = (op) => {
@@ -22882,6 +22882,7 @@ class RichText extends BaseItem {
22882
22882
  }
22883
22883
  const { ctx } = context;
22884
22884
  ctx.save();
22885
+ ctx.translate(this.left, this.top);
22885
22886
  const cameraScale = context.getCameraScale();
22886
22887
  const extraScale = this.renderingScale ? this.renderingScale(cameraScale) : 1;
22887
22888
  let matrix;
@@ -22890,11 +22891,13 @@ class RichText extends BaseItem {
22890
22891
  } else {
22891
22892
  matrix = this.transformation.toMatrix();
22892
22893
  }
22893
- const { translateX, translateY, scaleX, scaleY } = matrix;
22894
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
22895
- context.matrix = scaledMatrix;
22896
- context.applyChanges();
22897
- ctx.translate(this.container.left, this.container.top);
22894
+ const { scaleX, scaleY } = matrix;
22895
+ const shouldScale = !this.isInShape && !this.autoSize;
22896
+ if (shouldScale) {
22897
+ ctx.scale(scaleX * extraScale, scaleY * extraScale);
22898
+ } else if (extraScale !== 1) {
22899
+ ctx.scale(extraScale, extraScale);
22900
+ }
22898
22901
  const shouldClip = this.insideOf === "Shape" || this.insideOf === "Sticker";
22899
22902
  if (shouldClip) {
22900
22903
  ctx.clip(this.clipPath.nativePath);
@@ -23033,9 +23036,8 @@ class RichText extends BaseItem {
23033
23036
  } else {
23034
23037
  matrix = this.transformation.toMatrix();
23035
23038
  }
23036
- const { translateX, translateY, scaleX, scaleY } = matrix;
23037
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
23038
- const transform = `translate(${scaledMatrix.translateX + this.container.left * scaledMatrix.scaleX}px, ${scaledMatrix.translateY + this.container.top * scaledMatrix.scaleY}px) scale(${scaledMatrix.scaleX}, ${scaledMatrix.scaleY})`;
23039
+ const { scaleX, scaleY } = matrix;
23040
+ const transform = `translate(${this.left}px, ${this.top}px) scale(${scaleX * extraScale}, ${scaleY * extraScale})`;
23039
23041
  const transformedWidth = this.getMbr().getWidth();
23040
23042
  const transformedHeight = this.getMbr().getHeight();
23041
23043
  const div = documentFactory.createElement("rich-text");
@@ -41030,8 +41032,8 @@ class DefaultFrameData {
41030
41032
 
41031
41033
  // src/Items/Frame/Frame.ts
41032
41034
  var defaultFrameData = new DefaultFrameData;
41033
- var HEADING_TOP_OFFSET = -45;
41034
- var HEADING_BOTTOM_OFFSET = -12;
41035
+ var HEADING_TOP_OFFSET = -33;
41036
+ var HEADING_BOTTOM_OFFSET = -5;
41035
41037
 
41036
41038
  class Frame2 extends BaseItem {
41037
41039
  getItemById;
package/dist/cjs/node.js CHANGED
@@ -24880,10 +24880,10 @@ class RichText extends BaseItem {
24880
24880
  }
24881
24881
  getMaxWidth() {
24882
24882
  if (this.autoSize) {
24883
- return this.editor.maxWidth || this.getTransformedContainer().getWidth();
24883
+ return this.editor.maxWidth || this.container.getWidth();
24884
24884
  }
24885
24885
  if (this.isContainerSet) {
24886
- return this.getTransformedContainer().getWidth();
24886
+ return this.container.getWidth();
24887
24887
  } else {
24888
24888
  return this.containerMaxWidth || this.editor.maxWidth;
24889
24889
  }
@@ -24993,7 +24993,7 @@ class RichText extends BaseItem {
24993
24993
  matrix = this.transformation.toMatrix();
24994
24994
  }
24995
24995
  const { translateX, translateY, scaleX, scaleY } = matrix;
24996
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
24996
+ const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
24997
24997
  return this.container.getTransformed(scaledMatrix);
24998
24998
  }
24999
24999
  emitWithoutApplying = (op) => {
@@ -25354,6 +25354,7 @@ class RichText extends BaseItem {
25354
25354
  }
25355
25355
  const { ctx } = context;
25356
25356
  ctx.save();
25357
+ ctx.translate(this.left, this.top);
25357
25358
  const cameraScale = context.getCameraScale();
25358
25359
  const extraScale = this.renderingScale ? this.renderingScale(cameraScale) : 1;
25359
25360
  let matrix;
@@ -25362,11 +25363,13 @@ class RichText extends BaseItem {
25362
25363
  } else {
25363
25364
  matrix = this.transformation.toMatrix();
25364
25365
  }
25365
- const { translateX, translateY, scaleX, scaleY } = matrix;
25366
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
25367
- context.matrix = scaledMatrix;
25368
- context.applyChanges();
25369
- ctx.translate(this.container.left, this.container.top);
25366
+ const { scaleX, scaleY } = matrix;
25367
+ const shouldScale = !this.isInShape && !this.autoSize;
25368
+ if (shouldScale) {
25369
+ ctx.scale(scaleX * extraScale, scaleY * extraScale);
25370
+ } else if (extraScale !== 1) {
25371
+ ctx.scale(extraScale, extraScale);
25372
+ }
25370
25373
  const shouldClip = this.insideOf === "Shape" || this.insideOf === "Sticker";
25371
25374
  if (shouldClip) {
25372
25375
  ctx.clip(this.clipPath.nativePath);
@@ -25505,9 +25508,8 @@ class RichText extends BaseItem {
25505
25508
  } else {
25506
25509
  matrix = this.transformation.toMatrix();
25507
25510
  }
25508
- const { translateX, translateY, scaleX, scaleY } = matrix;
25509
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
25510
- const transform = `translate(${scaledMatrix.translateX + this.container.left * scaledMatrix.scaleX}px, ${scaledMatrix.translateY + this.container.top * scaledMatrix.scaleY}px) scale(${scaledMatrix.scaleX}, ${scaledMatrix.scaleY})`;
25511
+ const { scaleX, scaleY } = matrix;
25512
+ const transform = `translate(${this.left}px, ${this.top}px) scale(${scaleX * extraScale}, ${scaleY * extraScale})`;
25511
25513
  const transformedWidth = this.getMbr().getWidth();
25512
25514
  const transformedHeight = this.getMbr().getHeight();
25513
25515
  const div = documentFactory.createElement("rich-text");
@@ -43503,8 +43505,8 @@ class DefaultFrameData {
43503
43505
 
43504
43506
  // src/Items/Frame/Frame.ts
43505
43507
  var defaultFrameData = new DefaultFrameData;
43506
- var HEADING_TOP_OFFSET = -45;
43507
- var HEADING_BOTTOM_OFFSET = -12;
43508
+ var HEADING_TOP_OFFSET = -33;
43509
+ var HEADING_BOTTOM_OFFSET = -5;
43508
43510
 
43509
43511
  class Frame2 extends BaseItem {
43510
43512
  getItemById;
package/dist/esm/browser.js CHANGED
@@ -22237,10 +22237,10 @@ class RichText extends BaseItem {
22237
22237
  }
22238
22238
  getMaxWidth() {
22239
22239
  if (this.autoSize) {
22240
- return this.editor.maxWidth || this.getTransformedContainer().getWidth();
22240
+ return this.editor.maxWidth || this.container.getWidth();
22241
22241
  }
22242
22242
  if (this.isContainerSet) {
22243
- return this.getTransformedContainer().getWidth();
22243
+ return this.container.getWidth();
22244
22244
  } else {
22245
22245
  return this.containerMaxWidth || this.editor.maxWidth;
22246
22246
  }
@@ -22350,7 +22350,7 @@ class RichText extends BaseItem {
22350
22350
  matrix = this.transformation.toMatrix();
22351
22351
  }
22352
22352
  const { translateX, translateY, scaleX, scaleY } = matrix;
22353
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
22353
+ const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
22354
22354
  return this.container.getTransformed(scaledMatrix);
22355
22355
  }
22356
22356
  emitWithoutApplying = (op) => {
@@ -22711,6 +22711,7 @@ class RichText extends BaseItem {
22711
22711
  }
22712
22712
  const { ctx } = context;
22713
22713
  ctx.save();
22714
+ ctx.translate(this.left, this.top);
22714
22715
  const cameraScale = context.getCameraScale();
22715
22716
  const extraScale = this.renderingScale ? this.renderingScale(cameraScale) : 1;
22716
22717
  let matrix;
@@ -22719,11 +22720,13 @@ class RichText extends BaseItem {
22719
22720
  } else {
22720
22721
  matrix = this.transformation.toMatrix();
22721
22722
  }
22722
- const { translateX, translateY, scaleX, scaleY } = matrix;
22723
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
22724
- context.matrix = scaledMatrix;
22725
- context.applyChanges();
22726
- ctx.translate(this.container.left, this.container.top);
22723
+ const { scaleX, scaleY } = matrix;
22724
+ const shouldScale = !this.isInShape && !this.autoSize;
22725
+ if (shouldScale) {
22726
+ ctx.scale(scaleX * extraScale, scaleY * extraScale);
22727
+ } else if (extraScale !== 1) {
22728
+ ctx.scale(extraScale, extraScale);
22729
+ }
22727
22730
  const shouldClip = this.insideOf === "Shape" || this.insideOf === "Sticker";
22728
22731
  if (shouldClip) {
22729
22732
  ctx.clip(this.clipPath.nativePath);
@@ -22862,9 +22865,8 @@ class RichText extends BaseItem {
22862
22865
  } else {
22863
22866
  matrix = this.transformation.toMatrix();
22864
22867
  }
22865
- const { translateX, translateY, scaleX, scaleY } = matrix;
22866
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
22867
- const transform = `translate(${scaledMatrix.translateX + this.container.left * scaledMatrix.scaleX}px, ${scaledMatrix.translateY + this.container.top * scaledMatrix.scaleY}px) scale(${scaledMatrix.scaleX}, ${scaledMatrix.scaleY})`;
22868
+ const { scaleX, scaleY } = matrix;
22869
+ const transform = `translate(${this.left}px, ${this.top}px) scale(${scaleX * extraScale}, ${scaleY * extraScale})`;
22868
22870
  const transformedWidth = this.getMbr().getWidth();
22869
22871
  const transformedHeight = this.getMbr().getHeight();
22870
22872
  const div = documentFactory.createElement("rich-text");
@@ -40859,8 +40861,8 @@ class DefaultFrameData {
40859
40861
 
40860
40862
  // src/Items/Frame/Frame.ts
40861
40863
  var defaultFrameData = new DefaultFrameData;
40862
- var HEADING_TOP_OFFSET = -45;
40863
- var HEADING_BOTTOM_OFFSET = -12;
40864
+ var HEADING_TOP_OFFSET = -33;
40865
+ var HEADING_BOTTOM_OFFSET = -5;
40864
40866
 
40865
40867
  class Frame2 extends BaseItem {
40866
40868
  getItemById;
package/dist/esm/index.js CHANGED
@@ -22230,10 +22230,10 @@ class RichText extends BaseItem {
22230
22230
  }
22231
22231
  getMaxWidth() {
22232
22232
  if (this.autoSize) {
22233
- return this.editor.maxWidth || this.getTransformedContainer().getWidth();
22233
+ return this.editor.maxWidth || this.container.getWidth();
22234
22234
  }
22235
22235
  if (this.isContainerSet) {
22236
- return this.getTransformedContainer().getWidth();
22236
+ return this.container.getWidth();
22237
22237
  } else {
22238
22238
  return this.containerMaxWidth || this.editor.maxWidth;
22239
22239
  }
@@ -22343,7 +22343,7 @@ class RichText extends BaseItem {
22343
22343
  matrix = this.transformation.toMatrix();
22344
22344
  }
22345
22345
  const { translateX, translateY, scaleX, scaleY } = matrix;
22346
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
22346
+ const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
22347
22347
  return this.container.getTransformed(scaledMatrix);
22348
22348
  }
22349
22349
  emitWithoutApplying = (op) => {
@@ -22704,6 +22704,7 @@ class RichText extends BaseItem {
22704
22704
  }
22705
22705
  const { ctx } = context;
22706
22706
  ctx.save();
22707
+ ctx.translate(this.left, this.top);
22707
22708
  const cameraScale = context.getCameraScale();
22708
22709
  const extraScale = this.renderingScale ? this.renderingScale(cameraScale) : 1;
22709
22710
  let matrix;
@@ -22712,11 +22713,13 @@ class RichText extends BaseItem {
22712
22713
  } else {
22713
22714
  matrix = this.transformation.toMatrix();
22714
22715
  }
22715
- const { translateX, translateY, scaleX, scaleY } = matrix;
22716
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
22717
- context.matrix = scaledMatrix;
22718
- context.applyChanges();
22719
- ctx.translate(this.container.left, this.container.top);
22716
+ const { scaleX, scaleY } = matrix;
22717
+ const shouldScale = !this.isInShape && !this.autoSize;
22718
+ if (shouldScale) {
22719
+ ctx.scale(scaleX * extraScale, scaleY * extraScale);
22720
+ } else if (extraScale !== 1) {
22721
+ ctx.scale(extraScale, extraScale);
22722
+ }
22720
22723
  const shouldClip = this.insideOf === "Shape" || this.insideOf === "Sticker";
22721
22724
  if (shouldClip) {
22722
22725
  ctx.clip(this.clipPath.nativePath);
@@ -22855,9 +22858,8 @@ class RichText extends BaseItem {
22855
22858
  } else {
22856
22859
  matrix = this.transformation.toMatrix();
22857
22860
  }
22858
- const { translateX, translateY, scaleX, scaleY } = matrix;
22859
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
22860
- const transform = `translate(${scaledMatrix.translateX + this.container.left * scaledMatrix.scaleX}px, ${scaledMatrix.translateY + this.container.top * scaledMatrix.scaleY}px) scale(${scaledMatrix.scaleX}, ${scaledMatrix.scaleY})`;
22861
+ const { scaleX, scaleY } = matrix;
22862
+ const transform = `translate(${this.left}px, ${this.top}px) scale(${scaleX * extraScale}, ${scaleY * extraScale})`;
22861
22863
  const transformedWidth = this.getMbr().getWidth();
22862
22864
  const transformedHeight = this.getMbr().getHeight();
22863
22865
  const div = documentFactory.createElement("rich-text");
@@ -40852,8 +40854,8 @@ class DefaultFrameData {
40852
40854
 
40853
40855
  // src/Items/Frame/Frame.ts
40854
40856
  var defaultFrameData = new DefaultFrameData;
40855
- var HEADING_TOP_OFFSET = -45;
40856
- var HEADING_BOTTOM_OFFSET = -12;
40857
+ var HEADING_TOP_OFFSET = -33;
40858
+ var HEADING_BOTTOM_OFFSET = -5;
40857
40859
 
40858
40860
  class Frame2 extends BaseItem {
40859
40861
  getItemById;
package/dist/esm/node.js CHANGED
@@ -24697,10 +24697,10 @@ class RichText extends BaseItem {
24697
24697
  }
24698
24698
  getMaxWidth() {
24699
24699
  if (this.autoSize) {
24700
- return this.editor.maxWidth || this.getTransformedContainer().getWidth();
24700
+ return this.editor.maxWidth || this.container.getWidth();
24701
24701
  }
24702
24702
  if (this.isContainerSet) {
24703
- return this.getTransformedContainer().getWidth();
24703
+ return this.container.getWidth();
24704
24704
  } else {
24705
24705
  return this.containerMaxWidth || this.editor.maxWidth;
24706
24706
  }
@@ -24810,7 +24810,7 @@ class RichText extends BaseItem {
24810
24810
  matrix = this.transformation.toMatrix();
24811
24811
  }
24812
24812
  const { translateX, translateY, scaleX, scaleY } = matrix;
24813
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
24813
+ const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
24814
24814
  return this.container.getTransformed(scaledMatrix);
24815
24815
  }
24816
24816
  emitWithoutApplying = (op) => {
@@ -25171,6 +25171,7 @@ class RichText extends BaseItem {
25171
25171
  }
25172
25172
  const { ctx } = context;
25173
25173
  ctx.save();
25174
+ ctx.translate(this.left, this.top);
25174
25175
  const cameraScale = context.getCameraScale();
25175
25176
  const extraScale = this.renderingScale ? this.renderingScale(cameraScale) : 1;
25176
25177
  let matrix;
@@ -25179,11 +25180,13 @@ class RichText extends BaseItem {
25179
25180
  } else {
25180
25181
  matrix = this.transformation.toMatrix();
25181
25182
  }
25182
- const { translateX, translateY, scaleX, scaleY } = matrix;
25183
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
25184
- context.matrix = scaledMatrix;
25185
- context.applyChanges();
25186
- ctx.translate(this.container.left, this.container.top);
25183
+ const { scaleX, scaleY } = matrix;
25184
+ const shouldScale = !this.isInShape && !this.autoSize;
25185
+ if (shouldScale) {
25186
+ ctx.scale(scaleX * extraScale, scaleY * extraScale);
25187
+ } else if (extraScale !== 1) {
25188
+ ctx.scale(extraScale, extraScale);
25189
+ }
25187
25190
  const shouldClip = this.insideOf === "Shape" || this.insideOf === "Sticker";
25188
25191
  if (shouldClip) {
25189
25192
  ctx.clip(this.clipPath.nativePath);
@@ -25322,9 +25325,8 @@ class RichText extends BaseItem {
25322
25325
  } else {
25323
25326
  matrix = this.transformation.toMatrix();
25324
25327
  }
25325
- const { translateX, translateY, scaleX, scaleY } = matrix;
25326
- const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
25327
- const transform = `translate(${scaledMatrix.translateX + this.container.left * scaledMatrix.scaleX}px, ${scaledMatrix.translateY + this.container.top * scaledMatrix.scaleY}px) scale(${scaledMatrix.scaleX}, ${scaledMatrix.scaleY})`;
25328
+ const { scaleX, scaleY } = matrix;
25329
+ const transform = `translate(${this.left}px, ${this.top}px) scale(${scaleX * extraScale}, ${scaleY * extraScale})`;
25328
25330
  const transformedWidth = this.getMbr().getWidth();
25329
25331
  const transformedHeight = this.getMbr().getHeight();
25330
25332
  const div = documentFactory.createElement("rich-text");
@@ -43320,8 +43322,8 @@ class DefaultFrameData {
43320
43322
 
43321
43323
  // src/Items/Frame/Frame.ts
43322
43324
  var defaultFrameData = new DefaultFrameData;
43323
- var HEADING_TOP_OFFSET = -45;
43324
- var HEADING_BOTTOM_OFFSET = -12;
43325
+ var HEADING_TOP_OFFSET = -33;
43326
+ var HEADING_BOTTOM_OFFSET = -5;
43325
43327
 
43326
43328
  class Frame2 extends BaseItem {
43327
43329
  getItemById;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "microboard-temp",
3
- "version": "0.13.8",
3
+ "version": "0.13.10",
4
4
  "description": "A flexible interactive whiteboard library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",