microboard-temp 0.4.93 → 0.4.94

package/dist/cjs/browser.js

@@ -47835,7 +47835,7 @@ class Card extends BaseItem {
       this.board.bringToFront(this);
     }, 1000);
     this.transformation.subject.subscribe((_, op) => {
-      if (this.parent === "Board" && op.method === "translateBy" || op.method === "transformMany" && !Object.keys(op.items).length) {
+      if (this.parent === "Board" && op.method === "translateBy") {
         this.throttledBringToFront();
       }
       this.updateMbr();
@@ -47862,14 +47862,14 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
-  render(context) {
+  render(context, left) {
     if (this.transformationRenderBlock) {
       return;
     }
     const ctx = context.ctx;
     if (this.imageToRender && this.imageToRender.complete) {
       ctx.save();
-      ctx.drawImage(this.imageToRender, this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
+      ctx.drawImage(this.imageToRender, left ? left : this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
       ctx.restore();
     }
   }
@@ -48066,14 +48066,16 @@ class Deck extends BaseItem {
     if (!width2 || !height3) {
       return;
     }
-    const tempCanvas = document.createElement("canvas");
+    const tempCanvas = conf.documentFactory.createElement("canvas");
     tempCanvas.width = width2;
     tempCanvas.height = height3;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.render(tempContext);
+    this.index?.list().forEach((item, index2) => {
+      item.render(tempContext, index2 * 2);
+    });
     this.cachedCanvas = tempCanvas;
   }
 }

package/dist/cjs/index.js

@@ -47835,7 +47835,7 @@ class Card extends BaseItem {
       this.board.bringToFront(this);
     }, 1000);
     this.transformation.subject.subscribe((_, op) => {
-      if (this.parent === "Board" && op.method === "translateBy" || op.method === "transformMany" && !Object.keys(op.items).length) {
+      if (this.parent === "Board" && op.method === "translateBy") {
         this.throttledBringToFront();
       }
       this.updateMbr();
@@ -47862,14 +47862,14 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
-  render(context) {
+  render(context, left) {
     if (this.transformationRenderBlock) {
       return;
     }
     const ctx = context.ctx;
     if (this.imageToRender && this.imageToRender.complete) {
       ctx.save();
-      ctx.drawImage(this.imageToRender, this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
+      ctx.drawImage(this.imageToRender, left ? left : this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
       ctx.restore();
     }
   }
@@ -48066,14 +48066,16 @@ class Deck extends BaseItem {
     if (!width2 || !height3) {
       return;
     }
-    const tempCanvas = document.createElement("canvas");
+    const tempCanvas = conf.documentFactory.createElement("canvas");
     tempCanvas.width = width2;
     tempCanvas.height = height3;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.render(tempContext);
+    this.index?.list().forEach((item, index2) => {
+      item.render(tempContext, index2 * 2);
+    });
     this.cachedCanvas = tempCanvas;
   }
 }

package/dist/cjs/node.js

@@ -50308,7 +50308,7 @@ class Card extends BaseItem {
       this.board.bringToFront(this);
     }, 1000);
     this.transformation.subject.subscribe((_, op) => {
-      if (this.parent === "Board" && op.method === "translateBy" || op.method === "transformMany" && !Object.keys(op.items).length) {
+      if (this.parent === "Board" && op.method === "translateBy") {
         this.throttledBringToFront();
       }
       this.updateMbr();
@@ -50335,14 +50335,14 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
-  render(context) {
+  render(context, left) {
     if (this.transformationRenderBlock) {
       return;
     }
     const ctx = context.ctx;
     if (this.imageToRender && this.imageToRender.complete) {
       ctx.save();
-      ctx.drawImage(this.imageToRender, this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
+      ctx.drawImage(this.imageToRender, left ? left : this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
       ctx.restore();
     }
   }
@@ -50539,14 +50539,16 @@ class Deck extends BaseItem {
     if (!width2 || !height3) {
       return;
     }
-    const tempCanvas = document.createElement("canvas");
+    const tempCanvas = conf.documentFactory.createElement("canvas");
     tempCanvas.width = width2;
     tempCanvas.height = height3;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.render(tempContext);
+    this.index?.list().forEach((item, index2) => {
+      item.render(tempContext, index2 * 2);
+    });
     this.cachedCanvas = tempCanvas;
   }
 }

package/dist/esm/browser.js

@@ -47684,7 +47684,7 @@ class Card extends BaseItem {
       this.board.bringToFront(this);
     }, 1000);
     this.transformation.subject.subscribe((_, op) => {
-      if (this.parent === "Board" && op.method === "translateBy" || op.method === "transformMany" && !Object.keys(op.items).length) {
+      if (this.parent === "Board" && op.method === "translateBy") {
         this.throttledBringToFront();
       }
       this.updateMbr();
@@ -47711,14 +47711,14 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
-  render(context) {
+  render(context, left) {
     if (this.transformationRenderBlock) {
       return;
     }
     const ctx = context.ctx;
     if (this.imageToRender && this.imageToRender.complete) {
       ctx.save();
-      ctx.drawImage(this.imageToRender, this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
+      ctx.drawImage(this.imageToRender, left ? left : this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
       ctx.restore();
     }
   }
@@ -47915,14 +47915,16 @@ class Deck extends BaseItem {
     if (!width2 || !height3) {
       return;
     }
-    const tempCanvas = document.createElement("canvas");
+    const tempCanvas = conf.documentFactory.createElement("canvas");
     tempCanvas.width = width2;
     tempCanvas.height = height3;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.render(tempContext);
+    this.index?.list().forEach((item, index2) => {
+      item.render(tempContext, index2 * 2);
+    });
     this.cachedCanvas = tempCanvas;
   }
 }

package/dist/esm/index.js

@@ -47677,7 +47677,7 @@ class Card extends BaseItem {
       this.board.bringToFront(this);
     }, 1000);
     this.transformation.subject.subscribe((_, op) => {
-      if (this.parent === "Board" && op.method === "translateBy" || op.method === "transformMany" && !Object.keys(op.items).length) {
+      if (this.parent === "Board" && op.method === "translateBy") {
         this.throttledBringToFront();
       }
       this.updateMbr();
@@ -47704,14 +47704,14 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
-  render(context) {
+  render(context, left) {
     if (this.transformationRenderBlock) {
       return;
     }
     const ctx = context.ctx;
     if (this.imageToRender && this.imageToRender.complete) {
       ctx.save();
-      ctx.drawImage(this.imageToRender, this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
+      ctx.drawImage(this.imageToRender, left ? left : this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
       ctx.restore();
     }
   }
@@ -47908,14 +47908,16 @@ class Deck extends BaseItem {
     if (!width2 || !height3) {
       return;
     }
-    const tempCanvas = document.createElement("canvas");
+    const tempCanvas = conf.documentFactory.createElement("canvas");
     tempCanvas.width = width2;
     tempCanvas.height = height3;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.render(tempContext);
+    this.index?.list().forEach((item, index2) => {
+      item.render(tempContext, index2 * 2);
+    });
     this.cachedCanvas = tempCanvas;
   }
 }

package/dist/esm/node.js

@@ -50145,7 +50145,7 @@ class Card extends BaseItem {
       this.board.bringToFront(this);
     }, 1000);
     this.transformation.subject.subscribe((_, op) => {
-      if (this.parent === "Board" && op.method === "translateBy" || op.method === "transformMany" && !Object.keys(op.items).length) {
+      if (this.parent === "Board" && op.method === "translateBy") {
         this.throttledBringToFront();
       }
       this.updateMbr();
@@ -50172,14 +50172,14 @@ class Card extends BaseItem {
       this.imageToRender = this.face;
     }
   }
-  render(context) {
+  render(context, left) {
     if (this.transformationRenderBlock) {
       return;
     }
     const ctx = context.ctx;
     if (this.imageToRender && this.imageToRender.complete) {
       ctx.save();
-      ctx.drawImage(this.imageToRender, this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
+      ctx.drawImage(this.imageToRender, left ? left : this.left, this.top, CARD_DIMENSIONS.width, CARD_DIMENSIONS.height);
       ctx.restore();
     }
   }
@@ -50376,14 +50376,16 @@ class Deck extends BaseItem {
     if (!width2 || !height3) {
       return;
     }
-    const tempCanvas = document.createElement("canvas");
+    const tempCanvas = conf.documentFactory.createElement("canvas");
     tempCanvas.width = width2;
     tempCanvas.height = height3;
     const tempCtx = tempCanvas.getContext("2d");
     if (!tempCtx)
       return;
     const tempContext = { ...context, ctx: tempCtx };
-    this.index?.render(tempContext);
+    this.index?.list().forEach((item, index2) => {
+      item.render(tempContext, index2 * 2);
+    });
     this.cachedCanvas = tempCanvas;
   }
 }

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

@@ -26,7 +26,7 @@ export declare class Card extends BaseItem {
     });
     createImages(): void;
     updateImageToRender(): void;
-    render(context: DrawingContext): void;
+    render(context: DrawingContext, left?: number): void;
     updateMbr(): void;
     getPath(): Path | Paths;
     deserialize(data: SerializedItemData): this;

package/package.json

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