microboard-temp 0.4.27 → 0.4.29

package/dist/cjs/node.js

@@ -22002,9 +22002,19 @@ class BaseCommand {
     const items = this.items;
     return mapItemsByOperation(items, (item) => {
       const op = this.operation;
+      let newData = {};
+      if (op.prevData) {
+        newData = op.prevData;
+      } else {
+        Object.keys(op.newData).forEach((key) => {
+          if (item[key]) {
+            op.newData[key] = item[key];
+          }
+        });
+      }
       return {
         ...op,
-        newData: op.prevData
+        newData
       };
     });
   }
@@ -48797,7 +48807,7 @@ class Dice extends BaseItem {
     if (values2) {
       this.values = values2;
     }
-    this.createRenderValues();
+    this.updateRenderValues();
     this.transformPath();
     this.transformation.subject.subscribe(() => {
       this.transformPath();
@@ -48813,7 +48823,7 @@ class Dice extends BaseItem {
     this.path.setBorderColor(this.borderColor);
     this.path.setBorderWidth(this.borderWidth);
   }
-  createRenderValues() {
+  updateRenderValues() {
     this.values.forEach((value, index2) => {
       if (typeof value === "number") {
         this.renderValues[index2] = value;
@@ -48888,7 +48898,7 @@ class Dice extends BaseItem {
   }
   deserialize(data) {
     super.deserialize(data);
-    this.createRenderValues();
+    this.updateRenderValues();
     this.transformPath();
     this.subject.publish(this);
     return this;
@@ -48995,6 +49005,7 @@ class Dice extends BaseItem {
               this.valueIndex = 0;
             }
             this.values = op.newData.values;
+            this.updateRenderValues();
             break;
         }
         break;
@@ -53065,93 +53076,85 @@ class BoardSelection {
     }
   }
   setStrokeColor(borderColor) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length > 0) {
-      this.emit({
-        class: "Shape",
-        method: "setBorderColor",
-        item: shapes,
-        borderColor
-      });
-    }
-    const connectors = this.items.getIdsByItemTypes(["Connector"]);
-    if (connectors.length > 0) {
-      this.emit({
-        class: "Connector",
-        method: "setLineColor",
-        item: connectors,
-        lineColor: borderColor
-      });
-    }
-    const drawings = this.items.getIdsByItemTypes(["Drawing"]);
-    if (drawings.length > 0) {
-      this.emit({
-        class: "Drawing",
-        method: "setStrokeColor",
-        item: drawings,
-        color: borderColor
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setBorderColor",
+      item: [],
+      newData: { borderColor }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        const operationCopy = { ...operation };
+        if (item.itemType === "Connector") {
+          operationCopy.method = "setLineColor";
+          operationCopy.lineColor = borderColor;
+        } else if (item.itemType === "Drawing") {
+          operationCopy.method = "setStrokeColor";
+          operationCopy.color = borderColor;
+        } else {
+          operationCopy.borderColor = borderColor;
+        }
+        operations2[item.itemType] = { ...operationCopy, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setStrokeWidth(width2) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length > 0) {
-      this.emit({
-        class: "Shape",
-        method: "setBorderWidth",
-        item: shapes,
-        borderWidth: width2,
-        prevBorderWidth: this.getStrokeWidth()
-      });
-    }
-    const connectors = this.items.getIdsByItemTypes(["Connector"]);
-    if (connectors.length > 0) {
-      this.emit({
-        class: "Connector",
-        method: "setLineWidth",
-        item: connectors,
-        lineWidth: width2
-      });
-    }
-    const drawings = this.items.getIdsByItemTypes(["Drawing"]);
-    if (drawings.length > 0) {
-      this.emit({
-        class: "Drawing",
-        method: "setStrokeWidth",
-        item: drawings,
-        width: width2,
-        prevWidth: this.getStrokeWidth()
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setStrokeWidth",
+      item: [],
+      width: width2,
+      newData: { width: width2 }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        const operationCopy = { ...operation };
+        if (item.itemType === "Connector") {
+          operationCopy.method = "setLineWidth";
+          operationCopy.lineWidth = width2;
+        } else if (item.itemType === "Drawing") {
+          operationCopy.method = "setStrokeWidth";
+          operationCopy.width = width2;
+          operationCopy.prevWidth = this.getStrokeWidth();
+        } else {
+          operationCopy.borderWidth = width2;
+          operationCopy.prevBorderWidth = this.getStrokeWidth();
+        }
+        operations2[item.itemType] = { ...operationCopy, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setFillColor(backgroundColor) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length) {
-      this.emit({
-        class: "Shape",
-        method: "setBackgroundColor",
-        item: shapes,
-        backgroundColor
-      });
-    }
-    const stickers = this.items.getIdsByItemTypes(["Sticker"]);
-    if (stickers.length) {
-      this.emit({
-        class: "Sticker",
-        method: "setBackgroundColor",
-        item: stickers,
-        backgroundColor
-      });
-    }
-    const frames = this.items.getIdsByItemTypes(["Frame"]);
-    if (frames.length) {
-      this.emit({
-        class: "Frame",
-        method: "setBackgroundColor",
-        item: frames,
-        backgroundColor
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setBackgroundColor",
+      item: [],
+      backgroundColor,
+      newData: { backgroundColor }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        operations2[item.itemType] = { ...operation, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setCanChangeRatio(canChangeRatio) {
     const frames = this.items.getIdsByItemTypes(["Frame"]);

package/dist/esm/browser.js

@@ -19313,9 +19313,19 @@ class BaseCommand {
     const items = this.items;
     return mapItemsByOperation(items, (item) => {
       const op = this.operation;
+      let newData = {};
+      if (op.prevData) {
+        newData = op.prevData;
+      } else {
+        Object.keys(op.newData).forEach((key) => {
+          if (item[key]) {
+            op.newData[key] = item[key];
+          }
+        });
+      }
       return {
         ...op,
-        newData: op.prevData
+        newData
       };
     });
   }
@@ -46107,7 +46117,7 @@ class Dice extends BaseItem {
     if (values2) {
       this.values = values2;
     }
-    this.createRenderValues();
+    this.updateRenderValues();
     this.transformPath();
     this.transformation.subject.subscribe(() => {
       this.transformPath();
@@ -46123,7 +46133,7 @@ class Dice extends BaseItem {
     this.path.setBorderColor(this.borderColor);
     this.path.setBorderWidth(this.borderWidth);
   }
-  createRenderValues() {
+  updateRenderValues() {
     this.values.forEach((value, index2) => {
       if (typeof value === "number") {
         this.renderValues[index2] = value;
@@ -46198,7 +46208,7 @@ class Dice extends BaseItem {
   }
   deserialize(data) {
     super.deserialize(data);
-    this.createRenderValues();
+    this.updateRenderValues();
     this.transformPath();
     this.subject.publish(this);
     return this;
@@ -46305,6 +46315,7 @@ class Dice extends BaseItem {
               this.valueIndex = 0;
             }
             this.values = op.newData.values;
+            this.updateRenderValues();
             break;
         }
         break;
@@ -50375,93 +50386,85 @@ class BoardSelection {
     }
   }
   setStrokeColor(borderColor) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length > 0) {
-      this.emit({
-        class: "Shape",
-        method: "setBorderColor",
-        item: shapes,
-        borderColor
-      });
-    }
-    const connectors = this.items.getIdsByItemTypes(["Connector"]);
-    if (connectors.length > 0) {
-      this.emit({
-        class: "Connector",
-        method: "setLineColor",
-        item: connectors,
-        lineColor: borderColor
-      });
-    }
-    const drawings = this.items.getIdsByItemTypes(["Drawing"]);
-    if (drawings.length > 0) {
-      this.emit({
-        class: "Drawing",
-        method: "setStrokeColor",
-        item: drawings,
-        color: borderColor
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setBorderColor",
+      item: [],
+      newData: { borderColor }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        const operationCopy = { ...operation };
+        if (item.itemType === "Connector") {
+          operationCopy.method = "setLineColor";
+          operationCopy.lineColor = borderColor;
+        } else if (item.itemType === "Drawing") {
+          operationCopy.method = "setStrokeColor";
+          operationCopy.color = borderColor;
+        } else {
+          operationCopy.borderColor = borderColor;
+        }
+        operations2[item.itemType] = { ...operationCopy, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setStrokeWidth(width2) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length > 0) {
-      this.emit({
-        class: "Shape",
-        method: "setBorderWidth",
-        item: shapes,
-        borderWidth: width2,
-        prevBorderWidth: this.getStrokeWidth()
-      });
-    }
-    const connectors = this.items.getIdsByItemTypes(["Connector"]);
-    if (connectors.length > 0) {
-      this.emit({
-        class: "Connector",
-        method: "setLineWidth",
-        item: connectors,
-        lineWidth: width2
-      });
-    }
-    const drawings = this.items.getIdsByItemTypes(["Drawing"]);
-    if (drawings.length > 0) {
-      this.emit({
-        class: "Drawing",
-        method: "setStrokeWidth",
-        item: drawings,
-        width: width2,
-        prevWidth: this.getStrokeWidth()
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setStrokeWidth",
+      item: [],
+      width: width2,
+      newData: { width: width2 }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        const operationCopy = { ...operation };
+        if (item.itemType === "Connector") {
+          operationCopy.method = "setLineWidth";
+          operationCopy.lineWidth = width2;
+        } else if (item.itemType === "Drawing") {
+          operationCopy.method = "setStrokeWidth";
+          operationCopy.width = width2;
+          operationCopy.prevWidth = this.getStrokeWidth();
+        } else {
+          operationCopy.borderWidth = width2;
+          operationCopy.prevBorderWidth = this.getStrokeWidth();
+        }
+        operations2[item.itemType] = { ...operationCopy, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setFillColor(backgroundColor) {
-    const shapes = this.items.getIdsByItemTypes(["Shape"]);
-    if (shapes.length) {
-      this.emit({
-        class: "Shape",
-        method: "setBackgroundColor",
-        item: shapes,
-        backgroundColor
-      });
-    }
-    const stickers = this.items.getIdsByItemTypes(["Sticker"]);
-    if (stickers.length) {
-      this.emit({
-        class: "Sticker",
-        method: "setBackgroundColor",
-        item: stickers,
-        backgroundColor
-      });
-    }
-    const frames = this.items.getIdsByItemTypes(["Frame"]);
-    if (frames.length) {
-      this.emit({
-        class: "Frame",
-        method: "setBackgroundColor",
-        item: frames,
-        backgroundColor
-      });
-    }
+    const operation = {
+      class: "Shape",
+      method: "setBackgroundColor",
+      item: [],
+      backgroundColor,
+      newData: { backgroundColor }
+    };
+    const operations2 = {};
+    this.items.list().forEach((item) => {
+      if (!operations2[item.itemType]) {
+        operations2[item.itemType] = { ...operation, class: item.itemType, item: [item.getId()] };
+      } else {
+        operations2[item.itemType].item.push(item.getId());
+      }
+    });
+    Object.values(operations2).forEach((op) => {
+      this.emit(op);
+    });
   }
   setCanChangeRatio(canChangeRatio) {
     const frames = this.items.getIdsByItemTypes(["Frame"]);