microboard-temp 0.5.11 → 0.5.13

package/dist/cjs/browser.js

@@ -47835,19 +47835,6 @@ 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",
@@ -47984,21 +47971,19 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-registerHotkey({
-  name: "flipCard",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
-  boardMode: "edit",
-  hotkeyConfig: {
-    allItemsType: ["Card"],
-    cb: (event, board) => {
-      const cards = board?.selection.items.list();
-      if (!cards) {
-        return;
-      }
-      cards[0].toggleIsOpen(cards);
-    }
+// 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/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -48184,7 +48169,7 @@ registerItem({
 });
 registerHotkey({
   name: "getCard-top",
-  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  hotkey: { key: { button: "KeyT", shift: true }, label: { windows: "Shift+T", mac: "⇧T" } },
   boardMode: "edit",
   hotkeyConfig: {
     allItemsType: ["Deck"],
@@ -48252,20 +48237,85 @@ registerHotkey({
   }
 });
 registerHotkey({
-  name: "flipDeck",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
+  name: "flipDeckOrCard",
+  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "Shift+F", mac: "⇧F" } },
   boardMode: "edit",
   hotkeyConfig: {
-    allItemsType: ["Deck"],
+    allItemsType: ["Deck", "Card"],
     cb: (event, board) => {
-      const deck = board?.selection.items.getSingle();
-      if (!(deck instanceof Deck)) {
+      const cardsOrDecks = board?.selection.items.list();
+      if (!cardsOrDecks) {
         return;
       }
-      deck.flipDeck();
+      let cards = [];
+      let decks = [];
+      for (const item of cardsOrDecks) {
+        if (item instanceof Card) {
+          cards.push(item);
+        } else if (item instanceof Deck) {
+          decks.push(item);
+        }
+      }
+      cards[0]?.toggleIsOpen(cards);
+      decks.forEach((deck) => {
+        deck.flipDeck();
+      });
     }
   }
 });
+function createDeck(event, board) {
+  if (!board) {
+    return;
+  }
+  const single = board.selection.items.getSingle();
+  if (single && single.itemType === "Deck") {
+    return;
+  }
+  const cardsOrDecks = board.selection.items.list();
+  const onlyCards = board.selection.items.isAllItemsType("Card");
+  if (onlyCards) {
+    const deck = new Deck(board, "");
+    deck.transformation.apply({
+      class: "Transformation",
+      method: "translateTo",
+      item: [deck.getId()],
+      x: cardsOrDecks[cardsOrDecks.length - 1].left,
+      y: cardsOrDecks[cardsOrDecks.length - 1].top
+    });
+    const addedDeck = board.add(deck);
+    board.selection.items.removeAll();
+    addedDeck.addChildItems(cardsOrDecks);
+    board.selection.items.add(addedDeck);
+  } else {
+    let mainDeck = null;
+    const cards = [];
+    cardsOrDecks.forEach((item) => {
+      if (item.itemType === "Card") {
+        cards.push(item);
+      } else if (item.itemType === "Deck") {
+        if (mainDeck) {
+          cards.push(...mainDeck.getDeck());
+          board.remove(mainDeck);
+          mainDeck = item;
+        } else {
+          mainDeck = item;
+        }
+      }
+    });
+    board.selection.items.removeAll();
+    mainDeck.addChildItems(cards);
+    board.selection.items.add(mainDeck);
+  }
+}
+registerHotkey({
+  name: "createDeck",
+  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Deck", "Card"],
+    cb: createDeck
+  }
+});
 // src/Items/Examples/CardGame/Dice/AddDice.ts
 class AddDice extends ShapeTool {
   constructor(board, name) {

package/dist/cjs/index.js

@@ -47835,19 +47835,6 @@ 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",
@@ -47984,21 +47971,19 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-registerHotkey({
-  name: "flipCard",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
-  boardMode: "edit",
-  hotkeyConfig: {
-    allItemsType: ["Card"],
-    cb: (event, board) => {
-      const cards = board?.selection.items.list();
-      if (!cards) {
-        return;
-      }
-      cards[0].toggleIsOpen(cards);
-    }
+// 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/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -48184,7 +48169,7 @@ registerItem({
 });
 registerHotkey({
   name: "getCard-top",
-  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  hotkey: { key: { button: "KeyT", shift: true }, label: { windows: "Shift+T", mac: "⇧T" } },
   boardMode: "edit",
   hotkeyConfig: {
     allItemsType: ["Deck"],
@@ -48252,20 +48237,85 @@ registerHotkey({
   }
 });
 registerHotkey({
-  name: "flipDeck",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
+  name: "flipDeckOrCard",
+  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "Shift+F", mac: "⇧F" } },
   boardMode: "edit",
   hotkeyConfig: {
-    allItemsType: ["Deck"],
+    allItemsType: ["Deck", "Card"],
     cb: (event, board) => {
-      const deck = board?.selection.items.getSingle();
-      if (!(deck instanceof Deck)) {
+      const cardsOrDecks = board?.selection.items.list();
+      if (!cardsOrDecks) {
         return;
       }
-      deck.flipDeck();
+      let cards = [];
+      let decks = [];
+      for (const item of cardsOrDecks) {
+        if (item instanceof Card) {
+          cards.push(item);
+        } else if (item instanceof Deck) {
+          decks.push(item);
+        }
+      }
+      cards[0]?.toggleIsOpen(cards);
+      decks.forEach((deck) => {
+        deck.flipDeck();
+      });
     }
   }
 });
+function createDeck(event, board) {
+  if (!board) {
+    return;
+  }
+  const single = board.selection.items.getSingle();
+  if (single && single.itemType === "Deck") {
+    return;
+  }
+  const cardsOrDecks = board.selection.items.list();
+  const onlyCards = board.selection.items.isAllItemsType("Card");
+  if (onlyCards) {
+    const deck = new Deck(board, "");
+    deck.transformation.apply({
+      class: "Transformation",
+      method: "translateTo",
+      item: [deck.getId()],
+      x: cardsOrDecks[cardsOrDecks.length - 1].left,
+      y: cardsOrDecks[cardsOrDecks.length - 1].top
+    });
+    const addedDeck = board.add(deck);
+    board.selection.items.removeAll();
+    addedDeck.addChildItems(cardsOrDecks);
+    board.selection.items.add(addedDeck);
+  } else {
+    let mainDeck = null;
+    const cards = [];
+    cardsOrDecks.forEach((item) => {
+      if (item.itemType === "Card") {
+        cards.push(item);
+      } else if (item.itemType === "Deck") {
+        if (mainDeck) {
+          cards.push(...mainDeck.getDeck());
+          board.remove(mainDeck);
+          mainDeck = item;
+        } else {
+          mainDeck = item;
+        }
+      }
+    });
+    board.selection.items.removeAll();
+    mainDeck.addChildItems(cards);
+    board.selection.items.add(mainDeck);
+  }
+}
+registerHotkey({
+  name: "createDeck",
+  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Deck", "Card"],
+    cb: createDeck
+  }
+});
 // src/Items/Examples/CardGame/Dice/AddDice.ts
 class AddDice extends ShapeTool {
   constructor(board, name) {

package/dist/cjs/node.js

@@ -50308,19 +50308,6 @@ 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",
@@ -50457,21 +50444,19 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-registerHotkey({
-  name: "flipCard",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
-  boardMode: "edit",
-  hotkeyConfig: {
-    allItemsType: ["Card"],
-    cb: (event, board) => {
-      const cards = board?.selection.items.list();
-      if (!cards) {
-        return;
-      }
-      cards[0].toggleIsOpen(cards);
-    }
+// 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/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -50657,7 +50642,7 @@ registerItem({
 });
 registerHotkey({
   name: "getCard-top",
-  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  hotkey: { key: { button: "KeyT", shift: true }, label: { windows: "Shift+T", mac: "⇧T" } },
   boardMode: "edit",
   hotkeyConfig: {
     allItemsType: ["Deck"],
@@ -50725,20 +50710,85 @@ registerHotkey({
   }
 });
 registerHotkey({
-  name: "flipDeck",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
+  name: "flipDeckOrCard",
+  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "Shift+F", mac: "⇧F" } },
   boardMode: "edit",
   hotkeyConfig: {
-    allItemsType: ["Deck"],
+    allItemsType: ["Deck", "Card"],
     cb: (event, board) => {
-      const deck = board?.selection.items.getSingle();
-      if (!(deck instanceof Deck)) {
+      const cardsOrDecks = board?.selection.items.list();
+      if (!cardsOrDecks) {
         return;
       }
-      deck.flipDeck();
+      let cards = [];
+      let decks = [];
+      for (const item of cardsOrDecks) {
+        if (item instanceof Card) {
+          cards.push(item);
+        } else if (item instanceof Deck) {
+          decks.push(item);
+        }
+      }
+      cards[0]?.toggleIsOpen(cards);
+      decks.forEach((deck) => {
+        deck.flipDeck();
+      });
     }
   }
 });
+function createDeck(event, board) {
+  if (!board) {
+    return;
+  }
+  const single = board.selection.items.getSingle();
+  if (single && single.itemType === "Deck") {
+    return;
+  }
+  const cardsOrDecks = board.selection.items.list();
+  const onlyCards = board.selection.items.isAllItemsType("Card");
+  if (onlyCards) {
+    const deck = new Deck(board, "");
+    deck.transformation.apply({
+      class: "Transformation",
+      method: "translateTo",
+      item: [deck.getId()],
+      x: cardsOrDecks[cardsOrDecks.length - 1].left,
+      y: cardsOrDecks[cardsOrDecks.length - 1].top
+    });
+    const addedDeck = board.add(deck);
+    board.selection.items.removeAll();
+    addedDeck.addChildItems(cardsOrDecks);
+    board.selection.items.add(addedDeck);
+  } else {
+    let mainDeck = null;
+    const cards = [];
+    cardsOrDecks.forEach((item) => {
+      if (item.itemType === "Card") {
+        cards.push(item);
+      } else if (item.itemType === "Deck") {
+        if (mainDeck) {
+          cards.push(...mainDeck.getDeck());
+          board.remove(mainDeck);
+          mainDeck = item;
+        } else {
+          mainDeck = item;
+        }
+      }
+    });
+    board.selection.items.removeAll();
+    mainDeck.addChildItems(cards);
+    board.selection.items.add(mainDeck);
+  }
+}
+registerHotkey({
+  name: "createDeck",
+  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Deck", "Card"],
+    cb: createDeck
+  }
+});
 // src/Items/Examples/CardGame/Dice/AddDice.ts
 class AddDice extends ShapeTool {
   constructor(board, name) {

package/dist/esm/browser.js

@@ -47681,19 +47681,6 @@ 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",
@@ -47830,21 +47817,19 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-registerHotkey({
-  name: "flipCard",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
-  boardMode: "edit",
-  hotkeyConfig: {
-    allItemsType: ["Card"],
-    cb: (event, board) => {
-      const cards = board?.selection.items.list();
-      if (!cards) {
-        return;
-      }
-      cards[0].toggleIsOpen(cards);
-    }
+// 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/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -48030,7 +48015,7 @@ registerItem({
 });
 registerHotkey({
   name: "getCard-top",
-  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  hotkey: { key: { button: "KeyT", shift: true }, label: { windows: "Shift+T", mac: "⇧T" } },
   boardMode: "edit",
   hotkeyConfig: {
     allItemsType: ["Deck"],
@@ -48098,20 +48083,85 @@ registerHotkey({
   }
 });
 registerHotkey({
-  name: "flipDeck",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
+  name: "flipDeckOrCard",
+  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "Shift+F", mac: "⇧F" } },
   boardMode: "edit",
   hotkeyConfig: {
-    allItemsType: ["Deck"],
+    allItemsType: ["Deck", "Card"],
     cb: (event, board) => {
-      const deck = board?.selection.items.getSingle();
-      if (!(deck instanceof Deck)) {
+      const cardsOrDecks = board?.selection.items.list();
+      if (!cardsOrDecks) {
         return;
       }
-      deck.flipDeck();
+      let cards = [];
+      let decks = [];
+      for (const item of cardsOrDecks) {
+        if (item instanceof Card) {
+          cards.push(item);
+        } else if (item instanceof Deck) {
+          decks.push(item);
+        }
+      }
+      cards[0]?.toggleIsOpen(cards);
+      decks.forEach((deck) => {
+        deck.flipDeck();
+      });
     }
   }
 });
+function createDeck(event, board) {
+  if (!board) {
+    return;
+  }
+  const single = board.selection.items.getSingle();
+  if (single && single.itemType === "Deck") {
+    return;
+  }
+  const cardsOrDecks = board.selection.items.list();
+  const onlyCards = board.selection.items.isAllItemsType("Card");
+  if (onlyCards) {
+    const deck = new Deck(board, "");
+    deck.transformation.apply({
+      class: "Transformation",
+      method: "translateTo",
+      item: [deck.getId()],
+      x: cardsOrDecks[cardsOrDecks.length - 1].left,
+      y: cardsOrDecks[cardsOrDecks.length - 1].top
+    });
+    const addedDeck = board.add(deck);
+    board.selection.items.removeAll();
+    addedDeck.addChildItems(cardsOrDecks);
+    board.selection.items.add(addedDeck);
+  } else {
+    let mainDeck = null;
+    const cards = [];
+    cardsOrDecks.forEach((item) => {
+      if (item.itemType === "Card") {
+        cards.push(item);
+      } else if (item.itemType === "Deck") {
+        if (mainDeck) {
+          cards.push(...mainDeck.getDeck());
+          board.remove(mainDeck);
+          mainDeck = item;
+        } else {
+          mainDeck = item;
+        }
+      }
+    });
+    board.selection.items.removeAll();
+    mainDeck.addChildItems(cards);
+    board.selection.items.add(mainDeck);
+  }
+}
+registerHotkey({
+  name: "createDeck",
+  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Deck", "Card"],
+    cb: createDeck
+  }
+});
 // src/Items/Examples/CardGame/Dice/AddDice.ts
 class AddDice extends ShapeTool {
   constructor(board, name) {

package/dist/esm/index.js

@@ -47674,19 +47674,6 @@ 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",
@@ -47823,21 +47810,19 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-registerHotkey({
-  name: "flipCard",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
-  boardMode: "edit",
-  hotkeyConfig: {
-    allItemsType: ["Card"],
-    cb: (event, board) => {
-      const cards = board?.selection.items.list();
-      if (!cards) {
-        return;
-      }
-      cards[0].toggleIsOpen(cards);
-    }
+// 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/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -48023,7 +48008,7 @@ registerItem({
 });
 registerHotkey({
   name: "getCard-top",
-  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  hotkey: { key: { button: "KeyT", shift: true }, label: { windows: "Shift+T", mac: "⇧T" } },
   boardMode: "edit",
   hotkeyConfig: {
     allItemsType: ["Deck"],
@@ -48091,20 +48076,85 @@ registerHotkey({
   }
 });
 registerHotkey({
-  name: "flipDeck",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
+  name: "flipDeckOrCard",
+  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "Shift+F", mac: "⇧F" } },
   boardMode: "edit",
   hotkeyConfig: {
-    allItemsType: ["Deck"],
+    allItemsType: ["Deck", "Card"],
     cb: (event, board) => {
-      const deck = board?.selection.items.getSingle();
-      if (!(deck instanceof Deck)) {
+      const cardsOrDecks = board?.selection.items.list();
+      if (!cardsOrDecks) {
         return;
       }
-      deck.flipDeck();
+      let cards = [];
+      let decks = [];
+      for (const item of cardsOrDecks) {
+        if (item instanceof Card) {
+          cards.push(item);
+        } else if (item instanceof Deck) {
+          decks.push(item);
+        }
+      }
+      cards[0]?.toggleIsOpen(cards);
+      decks.forEach((deck) => {
+        deck.flipDeck();
+      });
     }
   }
 });
+function createDeck(event, board) {
+  if (!board) {
+    return;
+  }
+  const single = board.selection.items.getSingle();
+  if (single && single.itemType === "Deck") {
+    return;
+  }
+  const cardsOrDecks = board.selection.items.list();
+  const onlyCards = board.selection.items.isAllItemsType("Card");
+  if (onlyCards) {
+    const deck = new Deck(board, "");
+    deck.transformation.apply({
+      class: "Transformation",
+      method: "translateTo",
+      item: [deck.getId()],
+      x: cardsOrDecks[cardsOrDecks.length - 1].left,
+      y: cardsOrDecks[cardsOrDecks.length - 1].top
+    });
+    const addedDeck = board.add(deck);
+    board.selection.items.removeAll();
+    addedDeck.addChildItems(cardsOrDecks);
+    board.selection.items.add(addedDeck);
+  } else {
+    let mainDeck = null;
+    const cards = [];
+    cardsOrDecks.forEach((item) => {
+      if (item.itemType === "Card") {
+        cards.push(item);
+      } else if (item.itemType === "Deck") {
+        if (mainDeck) {
+          cards.push(...mainDeck.getDeck());
+          board.remove(mainDeck);
+          mainDeck = item;
+        } else {
+          mainDeck = item;
+        }
+      }
+    });
+    board.selection.items.removeAll();
+    mainDeck.addChildItems(cards);
+    board.selection.items.add(mainDeck);
+  }
+}
+registerHotkey({
+  name: "createDeck",
+  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Deck", "Card"],
+    cb: createDeck
+  }
+});
 // src/Items/Examples/CardGame/Dice/AddDice.ts
 class AddDice extends ShapeTool {
   constructor(board, name) {

package/dist/esm/node.js

@@ -50142,19 +50142,6 @@ 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",
@@ -50291,21 +50278,19 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-registerHotkey({
-  name: "flipCard",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
-  boardMode: "edit",
-  hotkeyConfig: {
-    allItemsType: ["Card"],
-    cb: (event, board) => {
-      const cards = board?.selection.items.list();
-      if (!cards) {
-        return;
-      }
-      cards[0].toggleIsOpen(cards);
-    }
+// 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/Deck/Deck.ts
 var defaultDeckData = {
   itemType: "Deck"
@@ -50491,7 +50476,7 @@ registerItem({
 });
 registerHotkey({
   name: "getCard-top",
-  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  hotkey: { key: { button: "KeyT", shift: true }, label: { windows: "Shift+T", mac: "⇧T" } },
   boardMode: "edit",
   hotkeyConfig: {
     allItemsType: ["Deck"],
@@ -50559,20 +50544,85 @@ registerHotkey({
   }
 });
 registerHotkey({
-  name: "flipDeck",
-  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "F", mac: "F" } },
+  name: "flipDeckOrCard",
+  hotkey: { key: { button: "KeyF", shift: true }, label: { windows: "Shift+F", mac: "⇧F" } },
   boardMode: "edit",
   hotkeyConfig: {
-    allItemsType: ["Deck"],
+    allItemsType: ["Deck", "Card"],
     cb: (event, board) => {
-      const deck = board?.selection.items.getSingle();
-      if (!(deck instanceof Deck)) {
+      const cardsOrDecks = board?.selection.items.list();
+      if (!cardsOrDecks) {
         return;
       }
-      deck.flipDeck();
+      let cards = [];
+      let decks = [];
+      for (const item of cardsOrDecks) {
+        if (item instanceof Card) {
+          cards.push(item);
+        } else if (item instanceof Deck) {
+          decks.push(item);
+        }
+      }
+      cards[0]?.toggleIsOpen(cards);
+      decks.forEach((deck) => {
+        deck.flipDeck();
+      });
     }
   }
 });
+function createDeck(event, board) {
+  if (!board) {
+    return;
+  }
+  const single = board.selection.items.getSingle();
+  if (single && single.itemType === "Deck") {
+    return;
+  }
+  const cardsOrDecks = board.selection.items.list();
+  const onlyCards = board.selection.items.isAllItemsType("Card");
+  if (onlyCards) {
+    const deck = new Deck(board, "");
+    deck.transformation.apply({
+      class: "Transformation",
+      method: "translateTo",
+      item: [deck.getId()],
+      x: cardsOrDecks[cardsOrDecks.length - 1].left,
+      y: cardsOrDecks[cardsOrDecks.length - 1].top
+    });
+    const addedDeck = board.add(deck);
+    board.selection.items.removeAll();
+    addedDeck.addChildItems(cardsOrDecks);
+    board.selection.items.add(addedDeck);
+  } else {
+    let mainDeck = null;
+    const cards = [];
+    cardsOrDecks.forEach((item) => {
+      if (item.itemType === "Card") {
+        cards.push(item);
+      } else if (item.itemType === "Deck") {
+        if (mainDeck) {
+          cards.push(...mainDeck.getDeck());
+          board.remove(mainDeck);
+          mainDeck = item;
+        } else {
+          mainDeck = item;
+        }
+      }
+    });
+    board.selection.items.removeAll();
+    mainDeck.addChildItems(cards);
+    board.selection.items.add(mainDeck);
+  }
+}
+registerHotkey({
+  name: "createDeck",
+  hotkey: { key: { button: "KeyD", shift: true }, label: { windows: "Shift+D", mac: "⇧D" } },
+  boardMode: "edit",
+  hotkeyConfig: {
+    allItemsType: ["Deck", "Card"],
+    cb: createDeck
+  }
+});
 // src/Items/Examples/CardGame/Dice/AddDice.ts
 class AddDice extends ShapeTool {
   constructor(board, name) {

package/dist/types/Items/Examples/CardGame/Deck/Deck.d.ts

@@ -28,3 +28,4 @@ export declare class Deck extends BaseItem {
     render(context: DrawingContext): void;
     private updateCache;
 }
+export declare function createDeck(event?: KeyboardEvent, board?: Board): void;

package/dist/types/Items/Examples/CardGame/Deck/index.d.ts

@@ -1 +1 @@
-export { Deck } from "./Deck";
+export { Deck, createDeck } from "./Deck";

package/package.json

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