microboard-temp 0.4.92 → 0.4.94

package/dist/cjs/browser.js

@@ -7064,9 +7064,7 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap,
-  apiURL: undefined,
-  wsURL: undefined
+  cursorsMap
 };
 initDefaultI18N();
 
@@ -47837,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();
@@ -47864,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();
     }
   }
@@ -48068,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

@@ -7064,9 +7064,7 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap,
-  apiURL: undefined,
-  wsURL: undefined
+  cursorsMap
 };
 initDefaultI18N();
 
@@ -47837,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();
@@ -47864,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();
     }
   }
@@ -48068,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

@@ -8101,9 +8101,7 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap,
-  apiURL: undefined,
-  wsURL: undefined
+  cursorsMap
 };
 initDefaultI18N();
 
@@ -50310,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();
@@ -50337,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();
     }
   }
@@ -50541,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

@@ -6904,9 +6904,7 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap,
-  apiURL: undefined,
-  wsURL: undefined
+  cursorsMap
 };
 initDefaultI18N();
 
@@ -47686,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();
@@ -47713,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();
     }
   }
@@ -47917,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

@@ -6897,9 +6897,7 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap,
-  apiURL: undefined,
-  wsURL: undefined
+  cursorsMap
 };
 initDefaultI18N();
 
@@ -47679,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();
@@ -47706,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();
     }
   }
@@ -47910,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

@@ -7681,9 +7681,7 @@ var conf = {
   FORCE_HOTKEYS: "auto",
   debug: false,
   FALLBACK_LNG: "en",
-  cursorsMap,
-  apiURL: undefined,
-  wsURL: undefined
+  cursorsMap
 };
 initDefaultI18N();
 
@@ -50147,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();
@@ -50174,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();
     }
   }
@@ -50378,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/dist/types/Settings.d.ts

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

package/package.json

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