microboard-ui-temp 0.1.89 → 0.1.91

package/dist/index.js

@@ -255865,6 +255865,17 @@ function throttle2(func, delay) {
     }
   };
 }
+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;
+}
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
@@ -256042,17 +256053,40 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-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);
+      });
+    }
+  }
+});
 var defaultDeckData = {
   itemType: "Deck"
 };
@@ -256096,6 +256130,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;
@@ -256185,8 +256220,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 Path2(this.getMbr().getLines(), true, "#FFFFFF");
   }
   deserialize(data) {
@@ -256253,7 +256288,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;
@@ -334594,6 +334629,10 @@ var en_default = {
     MB: "MB"
   },
   contextPanel: {
+    rotateItem: {
+      clockwise: "rotate clockwise",
+      counterclockwise: "rotate counterclockwise"
+    },
     connectorAddText: {
       tooltip: "Add text"
     },
@@ -335834,6 +335873,10 @@ var ru_default = {
     MB: "МБ"
   },
   contextPanel: {
+    rotateItem: {
+      clockwise: "Повернуть по часовой стрелке",
+      counterclockwise: "Повернуть против часовой стрелки"
+    },
     connectorAddText: {
       tooltip: "Добавить текст"
     },
@@ -374673,7 +374716,11 @@ function GetCard({ cardPosition, rounded = "none" }) {
         break;
     }
     const { left, top } = deck.getMbr();
-    card.transformation.translateTo(left, top - 280);
+    if (deck.getIsPerpendicular()) {
+      card.transformation.translateTo(left + 280, top);
+    } else {
+      card.transformation.translateTo(left, top - 280);
+    }
     if (deck.getDeck().length === 0) {
       board.remove(deck);
     }
@@ -374953,16 +375000,14 @@ function RotateItem({ clockwise, rounded = "none" }) {
   return /* @__PURE__ */ import_react290.default.createElement(UiButton, {
     className: ContextPanelButton_module_default.contextPanelButton,
     id: "rotate-item",
-    tooltip: t10("contextPanel.gameItems.card.flip"),
+    tooltip: t10(`contextPanel.rotateItem.${clockwise ? "clockwise" : "counterclockwise"}`),
     tooltipPosition: "top",
     onClick: handleClick,
     variant: "secondary",
     rounded,
-    hotkey: getHotkeyLabel("flipDeckOrCard")
+    hotkey: getHotkeyLabel(`Rotate90deg${clockwise ? "-clockwise" : ""}`)
   }, /* @__PURE__ */ import_react290.default.createElement(Icon, {
-    iconName: "RotateCard",
-    width: 24,
-    height: 24
+    iconName: clockwise ? "Redo" : "Undo"
   }));
 }
 

package/dist/spa.js

@@ -255865,6 +255865,17 @@ function throttle2(func, delay) {
     }
   };
 }
+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;
+}
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
@@ -256042,17 +256053,40 @@ registerItem({
   item: Card,
   defaultData: defaultCardData
 });
-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);
+      });
+    }
+  }
+});
 var defaultDeckData = {
   itemType: "Deck"
 };
@@ -256096,6 +256130,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;
@@ -256185,8 +256220,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 Path2(this.getMbr().getLines(), true, "#FFFFFF");
   }
   deserialize(data) {
@@ -256253,7 +256288,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;
@@ -334594,6 +334629,10 @@ var en_default = {
     MB: "MB"
   },
   contextPanel: {
+    rotateItem: {
+      clockwise: "rotate clockwise",
+      counterclockwise: "rotate counterclockwise"
+    },
     connectorAddText: {
       tooltip: "Add text"
     },
@@ -335834,6 +335873,10 @@ var ru_default = {
     MB: "МБ"
   },
   contextPanel: {
+    rotateItem: {
+      clockwise: "Повернуть по часовой стрелке",
+      counterclockwise: "Повернуть против часовой стрелки"
+    },
     connectorAddText: {
       tooltip: "Добавить текст"
     },
@@ -374673,7 +374716,11 @@ function GetCard({ cardPosition, rounded = "none" }) {
         break;
     }
     const { left, top } = deck.getMbr();
-    card.transformation.translateTo(left, top - 280);
+    if (deck.getIsPerpendicular()) {
+      card.transformation.translateTo(left + 280, top);
+    } else {
+      card.transformation.translateTo(left, top - 280);
+    }
     if (deck.getDeck().length === 0) {
       board.remove(deck);
     }
@@ -374953,16 +375000,14 @@ function RotateItem({ clockwise, rounded = "none" }) {
   return /* @__PURE__ */ import_react290.default.createElement(UiButton, {
     className: ContextPanelButton_module_default.contextPanelButton,
     id: "rotate-item",
-    tooltip: t10("contextPanel.gameItems.card.flip"),
+    tooltip: t10(`contextPanel.rotateItem.${clockwise ? "clockwise" : "counterclockwise"}`),
     tooltipPosition: "top",
     onClick: handleClick,
     variant: "secondary",
     rounded,
-    hotkey: getHotkeyLabel("flipDeckOrCard")
+    hotkey: getHotkeyLabel(`Rotate90deg${clockwise ? "-clockwise" : ""}`)
   }, /* @__PURE__ */ import_react290.default.createElement(Icon, {
-    iconName: "RotateCard",
-    width: 24,
-    height: 24
+    iconName: clockwise ? "Redo" : "Undo"
   }));
 }
 

package/dist/types/shared/Lang/index.d.ts

@@ -23,6 +23,10 @@ export declare const resources: {
                 MB: string;
             };
             contextPanel: {
+                rotateItem: {
+                    clockwise: string;
+                    counterclockwise: string;
+                };
                 connectorAddText: {
                     tooltip: string;
                 };
@@ -1236,6 +1240,10 @@ export declare const resources: {
                 MB: string;
             };
             contextPanel: {
+                rotateItem: {
+                    clockwise: string;
+                    counterclockwise: string;
+                };
                 connectorAddText: {
                     tooltip: string;
                 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.1.89",
+  "version": "0.1.91",
   "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.29",
+    "microboard-temp": "^0.5.31",
     "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-hot-toast": "2.4.1",