microboard-temp 0.4.11 → 0.4.12

package/dist/cjs/browser.js

@@ -45930,25 +45930,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -45961,11 +45966,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -45984,7 +45989,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {

package/dist/cjs/index.js

@@ -45930,25 +45930,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -45961,11 +45966,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -45984,7 +45989,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {

package/dist/cjs/node.js

@@ -48470,25 +48470,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -48501,11 +48506,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -48524,7 +48529,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {

package/dist/esm/browser.js

@@ -45781,25 +45781,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -45812,11 +45817,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -45835,7 +45840,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {

package/dist/esm/index.js

@@ -45774,25 +45774,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -45805,11 +45810,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -45828,7 +45833,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {

package/dist/esm/node.js

@@ -48309,25 +48309,30 @@ function throttle(func, delay) {
 var defaultCardData = {
   itemType: "Card",
   isOpen: false,
-  name: "",
+  faceUrl: "",
+  backsideUrl: "",
   isInDeck: false
 };
 var CARD_DIMENSIONS = { width: 250, height: 400 };
 
 class Card extends BaseItem {
   subject = new Subject;
-  name = "";
+  faceUrl = "";
+  backsideUrl = "";
   isOpen = false;
   isInDeck = false;
   throttledBringToFront;
-  image = null;
+  face = null;
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
-  constructor(board, id = "", defaultData2, name) {
+  constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
-    this.name = name;
-    this.createImages();
+    if (urls) {
+      this.faceUrl = urls.faceUrl;
+      this.backsideUrl = urls.backsideUrl;
+      this.createImages();
+    }
     this.throttledBringToFront = throttle(() => {
       this.board.bringToFront(this);
     }, 1000);
@@ -48340,11 +48345,11 @@ class Card extends BaseItem {
     this.updateMbr();
   }
   createImages() {
-    this.image = conf.documentFactory.createElement("img");
+    this.face = conf.documentFactory.createElement("img");
     this.backside = conf.documentFactory.createElement("img");
-    this.image.src = `/Assets/Cards/${this.name}.png`;
-    this.backside.src = `/Assets/Cards/backside.png`;
-    this.image.onload = () => {
+    this.face.src = this.faceUrl;
+    this.backside.src = this.backsideUrl;
+    this.face.onload = () => {
       this.subject.publish(this);
     };
     this.backside.onload = () => {
@@ -48363,7 +48368,7 @@ class Card extends BaseItem {
   updateImageToRender() {
     this.imageToRender = this.backside;
     if (this.isOpen) {
-      this.imageToRender = this.image;
+      this.imageToRender = this.face;
     }
   }
   render(context, deckRenderData) {

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

@@ -19,15 +19,19 @@ export declare const CARD_DIMENSIONS: {
 };
 export declare class Card extends BaseItem {
     readonly subject: Subject<Card>;
-    private name;
+    private faceUrl;
+    private backsideUrl;
     private isOpen;
     private isInDeck;
     private throttledBringToFront;
-    image: HTMLImageElement | null;
+    face: HTMLImageElement | null;
     backside: HTMLImageElement | null;
     private imageToRender;
     shouldUseCustomRender: boolean;
-    constructor(board: Board, id: string | undefined, defaultData: BaseItemData | undefined, name: string);
+    constructor(board: Board, id?: string, urls?: {
+        faceUrl: string;
+        backsideUrl: string;
+    });
     createImages(): void;
     setIsInDeck(isInDeck: boolean): void;
     updateImageToRender(): void;

package/package.json

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