microboard-temp 0.5.40 → 0.5.42

package/dist/cjs/browser.js

@@ -18996,7 +18996,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21485,7 +21485,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -21649,7 +21649,8 @@ class BaseItem extends Mbr {
       linkTo: this.linkTo.serialize(),
       transformation: this.transformation.serialize(),
       itemType: this.defaultItemData?.itemType || this.itemType,
-      children: this.index?.list().map((child) => child.getId())
+      children: this.index?.list().map((child) => child.getId()),
+      resizeEnabled: this.resizeEnabled
     };
     Object.keys(this.defaultItemData || {}).forEach((key) => {
       const value = this[key];
@@ -21677,6 +21678,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -21695,6 +21740,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -48081,7 +48129,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -53298,7 +53346,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/cjs/index.js

@@ -18996,7 +18996,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21485,7 +21485,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -21649,7 +21649,8 @@ class BaseItem extends Mbr {
       linkTo: this.linkTo.serialize(),
       transformation: this.transformation.serialize(),
       itemType: this.defaultItemData?.itemType || this.itemType,
-      children: this.index?.list().map((child) => child.getId())
+      children: this.index?.list().map((child) => child.getId()),
+      resizeEnabled: this.resizeEnabled
     };
     Object.keys(this.defaultItemData || {}).forEach((key) => {
       const value = this[key];
@@ -21677,6 +21678,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -21695,6 +21740,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -48081,7 +48129,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -53298,7 +53346,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/cjs/node.js

@@ -21535,7 +21535,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -23957,7 +23957,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -24121,7 +24121,8 @@ class BaseItem extends Mbr {
       linkTo: this.linkTo.serialize(),
       transformation: this.transformation.serialize(),
       itemType: this.defaultItemData?.itemType || this.itemType,
-      children: this.index?.list().map((child) => child.getId())
+      children: this.index?.list().map((child) => child.getId()),
+      resizeEnabled: this.resizeEnabled
     };
     Object.keys(this.defaultItemData || {}).forEach((key) => {
       const value = this[key];
@@ -24149,6 +24150,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -24167,6 +24212,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -50554,7 +50602,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -55771,7 +55819,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/esm/browser.js

@@ -18842,7 +18842,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21331,7 +21331,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -21495,7 +21495,8 @@ class BaseItem extends Mbr {
       linkTo: this.linkTo.serialize(),
       transformation: this.transformation.serialize(),
       itemType: this.defaultItemData?.itemType || this.itemType,
-      children: this.index?.list().map((child) => child.getId())
+      children: this.index?.list().map((child) => child.getId()),
+      resizeEnabled: this.resizeEnabled
     };
     Object.keys(this.defaultItemData || {}).forEach((key) => {
       const value = this[key];
@@ -21523,6 +21524,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -21541,6 +21586,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -47927,7 +47975,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -53144,7 +53192,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/esm/index.js

@@ -18835,7 +18835,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21324,7 +21324,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -21488,7 +21488,8 @@ class BaseItem extends Mbr {
       linkTo: this.linkTo.serialize(),
       transformation: this.transformation.serialize(),
       itemType: this.defaultItemData?.itemType || this.itemType,
-      children: this.index?.list().map((child) => child.getId())
+      children: this.index?.list().map((child) => child.getId()),
+      resizeEnabled: this.resizeEnabled
     };
     Object.keys(this.defaultItemData || {}).forEach((key) => {
       const value = this[key];
@@ -21516,6 +21517,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -21534,6 +21579,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -47920,7 +47968,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -53137,7 +53185,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/esm/node.js

@@ -21369,7 +21369,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
-  enableResize = true;
+  resizeEnabled = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -23791,7 +23791,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
-  enableResize = true;
+  resizeEnabled = true;
   onlyProportionalResize = false;
   itemType = "";
   children = [];
@@ -23955,7 +23955,8 @@ class BaseItem extends Mbr {
       linkTo: this.linkTo.serialize(),
       transformation: this.transformation.serialize(),
       itemType: this.defaultItemData?.itemType || this.itemType,
-      children: this.index?.list().map((child) => child.getId())
+      children: this.index?.list().map((child) => child.getId()),
+      resizeEnabled: this.resizeEnabled
     };
     Object.keys(this.defaultItemData || {}).forEach((key) => {
       const value = this[key];
@@ -23983,6 +23984,50 @@ class BaseItem extends Mbr {
     command.apply();
     this.board.events.emit(operation, command);
   }
+  disableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (!item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: false },
+        prevData: { resizeEnabled: true }
+      });
+    });
+  }
+  enableResize(items) {
+    const itemsMap = {};
+    items.forEach((item) => {
+      if (item.resizeEnabled) {
+        return;
+      }
+      if (itemsMap[item.itemType]) {
+        itemsMap[item.itemType].push(item.getId());
+      } else {
+        itemsMap[item.itemType] = [item.getId()];
+      }
+    });
+    Object.entries(itemsMap).forEach(([itemType, itemIds]) => {
+      this.emitForManyItems({
+        class: itemType,
+        method: "toggleResizeEnabled",
+        item: itemIds,
+        newData: { resizeEnabled: true },
+        prevData: { resizeEnabled: false }
+      });
+    });
+  }
   apply(op) {
     op = op;
     switch (op.class) {
@@ -24001,6 +24046,9 @@ class BaseItem extends Mbr {
           case "addChildren":
             this.applyAddChildren(op.newData.childIds);
             break;
+          case "toggleResizeEnabled":
+            this.resizeEnabled = op.newData.resizeEnabled;
+            break;
         }
     }
   }
@@ -50388,7 +50436,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
-  enableResize = false;
+  resizeEnabled = false;
   path = null;
   isPerpendicular = undefined;
   constructor(board, id = "") {
@@ -55605,7 +55653,7 @@ class BoardSelection {
   }
   getIsResizeEnabled() {
     const items = this.list();
-    return !items.some((item) => !item.enableResize);
+    return !items.some((item) => !item.resizeEnabled);
   }
   getIsLockedSelection() {
     const items = this.list();

package/dist/types/Items/BaseItem/BaseItem.d.ts

@@ -37,7 +37,7 @@ export declare class BaseItem extends Mbr implements Geometry {
     shouldUseCustomRender: boolean;
     shouldRenderOutsideViewRect: boolean;
     shouldUseRelativeAlignment: boolean;
-    enableResize: boolean;
+    resizeEnabled: boolean;
     onlyProportionalResize: boolean;
     itemType: string;
     children: string[];
@@ -65,6 +65,8 @@ export declare class BaseItem extends Mbr implements Geometry {
     isClosed(): boolean;
     emit(operation: Operation | BaseOperation): void;
     emitForManyItems(operation: Operation | BaseOperation): void;
+    disableResize(items: BaseItem[]): void;
+    enableResize(items: BaseItem[]): void;
     apply(op: Operation | BaseItemOperation | BaseOperation): void;
     addOnRemoveCallback(cb: () => void): void;
     onRemove(): void;

package/dist/types/Items/BaseItem/BaseItemOperation.d.ts

@@ -1,5 +1,5 @@
 import { BaseOperation } from "../../Events/EventsOperations";
-export type BaseItemOperation = RemoveChildren | AddChildren;
+export type BaseItemOperation = RemoveChildren | AddChildren | ToggleResizeEnabled;
 export interface RemoveChildren extends BaseOperation<{
     childIds: string[];
 }> {
@@ -10,3 +10,8 @@ export interface AddChildren extends BaseOperation<{
 }> {
     method: "addChildren";
 }
+export interface ToggleResizeEnabled extends BaseOperation<{
+    resizeEnabled: boolean;
+}> {
+    method: "toggleResizeEnabled";
+}

package/dist/types/Items/Comment/Comment.d.ts

@@ -47,7 +47,7 @@ export declare class Comment implements Geometry {
     readonly subject: Subject<Comment>;
     readonly linkTo: LinkTo;
     transformationRenderBlock?: boolean;
-    enableResize: boolean;
+    resizeEnabled: boolean;
     constructor(anchor?: Point, events?: Events | undefined, id?: string);
     serialize(): CommentData;
     deserialize(data: CommentData): this;

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

@@ -12,7 +12,7 @@ export declare class Deck extends BaseItem {
     shouldUseCustomRender: boolean;
     private cachedCanvas;
     private isCacheDirty;
-    enableResize: boolean;
+    resizeEnabled: boolean;
     path: Path | null;
     private isPerpendicular;
     constructor(board: Board, id?: string);

package/package.json

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