microboard-temp 0.5.59 → 0.5.61

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)),
@@ -49043,6 +49068,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 +49090,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;
@@ -49071,8 +49116,7 @@ class Screen extends BaseItem {
     if (this.backgroundImage && this.backgroundImage.complete) {
       const ctx = context.ctx;
       ctx.save();
-      this.transformation.matrix.applyToContext(ctx);
-      ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
+      ctx.drawImage(this.backgroundImage, this.left, this.top, this.getWidth(), this.getHeight());
       ctx.restore();
     }
     this.path.render(context);
@@ -49098,6 +49142,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)),
@@ -49043,6 +49068,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 +49090,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;
@@ -49071,8 +49116,7 @@ class Screen extends BaseItem {
     if (this.backgroundImage && this.backgroundImage.complete) {
       const ctx = context.ctx;
       ctx.save();
-      this.transformation.matrix.applyToContext(ctx);
-      ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
+      ctx.drawImage(this.backgroundImage, this.left, this.top, this.getWidth(), this.getHeight());
       ctx.restore();
     }
     this.path.render(context);
@@ -49098,6 +49142,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)),
@@ -51516,6 +51541,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 +51563,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;
@@ -51544,8 +51589,7 @@ class Screen extends BaseItem {
     if (this.backgroundImage && this.backgroundImage.complete) {
       const ctx = context.ctx;
       ctx.save();
-      this.transformation.matrix.applyToContext(ctx);
-      ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
+      ctx.drawImage(this.backgroundImage, this.left, this.top, this.getWidth(), this.getHeight());
       ctx.restore();
     }
     this.path.render(context);
@@ -51571,6 +51615,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)),
@@ -48889,6 +48914,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 +48936,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;
@@ -48917,8 +48962,7 @@ class Screen extends BaseItem {
     if (this.backgroundImage && this.backgroundImage.complete) {
       const ctx = context.ctx;
       ctx.save();
-      this.transformation.matrix.applyToContext(ctx);
-      ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
+      ctx.drawImage(this.backgroundImage, this.left, this.top, this.getWidth(), this.getHeight());
       ctx.restore();
     }
     this.path.render(context);
@@ -48944,6 +48988,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)),
@@ -48882,6 +48907,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 +48929,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;
@@ -48910,8 +48955,7 @@ class Screen extends BaseItem {
     if (this.backgroundImage && this.backgroundImage.complete) {
       const ctx = context.ctx;
       ctx.save();
-      this.transformation.matrix.applyToContext(ctx);
-      ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
+      ctx.drawImage(this.backgroundImage, this.left, this.top, this.getWidth(), this.getHeight());
       ctx.restore();
     }
     this.path.render(context);
@@ -48937,6 +48981,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)),
@@ -51350,6 +51375,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 +51397,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;
@@ -51378,8 +51423,7 @@ class Screen extends BaseItem {
     if (this.backgroundImage && this.backgroundImage.complete) {
       const ctx = context.ctx;
       ctx.save();
-      this.transformation.matrix.applyToContext(ctx);
-      ctx.drawImage(this.backgroundImage, 0, 0, this.getWidth(), this.getHeight());
+      ctx.drawImage(this.backgroundImage, this.left, this.top, this.getWidth(), this.getHeight());
       ctx.restore();
     }
     this.path.render(context);
@@ -51405,6 +51449,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

@@ -32,6 +32,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.59",
+  "version": "0.5.61",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",