microboard-temp 0.4.67 → 0.4.69

package/dist/cjs/browser.js

@@ -48377,7 +48377,7 @@ var handPath = new Path([
   new Line(new Point(100, 0), new Point(100, 100)),
   new Line(new Point(100, 100), new Point(0, 100)),
   new Line(new Point(0, 100), new Point(0, 0))
-], true);
+], true, "#FFFFFF", "#000000");
 var defaultHandData = {
   itemType: "Hand",
   ownerId: ""
@@ -48387,6 +48387,8 @@ class Hand extends BaseItem {
   ownerId;
   subject = new Subject;
   path;
+  borderWidth = 1;
+  backgroundColor = "#FFFFFF";
   constructor(board, id = "", ownerId = "") {
     super(board, id, defaultHandData, true);
     this.ownerId = ownerId;
@@ -48400,8 +48402,62 @@ class Hand extends BaseItem {
   }
   apply(op) {
     super.apply(op);
+    switch (op.class) {
+      case "Hand":
+        switch (op.method) {
+          case "setBorderWidth":
+            this.applyBorderWidth(op.newData.borderWidth);
+            break;
+          case "setBackgroundColor":
+            this.applyBackgroundColor(op.newData.backgroundColor);
+            break;
+          case "setBorderColor":
+            this.applyBorderColor(op.newData.borderColor);
+            break;
+        }
+        break;
+    }
     this.subject.publish(this);
   }
+  applyBackgroundColor(backgroundColor) {
+    this.backgroundColor = backgroundColor;
+    this.path.setBackgroundColor(backgroundColor);
+  }
+  setBackgroundColor(backgroundColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBackgroundColor",
+      item: [this.getId()],
+      newData: { backgroundColor },
+      prevData: { backgroundColor: this.backgroundColor }
+    });
+  }
+  applyBorderWidth(borderWidth) {
+    this.borderWidth = borderWidth;
+    this.path.setBorderWidth(borderWidth);
+  }
+  setBorderWidth(borderWidth) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderWidth",
+      item: [this.getId()],
+      newData: { borderWidth },
+      prevData: { borderWidth: this.borderWidth }
+    });
+  }
+  applyBorderColor(borderColor) {
+    this.borderColor = borderColor;
+    this.path.setBorderColor(borderColor);
+  }
+  setBorderColor(borderColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderColor",
+      item: [this.getId()],
+      newData: { borderColor },
+      prevData: { borderColor: this.borderColor }
+    });
+  }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
   }
@@ -48410,6 +48466,7 @@ class Hand extends BaseItem {
     this.path.transform(this.transformation.matrix);
     this.path.setBackgroundColor(this.backgroundColor);
     this.path.setBorderColor(this.borderColor);
+    this.path.setBorderWidth(this.borderWidth);
   }
   updateMbr() {
     const { left, top, right, bottom } = this.path.getMbr();
@@ -48428,6 +48485,7 @@ class Hand extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    this.path.render(context);
     if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
       super.render(context);
     }

package/dist/cjs/index.js

@@ -48377,7 +48377,7 @@ var handPath = new Path([
   new Line(new Point(100, 0), new Point(100, 100)),
   new Line(new Point(100, 100), new Point(0, 100)),
   new Line(new Point(0, 100), new Point(0, 0))
-], true);
+], true, "#FFFFFF", "#000000");
 var defaultHandData = {
   itemType: "Hand",
   ownerId: ""
@@ -48387,6 +48387,8 @@ class Hand extends BaseItem {
   ownerId;
   subject = new Subject;
   path;
+  borderWidth = 1;
+  backgroundColor = "#FFFFFF";
   constructor(board, id = "", ownerId = "") {
     super(board, id, defaultHandData, true);
     this.ownerId = ownerId;
@@ -48400,8 +48402,62 @@ class Hand extends BaseItem {
   }
   apply(op) {
     super.apply(op);
+    switch (op.class) {
+      case "Hand":
+        switch (op.method) {
+          case "setBorderWidth":
+            this.applyBorderWidth(op.newData.borderWidth);
+            break;
+          case "setBackgroundColor":
+            this.applyBackgroundColor(op.newData.backgroundColor);
+            break;
+          case "setBorderColor":
+            this.applyBorderColor(op.newData.borderColor);
+            break;
+        }
+        break;
+    }
     this.subject.publish(this);
   }
+  applyBackgroundColor(backgroundColor) {
+    this.backgroundColor = backgroundColor;
+    this.path.setBackgroundColor(backgroundColor);
+  }
+  setBackgroundColor(backgroundColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBackgroundColor",
+      item: [this.getId()],
+      newData: { backgroundColor },
+      prevData: { backgroundColor: this.backgroundColor }
+    });
+  }
+  applyBorderWidth(borderWidth) {
+    this.borderWidth = borderWidth;
+    this.path.setBorderWidth(borderWidth);
+  }
+  setBorderWidth(borderWidth) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderWidth",
+      item: [this.getId()],
+      newData: { borderWidth },
+      prevData: { borderWidth: this.borderWidth }
+    });
+  }
+  applyBorderColor(borderColor) {
+    this.borderColor = borderColor;
+    this.path.setBorderColor(borderColor);
+  }
+  setBorderColor(borderColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderColor",
+      item: [this.getId()],
+      newData: { borderColor },
+      prevData: { borderColor: this.borderColor }
+    });
+  }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
   }
@@ -48410,6 +48466,7 @@ class Hand extends BaseItem {
     this.path.transform(this.transformation.matrix);
     this.path.setBackgroundColor(this.backgroundColor);
     this.path.setBorderColor(this.borderColor);
+    this.path.setBorderWidth(this.borderWidth);
   }
   updateMbr() {
     const { left, top, right, bottom } = this.path.getMbr();
@@ -48428,6 +48485,7 @@ class Hand extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    this.path.render(context);
     if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
       super.render(context);
     }

package/dist/cjs/node.js

@@ -50850,7 +50850,7 @@ var handPath = new Path([
   new Line(new Point(100, 0), new Point(100, 100)),
   new Line(new Point(100, 100), new Point(0, 100)),
   new Line(new Point(0, 100), new Point(0, 0))
-], true);
+], true, "#FFFFFF", "#000000");
 var defaultHandData = {
   itemType: "Hand",
   ownerId: ""
@@ -50860,6 +50860,8 @@ class Hand extends BaseItem {
   ownerId;
   subject = new Subject;
   path;
+  borderWidth = 1;
+  backgroundColor = "#FFFFFF";
   constructor(board, id = "", ownerId = "") {
     super(board, id, defaultHandData, true);
     this.ownerId = ownerId;
@@ -50873,8 +50875,62 @@ class Hand extends BaseItem {
   }
   apply(op) {
     super.apply(op);
+    switch (op.class) {
+      case "Hand":
+        switch (op.method) {
+          case "setBorderWidth":
+            this.applyBorderWidth(op.newData.borderWidth);
+            break;
+          case "setBackgroundColor":
+            this.applyBackgroundColor(op.newData.backgroundColor);
+            break;
+          case "setBorderColor":
+            this.applyBorderColor(op.newData.borderColor);
+            break;
+        }
+        break;
+    }
     this.subject.publish(this);
   }
+  applyBackgroundColor(backgroundColor) {
+    this.backgroundColor = backgroundColor;
+    this.path.setBackgroundColor(backgroundColor);
+  }
+  setBackgroundColor(backgroundColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBackgroundColor",
+      item: [this.getId()],
+      newData: { backgroundColor },
+      prevData: { backgroundColor: this.backgroundColor }
+    });
+  }
+  applyBorderWidth(borderWidth) {
+    this.borderWidth = borderWidth;
+    this.path.setBorderWidth(borderWidth);
+  }
+  setBorderWidth(borderWidth) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderWidth",
+      item: [this.getId()],
+      newData: { borderWidth },
+      prevData: { borderWidth: this.borderWidth }
+    });
+  }
+  applyBorderColor(borderColor) {
+    this.borderColor = borderColor;
+    this.path.setBorderColor(borderColor);
+  }
+  setBorderColor(borderColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderColor",
+      item: [this.getId()],
+      newData: { borderColor },
+      prevData: { borderColor: this.borderColor }
+    });
+  }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
   }
@@ -50883,6 +50939,7 @@ class Hand extends BaseItem {
     this.path.transform(this.transformation.matrix);
     this.path.setBackgroundColor(this.backgroundColor);
     this.path.setBorderColor(this.borderColor);
+    this.path.setBorderWidth(this.borderWidth);
   }
   updateMbr() {
     const { left, top, right, bottom } = this.path.getMbr();
@@ -50901,6 +50958,7 @@ class Hand extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    this.path.render(context);
     if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
       super.render(context);
     }

package/dist/esm/browser.js

@@ -48226,7 +48226,7 @@ var handPath = new Path([
   new Line(new Point(100, 0), new Point(100, 100)),
   new Line(new Point(100, 100), new Point(0, 100)),
   new Line(new Point(0, 100), new Point(0, 0))
-], true);
+], true, "#FFFFFF", "#000000");
 var defaultHandData = {
   itemType: "Hand",
   ownerId: ""
@@ -48236,6 +48236,8 @@ class Hand extends BaseItem {
   ownerId;
   subject = new Subject;
   path;
+  borderWidth = 1;
+  backgroundColor = "#FFFFFF";
   constructor(board, id = "", ownerId = "") {
     super(board, id, defaultHandData, true);
     this.ownerId = ownerId;
@@ -48249,8 +48251,62 @@ class Hand extends BaseItem {
   }
   apply(op) {
     super.apply(op);
+    switch (op.class) {
+      case "Hand":
+        switch (op.method) {
+          case "setBorderWidth":
+            this.applyBorderWidth(op.newData.borderWidth);
+            break;
+          case "setBackgroundColor":
+            this.applyBackgroundColor(op.newData.backgroundColor);
+            break;
+          case "setBorderColor":
+            this.applyBorderColor(op.newData.borderColor);
+            break;
+        }
+        break;
+    }
     this.subject.publish(this);
   }
+  applyBackgroundColor(backgroundColor) {
+    this.backgroundColor = backgroundColor;
+    this.path.setBackgroundColor(backgroundColor);
+  }
+  setBackgroundColor(backgroundColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBackgroundColor",
+      item: [this.getId()],
+      newData: { backgroundColor },
+      prevData: { backgroundColor: this.backgroundColor }
+    });
+  }
+  applyBorderWidth(borderWidth) {
+    this.borderWidth = borderWidth;
+    this.path.setBorderWidth(borderWidth);
+  }
+  setBorderWidth(borderWidth) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderWidth",
+      item: [this.getId()],
+      newData: { borderWidth },
+      prevData: { borderWidth: this.borderWidth }
+    });
+  }
+  applyBorderColor(borderColor) {
+    this.borderColor = borderColor;
+    this.path.setBorderColor(borderColor);
+  }
+  setBorderColor(borderColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderColor",
+      item: [this.getId()],
+      newData: { borderColor },
+      prevData: { borderColor: this.borderColor }
+    });
+  }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
   }
@@ -48259,6 +48315,7 @@ class Hand extends BaseItem {
     this.path.transform(this.transformation.matrix);
     this.path.setBackgroundColor(this.backgroundColor);
     this.path.setBorderColor(this.borderColor);
+    this.path.setBorderWidth(this.borderWidth);
   }
   updateMbr() {
     const { left, top, right, bottom } = this.path.getMbr();
@@ -48277,6 +48334,7 @@ class Hand extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    this.path.render(context);
     if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
       super.render(context);
     }

package/dist/esm/index.js

@@ -48219,7 +48219,7 @@ var handPath = new Path([
   new Line(new Point(100, 0), new Point(100, 100)),
   new Line(new Point(100, 100), new Point(0, 100)),
   new Line(new Point(0, 100), new Point(0, 0))
-], true);
+], true, "#FFFFFF", "#000000");
 var defaultHandData = {
   itemType: "Hand",
   ownerId: ""
@@ -48229,6 +48229,8 @@ class Hand extends BaseItem {
   ownerId;
   subject = new Subject;
   path;
+  borderWidth = 1;
+  backgroundColor = "#FFFFFF";
   constructor(board, id = "", ownerId = "") {
     super(board, id, defaultHandData, true);
     this.ownerId = ownerId;
@@ -48242,8 +48244,62 @@ class Hand extends BaseItem {
   }
   apply(op) {
     super.apply(op);
+    switch (op.class) {
+      case "Hand":
+        switch (op.method) {
+          case "setBorderWidth":
+            this.applyBorderWidth(op.newData.borderWidth);
+            break;
+          case "setBackgroundColor":
+            this.applyBackgroundColor(op.newData.backgroundColor);
+            break;
+          case "setBorderColor":
+            this.applyBorderColor(op.newData.borderColor);
+            break;
+        }
+        break;
+    }
     this.subject.publish(this);
   }
+  applyBackgroundColor(backgroundColor) {
+    this.backgroundColor = backgroundColor;
+    this.path.setBackgroundColor(backgroundColor);
+  }
+  setBackgroundColor(backgroundColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBackgroundColor",
+      item: [this.getId()],
+      newData: { backgroundColor },
+      prevData: { backgroundColor: this.backgroundColor }
+    });
+  }
+  applyBorderWidth(borderWidth) {
+    this.borderWidth = borderWidth;
+    this.path.setBorderWidth(borderWidth);
+  }
+  setBorderWidth(borderWidth) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderWidth",
+      item: [this.getId()],
+      newData: { borderWidth },
+      prevData: { borderWidth: this.borderWidth }
+    });
+  }
+  applyBorderColor(borderColor) {
+    this.borderColor = borderColor;
+    this.path.setBorderColor(borderColor);
+  }
+  setBorderColor(borderColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderColor",
+      item: [this.getId()],
+      newData: { borderColor },
+      prevData: { borderColor: this.borderColor }
+    });
+  }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
   }
@@ -48252,6 +48308,7 @@ class Hand extends BaseItem {
     this.path.transform(this.transformation.matrix);
     this.path.setBackgroundColor(this.backgroundColor);
     this.path.setBorderColor(this.borderColor);
+    this.path.setBorderWidth(this.borderWidth);
   }
   updateMbr() {
     const { left, top, right, bottom } = this.path.getMbr();
@@ -48270,6 +48327,7 @@ class Hand extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    this.path.render(context);
     if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
       super.render(context);
     }

package/dist/esm/node.js

@@ -50687,7 +50687,7 @@ var handPath = new Path([
   new Line(new Point(100, 0), new Point(100, 100)),
   new Line(new Point(100, 100), new Point(0, 100)),
   new Line(new Point(0, 100), new Point(0, 0))
-], true);
+], true, "#FFFFFF", "#000000");
 var defaultHandData = {
   itemType: "Hand",
   ownerId: ""
@@ -50697,6 +50697,8 @@ class Hand extends BaseItem {
   ownerId;
   subject = new Subject;
   path;
+  borderWidth = 1;
+  backgroundColor = "#FFFFFF";
   constructor(board, id = "", ownerId = "") {
     super(board, id, defaultHandData, true);
     this.ownerId = ownerId;
@@ -50710,8 +50712,62 @@ class Hand extends BaseItem {
   }
   apply(op) {
     super.apply(op);
+    switch (op.class) {
+      case "Hand":
+        switch (op.method) {
+          case "setBorderWidth":
+            this.applyBorderWidth(op.newData.borderWidth);
+            break;
+          case "setBackgroundColor":
+            this.applyBackgroundColor(op.newData.backgroundColor);
+            break;
+          case "setBorderColor":
+            this.applyBorderColor(op.newData.borderColor);
+            break;
+        }
+        break;
+    }
     this.subject.publish(this);
   }
+  applyBackgroundColor(backgroundColor) {
+    this.backgroundColor = backgroundColor;
+    this.path.setBackgroundColor(backgroundColor);
+  }
+  setBackgroundColor(backgroundColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBackgroundColor",
+      item: [this.getId()],
+      newData: { backgroundColor },
+      prevData: { backgroundColor: this.backgroundColor }
+    });
+  }
+  applyBorderWidth(borderWidth) {
+    this.borderWidth = borderWidth;
+    this.path.setBorderWidth(borderWidth);
+  }
+  setBorderWidth(borderWidth) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderWidth",
+      item: [this.getId()],
+      newData: { borderWidth },
+      prevData: { borderWidth: this.borderWidth }
+    });
+  }
+  applyBorderColor(borderColor) {
+    this.borderColor = borderColor;
+    this.path.setBorderColor(borderColor);
+  }
+  setBorderColor(borderColor) {
+    this.emit({
+      class: "Dice",
+      method: "setBorderColor",
+      item: [this.getId()],
+      newData: { borderColor },
+      prevData: { borderColor: this.borderColor }
+    });
+  }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
   }
@@ -50720,6 +50776,7 @@ class Hand extends BaseItem {
     this.path.transform(this.transformation.matrix);
     this.path.setBackgroundColor(this.backgroundColor);
     this.path.setBorderColor(this.borderColor);
+    this.path.setBorderWidth(this.borderWidth);
   }
   updateMbr() {
     const { left, top, right, bottom } = this.path.getMbr();
@@ -50738,6 +50795,7 @@ class Hand extends BaseItem {
     if (this.transformationRenderBlock) {
       return;
     }
+    this.path.render(context);
     if (localStorage.getItem("currentUser") === this.ownerId || !this.ownerId) {
       super.render(context);
     }

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

@@ -2,14 +2,23 @@ import { BaseItem, BaseItemData, SerializedItemData } from "Items/BaseItem/BaseI
 import { Board } from "Board";
 import { Subject } from "Subject";
 import { DrawingContext } from "Items/DrawingContext";
-import { DeckOperation } from "Items/Examples/CardGame/Deck/DeckOperation";
+import { BorderWidth } from "../../../Path";
+import { HandOperation } from "./HandOperation";
 export declare const defaultHandData: BaseItemData;
 export declare class Hand extends BaseItem {
     private ownerId;
     readonly subject: Subject<Hand>;
     private path;
+    private borderWidth;
+    backgroundColor: string;
     constructor(board: Board, id?: string, ownerId?: string);
-    apply(op: DeckOperation): void;
+    apply(op: HandOperation): void;
+    private applyBackgroundColor;
+    setBackgroundColor(backgroundColor: string): void;
+    private applyBorderWidth;
+    setBorderWidth(borderWidth: BorderWidth): void;
+    private applyBorderColor;
+    setBorderColor(borderColor: string): void;
     applyOwnerId(ownerId: string): void;
     private transformPath;
     updateMbr(): void;

package/dist/types/Items/Examples/CardGame/Hand/HandOperation.d.ts

@@ -0,0 +1,21 @@
+import { BaseOperation } from "Events/EventsOperations";
+export type HandOperation = SetBackgroundColor | SetBorderColor | SetBorderWidth;
+interface SetBackgroundColor extends BaseOperation<{
+    backgroundColor: string;
+}> {
+    class: "Hand";
+    method: "setBackgroundColor";
+}
+interface SetBorderColor extends BaseOperation<{
+    borderColor: string;
+}> {
+    class: "Hand";
+    method: "setBorderColor";
+}
+export interface SetBorderWidth extends BaseOperation<{
+    borderWidth: number;
+}> {
+    class: "Hand";
+    method: "setBorderWidth";
+}
+export {};

package/package.json

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