microboard-ui-temp 0.1.87 → 0.1.89

package/dist/example.html

@@ -84,7 +84,7 @@
         "
       >
         <div style="transform: scale(7)">
-          <img src="public/loader.svg" alt="" />
+          <img href="https://unpkg.com/microboard-ui-temp/dist/loader.svg" alt="" />
         </div>
       </div>
     </div>

package/dist/index.js

@@ -250194,10 +250194,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/spa.js

@@ -250194,10 +250194,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-ui-temp",
-  "version": "0.1.87",
+  "version": "0.1.89",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",
@@ -60,7 +60,7 @@
     "i18next-browser-languagedetector": "^8.2.0",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
-    "microboard-temp": "^0.5.28",
+    "microboard-temp": "^0.5.29",
     "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-hot-toast": "2.4.1",