microboard-temp 0.5.39 → 0.5.40

package/dist/cjs/browser.js

@@ -47893,6 +47893,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -48102,7 +48105,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 +48117,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 +48294,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,

package/dist/cjs/index.js

@@ -47893,6 +47893,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -48102,7 +48105,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 +48117,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 +48294,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,

package/dist/cjs/node.js

@@ -50366,6 +50366,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -50575,7 +50578,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 +50590,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 +50767,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,

package/dist/esm/browser.js

@@ -47739,6 +47739,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -47948,7 +47951,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 +47963,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 +48140,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,

package/dist/esm/index.js

@@ -47732,6 +47732,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -47941,7 +47944,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 +47956,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 +48133,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,

package/dist/esm/node.js

@@ -50200,6 +50200,9 @@ class Card extends BaseItem {
     });
     this.updateMbr();
   }
+  getDimensions() {
+    return this.dimensions;
+  }
   createImages() {
     this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
@@ -50409,7 +50412,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 +50424,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 +50601,9 @@ class Deck extends BaseItem {
     this.isCacheDirty = false;
     this.updateMbr();
   }
+  getFirstCard() {
+    return this.index?.list()[0];
+  }
 }
 registerItem({
   item: Deck,

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

@@ -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.40",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",