microboard-temp 0.5.39 → 0.5.41

package/dist/cjs/browser.js

@@ -18996,7 +18996,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21485,7 +21485,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -21677,6 +21677,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -21695,6 +21739,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -47893,6 +47940,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -48078,7 +48128,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -48102,7 +48152,9 @@ class Deck extends BaseItem {
     childIds.forEach((childId) => {
       const foundItem = this.board.items.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
-        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular());
+        const firstCard = this.getFirstCard();
+        const firstCardDimensions = firstCard?.getDimensions();
+        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular()) && (!firstCardDimensions || firstCardDimensions.width === foundItem.getDimensions().width && firstCardDimensions.height === foundItem.getDimensions().height);
         if (canAddItem) {
           this.isPerpendicular = foundItem.getIsRotatedPerpendicular();
           foundItem.transformation.apply({
@@ -48112,6 +48164,19 @@ 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)
           });
+          if (firstCard) {
+            const { scaleX, scaleY } = foundItem.transformation.matrix;
+            const { scaleX: targetScaleX, scaleY: targetScaleY } = firstCard.transformation.matrix;
+            if (scaleX !== targetScaleX || scaleY !== targetScaleY) {
+              foundItem.transformation.apply({
+                class: "Transformation",
+                method: "scaleTo",
+                item: [this.id],
+                x: targetScaleX,
+                y: targetScaleY
+              });
+            }
+          }
           this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -48276,6 +48341,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,
@@ -53277,7 +53345,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/cjs/index.js

@@ -18996,7 +18996,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21485,7 +21485,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -21677,6 +21677,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -21695,6 +21739,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -47893,6 +47940,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -48078,7 +48128,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -48102,7 +48152,9 @@ class Deck extends BaseItem {
     childIds.forEach((childId) => {
       const foundItem = this.board.items.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
-        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular());
+        const firstCard = this.getFirstCard();
+        const firstCardDimensions = firstCard?.getDimensions();
+        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular()) && (!firstCardDimensions || firstCardDimensions.width === foundItem.getDimensions().width && firstCardDimensions.height === foundItem.getDimensions().height);
         if (canAddItem) {
           this.isPerpendicular = foundItem.getIsRotatedPerpendicular();
           foundItem.transformation.apply({
@@ -48112,6 +48164,19 @@ 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)
           });
+          if (firstCard) {
+            const { scaleX, scaleY } = foundItem.transformation.matrix;
+            const { scaleX: targetScaleX, scaleY: targetScaleY } = firstCard.transformation.matrix;
+            if (scaleX !== targetScaleX || scaleY !== targetScaleY) {
+              foundItem.transformation.apply({
+                class: "Transformation",
+                method: "scaleTo",
+                item: [this.id],
+                x: targetScaleX,
+                y: targetScaleY
+              });
+            }
+          }
           this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -48276,6 +48341,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,
@@ -53277,7 +53345,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/cjs/node.js

@@ -21535,7 +21535,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -23957,7 +23957,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -24149,6 +24149,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -24167,6 +24211,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -50366,6 +50413,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -50551,7 +50601,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -50575,7 +50625,9 @@ class Deck extends BaseItem {
     childIds.forEach((childId) => {
       const foundItem = this.board.items.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
-        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular());
+        const firstCard = this.getFirstCard();
+        const firstCardDimensions = firstCard?.getDimensions();
+        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular()) && (!firstCardDimensions || firstCardDimensions.width === foundItem.getDimensions().width && firstCardDimensions.height === foundItem.getDimensions().height);
         if (canAddItem) {
           this.isPerpendicular = foundItem.getIsRotatedPerpendicular();
           foundItem.transformation.apply({
@@ -50585,6 +50637,19 @@ 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)
           });
+          if (firstCard) {
+            const { scaleX, scaleY } = foundItem.transformation.matrix;
+            const { scaleX: targetScaleX, scaleY: targetScaleY } = firstCard.transformation.matrix;
+            if (scaleX !== targetScaleX || scaleY !== targetScaleY) {
+              foundItem.transformation.apply({
+                class: "Transformation",
+                method: "scaleTo",
+                item: [this.id],
+                x: targetScaleX,
+                y: targetScaleY
+              });
+            }
+          }
           this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -50749,6 +50814,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,
@@ -55750,7 +55818,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/esm/browser.js

@@ -18842,7 +18842,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21331,7 +21331,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -21523,6 +21523,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -21541,6 +21585,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -47739,6 +47786,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -47924,7 +47974,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -47948,7 +47998,9 @@ class Deck extends BaseItem {
     childIds.forEach((childId) => {
       const foundItem = this.board.items.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
-        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular());
+        const firstCard = this.getFirstCard();
+        const firstCardDimensions = firstCard?.getDimensions();
+        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular()) && (!firstCardDimensions || firstCardDimensions.width === foundItem.getDimensions().width && firstCardDimensions.height === foundItem.getDimensions().height);
         if (canAddItem) {
           this.isPerpendicular = foundItem.getIsRotatedPerpendicular();
           foundItem.transformation.apply({
@@ -47958,6 +48010,19 @@ 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)
           });
+          if (firstCard) {
+            const { scaleX, scaleY } = foundItem.transformation.matrix;
+            const { scaleX: targetScaleX, scaleY: targetScaleY } = firstCard.transformation.matrix;
+            if (scaleX !== targetScaleX || scaleY !== targetScaleY) {
+              foundItem.transformation.apply({
+                class: "Transformation",
+                method: "scaleTo",
+                item: [this.id],
+                x: targetScaleX,
+                y: targetScaleY
+              });
+            }
+          }
           this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -48122,6 +48187,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,
@@ -53123,7 +53191,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/esm/index.js

@@ -18835,7 +18835,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21324,7 +21324,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -21516,6 +21516,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -21534,6 +21578,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -47732,6 +47779,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -47917,7 +47967,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -47941,7 +47991,9 @@ class Deck extends BaseItem {
     childIds.forEach((childId) => {
       const foundItem = this.board.items.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
-        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular());
+        const firstCard = this.getFirstCard();
+        const firstCardDimensions = firstCard?.getDimensions();
+        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular()) && (!firstCardDimensions || firstCardDimensions.width === foundItem.getDimensions().width && firstCardDimensions.height === foundItem.getDimensions().height);
         if (canAddItem) {
           this.isPerpendicular = foundItem.getIsRotatedPerpendicular();
           foundItem.transformation.apply({
@@ -47951,6 +48003,19 @@ 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)
           });
+          if (firstCard) {
+            const { scaleX, scaleY } = foundItem.transformation.matrix;
+            const { scaleX: targetScaleX, scaleY: targetScaleY } = firstCard.transformation.matrix;
+            if (scaleX !== targetScaleX || scaleY !== targetScaleY) {
+              foundItem.transformation.apply({
+                class: "Transformation",
+                method: "scaleTo",
+                item: [this.id],
+                x: targetScaleX,
+                y: targetScaleY
+              });
+            }
+          }
           this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -48115,6 +48180,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,
@@ -53116,7 +53184,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/esm/node.js

@@ -21369,7 +21369,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -23791,7 +23791,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -23983,6 +23983,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -24001,6 +24045,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -50200,6 +50247,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -50385,7 +50435,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -50409,7 +50459,9 @@ class Deck extends BaseItem {
     childIds.forEach((childId) => {
       const foundItem = this.board.items.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
-        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular());
+        const firstCard = this.getFirstCard();
+        const firstCardDimensions = firstCard?.getDimensions();
+        const canAddItem = !this.index?.getById(childId) && foundItem instanceof Card && (typeof this.isPerpendicular === "undefined" || this.isPerpendicular === foundItem.getIsRotatedPerpendicular()) && (!firstCardDimensions || firstCardDimensions.width === foundItem.getDimensions().width && firstCardDimensions.height === foundItem.getDimensions().height);
         if (canAddItem) {
           this.isPerpendicular = foundItem.getIsRotatedPerpendicular();
           foundItem.transformation.apply({
@@ -50419,6 +50471,19 @@ 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)
           });
+          if (firstCard) {
+            const { scaleX, scaleY } = foundItem.transformation.matrix;
+            const { scaleX: targetScaleX, scaleY: targetScaleY } = firstCard.transformation.matrix;
+            if (scaleX !== targetScaleX || scaleY !== targetScaleY) {
+              foundItem.transformation.apply({
+                class: "Transformation",
+                method: "scaleTo",
+                item: [this.id],
+                x: targetScaleX,
+                y: targetScaleY
+              });
+            }
+          }
           this.board.selection.remove(foundItem);
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -50583,6 +50648,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,
@@ -55584,7 +55652,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/types/Items/BaseItem/BaseItem.d.ts

@@ -37,7 +37,7 @@ export declare class BaseItem extends Mbr implements Geometry {
     shouldUseCustomRender: boolean;
     shouldRenderOutsideViewRect: boolean;
     shouldUseRelativeAlignment: boolean;
-    enableResize: boolean;
+    resizeEnabled: boolean;
     onlyProportionalResize: boolean;
     itemType: string;
     children: string[];
@@ -65,6 +65,8 @@ export declare class BaseItem extends Mbr implements Geometry {
     isClosed(): boolean;
     emit(operation: Operation | BaseOperation): void;
     emitForManyItems(operation: Operation | BaseOperation): void;
+    disableResize(items: BaseItem[]): void;
+    enableResize(items: BaseItem[]): void;
     apply(op: Operation | BaseItemOperation | BaseOperation): void;
     addOnRemoveCallback(cb: () => void): void;
     onRemove(): void;

package/dist/types/Items/BaseItem/BaseItemOperation.d.ts

@@ -1,5 +1,5 @@
 import { BaseOperation } from "../../Events/EventsOperations";
-export type BaseItemOperation = RemoveChildren | AddChildren;
+export type BaseItemOperation = RemoveChildren | AddChildren | ToggleResizeEnabled;
 export interface RemoveChildren extends BaseOperation<{
     childIds: string[];
 }> {
@@ -10,3 +10,8 @@ export interface AddChildren extends BaseOperation<{
 }> {
     method: "addChildren";
 }
+export interface ToggleResizeEnabled extends BaseOperation<{
+    resizeEnabled: boolean;
+}> {
+    method: "toggleResizeEnabled";
+}

package/dist/types/Items/Comment/Comment.d.ts

@@ -47,7 +47,7 @@ export declare class Comment implements Geometry {
     readonly subject: Subject<Comment>;
     readonly linkTo: LinkTo;
     transformationRenderBlock?: boolean;
-    enableResize: boolean;
+    resizeEnabled: boolean;
     constructor(anchor?: Point, events?: Events | undefined, id?: string);
     serialize(): CommentData;
     deserialize(data: CommentData): this;

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

@@ -29,6 +29,10 @@ export declare class Card extends BaseItem {
         width: number;
         height: number;
     });
+    getDimensions(): {
+        width: number;
+        height: number;
+    };
     createImages(): void;
     updateImageToRender(): void;
     getImage(): HTMLImageElement | null;

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

@@ -12,7 +12,7 @@ export declare class Deck extends BaseItem {
     shouldUseCustomRender: boolean;
     private cachedCanvas;
     private isCacheDirty;
-    enableResize: boolean;
+    resizeEnabled: boolean;
     path: Path | null;
     private isPerpendicular;
     constructor(board: Board, id?: string);
@@ -31,5 +31,6 @@ export declare class Deck extends BaseItem {
     render(context: DrawingContext): void;
     renderHTML(documentFactory: DocumentFactory): HTMLElement;
     private updateCache;
+    getFirstCard(): Card | undefined;
 }
 export declare function createDeck(event?: KeyboardEvent, board?: Board): void;

package/package.json

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