microboard-temp 0.4.97 → 0.4.99

package/dist/cjs/browser.js

@@ -18999,6 +18999,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21477,6 +21478,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -47827,6 +47829,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -47934,6 +47937,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -47978,13 +47982,6 @@ class Deck extends BaseItem {
       const foundItem = this.index?.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
         if (foundItem) {
-          foundItem.transformation.apply({
-            class: "Transformation",
-            method: "translateTo",
-            item: [this.id],
-            x: this.left,
-            y: this.top - this.getHeight() / 2
-          });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
           foundItem.shouldUseRelativeAlignment = true;
@@ -48088,6 +48085,7 @@ class Deck extends BaseItem {
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -51625,7 +51623,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -52868,6 +52867,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);
@@ -54191,7 +54194,7 @@ class Board {
         itemData.transformation.translateX = translateX - minX + x;
         itemData.transformation.translateY = translateY - minY + y;
       }
-      if (itemData.itemType === "Frame") {
+      if ("children" in itemData && itemData.children) {
         itemData.children = itemData.children.map((childId) => newItemIdMap[childId]);
       }
       newMap[newItemId] = itemData;

package/dist/cjs/index.js

@@ -18999,6 +18999,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21477,6 +21478,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -47827,6 +47829,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -47934,6 +47937,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -47978,13 +47982,6 @@ class Deck extends BaseItem {
       const foundItem = this.index?.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
         if (foundItem) {
-          foundItem.transformation.apply({
-            class: "Transformation",
-            method: "translateTo",
-            item: [this.id],
-            x: this.left,
-            y: this.top - this.getHeight() / 2
-          });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
           foundItem.shouldUseRelativeAlignment = true;
@@ -48088,6 +48085,7 @@ class Deck extends BaseItem {
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -51625,7 +51623,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -52868,6 +52867,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);
@@ -54191,7 +54194,7 @@ class Board {
         itemData.transformation.translateX = translateX - minX + x;
         itemData.transformation.translateY = translateY - minY + y;
       }
-      if (itemData.itemType === "Frame") {
+      if ("children" in itemData && itemData.children) {
         itemData.children = itemData.children.map((childId) => newItemIdMap[childId]);
       }
       newMap[newItemId] = itemData;

package/dist/cjs/node.js

@@ -21538,6 +21538,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -23949,6 +23950,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -50300,6 +50302,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -50407,6 +50410,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -50451,13 +50455,6 @@ class Deck extends BaseItem {
       const foundItem = this.index?.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
         if (foundItem) {
-          foundItem.transformation.apply({
-            class: "Transformation",
-            method: "translateTo",
-            item: [this.id],
-            x: this.left,
-            y: this.top - this.getHeight() / 2
-          });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
           foundItem.shouldUseRelativeAlignment = true;
@@ -50561,6 +50558,7 @@ class Deck extends BaseItem {
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -54098,7 +54096,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -55341,6 +55340,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);
@@ -56664,7 +56667,7 @@ class Board {
         itemData.transformation.translateX = translateX - minX + x;
         itemData.transformation.translateY = translateY - minY + y;
       }
-      if (itemData.itemType === "Frame") {
+      if ("children" in itemData && itemData.children) {
         itemData.children = itemData.children.map((childId) => newItemIdMap[childId]);
       }
       newMap[newItemId] = itemData;

package/dist/esm/browser.js

@@ -18848,6 +18848,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21326,6 +21327,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -47676,6 +47678,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -47783,6 +47786,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -47827,13 +47831,6 @@ class Deck extends BaseItem {
       const foundItem = this.index?.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
         if (foundItem) {
-          foundItem.transformation.apply({
-            class: "Transformation",
-            method: "translateTo",
-            item: [this.id],
-            x: this.left,
-            y: this.top - this.getHeight() / 2
-          });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
           foundItem.shouldUseRelativeAlignment = true;
@@ -47937,6 +47934,7 @@ class Deck extends BaseItem {
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -51474,7 +51472,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -52717,6 +52716,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);
@@ -54040,7 +54043,7 @@ class Board {
         itemData.transformation.translateX = translateX - minX + x;
         itemData.transformation.translateY = translateY - minY + y;
       }
-      if (itemData.itemType === "Frame") {
+      if ("children" in itemData && itemData.children) {
         itemData.children = itemData.children.map((childId) => newItemIdMap[childId]);
       }
       newMap[newItemId] = itemData;

package/dist/esm/index.js

@@ -18841,6 +18841,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -21319,6 +21320,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -47669,6 +47671,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -47776,6 +47779,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -47820,13 +47824,6 @@ class Deck extends BaseItem {
       const foundItem = this.index?.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
         if (foundItem) {
-          foundItem.transformation.apply({
-            class: "Transformation",
-            method: "translateTo",
-            item: [this.id],
-            x: this.left,
-            y: this.top - this.getHeight() / 2
-          });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
           foundItem.shouldUseRelativeAlignment = true;
@@ -47930,6 +47927,7 @@ class Deck extends BaseItem {
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -51467,7 +51465,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -52710,6 +52709,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);
@@ -54033,7 +54036,7 @@ class Board {
         itemData.transformation.translateX = translateX - minX + x;
         itemData.transformation.translateY = translateY - minY + y;
       }
-      if (itemData.itemType === "Frame") {
+      if ("children" in itemData && itemData.children) {
         itemData.children = itemData.children.map((childId) => newItemIdMap[childId]);
       }
       newMap[newItemId] = itemData;

package/dist/esm/node.js

@@ -21375,6 +21375,7 @@ class Comment {
   subject = new Subject;
   linkTo;
   transformationRenderBlock = undefined;
+  enableResize = true;
   constructor(anchor = new Point, events, id = "") {
     this.anchor = anchor;
     this.events = events;
@@ -23786,6 +23787,7 @@ class BaseItem extends Mbr {
   shouldUseCustomRender = false;
   shouldRenderOutsideViewRect = true;
   shouldUseRelativeAlignment = true;
+  enableResize = true;
   itemType = "";
   constructor(board, id = "", defaultItemData, isGroupItem) {
     super();
@@ -50137,6 +50139,7 @@ class Card extends BaseItem {
   backside = null;
   imageToRender = null;
   shouldUseCustomRender = false;
+  enableResize = false;
   constructor(board, id = "", urls) {
     super(board, id, defaultCardData);
     if (urls) {
@@ -50244,6 +50247,7 @@ class Deck extends BaseItem {
   shouldUseCustomRender = false;
   cachedCanvas = null;
   isCacheDirty = true;
+  enableResize = false;
   constructor(board, id = "") {
     super(board, id, defaultDeckData, true);
     this.index.getUnderPoint = () => [];
@@ -50288,13 +50292,6 @@ class Deck extends BaseItem {
       const foundItem = this.index?.getById(childId);
       if (this.parent !== childId && this.getId() !== childId) {
         if (foundItem) {
-          foundItem.transformation.apply({
-            class: "Transformation",
-            method: "translateTo",
-            item: [this.id],
-            x: this.left,
-            y: this.top - this.getHeight() / 2
-          });
           this.index?.remove(foundItem);
           foundItem.parent = "Board";
           foundItem.shouldUseRelativeAlignment = true;
@@ -50398,6 +50395,7 @@ class Deck extends BaseItem {
     });
     this.cachedCanvas = tempCanvas;
     this.isCacheDirty = false;
+    this.updateMbr();
   }
 }
 registerItem({
@@ -53935,7 +53933,8 @@ class Transformer extends Tool {
       return false;
     }
     const isLockedItems = this.selection.getIsLockedSelection();
-    if (isLockedItems) {
+    const isResizeEnabled = this.selection.getIsResizeEnabled();
+    if (isLockedItems || !isResizeEnabled) {
       return false;
     }
     this.updateAnchorType();
@@ -55178,6 +55177,10 @@ class BoardSelection {
     this.board.tools.getSelect()?.nestingHighlighter.clear();
     this.setContext("None");
   }
+  getIsResizeEnabled() {
+    const items = this.list();
+    return !items.some((item) => !item.enableResize);
+  }
   getIsLockedSelection() {
     const items = this.list();
     return items.some((item) => item.transformation.isLocked);
@@ -56501,7 +56504,7 @@ class Board {
         itemData.transformation.translateX = translateX - minX + x;
         itemData.transformation.translateY = translateY - minY + y;
       }
-      if (itemData.itemType === "Frame") {
+      if ("children" in itemData && itemData.children) {
         itemData.children = itemData.children.map((childId) => newItemIdMap[childId]);
       }
       newMap[newItemId] = itemData;

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

@@ -37,6 +37,7 @@ export declare class BaseItem extends Mbr implements Geometry {
     shouldUseCustomRender: boolean;
     shouldRenderOutsideViewRect: boolean;
     shouldUseRelativeAlignment: boolean;
+    enableResize: boolean;
     itemType: string;
     constructor(board: Board, id?: string, defaultItemData?: BaseItemData | undefined, isGroupItem?: boolean);
     getId(): string;

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

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

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

@@ -20,6 +20,7 @@ export declare class Card extends BaseItem {
     backside: HTMLImageElement | null;
     private imageToRender;
     shouldUseCustomRender: boolean;
+    enableResize: boolean;
     constructor(board: Board, id?: string, urls?: {
         faceUrl: string;
         backsideUrl: string;

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

@@ -10,6 +10,7 @@ export declare class Deck extends BaseItem {
     shouldUseCustomRender: boolean;
     private cachedCanvas;
     private isCacheDirty;
+    enableResize: boolean;
     constructor(board: Board, id?: string);
     applyAddChildren(childIds: string[]): void;
     applyRemoveChildren(childIds: string[]): void;

package/dist/types/Selection/Selection.d.ts

@@ -131,6 +131,7 @@ export declare class BoardSelection {
     setHorisontalAlignment(horisontalAlignment: HorisontalAlignment): void;
     setVerticalAlignment(verticalAlignment: VerticalAlignment): void;
     removeFromBoard(): void;
+    getIsResizeEnabled(): boolean;
     getIsLockedSelection(): boolean;
     isLocked(): boolean;
     lock(): void;

package/package.json

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