microboard-temp 0.13.5 → 0.13.7

package/dist/esm/index.js

@@ -4487,7 +4487,13 @@ var conf = {
   CARD_DIMENSIONS: { width: 250, height: 400 },
   DEFAULT_GAME_ITEM_DIMENSIONS: { width: 200, height: 200 },
   MAX_CARD_SIZE: 500,
-  CONNECTOR_ITEM_OFFSET: 20
+  CONNECTOR_ITEM_OFFSET: 20,
+  GRAVITY_G: 80,
+  GRAVITY_G_CENTER: 120,
+  GRAVITY_DAMPING: 0.96,
+  GRAVITY_RESTITUTION: 0.5,
+  GRAVITY_REPULSION: 200,
+  GRAVITY_MAX_DISTANCE: 3000
 };
 initDefaultI18N();
 
@@ -22024,6 +22030,7 @@ class RichText extends BaseItem {
   autoSizeScale = 1;
   containerMaxWidth;
   linkTo;
+  localArea;
   maxHeight;
   selection;
   transformationRenderBlock = undefined;
@@ -22045,6 +22052,7 @@ class RichText extends BaseItem {
     this.autoSize = autoSize;
     this.insideOf = insideOf;
     this.initialTextStyles = initialTextStyles;
+    this.localArea = container.copy();
     counter = counter + 1;
     this.rtCounter = counter;
     this.linkTo = linkTo || new LinkTo(this.id, this.board.events);
@@ -22197,7 +22205,7 @@ class RichText extends BaseItem {
         this.layoutNodes.width = this.containerMaxWidth;
       }
     }
-    this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
+    this.alignInRectangle(this.localArea, this.editor.verticalAlignment);
     this.transformCanvas();
     this.subject.publish(this);
     this.updateRequired = false;
@@ -22277,7 +22285,7 @@ class RichText extends BaseItem {
       this.right = transformed.right;
       this.bottom = transformed.bottom;
     } else {
-      this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
+      this.alignInRectangle(this.localArea, this.editor.verticalAlignment);
     }
     this.setClipPath();
     if (!this.isInShape && !this.autoSize) {
@@ -22305,16 +22313,16 @@ class RichText extends BaseItem {
     }
   }
   setClipPath() {
-    const container = this.getTransformedContainer();
-    const width = container.getWidth();
-    const height = container.getHeight();
+    const width = this.localArea.getWidth();
+    const height = this.localArea.getHeight();
     this.clipPath = new conf.path2DFactory;
     this.clipPath.rect(0, 0, width, height);
   }
   setContainer(container) {
     this.isContainerSet = true;
+    this.localArea = container.copy();
     this.container = container;
-    this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
+    this.updateElement();
   }
   applyMaxWidth(maxWidth) {
     const shouldNotShrink = this.insideOf !== "RichText" && this.insideOf !== "AINode" && this.containerMaxWidth && this.shrinkWidth;
@@ -22337,8 +22345,8 @@ class RichText extends BaseItem {
       matrix = this.transformation.toMatrix();
     }
     const { translateX, translateY, scaleX, scaleY } = matrix;
-    const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
-    return this.container.getTransformed(scaledMatrix);
+    const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
+    return this.localArea.getTransformed(scaledMatrix);
   }
   emitWithoutApplying = (op) => {
     if (this.board.events) {
@@ -22680,7 +22688,7 @@ class RichText extends BaseItem {
     if (typeof document !== "undefined") {
       document.fonts.ready.then(() => {
         this.layoutNodes = getBlockNodes(this.getBlockNodes(), this.shrinkWidth ? Infinity : this.getMaxWidth() || 0, this.shrinkWidth, this.insideOf === "Frame");
-        this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
+        this.alignInRectangle(this.localArea, this.editor.verticalAlignment);
         this.transformCanvas();
       });
     }
@@ -22710,7 +22718,7 @@ class RichText extends BaseItem {
     const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
     context.matrix = scaledMatrix;
     context.applyChanges();
-    ctx.translate(this.container.left, this.container.top);
+    ctx.translate(this.left, this.top);
     const shouldClip = this.insideOf === "Shape" || this.insideOf === "Sticker";
     if (shouldClip) {
       ctx.clip(this.clipPath.nativePath);
@@ -22851,7 +22859,7 @@ class RichText extends BaseItem {
     }
     const { translateX, translateY, scaleX, scaleY } = matrix;
     const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
-    const transform = `translate(${scaledMatrix.translateX + this.container.left * scaledMatrix.scaleX}px, ${scaledMatrix.translateY + this.container.top * scaledMatrix.scaleY}px) scale(${scaledMatrix.scaleX}, ${scaledMatrix.scaleY})`;
+    const transform = `translate(${scaledMatrix.translateX + this.left * scaledMatrix.scaleX}px, ${scaledMatrix.translateY + this.top * scaledMatrix.scaleY}px) scale(${scaledMatrix.scaleX}, ${scaledMatrix.scaleY})`;
     const transformedWidth = this.getMbr().getWidth();
     const transformedHeight = this.getMbr().getHeight();
     const div = documentFactory.createElement("rich-text");
@@ -22947,6 +22955,19 @@ class RichText extends BaseItem {
   getPrevMbr() {
     return this.prevMbr;
   }
+  getMbr() {
+    const cameraScale = this.board.camera.getScale();
+    const extraScale = this.renderingScale ? this.renderingScale(cameraScale) : 1;
+    let matrix;
+    if (this.customTransformationMatrix) {
+      matrix = this.customTransformationMatrix();
+    } else {
+      matrix = this.transformation.toMatrix();
+    }
+    const { translateX, translateY, scaleX, scaleY } = matrix;
+    const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
+    return new Mbr(this.left, this.top, this.right, this.bottom).getTransformed(scaledMatrix);
+  }
 }
 
 // src/Items/Mbr/updateRects.ts
@@ -40846,6 +40867,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;
@@ -40883,14 +40906,14 @@ class Frame2 extends BaseItem {
     this.borderStyle = borderStyle;
     this.borderWidth = borderWidth;
     this.textContainer = Frames[this.shapeType].textBounds.copy();
+    this.textContainer.top = HEADING_TOP_OFFSET;
+    this.textContainer.bottom = HEADING_BOTTOM_OFFSET;
     this.path = Frames[this.shapeType].path.copy();
     this.transformation = new Transformation(this.id, board.events);
     this.linkTo = new LinkTo(this.id, board.events);
     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);
@@ -40923,6 +40946,8 @@ class Frame2 extends BaseItem {
   initPath() {
     this.path = Frames[this.shapeType].path.copy();
     this.textContainer = Frames[this.shapeType].textBounds.copy();
+    this.textContainer.top = HEADING_TOP_OFFSET;
+    this.textContainer.bottom = HEADING_BOTTOM_OFFSET;
     this.text.setContainer(this.textContainer.copy());
     this.text.updateElement();
   }
@@ -41067,6 +41092,9 @@ class Frame2 extends BaseItem {
     }
     if (data.text) {
       this.text.deserialize(data.text);
+      this.textContainer.top = HEADING_TOP_OFFSET;
+      this.textContainer.bottom = HEADING_BOTTOM_OFFSET;
+      this.text.setContainer(this.textContainer.copy());
     }
     this.canChangeRatio = data.canChangeRatio ?? this.canChangeRatio;
     this.subject.publish(this);
@@ -54170,14 +54198,8 @@ class GravityEngine {
   tickTimer = null;
   syncTimer = null;
   lastSyncedPositions = new Map;
-  G = 80;
-  G_CENTER = 120;
-  DAMPING = 0.96;
-  RESTITUTION = 0.5;
-  REPULSION = 200;
   TICK_MS = 33;
   SYNC_MS = 300;
-  MAX_DISTANCE = 3000;
   SOFTENING_SQ = 50 * 50;
   MIN_MOVE_PX = 0.1;
   constructor(board) {
@@ -54246,8 +54268,8 @@ class GravityEngine {
       const dcx = centerX - s1.cx;
       const dcy = centerY - s1.cy;
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
-      ax += this.G_CENTER * dcx / distCenter;
-      ay += this.G_CENTER * dcy / distCenter;
+      ax += conf.GRAVITY_G_CENTER * dcx / distCenter;
+      ay += conf.GRAVITY_G_CENTER * dcy / distCenter;
       for (let j = 0;j < snap.length; j++) {
         if (i === j)
           continue;
@@ -54255,7 +54277,7 @@ class GravityEngine {
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
         const dist = Math.sqrt(dx * dx + dy * dy) + 0.001;
-        if (dist > this.MAX_DISTANCE)
+        if (dist > conf.GRAVITY_MAX_DISTANCE)
           continue;
         const overlapping = s1.right > s2.left && s2.right > s1.left && s1.bottom > s2.top && s2.bottom > s1.top;
         if (overlapping) {
@@ -54264,26 +54286,26 @@ class GravityEngine {
           if (overlapX < overlapY) {
             const sign = s1.cx < s2.cx ? -1 : 1;
             if (sign * vel.vx < 0)
-              vel.vx = -vel.vx * this.RESTITUTION;
-            ax += sign * this.REPULSION * overlapX;
+              vel.vx = -vel.vx * conf.GRAVITY_RESTITUTION;
+            ax += sign * conf.GRAVITY_REPULSION * overlapX;
           } else {
             const sign = s1.cy < s2.cy ? -1 : 1;
             if (sign * vel.vy < 0)
-              vel.vy = -vel.vy * this.RESTITUTION;
-            ay += sign * this.REPULSION * overlapY;
+              vel.vy = -vel.vy * conf.GRAVITY_RESTITUTION;
+            ay += sign * conf.GRAVITY_REPULSION * overlapY;
           }
         } else {
           const touchDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
           if (dist < touchDist + 5)
             continue;
           const distSq = dx * dx + dy * dy;
-          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
+          const gravAcc = conf.GRAVITY_G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
       }
-      vel.vx = (vel.vx + ax * dt) * this.DAMPING;
-      vel.vy = (vel.vy + ay * dt) * this.DAMPING;
+      vel.vx = (vel.vx + ax * dt) * conf.GRAVITY_DAMPING;
+      vel.vy = (vel.vy + ay * dt) * conf.GRAVITY_DAMPING;
       const moveX = vel.vx * dt;
       const moveY = vel.vy * dt;
       if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {

package/dist/esm/node.js

@@ -5271,7 +5271,13 @@ var conf = {
   CARD_DIMENSIONS: { width: 250, height: 400 },
   DEFAULT_GAME_ITEM_DIMENSIONS: { width: 200, height: 200 },
   MAX_CARD_SIZE: 500,
-  CONNECTOR_ITEM_OFFSET: 20
+  CONNECTOR_ITEM_OFFSET: 20,
+  GRAVITY_G: 80,
+  GRAVITY_G_CENTER: 120,
+  GRAVITY_DAMPING: 0.96,
+  GRAVITY_RESTITUTION: 0.5,
+  GRAVITY_REPULSION: 200,
+  GRAVITY_MAX_DISTANCE: 3000
 };
 initDefaultI18N();
 
@@ -24491,6 +24497,7 @@ class RichText extends BaseItem {
   autoSizeScale = 1;
   containerMaxWidth;
   linkTo;
+  localArea;
   maxHeight;
   selection;
   transformationRenderBlock = undefined;
@@ -24512,6 +24519,7 @@ class RichText extends BaseItem {
     this.autoSize = autoSize;
     this.insideOf = insideOf;
     this.initialTextStyles = initialTextStyles;
+    this.localArea = container.copy();
     counter = counter + 1;
     this.rtCounter = counter;
     this.linkTo = linkTo || new LinkTo(this.id, this.board.events);
@@ -24664,7 +24672,7 @@ class RichText extends BaseItem {
         this.layoutNodes.width = this.containerMaxWidth;
       }
     }
-    this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
+    this.alignInRectangle(this.localArea, this.editor.verticalAlignment);
     this.transformCanvas();
     this.subject.publish(this);
     this.updateRequired = false;
@@ -24744,7 +24752,7 @@ class RichText extends BaseItem {
       this.right = transformed.right;
       this.bottom = transformed.bottom;
     } else {
-      this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
+      this.alignInRectangle(this.localArea, this.editor.verticalAlignment);
     }
     this.setClipPath();
     if (!this.isInShape && !this.autoSize) {
@@ -24772,16 +24780,16 @@ class RichText extends BaseItem {
     }
   }
   setClipPath() {
-    const container = this.getTransformedContainer();
-    const width = container.getWidth();
-    const height = container.getHeight();
+    const width = this.localArea.getWidth();
+    const height = this.localArea.getHeight();
     this.clipPath = new conf.path2DFactory;
     this.clipPath.rect(0, 0, width, height);
   }
   setContainer(container) {
     this.isContainerSet = true;
+    this.localArea = container.copy();
     this.container = container;
-    this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
+    this.updateElement();
   }
   applyMaxWidth(maxWidth) {
     const shouldNotShrink = this.insideOf !== "RichText" && this.insideOf !== "AINode" && this.containerMaxWidth && this.shrinkWidth;
@@ -24804,8 +24812,8 @@ class RichText extends BaseItem {
       matrix = this.transformation.toMatrix();
     }
     const { translateX, translateY, scaleX, scaleY } = matrix;
-    const scaledMatrix = new Matrix(translateX, translateY, scaleX, scaleY);
-    return this.container.getTransformed(scaledMatrix);
+    const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
+    return this.localArea.getTransformed(scaledMatrix);
   }
   emitWithoutApplying = (op) => {
     if (this.board.events) {
@@ -25147,7 +25155,7 @@ class RichText extends BaseItem {
     if (typeof document !== "undefined") {
       document.fonts.ready.then(() => {
         this.layoutNodes = getBlockNodes(this.getBlockNodes(), this.shrinkWidth ? Infinity : this.getMaxWidth() || 0, this.shrinkWidth, this.insideOf === "Frame");
-        this.alignInRectangle(this.getTransformedContainer(), this.editor.verticalAlignment);
+        this.alignInRectangle(this.localArea, this.editor.verticalAlignment);
         this.transformCanvas();
       });
     }
@@ -25177,7 +25185,7 @@ class RichText extends BaseItem {
     const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
     context.matrix = scaledMatrix;
     context.applyChanges();
-    ctx.translate(this.container.left, this.container.top);
+    ctx.translate(this.left, this.top);
     const shouldClip = this.insideOf === "Shape" || this.insideOf === "Sticker";
     if (shouldClip) {
       ctx.clip(this.clipPath.nativePath);
@@ -25318,7 +25326,7 @@ class RichText extends BaseItem {
     }
     const { translateX, translateY, scaleX, scaleY } = matrix;
     const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
-    const transform = `translate(${scaledMatrix.translateX + this.container.left * scaledMatrix.scaleX}px, ${scaledMatrix.translateY + this.container.top * scaledMatrix.scaleY}px) scale(${scaledMatrix.scaleX}, ${scaledMatrix.scaleY})`;
+    const transform = `translate(${scaledMatrix.translateX + this.left * scaledMatrix.scaleX}px, ${scaledMatrix.translateY + this.top * scaledMatrix.scaleY}px) scale(${scaledMatrix.scaleX}, ${scaledMatrix.scaleY})`;
     const transformedWidth = this.getMbr().getWidth();
     const transformedHeight = this.getMbr().getHeight();
     const div = documentFactory.createElement("rich-text");
@@ -25414,6 +25422,19 @@ class RichText extends BaseItem {
   getPrevMbr() {
     return this.prevMbr;
   }
+  getMbr() {
+    const cameraScale = this.board.camera.getScale();
+    const extraScale = this.renderingScale ? this.renderingScale(cameraScale) : 1;
+    let matrix;
+    if (this.customTransformationMatrix) {
+      matrix = this.customTransformationMatrix();
+    } else {
+      matrix = this.transformation.toMatrix();
+    }
+    const { translateX, translateY, scaleX, scaleY } = matrix;
+    const scaledMatrix = new Matrix(translateX, translateY, scaleX * extraScale, scaleY * extraScale);
+    return new Mbr(this.left, this.top, this.right, this.bottom).getTransformed(scaledMatrix);
+  }
 }
 
 // src/Items/Mbr/updateRects.ts
@@ -43314,6 +43335,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;
@@ -43351,14 +43374,14 @@ class Frame2 extends BaseItem {
     this.borderStyle = borderStyle;
     this.borderWidth = borderWidth;
     this.textContainer = Frames[this.shapeType].textBounds.copy();
+    this.textContainer.top = HEADING_TOP_OFFSET;
+    this.textContainer.bottom = HEADING_BOTTOM_OFFSET;
     this.path = Frames[this.shapeType].path.copy();
     this.transformation = new Transformation(this.id, board.events);
     this.linkTo = new LinkTo(this.id, board.events);
     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);
@@ -43391,6 +43414,8 @@ class Frame2 extends BaseItem {
   initPath() {
     this.path = Frames[this.shapeType].path.copy();
     this.textContainer = Frames[this.shapeType].textBounds.copy();
+    this.textContainer.top = HEADING_TOP_OFFSET;
+    this.textContainer.bottom = HEADING_BOTTOM_OFFSET;
     this.text.setContainer(this.textContainer.copy());
     this.text.updateElement();
   }
@@ -43535,6 +43560,9 @@ class Frame2 extends BaseItem {
     }
     if (data.text) {
       this.text.deserialize(data.text);
+      this.textContainer.top = HEADING_TOP_OFFSET;
+      this.textContainer.bottom = HEADING_BOTTOM_OFFSET;
+      this.text.setContainer(this.textContainer.copy());
     }
     this.canChangeRatio = data.canChangeRatio ?? this.canChangeRatio;
     this.subject.publish(this);
@@ -56638,14 +56666,8 @@ class GravityEngine {
   tickTimer = null;
   syncTimer = null;
   lastSyncedPositions = new Map;
-  G = 80;
-  G_CENTER = 120;
-  DAMPING = 0.96;
-  RESTITUTION = 0.5;
-  REPULSION = 200;
   TICK_MS = 33;
   SYNC_MS = 300;
-  MAX_DISTANCE = 3000;
   SOFTENING_SQ = 50 * 50;
   MIN_MOVE_PX = 0.1;
   constructor(board) {
@@ -56714,8 +56736,8 @@ class GravityEngine {
       const dcx = centerX - s1.cx;
       const dcy = centerY - s1.cy;
       const distCenter = Math.sqrt(dcx * dcx + dcy * dcy) + 1;
-      ax += this.G_CENTER * dcx / distCenter;
-      ay += this.G_CENTER * dcy / distCenter;
+      ax += conf.GRAVITY_G_CENTER * dcx / distCenter;
+      ay += conf.GRAVITY_G_CENTER * dcy / distCenter;
       for (let j = 0;j < snap.length; j++) {
         if (i === j)
           continue;
@@ -56723,7 +56745,7 @@ class GravityEngine {
         const dx = s2.cx - s1.cx;
         const dy = s2.cy - s1.cy;
         const dist = Math.sqrt(dx * dx + dy * dy) + 0.001;
-        if (dist > this.MAX_DISTANCE)
+        if (dist > conf.GRAVITY_MAX_DISTANCE)
           continue;
         const overlapping = s1.right > s2.left && s2.right > s1.left && s1.bottom > s2.top && s2.bottom > s1.top;
         if (overlapping) {
@@ -56732,26 +56754,26 @@ class GravityEngine {
           if (overlapX < overlapY) {
             const sign = s1.cx < s2.cx ? -1 : 1;
             if (sign * vel.vx < 0)
-              vel.vx = -vel.vx * this.RESTITUTION;
-            ax += sign * this.REPULSION * overlapX;
+              vel.vx = -vel.vx * conf.GRAVITY_RESTITUTION;
+            ax += sign * conf.GRAVITY_REPULSION * overlapX;
           } else {
             const sign = s1.cy < s2.cy ? -1 : 1;
             if (sign * vel.vy < 0)
-              vel.vy = -vel.vy * this.RESTITUTION;
-            ay += sign * this.REPULSION * overlapY;
+              vel.vy = -vel.vy * conf.GRAVITY_RESTITUTION;
+            ay += sign * conf.GRAVITY_REPULSION * overlapY;
           }
         } else {
           const touchDist = (s1.w + s2.w + s1.h + s2.h) * 0.25;
           if (dist < touchDist + 5)
             continue;
           const distSq = dx * dx + dy * dy;
-          const gravAcc = this.G * s2.mass / (distSq + this.SOFTENING_SQ);
+          const gravAcc = conf.GRAVITY_G * s2.mass / (distSq + this.SOFTENING_SQ);
           ax += gravAcc * dx / dist;
           ay += gravAcc * dy / dist;
         }
       }
-      vel.vx = (vel.vx + ax * dt) * this.DAMPING;
-      vel.vy = (vel.vy + ay * dt) * this.DAMPING;
+      vel.vx = (vel.vx + ax * dt) * conf.GRAVITY_DAMPING;
+      vel.vy = (vel.vy + ay * dt) * conf.GRAVITY_DAMPING;
       const moveX = vel.vx * dt;
       const moveY = vel.vy * dt;
       if (Math.abs(moveX) >= this.MIN_MOVE_PX || Math.abs(moveY) >= this.MIN_MOVE_PX) {

package/dist/types/Gravity/GravityEngine.d.ts

@@ -5,14 +5,8 @@ export declare class GravityEngine {
     private tickTimer;
     private syncTimer;
     private lastSyncedPositions;
-    readonly G = 80;
-    readonly G_CENTER = 120;
-    readonly DAMPING = 0.96;
-    readonly RESTITUTION = 0.5;
-    readonly REPULSION = 200;
     readonly TICK_MS = 33;
     readonly SYNC_MS = 300;
-    readonly MAX_DISTANCE = 3000;
     readonly SOFTENING_SQ: number;
     readonly MIN_MOVE_PX = 0.1;
     constructor(board: Board);

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

@@ -44,6 +44,7 @@ export declare class RichText extends BaseItem {
     private autoSizeScale;
     private containerMaxWidth?;
     readonly linkTo: LinkTo;
+    private localArea;
     maxHeight: number;
     private selection?;
     transformationRenderBlock?: boolean;
@@ -153,4 +154,5 @@ export declare class RichText extends BaseItem {
     getRichText(): RichText;
     getLinkTo(): string | undefined;
     getPrevMbr(): Mbr | null;
+    getMbr(): Mbr;
 }

package/dist/types/Settings.d.ts

@@ -247,6 +247,12 @@ export declare const conf: {
     };
     MAX_CARD_SIZE: number;
     CONNECTOR_ITEM_OFFSET: number;
+    GRAVITY_G: number;
+    GRAVITY_G_CENTER: number;
+    GRAVITY_DAMPING: number;
+    GRAVITY_RESTITUTION: number;
+    GRAVITY_REPULSION: number;
+    GRAVITY_MAX_DISTANCE: number;
 };
 export type Settings = typeof conf;
 export {};

package/package.json

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