microboard-temp 0.4.19 → 0.4.20

package/dist/cjs/browser.js

@@ -46314,8 +46314,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 +46370,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 },
+      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 +46391,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) {
               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;

package/dist/cjs/index.js

@@ -46314,8 +46314,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 +46370,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 },
+      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 +46391,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) {
               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;

package/dist/cjs/node.js

@@ -48854,8 +48854,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 +48910,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 },
+      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 +48931,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) {
               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;

package/dist/esm/browser.js

@@ -46164,8 +46164,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 +46220,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 },
+      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 +46241,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) {
               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;

package/dist/esm/index.js

@@ -46157,8 +46157,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 +46213,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 },
+      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 +46234,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) {
               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;

package/dist/esm/node.js

@@ -48692,8 +48692,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 +48748,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 },
+      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 +48769,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) {
               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;

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,8 @@
 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;
 }> {
     class: "Dice";
     method: "changeValue";
@@ -13,12 +14,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.20",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",