microboard-temp 0.5.60 → 0.5.62

package/dist/cjs/browser.js

@@ -47552,6 +47552,9 @@ function registerItem({
   }
   itemCommandFactories[itemType] = createItemCommandFactory(itemType);
 }
+function registerTool(toolData) {
+  registeredTools[toolData.name] = toolData.tool;
+}
 function createItemFactory(item, defaultData2) {
   return function itemFactory(id, data, board) {
     if (data.itemType !== defaultData2.itemType) {
@@ -48917,6 +48920,28 @@ class AddScreen extends ShapeTool {
   }
 }
 
+class AddPouch extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Screen, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId("");
+    const currMbr = this.item.getMbr();
+    const screenChildren = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board").filter((item) => this.item.handleNesting(item));
+    const width2 = this.bounds.getWidth() < 2 ? 100 : this.bounds.getWidth();
+    const height3 = this.bounds.getHeight() < 2 ? 100 : this.bounds.getHeight();
+    this.initTransformation(width2 / 100, height3 / 100);
+    const screen = this.board.add(this.item);
+    screen.emitNesting(screenChildren);
+    this.isDown = false;
+    this.board.selection.removeAll();
+    this.board.selection.add(screen);
+    this.board.tools.select();
+    this.board.tools.publish();
+    return true;
+  }
+}
+
 // src/Items/Examples/CardGame/Screen/Screen.ts
 var screenPath = new Path([
   new Line(new Point(0, 0), new Point(100, 0)),
@@ -48971,6 +48996,9 @@ class Screen extends BaseItem {
     }
     this.subject.publish(this);
   }
+  getOwnerId() {
+    return this.ownerId;
+  }
   getBackgroundColor() {
     return this.backgroundColor;
   }
@@ -49043,6 +49071,11 @@ class Screen extends BaseItem {
   }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
   }
   transformPath() {
     this.path = screenPath.copy();
@@ -49060,10 +49093,25 @@ class Screen extends BaseItem {
   }
   deserialize(data) {
     super.deserialize(data);
+    if (this.backgroundUrl) {
+      this.applyBackgroundUrl(this.backgroundUrl);
+    }
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
     this.transformPath();
     this.subject.publish(this);
     return this;
   }
+  getRandomItem() {
+    const item = this.index?.list()[Math.floor(Math.random() * this.index?.list().length)];
+    if (item) {
+      this.removeChildItems(item);
+      return item;
+    }
+  }
   render(context) {
     if (this.transformationRenderBlock) {
       return;
@@ -49097,6 +49145,7 @@ registerItem({
   defaultData: defaultScreenData,
   toolData: { name: "AddScreen", tool: AddScreen }
 });
+registerTool({ name: "AddPouch", tool: AddPouch });
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",

package/dist/cjs/index.js

@@ -47552,6 +47552,9 @@ function registerItem({
   }
   itemCommandFactories[itemType] = createItemCommandFactory(itemType);
 }
+function registerTool(toolData) {
+  registeredTools[toolData.name] = toolData.tool;
+}
 function createItemFactory(item, defaultData2) {
   return function itemFactory(id, data, board) {
     if (data.itemType !== defaultData2.itemType) {
@@ -48917,6 +48920,28 @@ class AddScreen extends ShapeTool {
   }
 }
 
+class AddPouch extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Screen, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId("");
+    const currMbr = this.item.getMbr();
+    const screenChildren = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board").filter((item) => this.item.handleNesting(item));
+    const width2 = this.bounds.getWidth() < 2 ? 100 : this.bounds.getWidth();
+    const height3 = this.bounds.getHeight() < 2 ? 100 : this.bounds.getHeight();
+    this.initTransformation(width2 / 100, height3 / 100);
+    const screen = this.board.add(this.item);
+    screen.emitNesting(screenChildren);
+    this.isDown = false;
+    this.board.selection.removeAll();
+    this.board.selection.add(screen);
+    this.board.tools.select();
+    this.board.tools.publish();
+    return true;
+  }
+}
+
 // src/Items/Examples/CardGame/Screen/Screen.ts
 var screenPath = new Path([
   new Line(new Point(0, 0), new Point(100, 0)),
@@ -48971,6 +48996,9 @@ class Screen extends BaseItem {
     }
     this.subject.publish(this);
   }
+  getOwnerId() {
+    return this.ownerId;
+  }
   getBackgroundColor() {
     return this.backgroundColor;
   }
@@ -49043,6 +49071,11 @@ class Screen extends BaseItem {
   }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
   }
   transformPath() {
     this.path = screenPath.copy();
@@ -49060,10 +49093,25 @@ class Screen extends BaseItem {
   }
   deserialize(data) {
     super.deserialize(data);
+    if (this.backgroundUrl) {
+      this.applyBackgroundUrl(this.backgroundUrl);
+    }
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
     this.transformPath();
     this.subject.publish(this);
     return this;
   }
+  getRandomItem() {
+    const item = this.index?.list()[Math.floor(Math.random() * this.index?.list().length)];
+    if (item) {
+      this.removeChildItems(item);
+      return item;
+    }
+  }
   render(context) {
     if (this.transformationRenderBlock) {
       return;
@@ -49097,6 +49145,7 @@ registerItem({
   defaultData: defaultScreenData,
   toolData: { name: "AddScreen", tool: AddScreen }
 });
+registerTool({ name: "AddPouch", tool: AddPouch });
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",

package/dist/cjs/node.js

@@ -50025,6 +50025,9 @@ function registerItem({
   }
   itemCommandFactories[itemType] = createItemCommandFactory(itemType);
 }
+function registerTool(toolData) {
+  registeredTools[toolData.name] = toolData.tool;
+}
 function createItemFactory(item, defaultData2) {
   return function itemFactory(id, data, board) {
     if (data.itemType !== defaultData2.itemType) {
@@ -51390,6 +51393,28 @@ class AddScreen extends ShapeTool {
   }
 }
 
+class AddPouch extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Screen, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId("");
+    const currMbr = this.item.getMbr();
+    const screenChildren = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board").filter((item) => this.item.handleNesting(item));
+    const width2 = this.bounds.getWidth() < 2 ? 100 : this.bounds.getWidth();
+    const height3 = this.bounds.getHeight() < 2 ? 100 : this.bounds.getHeight();
+    this.initTransformation(width2 / 100, height3 / 100);
+    const screen = this.board.add(this.item);
+    screen.emitNesting(screenChildren);
+    this.isDown = false;
+    this.board.selection.removeAll();
+    this.board.selection.add(screen);
+    this.board.tools.select();
+    this.board.tools.publish();
+    return true;
+  }
+}
+
 // src/Items/Examples/CardGame/Screen/Screen.ts
 var screenPath = new Path([
   new Line(new Point(0, 0), new Point(100, 0)),
@@ -51444,6 +51469,9 @@ class Screen extends BaseItem {
     }
     this.subject.publish(this);
   }
+  getOwnerId() {
+    return this.ownerId;
+  }
   getBackgroundColor() {
     return this.backgroundColor;
   }
@@ -51516,6 +51544,11 @@ class Screen extends BaseItem {
   }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
   }
   transformPath() {
     this.path = screenPath.copy();
@@ -51533,10 +51566,25 @@ class Screen extends BaseItem {
   }
   deserialize(data) {
     super.deserialize(data);
+    if (this.backgroundUrl) {
+      this.applyBackgroundUrl(this.backgroundUrl);
+    }
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
     this.transformPath();
     this.subject.publish(this);
     return this;
   }
+  getRandomItem() {
+    const item = this.index?.list()[Math.floor(Math.random() * this.index?.list().length)];
+    if (item) {
+      this.removeChildItems(item);
+      return item;
+    }
+  }
   render(context) {
     if (this.transformationRenderBlock) {
       return;
@@ -51570,6 +51618,7 @@ registerItem({
   defaultData: defaultScreenData,
   toolData: { name: "AddScreen", tool: AddScreen }
 });
+registerTool({ name: "AddPouch", tool: AddPouch });
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",

package/dist/esm/browser.js

@@ -47398,6 +47398,9 @@ function registerItem({
   }
   itemCommandFactories[itemType] = createItemCommandFactory(itemType);
 }
+function registerTool(toolData) {
+  registeredTools[toolData.name] = toolData.tool;
+}
 function createItemFactory(item, defaultData2) {
   return function itemFactory(id, data, board) {
     if (data.itemType !== defaultData2.itemType) {
@@ -48763,6 +48766,28 @@ class AddScreen extends ShapeTool {
   }
 }
 
+class AddPouch extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Screen, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId("");
+    const currMbr = this.item.getMbr();
+    const screenChildren = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board").filter((item) => this.item.handleNesting(item));
+    const width2 = this.bounds.getWidth() < 2 ? 100 : this.bounds.getWidth();
+    const height3 = this.bounds.getHeight() < 2 ? 100 : this.bounds.getHeight();
+    this.initTransformation(width2 / 100, height3 / 100);
+    const screen = this.board.add(this.item);
+    screen.emitNesting(screenChildren);
+    this.isDown = false;
+    this.board.selection.removeAll();
+    this.board.selection.add(screen);
+    this.board.tools.select();
+    this.board.tools.publish();
+    return true;
+  }
+}
+
 // src/Items/Examples/CardGame/Screen/Screen.ts
 var screenPath = new Path([
   new Line(new Point(0, 0), new Point(100, 0)),
@@ -48817,6 +48842,9 @@ class Screen extends BaseItem {
     }
     this.subject.publish(this);
   }
+  getOwnerId() {
+    return this.ownerId;
+  }
   getBackgroundColor() {
     return this.backgroundColor;
   }
@@ -48889,6 +48917,11 @@ class Screen extends BaseItem {
   }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
   }
   transformPath() {
     this.path = screenPath.copy();
@@ -48906,10 +48939,25 @@ class Screen extends BaseItem {
   }
   deserialize(data) {
     super.deserialize(data);
+    if (this.backgroundUrl) {
+      this.applyBackgroundUrl(this.backgroundUrl);
+    }
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
     this.transformPath();
     this.subject.publish(this);
     return this;
   }
+  getRandomItem() {
+    const item = this.index?.list()[Math.floor(Math.random() * this.index?.list().length)];
+    if (item) {
+      this.removeChildItems(item);
+      return item;
+    }
+  }
   render(context) {
     if (this.transformationRenderBlock) {
       return;
@@ -48943,6 +48991,7 @@ registerItem({
   defaultData: defaultScreenData,
   toolData: { name: "AddScreen", tool: AddScreen }
 });
+registerTool({ name: "AddPouch", tool: AddPouch });
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",

package/dist/esm/index.js

@@ -47391,6 +47391,9 @@ function registerItem({
   }
   itemCommandFactories[itemType] = createItemCommandFactory(itemType);
 }
+function registerTool(toolData) {
+  registeredTools[toolData.name] = toolData.tool;
+}
 function createItemFactory(item, defaultData2) {
   return function itemFactory(id, data, board) {
     if (data.itemType !== defaultData2.itemType) {
@@ -48756,6 +48759,28 @@ class AddScreen extends ShapeTool {
   }
 }
 
+class AddPouch extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Screen, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId("");
+    const currMbr = this.item.getMbr();
+    const screenChildren = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board").filter((item) => this.item.handleNesting(item));
+    const width2 = this.bounds.getWidth() < 2 ? 100 : this.bounds.getWidth();
+    const height3 = this.bounds.getHeight() < 2 ? 100 : this.bounds.getHeight();
+    this.initTransformation(width2 / 100, height3 / 100);
+    const screen = this.board.add(this.item);
+    screen.emitNesting(screenChildren);
+    this.isDown = false;
+    this.board.selection.removeAll();
+    this.board.selection.add(screen);
+    this.board.tools.select();
+    this.board.tools.publish();
+    return true;
+  }
+}
+
 // src/Items/Examples/CardGame/Screen/Screen.ts
 var screenPath = new Path([
   new Line(new Point(0, 0), new Point(100, 0)),
@@ -48810,6 +48835,9 @@ class Screen extends BaseItem {
     }
     this.subject.publish(this);
   }
+  getOwnerId() {
+    return this.ownerId;
+  }
   getBackgroundColor() {
     return this.backgroundColor;
   }
@@ -48882,6 +48910,11 @@ class Screen extends BaseItem {
   }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
   }
   transformPath() {
     this.path = screenPath.copy();
@@ -48899,10 +48932,25 @@ class Screen extends BaseItem {
   }
   deserialize(data) {
     super.deserialize(data);
+    if (this.backgroundUrl) {
+      this.applyBackgroundUrl(this.backgroundUrl);
+    }
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
     this.transformPath();
     this.subject.publish(this);
     return this;
   }
+  getRandomItem() {
+    const item = this.index?.list()[Math.floor(Math.random() * this.index?.list().length)];
+    if (item) {
+      this.removeChildItems(item);
+      return item;
+    }
+  }
   render(context) {
     if (this.transformationRenderBlock) {
       return;
@@ -48936,6 +48984,7 @@ registerItem({
   defaultData: defaultScreenData,
   toolData: { name: "AddScreen", tool: AddScreen }
 });
+registerTool({ name: "AddPouch", tool: AddPouch });
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",

package/dist/esm/node.js

@@ -49859,6 +49859,9 @@ function registerItem({
   }
   itemCommandFactories[itemType] = createItemCommandFactory(itemType);
 }
+function registerTool(toolData) {
+  registeredTools[toolData.name] = toolData.tool;
+}
 function createItemFactory(item, defaultData2) {
   return function itemFactory(id, data, board) {
     if (data.itemType !== defaultData2.itemType) {
@@ -51224,6 +51227,28 @@ class AddScreen extends ShapeTool {
   }
 }
 
+class AddPouch extends ShapeTool {
+  constructor(board, name) {
+    super(board, name, Screen, { cursorName: "crosshair", fixedRatio: false });
+  }
+  pointerUp() {
+    this.item.applyOwnerId("");
+    const currMbr = this.item.getMbr();
+    const screenChildren = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board").filter((item) => this.item.handleNesting(item));
+    const width2 = this.bounds.getWidth() < 2 ? 100 : this.bounds.getWidth();
+    const height3 = this.bounds.getHeight() < 2 ? 100 : this.bounds.getHeight();
+    this.initTransformation(width2 / 100, height3 / 100);
+    const screen = this.board.add(this.item);
+    screen.emitNesting(screenChildren);
+    this.isDown = false;
+    this.board.selection.removeAll();
+    this.board.selection.add(screen);
+    this.board.tools.select();
+    this.board.tools.publish();
+    return true;
+  }
+}
+
 // src/Items/Examples/CardGame/Screen/Screen.ts
 var screenPath = new Path([
   new Line(new Point(0, 0), new Point(100, 0)),
@@ -51278,6 +51303,9 @@ class Screen extends BaseItem {
     }
     this.subject.publish(this);
   }
+  getOwnerId() {
+    return this.ownerId;
+  }
   getBackgroundColor() {
     return this.backgroundColor;
   }
@@ -51350,6 +51378,11 @@ class Screen extends BaseItem {
   }
   applyOwnerId(ownerId) {
     this.ownerId = ownerId;
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
   }
   transformPath() {
     this.path = screenPath.copy();
@@ -51367,10 +51400,25 @@ class Screen extends BaseItem {
   }
   deserialize(data) {
     super.deserialize(data);
+    if (this.backgroundUrl) {
+      this.applyBackgroundUrl(this.backgroundUrl);
+    }
+    if (!this.ownerId) {
+      this.index.getUnderPoint = () => [];
+      this.index.getEnclosed = () => [];
+      this.index.getEnclosedOrCrossed = () => [];
+    }
     this.transformPath();
     this.subject.publish(this);
     return this;
   }
+  getRandomItem() {
+    const item = this.index?.list()[Math.floor(Math.random() * this.index?.list().length)];
+    if (item) {
+      this.removeChildItems(item);
+      return item;
+    }
+  }
   render(context) {
     if (this.transformationRenderBlock) {
       return;
@@ -51404,6 +51452,7 @@ registerItem({
   defaultData: defaultScreenData,
   toolData: { name: "AddScreen", tool: AddScreen }
 });
+registerTool({ name: "AddPouch", tool: AddPouch });
 // src/Pointer/Cursor.ts
 var defaultCursors = [
   "default",

package/dist/types/Items/Examples/CardGame/Screen/AddScreen.d.ts

@@ -4,3 +4,7 @@ export declare class AddScreen extends ShapeTool {
     constructor(board: Board, name: string);
     pointerUp(): boolean;
 }
+export declare class AddPouch extends ShapeTool {
+    constructor(board: Board, name: string);
+    pointerUp(): boolean;
+}

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

@@ -16,6 +16,7 @@ export declare class Screen extends BaseItem {
     backgroundImage: HTMLImageElement | null;
     constructor(board: Board, id?: string, ownerId?: string);
     apply(op: ScreenOperation): void;
+    getOwnerId(): string;
     getBackgroundColor(): string;
     getBorderStyle(): string;
     getStrokeColor(): string;
@@ -32,6 +33,7 @@ export declare class Screen extends BaseItem {
     private transformPath;
     updateMbr(): void;
     deserialize(data: SerializedItemData): this;
+    getRandomItem(): BaseItem | undefined;
     render(context: DrawingContext): void;
     renderHTML(documentFactory: DocumentFactory): HTMLElement;
 }

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

@@ -9,4 +9,8 @@ type RegisterItemArgs = {
     };
 };
 export declare function registerItem({ item, defaultData, toolData, }: RegisterItemArgs): void;
+export declare function registerTool(toolData: {
+    name: string;
+    tool: typeof CustomTool;
+}): void;
 export {};

package/package.json

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