microboard-temp 0.5.28 → 0.5.29

package/dist/cjs/browser.js

@@ -42121,10 +42121,22 @@ class ImageItem extends BaseItem {
   };
   updateMbr() {
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
-    this.left = translateX;
-    this.top = translateY;
-    this.right = this.left + this.image.width * scaleX;
-    this.bottom = this.top + this.image.height * scaleY;
+    const rotation = this.transformation.getRotation();
+    const width2 = this.image.width * scaleX;
+    const height2 = this.image.height * scaleY;
+    if (rotation % 180 === 0) {
+      this.left = translateX;
+      this.top = translateY;
+      this.right = this.left + width2;
+      this.bottom = this.top + height2;
+    } else {
+      const centerX = translateX + width2 / 2;
+      const centerY = translateY + height2 / 2;
+      this.left = centerX - height2 / 2;
+      this.top = centerY - width2 / 2;
+      this.right = this.left + height2;
+      this.bottom = this.top + width2;
+    }
   }
   doOnceBeforeOnLoad = (callback) => {
     this.loadCallbacks.push(callback);

package/dist/cjs/index.js

@@ -42121,10 +42121,22 @@ class ImageItem extends BaseItem {
   };
   updateMbr() {
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
-    this.left = translateX;
-    this.top = translateY;
-    this.right = this.left + this.image.width * scaleX;
-    this.bottom = this.top + this.image.height * scaleY;
+    const rotation = this.transformation.getRotation();
+    const width2 = this.image.width * scaleX;
+    const height2 = this.image.height * scaleY;
+    if (rotation % 180 === 0) {
+      this.left = translateX;
+      this.top = translateY;
+      this.right = this.left + width2;
+      this.bottom = this.top + height2;
+    } else {
+      const centerX = translateX + width2 / 2;
+      const centerY = translateY + height2 / 2;
+      this.left = centerX - height2 / 2;
+      this.top = centerY - width2 / 2;
+      this.right = this.left + height2;
+      this.bottom = this.top + width2;
+    }
   }
   doOnceBeforeOnLoad = (callback) => {
     this.loadCallbacks.push(callback);

package/dist/cjs/node.js

@@ -44594,10 +44594,22 @@ class ImageItem extends BaseItem {
   };
   updateMbr() {
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
-    this.left = translateX;
-    this.top = translateY;
-    this.right = this.left + this.image.width * scaleX;
-    this.bottom = this.top + this.image.height * scaleY;
+    const rotation = this.transformation.getRotation();
+    const width2 = this.image.width * scaleX;
+    const height2 = this.image.height * scaleY;
+    if (rotation % 180 === 0) {
+      this.left = translateX;
+      this.top = translateY;
+      this.right = this.left + width2;
+      this.bottom = this.top + height2;
+    } else {
+      const centerX = translateX + width2 / 2;
+      const centerY = translateY + height2 / 2;
+      this.left = centerX - height2 / 2;
+      this.top = centerY - width2 / 2;
+      this.right = this.left + height2;
+      this.bottom = this.top + width2;
+    }
   }
   doOnceBeforeOnLoad = (callback) => {
     this.loadCallbacks.push(callback);

package/dist/esm/browser.js

@@ -41967,10 +41967,22 @@ class ImageItem extends BaseItem {
   };
   updateMbr() {
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
-    this.left = translateX;
-    this.top = translateY;
-    this.right = this.left + this.image.width * scaleX;
-    this.bottom = this.top + this.image.height * scaleY;
+    const rotation = this.transformation.getRotation();
+    const width2 = this.image.width * scaleX;
+    const height2 = this.image.height * scaleY;
+    if (rotation % 180 === 0) {
+      this.left = translateX;
+      this.top = translateY;
+      this.right = this.left + width2;
+      this.bottom = this.top + height2;
+    } else {
+      const centerX = translateX + width2 / 2;
+      const centerY = translateY + height2 / 2;
+      this.left = centerX - height2 / 2;
+      this.top = centerY - width2 / 2;
+      this.right = this.left + height2;
+      this.bottom = this.top + width2;
+    }
   }
   doOnceBeforeOnLoad = (callback) => {
     this.loadCallbacks.push(callback);

package/dist/esm/index.js

@@ -41960,10 +41960,22 @@ class ImageItem extends BaseItem {
   };
   updateMbr() {
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
-    this.left = translateX;
-    this.top = translateY;
-    this.right = this.left + this.image.width * scaleX;
-    this.bottom = this.top + this.image.height * scaleY;
+    const rotation = this.transformation.getRotation();
+    const width2 = this.image.width * scaleX;
+    const height2 = this.image.height * scaleY;
+    if (rotation % 180 === 0) {
+      this.left = translateX;
+      this.top = translateY;
+      this.right = this.left + width2;
+      this.bottom = this.top + height2;
+    } else {
+      const centerX = translateX + width2 / 2;
+      const centerY = translateY + height2 / 2;
+      this.left = centerX - height2 / 2;
+      this.top = centerY - width2 / 2;
+      this.right = this.left + height2;
+      this.bottom = this.top + width2;
+    }
   }
   doOnceBeforeOnLoad = (callback) => {
     this.loadCallbacks.push(callback);

package/dist/esm/node.js

@@ -44428,10 +44428,22 @@ class ImageItem extends BaseItem {
   };
   updateMbr() {
     const { translateX, translateY, scaleX, scaleY } = this.transformation.matrix;
-    this.left = translateX;
-    this.top = translateY;
-    this.right = this.left + this.image.width * scaleX;
-    this.bottom = this.top + this.image.height * scaleY;
+    const rotation = this.transformation.getRotation();
+    const width2 = this.image.width * scaleX;
+    const height2 = this.image.height * scaleY;
+    if (rotation % 180 === 0) {
+      this.left = translateX;
+      this.top = translateY;
+      this.right = this.left + width2;
+      this.bottom = this.top + height2;
+    } else {
+      const centerX = translateX + width2 / 2;
+      const centerY = translateY + height2 / 2;
+      this.left = centerX - height2 / 2;
+      this.top = centerY - width2 / 2;
+      this.right = this.left + height2;
+      this.bottom = this.top + width2;
+    }
   }
   doOnceBeforeOnLoad = (callback) => {
     this.loadCallbacks.push(callback);

package/package.json

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