microboard-temp 0.6.3 → 0.6.5

package/dist/cjs/browser.js

@@ -36449,14 +36449,13 @@ function getControlPoint(data, findItem2) {
   }
 }
 function toRelativePoint(point5, item) {
-  const matrix = item.transformation?.matrix || new Matrix2;
-  const inverse = matrix.getInverse();
+  const inverse = item.transformation ? item.transformation.getInverse().toMatrix() : new Matrix2;
   point5 = point5.copy();
   point5.transform(inverse);
   return point5;
 }
 function fromRelativePoint(relativePoint, item, edge) {
-  const matrix = item.transformation?.matrix.copy() || new Matrix2;
+  const matrix = item.transformation?.toMatrix() ?? new Matrix2;
   const point5 = relativePoint.copy();
   point5.transform(matrix);
   if (item instanceof RichText || item instanceof AINode) {
@@ -49453,32 +49452,31 @@ class Camera {
     this.zoomRelativeToPointBy(scale, this.pointer.x, this.pointer.y);
   }
   zoomRelativeToPointBy(scale, x, y, duration = 400) {
-    const startScaleX = this.matrix.scaleX;
-    const startScaleY = this.matrix.scaleY;
-    const startTranslateX = this.matrix.translateX;
-    const startTranslateY = this.matrix.translateY;
+    const base3 = this.localAnimationTarget ?? this.matrix;
+    const startScaleX = base3.scaleX;
+    const startScaleY = base3.scaleY;
+    const startTranslateX = base3.translateX;
+    const startTranslateY = base3.translateY;
     const boardPointX = (x - startTranslateX) / startScaleX;
     const boardPointY = (y - startTranslateY) / startScaleY;
-    const targetScaleX = startScaleX * scale;
-    const targetScaleY = startScaleY * scale;
-    const targetTranslateX = x - boardPointX * targetScaleX;
-    const targetTranslateY = y - boardPointY * targetScaleY;
-    const finalScaleX = this.limitScale(targetScaleX);
-    const finalScaleY = this.limitScale(targetScaleY);
+    const finalScaleX = this.limitScale(startScaleX * scale);
+    const finalScaleY = this.limitScale(startScaleY * scale);
     if (finalScaleX === startScaleX && finalScaleY === startScaleY) {
       return;
     }
+    const finalTranslateX = x - boardPointX * finalScaleX;
+    const finalTranslateY = y - boardPointY * finalScaleY;
     if (duration === 0) {
-      this.matrix.translateX = targetTranslateX;
-      this.matrix.translateY = targetTranslateY;
+      this.matrix.translateX = finalTranslateX;
+      this.matrix.translateY = finalTranslateY;
       this.matrix.scaleX = finalScaleX;
       this.matrix.scaleY = finalScaleY;
       this.subject.publish(this);
       return;
     }
     this.animateLocalToTarget({
-      translateX: targetTranslateX,
-      translateY: targetTranslateY,
+      translateX: finalTranslateX,
+      translateY: finalTranslateY,
       scaleX: finalScaleX,
       scaleY: finalScaleY
     });

package/dist/cjs/index.js

@@ -36449,14 +36449,13 @@ function getControlPoint(data, findItem2) {
   }
 }
 function toRelativePoint(point5, item) {
-  const matrix = item.transformation?.matrix || new Matrix2;
-  const inverse = matrix.getInverse();
+  const inverse = item.transformation ? item.transformation.getInverse().toMatrix() : new Matrix2;
   point5 = point5.copy();
   point5.transform(inverse);
   return point5;
 }
 function fromRelativePoint(relativePoint, item, edge) {
-  const matrix = item.transformation?.matrix.copy() || new Matrix2;
+  const matrix = item.transformation?.toMatrix() ?? new Matrix2;
   const point5 = relativePoint.copy();
   point5.transform(matrix);
   if (item instanceof RichText || item instanceof AINode) {
@@ -49453,32 +49452,31 @@ class Camera {
     this.zoomRelativeToPointBy(scale, this.pointer.x, this.pointer.y);
   }
   zoomRelativeToPointBy(scale, x, y, duration = 400) {
-    const startScaleX = this.matrix.scaleX;
-    const startScaleY = this.matrix.scaleY;
-    const startTranslateX = this.matrix.translateX;
-    const startTranslateY = this.matrix.translateY;
+    const base3 = this.localAnimationTarget ?? this.matrix;
+    const startScaleX = base3.scaleX;
+    const startScaleY = base3.scaleY;
+    const startTranslateX = base3.translateX;
+    const startTranslateY = base3.translateY;
     const boardPointX = (x - startTranslateX) / startScaleX;
     const boardPointY = (y - startTranslateY) / startScaleY;
-    const targetScaleX = startScaleX * scale;
-    const targetScaleY = startScaleY * scale;
-    const targetTranslateX = x - boardPointX * targetScaleX;
-    const targetTranslateY = y - boardPointY * targetScaleY;
-    const finalScaleX = this.limitScale(targetScaleX);
-    const finalScaleY = this.limitScale(targetScaleY);
+    const finalScaleX = this.limitScale(startScaleX * scale);
+    const finalScaleY = this.limitScale(startScaleY * scale);
     if (finalScaleX === startScaleX && finalScaleY === startScaleY) {
       return;
     }
+    const finalTranslateX = x - boardPointX * finalScaleX;
+    const finalTranslateY = y - boardPointY * finalScaleY;
     if (duration === 0) {
-      this.matrix.translateX = targetTranslateX;
-      this.matrix.translateY = targetTranslateY;
+      this.matrix.translateX = finalTranslateX;
+      this.matrix.translateY = finalTranslateY;
       this.matrix.scaleX = finalScaleX;
       this.matrix.scaleY = finalScaleY;
       this.subject.publish(this);
       return;
     }
     this.animateLocalToTarget({
-      translateX: targetTranslateX,
-      translateY: targetTranslateY,
+      translateX: finalTranslateX,
+      translateY: finalTranslateY,
       scaleX: finalScaleX,
       scaleY: finalScaleY
     });

package/dist/cjs/node.js

@@ -38922,14 +38922,13 @@ function getControlPoint(data, findItem2) {
   }
 }
 function toRelativePoint(point5, item) {
-  const matrix = item.transformation?.matrix || new Matrix2;
-  const inverse = matrix.getInverse();
+  const inverse = item.transformation ? item.transformation.getInverse().toMatrix() : new Matrix2;
   point5 = point5.copy();
   point5.transform(inverse);
   return point5;
 }
 function fromRelativePoint(relativePoint, item, edge) {
-  const matrix = item.transformation?.matrix.copy() || new Matrix2;
+  const matrix = item.transformation?.toMatrix() ?? new Matrix2;
   const point5 = relativePoint.copy();
   point5.transform(matrix);
   if (item instanceof RichText || item instanceof AINode) {
@@ -51926,32 +51925,31 @@ class Camera {
     this.zoomRelativeToPointBy(scale, this.pointer.x, this.pointer.y);
   }
   zoomRelativeToPointBy(scale, x, y, duration = 400) {
-    const startScaleX = this.matrix.scaleX;
-    const startScaleY = this.matrix.scaleY;
-    const startTranslateX = this.matrix.translateX;
-    const startTranslateY = this.matrix.translateY;
+    const base3 = this.localAnimationTarget ?? this.matrix;
+    const startScaleX = base3.scaleX;
+    const startScaleY = base3.scaleY;
+    const startTranslateX = base3.translateX;
+    const startTranslateY = base3.translateY;
     const boardPointX = (x - startTranslateX) / startScaleX;
     const boardPointY = (y - startTranslateY) / startScaleY;
-    const targetScaleX = startScaleX * scale;
-    const targetScaleY = startScaleY * scale;
-    const targetTranslateX = x - boardPointX * targetScaleX;
-    const targetTranslateY = y - boardPointY * targetScaleY;
-    const finalScaleX = this.limitScale(targetScaleX);
-    const finalScaleY = this.limitScale(targetScaleY);
+    const finalScaleX = this.limitScale(startScaleX * scale);
+    const finalScaleY = this.limitScale(startScaleY * scale);
     if (finalScaleX === startScaleX && finalScaleY === startScaleY) {
       return;
     }
+    const finalTranslateX = x - boardPointX * finalScaleX;
+    const finalTranslateY = y - boardPointY * finalScaleY;
     if (duration === 0) {
-      this.matrix.translateX = targetTranslateX;
-      this.matrix.translateY = targetTranslateY;
+      this.matrix.translateX = finalTranslateX;
+      this.matrix.translateY = finalTranslateY;
       this.matrix.scaleX = finalScaleX;
       this.matrix.scaleY = finalScaleY;
       this.subject.publish(this);
       return;
     }
     this.animateLocalToTarget({
-      translateX: targetTranslateX,
-      translateY: targetTranslateY,
+      translateX: finalTranslateX,
+      translateY: finalTranslateY,
       scaleX: finalScaleX,
       scaleY: finalScaleY
     });

package/dist/esm/browser.js

@@ -36295,14 +36295,13 @@ function getControlPoint(data, findItem2) {
   }
 }
 function toRelativePoint(point5, item) {
-  const matrix = item.transformation?.matrix || new Matrix2;
-  const inverse = matrix.getInverse();
+  const inverse = item.transformation ? item.transformation.getInverse().toMatrix() : new Matrix2;
   point5 = point5.copy();
   point5.transform(inverse);
   return point5;
 }
 function fromRelativePoint(relativePoint, item, edge) {
-  const matrix = item.transformation?.matrix.copy() || new Matrix2;
+  const matrix = item.transformation?.toMatrix() ?? new Matrix2;
   const point5 = relativePoint.copy();
   point5.transform(matrix);
   if (item instanceof RichText || item instanceof AINode) {
@@ -49299,32 +49298,31 @@ class Camera {
     this.zoomRelativeToPointBy(scale, this.pointer.x, this.pointer.y);
   }
   zoomRelativeToPointBy(scale, x, y, duration = 400) {
-    const startScaleX = this.matrix.scaleX;
-    const startScaleY = this.matrix.scaleY;
-    const startTranslateX = this.matrix.translateX;
-    const startTranslateY = this.matrix.translateY;
+    const base3 = this.localAnimationTarget ?? this.matrix;
+    const startScaleX = base3.scaleX;
+    const startScaleY = base3.scaleY;
+    const startTranslateX = base3.translateX;
+    const startTranslateY = base3.translateY;
     const boardPointX = (x - startTranslateX) / startScaleX;
     const boardPointY = (y - startTranslateY) / startScaleY;
-    const targetScaleX = startScaleX * scale;
-    const targetScaleY = startScaleY * scale;
-    const targetTranslateX = x - boardPointX * targetScaleX;
-    const targetTranslateY = y - boardPointY * targetScaleY;
-    const finalScaleX = this.limitScale(targetScaleX);
-    const finalScaleY = this.limitScale(targetScaleY);
+    const finalScaleX = this.limitScale(startScaleX * scale);
+    const finalScaleY = this.limitScale(startScaleY * scale);
     if (finalScaleX === startScaleX && finalScaleY === startScaleY) {
       return;
     }
+    const finalTranslateX = x - boardPointX * finalScaleX;
+    const finalTranslateY = y - boardPointY * finalScaleY;
     if (duration === 0) {
-      this.matrix.translateX = targetTranslateX;
-      this.matrix.translateY = targetTranslateY;
+      this.matrix.translateX = finalTranslateX;
+      this.matrix.translateY = finalTranslateY;
       this.matrix.scaleX = finalScaleX;
       this.matrix.scaleY = finalScaleY;
       this.subject.publish(this);
       return;
     }
     this.animateLocalToTarget({
-      translateX: targetTranslateX,
-      translateY: targetTranslateY,
+      translateX: finalTranslateX,
+      translateY: finalTranslateY,
       scaleX: finalScaleX,
       scaleY: finalScaleY
     });

package/dist/esm/index.js

@@ -36288,14 +36288,13 @@ function getControlPoint(data, findItem2) {
   }
 }
 function toRelativePoint(point5, item) {
-  const matrix = item.transformation?.matrix || new Matrix2;
-  const inverse = matrix.getInverse();
+  const inverse = item.transformation ? item.transformation.getInverse().toMatrix() : new Matrix2;
   point5 = point5.copy();
   point5.transform(inverse);
   return point5;
 }
 function fromRelativePoint(relativePoint, item, edge) {
-  const matrix = item.transformation?.matrix.copy() || new Matrix2;
+  const matrix = item.transformation?.toMatrix() ?? new Matrix2;
   const point5 = relativePoint.copy();
   point5.transform(matrix);
   if (item instanceof RichText || item instanceof AINode) {
@@ -49292,32 +49291,31 @@ class Camera {
     this.zoomRelativeToPointBy(scale, this.pointer.x, this.pointer.y);
   }
   zoomRelativeToPointBy(scale, x, y, duration = 400) {
-    const startScaleX = this.matrix.scaleX;
-    const startScaleY = this.matrix.scaleY;
-    const startTranslateX = this.matrix.translateX;
-    const startTranslateY = this.matrix.translateY;
+    const base3 = this.localAnimationTarget ?? this.matrix;
+    const startScaleX = base3.scaleX;
+    const startScaleY = base3.scaleY;
+    const startTranslateX = base3.translateX;
+    const startTranslateY = base3.translateY;
     const boardPointX = (x - startTranslateX) / startScaleX;
     const boardPointY = (y - startTranslateY) / startScaleY;
-    const targetScaleX = startScaleX * scale;
-    const targetScaleY = startScaleY * scale;
-    const targetTranslateX = x - boardPointX * targetScaleX;
-    const targetTranslateY = y - boardPointY * targetScaleY;
-    const finalScaleX = this.limitScale(targetScaleX);
-    const finalScaleY = this.limitScale(targetScaleY);
+    const finalScaleX = this.limitScale(startScaleX * scale);
+    const finalScaleY = this.limitScale(startScaleY * scale);
     if (finalScaleX === startScaleX && finalScaleY === startScaleY) {
       return;
     }
+    const finalTranslateX = x - boardPointX * finalScaleX;
+    const finalTranslateY = y - boardPointY * finalScaleY;
     if (duration === 0) {
-      this.matrix.translateX = targetTranslateX;
-      this.matrix.translateY = targetTranslateY;
+      this.matrix.translateX = finalTranslateX;
+      this.matrix.translateY = finalTranslateY;
       this.matrix.scaleX = finalScaleX;
       this.matrix.scaleY = finalScaleY;
       this.subject.publish(this);
       return;
     }
     this.animateLocalToTarget({
-      translateX: targetTranslateX,
-      translateY: targetTranslateY,
+      translateX: finalTranslateX,
+      translateY: finalTranslateY,
       scaleX: finalScaleX,
       scaleY: finalScaleY
     });

package/dist/esm/node.js

@@ -38756,14 +38756,13 @@ function getControlPoint(data, findItem2) {
   }
 }
 function toRelativePoint(point5, item) {
-  const matrix = item.transformation?.matrix || new Matrix2;
-  const inverse = matrix.getInverse();
+  const inverse = item.transformation ? item.transformation.getInverse().toMatrix() : new Matrix2;
   point5 = point5.copy();
   point5.transform(inverse);
   return point5;
 }
 function fromRelativePoint(relativePoint, item, edge) {
-  const matrix = item.transformation?.matrix.copy() || new Matrix2;
+  const matrix = item.transformation?.toMatrix() ?? new Matrix2;
   const point5 = relativePoint.copy();
   point5.transform(matrix);
   if (item instanceof RichText || item instanceof AINode) {
@@ -51760,32 +51759,31 @@ class Camera {
     this.zoomRelativeToPointBy(scale, this.pointer.x, this.pointer.y);
   }
   zoomRelativeToPointBy(scale, x, y, duration = 400) {
-    const startScaleX = this.matrix.scaleX;
-    const startScaleY = this.matrix.scaleY;
-    const startTranslateX = this.matrix.translateX;
-    const startTranslateY = this.matrix.translateY;
+    const base3 = this.localAnimationTarget ?? this.matrix;
+    const startScaleX = base3.scaleX;
+    const startScaleY = base3.scaleY;
+    const startTranslateX = base3.translateX;
+    const startTranslateY = base3.translateY;
     const boardPointX = (x - startTranslateX) / startScaleX;
     const boardPointY = (y - startTranslateY) / startScaleY;
-    const targetScaleX = startScaleX * scale;
-    const targetScaleY = startScaleY * scale;
-    const targetTranslateX = x - boardPointX * targetScaleX;
-    const targetTranslateY = y - boardPointY * targetScaleY;
-    const finalScaleX = this.limitScale(targetScaleX);
-    const finalScaleY = this.limitScale(targetScaleY);
+    const finalScaleX = this.limitScale(startScaleX * scale);
+    const finalScaleY = this.limitScale(startScaleY * scale);
     if (finalScaleX === startScaleX && finalScaleY === startScaleY) {
       return;
     }
+    const finalTranslateX = x - boardPointX * finalScaleX;
+    const finalTranslateY = y - boardPointY * finalScaleY;
     if (duration === 0) {
-      this.matrix.translateX = targetTranslateX;
-      this.matrix.translateY = targetTranslateY;
+      this.matrix.translateX = finalTranslateX;
+      this.matrix.translateY = finalTranslateY;
       this.matrix.scaleX = finalScaleX;
       this.matrix.scaleY = finalScaleY;
       this.subject.publish(this);
       return;
     }
     this.animateLocalToTarget({
-      translateX: targetTranslateX,
-      translateY: targetTranslateY,
+      translateX: finalTranslateX,
+      translateY: finalTranslateY,
       scaleX: finalScaleX,
       scaleY: finalScaleY
     });

package/package.json

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