microboard-ui-temp 0.1.135 → 0.1.137

package/dist/index.js

@@ -276607,8 +276607,7 @@ class Screen extends BaseItem {
     if (this.backgroundImage && this.backgroundImage.complete) {
       const ctx = context.ctx;
       ctx.save();
-      this.transformation.matrix.applyToContext(ctx);
-      ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
+      ctx.drawImage(this.backgroundImage, this.left, this.top, this.getWidth(), this.getHeight());
       ctx.restore();
     }
     this.path.render(context);
@@ -374984,6 +374983,19 @@ function GetCard({ cardPosition, rounded = "none" }) {
 
 // src/features/ContextPanel/Buttons/CardGame/Card/CreateDeck.tsx
 var import_react285 = __toESM(require_react(), 1);
+function sortItemsByPosition(items) {
+  return items.sort((a9, b16) => {
+    if (a9.top < b16.top)
+      return -1;
+    if (a9.top > b16.top)
+      return 1;
+    if (a9.left < b16.left)
+      return -1;
+    if (a9.left > b16.left)
+      return 1;
+    return 0;
+  });
+}
 function CreateDeck({ rounded = "none", onlyCards }) {
   const { board } = useAppContext();
   const { t: t10 } = useTranslation();
@@ -374991,7 +375003,7 @@ function CreateDeck({ rounded = "none", onlyCards }) {
   if (single && single.itemType === "Deck") {
     return null;
   }
-  const cardsOrDecks = board.selection.items.list();
+  const cardsOrDecks = sortItemsByPosition(board.selection.items.list());
   const handleClick = () => {
     if (onlyCards) {
       const deck = new Deck(board, "");
@@ -374999,8 +375011,8 @@ function CreateDeck({ rounded = "none", onlyCards }) {
         class: "Transformation",
         method: "translateTo",
         item: [deck.getId()],
-        x: cardsOrDecks[cardsOrDecks.length - 1].left,
-        y: cardsOrDecks[cardsOrDecks.length - 1].top
+        x: cardsOrDecks[0].left,
+        y: cardsOrDecks[0].top
       });
       const addedDeck = board.add(deck);
       board.selection.items.removeAll();
@@ -375014,9 +375026,8 @@ function CreateDeck({ rounded = "none", onlyCards }) {
           cards.push(item);
         } else if (item.itemType === "Deck") {
           if (mainDeck) {
-            cards.push(...mainDeck.getDeck());
-            board.remove(mainDeck);
-            mainDeck = item;
+            cards.push(...item.getDeck());
+            board.remove(item);
           } else {
             mainDeck = item;
           }

package/dist/spa.js

@@ -276607,8 +276607,7 @@ class Screen extends BaseItem {
     if (this.backgroundImage && this.backgroundImage.complete) {
       const ctx = context.ctx;
       ctx.save();
-      this.transformation.matrix.applyToContext(ctx);
-      ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
+      ctx.drawImage(this.backgroundImage, this.left, this.top, this.getWidth(), this.getHeight());
       ctx.restore();
     }
     this.path.render(context);
@@ -374984,6 +374983,19 @@ function GetCard({ cardPosition, rounded = "none" }) {
 
 // src/features/ContextPanel/Buttons/CardGame/Card/CreateDeck.tsx
 var import_react285 = __toESM(require_react(), 1);
+function sortItemsByPosition(items) {
+  return items.sort((a9, b16) => {
+    if (a9.top < b16.top)
+      return -1;
+    if (a9.top > b16.top)
+      return 1;
+    if (a9.left < b16.left)
+      return -1;
+    if (a9.left > b16.left)
+      return 1;
+    return 0;
+  });
+}
 function CreateDeck({ rounded = "none", onlyCards }) {
   const { board } = useAppContext();
   const { t: t10 } = useTranslation();
@@ -374991,7 +375003,7 @@ function CreateDeck({ rounded = "none", onlyCards }) {
   if (single && single.itemType === "Deck") {
     return null;
   }
-  const cardsOrDecks = board.selection.items.list();
+  const cardsOrDecks = sortItemsByPosition(board.selection.items.list());
   const handleClick = () => {
     if (onlyCards) {
       const deck = new Deck(board, "");
@@ -374999,8 +375011,8 @@ function CreateDeck({ rounded = "none", onlyCards }) {
         class: "Transformation",
         method: "translateTo",
         item: [deck.getId()],
-        x: cardsOrDecks[cardsOrDecks.length - 1].left,
-        y: cardsOrDecks[cardsOrDecks.length - 1].top
+        x: cardsOrDecks[0].left,
+        y: cardsOrDecks[0].top
       });
       const addedDeck = board.add(deck);
       board.selection.items.removeAll();
@@ -375014,9 +375026,8 @@ function CreateDeck({ rounded = "none", onlyCards }) {
           cards.push(item);
         } else if (item.itemType === "Deck") {
           if (mainDeck) {
-            cards.push(...mainDeck.getDeck());
-            board.remove(mainDeck);
-            mainDeck = item;
+            cards.push(...item.getDeck());
+            board.remove(item);
           } else {
             mainDeck = item;
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.1.135",
+  "version": "0.1.137",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",
@@ -66,7 +66,7 @@
     "i18next-browser-languagedetector": "^8.2.0",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
-    "microboard-temp": "^0.5.59",
+    "microboard-temp": "^0.5.60",
     "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-hot-toast": "2.4.1",