microboard-temp 0.5.29 → 0.5.31

package/dist/cjs/browser.js

@@ -47834,6 +47834,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -48012,19 +48025,40 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-// src/Keyboard/HotkeyRegistry.ts
-var editModeHotkeyRegistry = {};
-var viewModeHotkeyRegistry = {};
-var hotkeyNames = {};
-function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
-  if (boardMode === "edit") {
-    editModeHotkeyRegistry[name] = hotkeyConfig;
-  } else {
-    viewModeHotkeyRegistry[name] = hotkeyConfig;
+registerHotkey({
+  name: "Rotate90deg",
+  hotkey: { key: { button: "KeyQ" }, label: { windows: "Q", mac: "Q" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(false);
+      });
+    }
   }
-  hotkeyNames[name] = hotkey;
-}
-
+});
+registerHotkey({
+  name: "Rotate90deg-clockwise",
+  hotkey: { key: { button: "KeyE" }, label: { windows: "E", mac: "E" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(true);
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -48069,6 +48103,7 @@ class Deck extends BaseItem {
             x: this.left + (this.index?.list().length || 0) * (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET),
             y: this.top + (this.index?.list().length || 0) * (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET : 0)
           });
+          this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
           foundItem.shouldUseRelativeAlignment = false;
@@ -48158,8 +48193,8 @@ class Deck extends BaseItem {
     const itemsMbr = items[0]?.getMbr().combine(items.slice(1).map((item) => item.getMbr()));
     this.left = translateX;
     this.top = translateY;
-    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1));
-    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height - conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1));
+    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1)));
+    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height + (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1) : 0));
     this.path = new Path(this.getMbr().getLines(), true, "#FFFFFF");
   }
   deserialize(data) {
@@ -48226,7 +48261,7 @@ class Deck extends BaseItem {
       return;
     const tempContext = { ...context, ctx: tempCtx };
     cards.forEach((_, index2) => {
-      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
+      topCard.render(tempContext, this.isPerpendicular ? 0 : index2 * conf.DECK_HORIZONTAL_OFFSET, this.isPerpendicular ? index2 * conf.DECK_VERTICAL_OFFSET : 0);
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;

package/dist/cjs/index.js

@@ -47834,6 +47834,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -48012,19 +48025,40 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-// src/Keyboard/HotkeyRegistry.ts
-var editModeHotkeyRegistry = {};
-var viewModeHotkeyRegistry = {};
-var hotkeyNames = {};
-function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
-  if (boardMode === "edit") {
-    editModeHotkeyRegistry[name] = hotkeyConfig;
-  } else {
-    viewModeHotkeyRegistry[name] = hotkeyConfig;
+registerHotkey({
+  name: "Rotate90deg",
+  hotkey: { key: { button: "KeyQ" }, label: { windows: "Q", mac: "Q" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(false);
+      });
+    }
   }
-  hotkeyNames[name] = hotkey;
-}
-
+});
+registerHotkey({
+  name: "Rotate90deg-clockwise",
+  hotkey: { key: { button: "KeyE" }, label: { windows: "E", mac: "E" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(true);
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -48069,6 +48103,7 @@ class Deck extends BaseItem {
             x: this.left + (this.index?.list().length || 0) * (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET),
             y: this.top + (this.index?.list().length || 0) * (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET : 0)
           });
+          this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
           foundItem.shouldUseRelativeAlignment = false;
@@ -48158,8 +48193,8 @@ class Deck extends BaseItem {
     const itemsMbr = items[0]?.getMbr().combine(items.slice(1).map((item) => item.getMbr()));
     this.left = translateX;
     this.top = translateY;
-    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1));
-    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height - conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1));
+    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1)));
+    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height + (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1) : 0));
     this.path = new Path(this.getMbr().getLines(), true, "#FFFFFF");
   }
   deserialize(data) {
@@ -48226,7 +48261,7 @@ class Deck extends BaseItem {
       return;
     const tempContext = { ...context, ctx: tempCtx };
     cards.forEach((_, index2) => {
-      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
+      topCard.render(tempContext, this.isPerpendicular ? 0 : index2 * conf.DECK_HORIZONTAL_OFFSET, this.isPerpendicular ? index2 * conf.DECK_VERTICAL_OFFSET : 0);
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;

package/dist/cjs/node.js

@@ -50307,6 +50307,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -50485,19 +50498,40 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-// src/Keyboard/HotkeyRegistry.ts
-var editModeHotkeyRegistry = {};
-var viewModeHotkeyRegistry = {};
-var hotkeyNames = {};
-function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
-  if (boardMode === "edit") {
-    editModeHotkeyRegistry[name] = hotkeyConfig;
-  } else {
-    viewModeHotkeyRegistry[name] = hotkeyConfig;
+registerHotkey({
+  name: "Rotate90deg",
+  hotkey: { key: { button: "KeyQ" }, label: { windows: "Q", mac: "Q" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(false);
+      });
+    }
   }
-  hotkeyNames[name] = hotkey;
-}
-
+});
+registerHotkey({
+  name: "Rotate90deg-clockwise",
+  hotkey: { key: { button: "KeyE" }, label: { windows: "E", mac: "E" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(true);
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -50542,6 +50576,7 @@ class Deck extends BaseItem {
             x: this.left + (this.index?.list().length || 0) * (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET),
             y: this.top + (this.index?.list().length || 0) * (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET : 0)
           });
+          this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
           foundItem.shouldUseRelativeAlignment = false;
@@ -50631,8 +50666,8 @@ class Deck extends BaseItem {
     const itemsMbr = items[0]?.getMbr().combine(items.slice(1).map((item) => item.getMbr()));
     this.left = translateX;
     this.top = translateY;
-    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1));
-    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height - conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1));
+    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1)));
+    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height + (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1) : 0));
     this.path = new Path(this.getMbr().getLines(), true, "#FFFFFF");
   }
   deserialize(data) {
@@ -50699,7 +50734,7 @@ class Deck extends BaseItem {
       return;
     const tempContext = { ...context, ctx: tempCtx };
     cards.forEach((_, index2) => {
-      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
+      topCard.render(tempContext, this.isPerpendicular ? 0 : index2 * conf.DECK_HORIZONTAL_OFFSET, this.isPerpendicular ? index2 * conf.DECK_VERTICAL_OFFSET : 0);
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;

package/dist/esm/browser.js

@@ -47680,6 +47680,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -47858,19 +47871,40 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-// src/Keyboard/HotkeyRegistry.ts
-var editModeHotkeyRegistry = {};
-var viewModeHotkeyRegistry = {};
-var hotkeyNames = {};
-function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
-  if (boardMode === "edit") {
-    editModeHotkeyRegistry[name] = hotkeyConfig;
-  } else {
-    viewModeHotkeyRegistry[name] = hotkeyConfig;
+registerHotkey({
+  name: "Rotate90deg",
+  hotkey: { key: { button: "KeyQ" }, label: { windows: "Q", mac: "Q" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(false);
+      });
+    }
   }
-  hotkeyNames[name] = hotkey;
-}
-
+});
+registerHotkey({
+  name: "Rotate90deg-clockwise",
+  hotkey: { key: { button: "KeyE" }, label: { windows: "E", mac: "E" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(true);
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -47915,6 +47949,7 @@ class Deck extends BaseItem {
             x: this.left + (this.index?.list().length || 0) * (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET),
             y: this.top + (this.index?.list().length || 0) * (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET : 0)
           });
+          this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
           foundItem.shouldUseRelativeAlignment = false;
@@ -48004,8 +48039,8 @@ class Deck extends BaseItem {
     const itemsMbr = items[0]?.getMbr().combine(items.slice(1).map((item) => item.getMbr()));
     this.left = translateX;
     this.top = translateY;
-    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1));
-    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height - conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1));
+    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1)));
+    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height + (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1) : 0));
     this.path = new Path(this.getMbr().getLines(), true, "#FFFFFF");
   }
   deserialize(data) {
@@ -48072,7 +48107,7 @@ class Deck extends BaseItem {
       return;
     const tempContext = { ...context, ctx: tempCtx };
     cards.forEach((_, index2) => {
-      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
+      topCard.render(tempContext, this.isPerpendicular ? 0 : index2 * conf.DECK_HORIZONTAL_OFFSET, this.isPerpendicular ? index2 * conf.DECK_VERTICAL_OFFSET : 0);
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;

package/dist/esm/index.js

@@ -47673,6 +47673,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -47851,19 +47864,40 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-// src/Keyboard/HotkeyRegistry.ts
-var editModeHotkeyRegistry = {};
-var viewModeHotkeyRegistry = {};
-var hotkeyNames = {};
-function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
-  if (boardMode === "edit") {
-    editModeHotkeyRegistry[name] = hotkeyConfig;
-  } else {
-    viewModeHotkeyRegistry[name] = hotkeyConfig;
+registerHotkey({
+  name: "Rotate90deg",
+  hotkey: { key: { button: "KeyQ" }, label: { windows: "Q", mac: "Q" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(false);
+      });
+    }
   }
-  hotkeyNames[name] = hotkey;
-}
-
+});
+registerHotkey({
+  name: "Rotate90deg-clockwise",
+  hotkey: { key: { button: "KeyE" }, label: { windows: "E", mac: "E" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(true);
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -47908,6 +47942,7 @@ class Deck extends BaseItem {
             x: this.left + (this.index?.list().length || 0) * (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET),
             y: this.top + (this.index?.list().length || 0) * (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET : 0)
           });
+          this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
           foundItem.shouldUseRelativeAlignment = false;
@@ -47997,8 +48032,8 @@ class Deck extends BaseItem {
     const itemsMbr = items[0]?.getMbr().combine(items.slice(1).map((item) => item.getMbr()));
     this.left = translateX;
     this.top = translateY;
-    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1));
-    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height - conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1));
+    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1)));
+    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height + (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1) : 0));
     this.path = new Path(this.getMbr().getLines(), true, "#FFFFFF");
   }
   deserialize(data) {
@@ -48065,7 +48100,7 @@ class Deck extends BaseItem {
       return;
     const tempContext = { ...context, ctx: tempCtx };
     cards.forEach((_, index2) => {
-      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
+      topCard.render(tempContext, this.isPerpendicular ? 0 : index2 * conf.DECK_HORIZONTAL_OFFSET, this.isPerpendicular ? index2 * conf.DECK_VERTICAL_OFFSET : 0);
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;

package/dist/esm/node.js

@@ -50141,6 +50141,19 @@ function throttle(func, delay) {
   };
 }
 
+// src/Keyboard/HotkeyRegistry.ts
+var editModeHotkeyRegistry = {};
+var viewModeHotkeyRegistry = {};
+var hotkeyNames = {};
+function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
+  if (boardMode === "edit") {
+    editModeHotkeyRegistry[name] = hotkeyConfig;
+  } else {
+    viewModeHotkeyRegistry[name] = hotkeyConfig;
+  }
+  hotkeyNames[name] = hotkey;
+}
+
 // src/Items/Examples/CardGame/Card/Card.ts
 var defaultCardData = {
   itemType: "Card",
@@ -50319,19 +50332,40 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-// src/Keyboard/HotkeyRegistry.ts
-var editModeHotkeyRegistry = {};
-var viewModeHotkeyRegistry = {};
-var hotkeyNames = {};
-function registerHotkey({ name, hotkey, hotkeyConfig, boardMode }) {
-  if (boardMode === "edit") {
-    editModeHotkeyRegistry[name] = hotkeyConfig;
-  } else {
-    viewModeHotkeyRegistry[name] = hotkeyConfig;
+registerHotkey({
+  name: "Rotate90deg",
+  hotkey: { key: { button: "KeyQ" }, label: { windows: "Q", mac: "Q" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(false);
+      });
+    }
   }
-  hotkeyNames[name] = hotkey;
-}
-
+});
+registerHotkey({
+  name: "Rotate90deg-clockwise",
+  hotkey: { key: { button: "KeyE" }, label: { windows: "E", mac: "E" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Image", "Card"],
+    cb: (event, board) => {
+      const items = board?.selection.items.list();
+      if (!items) {
+        return;
+      }
+      items.forEach((item) => {
+        item.rotate(true);
+      });
+    }
+  }
+});
 // src/Items/Examples/CardGame/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -50376,6 +50410,7 @@ class Deck extends BaseItem {
             x: this.left + (this.index?.list().length || 0) * (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET),
             y: this.top + (this.index?.list().length || 0) * (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET : 0)
           });
+          this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
           foundItem.shouldUseRelativeAlignment = false;
@@ -50465,8 +50500,8 @@ class Deck extends BaseItem {
     const itemsMbr = items[0]?.getMbr().combine(items.slice(1).map((item) => item.getMbr()));
     this.left = translateX;
     this.top = translateY;
-    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1));
-    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height - conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1));
+    this.right = translateX + (itemsMbr?.getWidth() || conf.CARD_DIMENSIONS.width + (this.isPerpendicular ? 0 : conf.DECK_HORIZONTAL_OFFSET * ((this.children.length || 1) - 1)));
+    this.bottom = translateY + (itemsMbr?.getHeight() || conf.CARD_DIMENSIONS.height + (this.isPerpendicular ? conf.DECK_VERTICAL_OFFSET * ((this.children.length || 1) - 1) : 0));
     this.path = new Path(this.getMbr().getLines(), true, "#FFFFFF");
   }
   deserialize(data) {
@@ -50533,7 +50568,7 @@ class Deck extends BaseItem {
       return;
     const tempContext = { ...context, ctx: tempCtx };
     cards.forEach((_, index2) => {
-      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
+      topCard.render(tempContext, this.isPerpendicular ? 0 : index2 * conf.DECK_HORIZONTAL_OFFSET, this.isPerpendicular ? index2 * conf.DECK_VERTICAL_OFFSET : 0);
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;

package/package.json

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