microboard-temp 0.4.96 → 0.4.98

package/dist/cjs/browser.js

@@ -7064,7 +7064,9 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap
+  cursorsMap,
+  DECK_HORIZONTAL_OFFSET: 2,
+  DECK_VERTICAL_OFFSET: 0
 };
 initDefaultI18N();
 
@@ -18997,6 +18999,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21475,6 +21478,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -47825,6 +47829,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -47863,6 +47868,9 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
+  getImage() {
+    return this.imageToRender;
+  }
   render(context, left, top) {
     if (this.transformationRenderBlock) {
       return;
@@ -47929,6 +47937,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -47952,8 +47961,8 @@ class Deck extends BaseItem {
             class: "Transformation",
             method: "translateTo",
             item: [this.id],
-            x: this.left + (this.index?.list().length || 0) * 2,
-            y: this.top
+            x: this.left + (this.index?.list().length || 0) * conf.DECK_HORIZONTAL_OFFSET,
+            y: this.top - (this.index?.list().length || 0) * conf.DECK_VERTICAL_OFFSET
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -48055,7 +48064,6 @@ class Deck extends BaseItem {
     const ctx = context.ctx;
     if (this.isCacheDirty || !this.cachedCanvas) {
       this.updateCache(context);
-      this.isCacheDirty = false;
     }
     if (this.cachedCanvas && this.cachedCanvas.width && this.cachedCanvas.height) {
       ctx.save();
@@ -48064,9 +48072,12 @@ class Deck extends BaseItem {
     }
   }
   updateCache(context) {
+    const cards = this.index?.list();
+    const topCard = cards[cards.length - 1];
+    const topCardImage = topCard?.getImage();
     const width2 = this.getWidth();
     const height3 = this.getHeight();
-    if (!width2 || !height3) {
+    if (!width2 || !height3 || !topCardImage || !topCardImage.complete) {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
@@ -48076,10 +48087,12 @@ class Deck extends BaseItem {
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.list().forEach((item, index2) => {
-      item.render(tempContext, index2 * 2, 0);
+    cards.forEach((_, index2) => {
+      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
     });
     this.cachedCanvas = tempCanvas;
+    this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -51617,7 +51630,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -52860,6 +52874,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);

package/dist/cjs/index.js

@@ -7064,7 +7064,9 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap
+  cursorsMap,
+  DECK_HORIZONTAL_OFFSET: 2,
+  DECK_VERTICAL_OFFSET: 0
 };
 initDefaultI18N();
 
@@ -18997,6 +18999,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21475,6 +21478,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -47825,6 +47829,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -47863,6 +47868,9 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
+  getImage() {
+    return this.imageToRender;
+  }
   render(context, left, top) {
     if (this.transformationRenderBlock) {
       return;
@@ -47929,6 +47937,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -47952,8 +47961,8 @@ class Deck extends BaseItem {
             class: "Transformation",
             method: "translateTo",
             item: [this.id],
-            x: this.left + (this.index?.list().length || 0) * 2,
-            y: this.top
+            x: this.left + (this.index?.list().length || 0) * conf.DECK_HORIZONTAL_OFFSET,
+            y: this.top - (this.index?.list().length || 0) * conf.DECK_VERTICAL_OFFSET
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -48055,7 +48064,6 @@ class Deck extends BaseItem {
     const ctx = context.ctx;
     if (this.isCacheDirty || !this.cachedCanvas) {
       this.updateCache(context);
-      this.isCacheDirty = false;
     }
     if (this.cachedCanvas && this.cachedCanvas.width && this.cachedCanvas.height) {
       ctx.save();
@@ -48064,9 +48072,12 @@ class Deck extends BaseItem {
     }
   }
   updateCache(context) {
+    const cards = this.index?.list();
+    const topCard = cards[cards.length - 1];
+    const topCardImage = topCard?.getImage();
     const width2 = this.getWidth();
     const height3 = this.getHeight();
-    if (!width2 || !height3) {
+    if (!width2 || !height3 || !topCardImage || !topCardImage.complete) {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
@@ -48076,10 +48087,12 @@ class Deck extends BaseItem {
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.list().forEach((item, index2) => {
-      item.render(tempContext, index2 * 2, 0);
+    cards.forEach((_, index2) => {
+      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
     });
     this.cachedCanvas = tempCanvas;
+    this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -51617,7 +51630,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -52860,6 +52874,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);

package/dist/cjs/node.js

@@ -8101,7 +8101,9 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap
+  cursorsMap,
+  DECK_HORIZONTAL_OFFSET: 2,
+  DECK_VERTICAL_OFFSET: 0
 };
 initDefaultI18N();
 
@@ -21536,6 +21538,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -23947,6 +23950,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -50298,6 +50302,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -50336,6 +50341,9 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
+  getImage() {
+    return this.imageToRender;
+  }
   render(context, left, top) {
     if (this.transformationRenderBlock) {
       return;
@@ -50402,6 +50410,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -50425,8 +50434,8 @@ class Deck extends BaseItem {
             class: "Transformation",
             method: "translateTo",
             item: [this.id],
-            x: this.left + (this.index?.list().length || 0) * 2,
-            y: this.top
+            x: this.left + (this.index?.list().length || 0) * conf.DECK_HORIZONTAL_OFFSET,
+            y: this.top - (this.index?.list().length || 0) * conf.DECK_VERTICAL_OFFSET
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -50528,7 +50537,6 @@ class Deck extends BaseItem {
     const ctx = context.ctx;
     if (this.isCacheDirty || !this.cachedCanvas) {
       this.updateCache(context);
-      this.isCacheDirty = false;
     }
     if (this.cachedCanvas && this.cachedCanvas.width && this.cachedCanvas.height) {
       ctx.save();
@@ -50537,9 +50545,12 @@ class Deck extends BaseItem {
     }
   }
   updateCache(context) {
+    const cards = this.index?.list();
+    const topCard = cards[cards.length - 1];
+    const topCardImage = topCard?.getImage();
     const width2 = this.getWidth();
     const height3 = this.getHeight();
-    if (!width2 || !height3) {
+    if (!width2 || !height3 || !topCardImage || !topCardImage.complete) {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
@@ -50549,10 +50560,12 @@ class Deck extends BaseItem {
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.list().forEach((item, index2) => {
-      item.render(tempContext, index2 * 2, 0);
+    cards.forEach((_, index2) => {
+      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
     });
     this.cachedCanvas = tempCanvas;
+    this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -54090,7 +54103,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -55333,6 +55347,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);

package/dist/esm/browser.js

@@ -6904,7 +6904,9 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap
+  cursorsMap,
+  DECK_HORIZONTAL_OFFSET: 2,
+  DECK_VERTICAL_OFFSET: 0
 };
 initDefaultI18N();
 
@@ -18846,6 +18848,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21324,6 +21327,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -47674,6 +47678,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -47712,6 +47717,9 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
+  getImage() {
+    return this.imageToRender;
+  }
   render(context, left, top) {
     if (this.transformationRenderBlock) {
       return;
@@ -47778,6 +47786,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -47801,8 +47810,8 @@ class Deck extends BaseItem {
             class: "Transformation",
             method: "translateTo",
             item: [this.id],
-            x: this.left + (this.index?.list().length || 0) * 2,
-            y: this.top
+            x: this.left + (this.index?.list().length || 0) * conf.DECK_HORIZONTAL_OFFSET,
+            y: this.top - (this.index?.list().length || 0) * conf.DECK_VERTICAL_OFFSET
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -47904,7 +47913,6 @@ class Deck extends BaseItem {
     const ctx = context.ctx;
     if (this.isCacheDirty || !this.cachedCanvas) {
       this.updateCache(context);
-      this.isCacheDirty = false;
     }
     if (this.cachedCanvas && this.cachedCanvas.width && this.cachedCanvas.height) {
       ctx.save();
@@ -47913,9 +47921,12 @@ class Deck extends BaseItem {
     }
   }
   updateCache(context) {
+    const cards = this.index?.list();
+    const topCard = cards[cards.length - 1];
+    const topCardImage = topCard?.getImage();
     const width2 = this.getWidth();
     const height3 = this.getHeight();
-    if (!width2 || !height3) {
+    if (!width2 || !height3 || !topCardImage || !topCardImage.complete) {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
@@ -47925,10 +47936,12 @@ class Deck extends BaseItem {
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.list().forEach((item, index2) => {
-      item.render(tempContext, index2 * 2, 0);
+    cards.forEach((_, index2) => {
+      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
     });
     this.cachedCanvas = tempCanvas;
+    this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -51466,7 +51479,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -52709,6 +52723,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);

package/dist/esm/index.js

@@ -6897,7 +6897,9 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap
+  cursorsMap,
+  DECK_HORIZONTAL_OFFSET: 2,
+  DECK_VERTICAL_OFFSET: 0
 };
 initDefaultI18N();
 
@@ -18839,6 +18841,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21317,6 +21320,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -47667,6 +47671,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -47705,6 +47710,9 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
+  getImage() {
+    return this.imageToRender;
+  }
   render(context, left, top) {
     if (this.transformationRenderBlock) {
       return;
@@ -47771,6 +47779,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -47794,8 +47803,8 @@ class Deck extends BaseItem {
             class: "Transformation",
             method: "translateTo",
             item: [this.id],
-            x: this.left + (this.index?.list().length || 0) * 2,
-            y: this.top
+            x: this.left + (this.index?.list().length || 0) * conf.DECK_HORIZONTAL_OFFSET,
+            y: this.top - (this.index?.list().length || 0) * conf.DECK_VERTICAL_OFFSET
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -47897,7 +47906,6 @@ class Deck extends BaseItem {
     const ctx = context.ctx;
     if (this.isCacheDirty || !this.cachedCanvas) {
       this.updateCache(context);
-      this.isCacheDirty = false;
     }
     if (this.cachedCanvas && this.cachedCanvas.width && this.cachedCanvas.height) {
       ctx.save();
@@ -47906,9 +47914,12 @@ class Deck extends BaseItem {
     }
   }
   updateCache(context) {
+    const cards = this.index?.list();
+    const topCard = cards[cards.length - 1];
+    const topCardImage = topCard?.getImage();
     const width2 = this.getWidth();
     const height3 = this.getHeight();
-    if (!width2 || !height3) {
+    if (!width2 || !height3 || !topCardImage || !topCardImage.complete) {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
@@ -47918,10 +47929,12 @@ class Deck extends BaseItem {
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.list().forEach((item, index2) => {
-      item.render(tempContext, index2 * 2, 0);
+    cards.forEach((_, index2) => {
+      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
     });
     this.cachedCanvas = tempCanvas;
+    this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -51459,7 +51472,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -52702,6 +52716,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);

package/dist/esm/node.js

@@ -7681,7 +7681,9 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap
+  cursorsMap,
+  DECK_HORIZONTAL_OFFSET: 2,
+  DECK_VERTICAL_OFFSET: 0
 };
 initDefaultI18N();
 
@@ -21373,6 +21375,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -23784,6 +23787,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -50135,6 +50139,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -50173,6 +50178,9 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
+  getImage() {
+    return this.imageToRender;
+  }
   render(context, left, top) {
     if (this.transformationRenderBlock) {
       return;
@@ -50239,6 +50247,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -50262,8 +50271,8 @@ class Deck extends BaseItem {
             class: "Transformation",
             method: "translateTo",
             item: [this.id],
-            x: this.left + (this.index?.list().length || 0) * 2,
-            y: this.top
+            x: this.left + (this.index?.list().length || 0) * conf.DECK_HORIZONTAL_OFFSET,
+            y: this.top - (this.index?.list().length || 0) * conf.DECK_VERTICAL_OFFSET
           });
           this.board.items.index.remove(foundItem);
           foundItem.parent = this.getId();
@@ -50365,7 +50374,6 @@ class Deck extends BaseItem {
     const ctx = context.ctx;
     if (this.isCacheDirty || !this.cachedCanvas) {
       this.updateCache(context);
-      this.isCacheDirty = false;
     }
     if (this.cachedCanvas && this.cachedCanvas.width && this.cachedCanvas.height) {
       ctx.save();
@@ -50374,9 +50382,12 @@ class Deck extends BaseItem {
     }
   }
   updateCache(context) {
+    const cards = this.index?.list();
+    const topCard = cards[cards.length - 1];
+    const topCardImage = topCard?.getImage();
     const width2 = this.getWidth();
     const height3 = this.getHeight();
-    if (!width2 || !height3) {
+    if (!width2 || !height3 || !topCardImage || !topCardImage.complete) {
       return;
     }
     const tempCanvas = conf.documentFactory.createElement("canvas");
@@ -50386,10 +50397,12 @@ class Deck extends BaseItem {
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.list().forEach((item, index2) => {
-      item.render(tempContext, index2 * 2, 0);
+    cards.forEach((_, index2) => {
+      topCard.render(tempContext, index2 * conf.DECK_HORIZONTAL_OFFSET, index2 * conf.DECK_VERTICAL_OFFSET);
     });
     this.cachedCanvas = tempCanvas;
+    this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -53927,7 +53940,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -55170,6 +55184,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);

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

@@ -37,6 +37,7 @@ export declare class BaseItem extends Mbr implements Geometry {
     shouldUseCustomRender: boolean;
     shouldRenderOutsideViewRect: boolean;
     shouldUseRelativeAlignment: boolean;
+    enableResize: boolean;
     itemType: string;
     constructor(board: Board, id?: string, defaultItemData?: BaseItemData | undefined, isGroupItem?: boolean);
     getId(): string;

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

@@ -47,6 +47,7 @@ export declare class Comment implements Geometry {
     readonly subject: Subject<Comment>;
     readonly linkTo: LinkTo;
     transformationRenderBlock?: boolean;
+    enableResize: 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

@@ -20,12 +20,14 @@ export declare class Card extends BaseItem {
     backside: HTMLImageElement | null;
     private imageToRender;
     shouldUseCustomRender: boolean;
+    enableResize: boolean;
     constructor(board: Board, id?: string, urls?: {
         faceUrl: string;
         backsideUrl: string;
     });
     createImages(): void;
     updateImageToRender(): void;
+    getImage(): HTMLImageElement | null;
     render(context: DrawingContext, left?: number, top?: number): void;
     updateMbr(): void;
     getPath(): Path | Paths;

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

@@ -10,6 +10,7 @@ export declare class Deck extends BaseItem {
     shouldUseCustomRender: boolean;
     private cachedCanvas;
     private isCacheDirty;
+    enableResize: boolean;
     constructor(board: Board, id?: string);
     applyAddChildren(childIds: string[]): void;
     applyRemoveChildren(childIds: string[]): void;

package/dist/types/Selection/Selection.d.ts

@@ -131,6 +131,7 @@ export declare class BoardSelection {
     setHorisontalAlignment(horisontalAlignment: HorisontalAlignment): void;
     setVerticalAlignment(verticalAlignment: VerticalAlignment): void;
     removeFromBoard(): void;
+    getIsResizeEnabled(): boolean;
     getIsLockedSelection(): boolean;
     isLocked(): boolean;
     lock(): void;

package/dist/types/Settings.d.ts

@@ -230,6 +230,8 @@ export declare const conf: {
     debug: boolean;
     FALLBACK_LNG: string;
     cursorsMap: Partial<Record<import("./Pointer/Cursor").CursorName, string>>;
+    DECK_HORIZONTAL_OFFSET: number;
+    DECK_VERTICAL_OFFSET: number;
 };
 export type Settings = typeof conf;
 export {};

package/package.json

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