microboard-temp 0.4.19 → 0.4.21

package/dist/cjs/browser.js

@@ -46288,10 +46288,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -46314,8 +46310,8 @@ class Dice extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  isClosed() {
-    return true;
+  getIsRotating() {
+    return !!this.animationFrameId;
   }
   applyBackgroundColor(backgroundColor) {
     this.backgroundColor = backgroundColor;
@@ -46370,24 +46366,12 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value },
-      prevData: { value: this.value }
-    });
-  }
-  setIsRotating(isRotating) {
-    this.emit({
-      class: "Dice",
-      method: "setIsRotating",
-      item: [this.getId()],
-      newData: { isRotating },
-      prevData: { isRotating: false }
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
+      prevData: { value: this.value, shouldRotate: false }
     });
   }
   throwDice() {
-    this.setIsRotating(true);
-    setTimeout(() => {
-      this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
-    }, TIMEOUT);
+    this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
   }
   apply(op) {
     super.apply(op);
@@ -46403,17 +46387,17 @@ class Dice extends BaseItem {
           case "setBorderColor":
             this.applyBorderColor(op.newData.borderColor);
             break;
-          case "setIsRotating":
-            if (op.newData.isRotating) {
+          case "changeValue":
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
+                this.value = op.newData.value;
               }, TIMEOUT);
+            } else {
+              this.value = op.newData.value;
             }
             break;
-          case "changeValue":
-            this.value = op.newData.value;
-            break;
           case "changeValuesRange":
             this.range = op.newData;
             break;
@@ -46426,7 +46410,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

package/dist/cjs/index.js

@@ -46288,10 +46288,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -46314,8 +46310,8 @@ class Dice extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  isClosed() {
-    return true;
+  getIsRotating() {
+    return !!this.animationFrameId;
   }
   applyBackgroundColor(backgroundColor) {
     this.backgroundColor = backgroundColor;
@@ -46370,24 +46366,12 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value },
-      prevData: { value: this.value }
-    });
-  }
-  setIsRotating(isRotating) {
-    this.emit({
-      class: "Dice",
-      method: "setIsRotating",
-      item: [this.getId()],
-      newData: { isRotating },
-      prevData: { isRotating: false }
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
+      prevData: { value: this.value, shouldRotate: false }
     });
   }
   throwDice() {
-    this.setIsRotating(true);
-    setTimeout(() => {
-      this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
-    }, TIMEOUT);
+    this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
   }
   apply(op) {
     super.apply(op);
@@ -46403,17 +46387,17 @@ class Dice extends BaseItem {
           case "setBorderColor":
             this.applyBorderColor(op.newData.borderColor);
             break;
-          case "setIsRotating":
-            if (op.newData.isRotating) {
+          case "changeValue":
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
+                this.value = op.newData.value;
               }, TIMEOUT);
+            } else {
+              this.value = op.newData.value;
             }
             break;
-          case "changeValue":
-            this.value = op.newData.value;
-            break;
           case "changeValuesRange":
             this.range = op.newData;
             break;
@@ -46426,7 +46410,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

package/dist/cjs/node.js

@@ -48828,10 +48828,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -48854,8 +48850,8 @@ class Dice extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  isClosed() {
-    return true;
+  getIsRotating() {
+    return !!this.animationFrameId;
   }
   applyBackgroundColor(backgroundColor) {
     this.backgroundColor = backgroundColor;
@@ -48910,24 +48906,12 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value },
-      prevData: { value: this.value }
-    });
-  }
-  setIsRotating(isRotating) {
-    this.emit({
-      class: "Dice",
-      method: "setIsRotating",
-      item: [this.getId()],
-      newData: { isRotating },
-      prevData: { isRotating: false }
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
+      prevData: { value: this.value, shouldRotate: false }
     });
   }
   throwDice() {
-    this.setIsRotating(true);
-    setTimeout(() => {
-      this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
-    }, TIMEOUT);
+    this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
   }
   apply(op) {
     super.apply(op);
@@ -48943,17 +48927,17 @@ class Dice extends BaseItem {
           case "setBorderColor":
             this.applyBorderColor(op.newData.borderColor);
             break;
-          case "setIsRotating":
-            if (op.newData.isRotating) {
+          case "changeValue":
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
+                this.value = op.newData.value;
               }, TIMEOUT);
+            } else {
+              this.value = op.newData.value;
             }
             break;
-          case "changeValue":
-            this.value = op.newData.value;
-            break;
           case "changeValuesRange":
             this.range = op.newData;
             break;
@@ -48966,7 +48950,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

package/dist/esm/browser.js

@@ -46138,10 +46138,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -46164,8 +46160,8 @@ class Dice extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  isClosed() {
-    return true;
+  getIsRotating() {
+    return !!this.animationFrameId;
   }
   applyBackgroundColor(backgroundColor) {
     this.backgroundColor = backgroundColor;
@@ -46220,24 +46216,12 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value },
-      prevData: { value: this.value }
-    });
-  }
-  setIsRotating(isRotating) {
-    this.emit({
-      class: "Dice",
-      method: "setIsRotating",
-      item: [this.getId()],
-      newData: { isRotating },
-      prevData: { isRotating: false }
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
+      prevData: { value: this.value, shouldRotate: false }
     });
   }
   throwDice() {
-    this.setIsRotating(true);
-    setTimeout(() => {
-      this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
-    }, TIMEOUT);
+    this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
   }
   apply(op) {
     super.apply(op);
@@ -46253,17 +46237,17 @@ class Dice extends BaseItem {
           case "setBorderColor":
             this.applyBorderColor(op.newData.borderColor);
             break;
-          case "setIsRotating":
-            if (op.newData.isRotating) {
+          case "changeValue":
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
+                this.value = op.newData.value;
               }, TIMEOUT);
+            } else {
+              this.value = op.newData.value;
             }
             break;
-          case "changeValue":
-            this.value = op.newData.value;
-            break;
           case "changeValuesRange":
             this.range = op.newData;
             break;
@@ -46276,7 +46260,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

package/dist/esm/index.js

@@ -46131,10 +46131,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -46157,8 +46153,8 @@ class Dice extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  isClosed() {
-    return true;
+  getIsRotating() {
+    return !!this.animationFrameId;
   }
   applyBackgroundColor(backgroundColor) {
     this.backgroundColor = backgroundColor;
@@ -46213,24 +46209,12 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value },
-      prevData: { value: this.value }
-    });
-  }
-  setIsRotating(isRotating) {
-    this.emit({
-      class: "Dice",
-      method: "setIsRotating",
-      item: [this.getId()],
-      newData: { isRotating },
-      prevData: { isRotating: false }
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
+      prevData: { value: this.value, shouldRotate: false }
     });
   }
   throwDice() {
-    this.setIsRotating(true);
-    setTimeout(() => {
-      this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
-    }, TIMEOUT);
+    this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
   }
   apply(op) {
     super.apply(op);
@@ -46246,17 +46230,17 @@ class Dice extends BaseItem {
           case "setBorderColor":
             this.applyBorderColor(op.newData.borderColor);
             break;
-          case "setIsRotating":
-            if (op.newData.isRotating) {
+          case "changeValue":
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
+                this.value = op.newData.value;
               }, TIMEOUT);
+            } else {
+              this.value = op.newData.value;
             }
             break;
-          case "changeValue":
-            this.value = op.newData.value;
-            break;
           case "changeValuesRange":
             this.range = op.newData;
             break;
@@ -46269,7 +46253,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

package/dist/esm/node.js

@@ -48666,10 +48666,6 @@ class Dice extends BaseItem {
     context.ctx.textAlign = "center";
     context.ctx.textBaseline = "middle";
     context.ctx.fillText(String(this.value), centerX, centerY);
-    if (this.getLinkTo()) {
-      const { top, right } = this.getMbr();
-      this.linkTo.render(context, top, right, this.board.camera.getScale());
-    }
     context.ctx.restore();
   }
   updateMbr() {
@@ -48692,8 +48688,8 @@ class Dice extends BaseItem {
     this.subject.publish(this);
     return this;
   }
-  isClosed() {
-    return true;
+  getIsRotating() {
+    return !!this.animationFrameId;
   }
   applyBackgroundColor(backgroundColor) {
     this.backgroundColor = backgroundColor;
@@ -48748,24 +48744,12 @@ class Dice extends BaseItem {
       class: "Dice",
       method: "changeValue",
       item: [this.getId()],
-      newData: { value },
-      prevData: { value: this.value }
-    });
-  }
-  setIsRotating(isRotating) {
-    this.emit({
-      class: "Dice",
-      method: "setIsRotating",
-      item: [this.getId()],
-      newData: { isRotating },
-      prevData: { isRotating: false }
+      newData: { value, shouldRotate: true, timeStamp: Date.now() },
+      prevData: { value: this.value, shouldRotate: false }
     });
   }
   throwDice() {
-    this.setIsRotating(true);
-    setTimeout(() => {
-      this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
-    }, TIMEOUT);
+    this.setValue(Math.ceil(Math.random() * (this.range.max - this.range.min)) + this.range.min);
   }
   apply(op) {
     super.apply(op);
@@ -48781,17 +48765,17 @@ class Dice extends BaseItem {
           case "setBorderColor":
             this.applyBorderColor(op.newData.borderColor);
             break;
-          case "setIsRotating":
-            if (op.newData.isRotating) {
+          case "changeValue":
+            if (op.newData.shouldRotate && op.newData.timeStamp && Date.now() - op.newData.timeStamp < 1e4) {
               this.startRotation();
               setTimeout(() => {
                 this.stopRotation();
+                this.value = op.newData.value;
               }, TIMEOUT);
+            } else {
+              this.value = op.newData.value;
             }
             break;
-          case "changeValue":
-            this.value = op.newData.value;
-            break;
           case "changeValuesRange":
             this.range = op.newData;
             break;
@@ -48804,7 +48788,7 @@ class Dice extends BaseItem {
     if (!this.animationFrameId) {
       const animate = () => {
         if (this.drawingContext) {
-          this.render(this.drawingContext);
+          this.subject.publish(this);
           this.animationFrameId = requestAnimationFrame(animate);
         }
       };

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

@@ -25,7 +25,7 @@ export declare class Dice extends BaseItem {
     getPath(): Path;
     renderHTML(documentFactory: DocumentFactory): HTMLElement;
     deserialize(data: SerializedItemData): this;
-    isClosed(): boolean;
+    getIsRotating(): boolean;
     private applyBackgroundColor;
     setBackgroundColor(backgroundColor: string): void;
     private applyBorderWidth;
@@ -37,7 +37,6 @@ export declare class Dice extends BaseItem {
         max: number;
     }): void;
     setValue(value: number): void;
-    setIsRotating(isRotating: boolean): void;
     throwDice(): void;
     apply(op: DiceOperation): void;
     startRotation(): void;

package/dist/types/Items/Examples/CardGame/Dice/DiceOperation.d.ts

@@ -1,7 +1,9 @@
 import { BaseOperation } from "Events/EventsOperations";
-export type DiceOperation = ChangeValue | ChangeValuesRange | SetIsRotating | SetBackgroundColor | SetBorderColor | SetBorderWidth;
+export type DiceOperation = ChangeValue | ChangeValuesRange | SetBackgroundColor | SetBorderColor | SetBorderWidth;
 interface ChangeValue extends BaseOperation<{
     value: number;
+    shouldRotate: boolean;
+    timeStamp?: number;
 }> {
     class: "Dice";
     method: "changeValue";
@@ -13,12 +15,6 @@ interface ChangeValuesRange extends BaseOperation<{
     class: "Dice";
     method: "changeValuesRange";
 }
-interface SetIsRotating extends BaseOperation<{
-    isRotating: boolean;
-}> {
-    class: "Dice";
-    method: "setIsRotating";
-}
 interface SetBackgroundColor extends BaseOperation<{
     backgroundColor: string;
 }> {

package/package.json

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