microboard-temp 0.4.73 → 0.4.75

package/dist/cjs/browser.js

@@ -9041,7 +9041,8 @@ var parsersHTML = {
   "ainode-item": parseHTMLAINode,
   "video-item": parseHTMLVideo,
   "audio-item": parseHTMLAudio,
-  "comment-item": parseHTMLComment
+  "comment-item": parseHTMLComment,
+  "base-item": parseHTMLBaseItem
 };
 var decodeHtml = (htmlString) => {
   const parser = conf.getDOMParser();
@@ -9297,6 +9298,22 @@ function parseHTMLComment(el) {
   };
   return commentItemData;
 }
+function parseHTMLBaseItem(el) {
+  const data = JSON.parse(el.getAttribute("serialized-data"));
+  const baseItemItemData = {
+    id: el.id,
+    ...data
+  };
+  const childrenMap = Array.from(el.children).filter((child) => child.id !== `${el.id}_text` && !child.classList.contains("link-object")).map((child) => positionAbsolutely(child, el)).reduce((acc, child) => {
+    acc[child.id] = parsersHTML[child.tagName.toLowerCase()](child);
+    return acc;
+  }, {});
+  data.children = Object.values(childrenMap).map((child) => child.id);
+  if (Object.values(childrenMap).length) {
+    return { data: baseItemItemData, childrenMap };
+  }
+  return baseItemItemData;
+}
 function parseHTMLConnector(el) {
   const transformation = getTransformationData(el);
   const startItem = el.getAttribute("data-start-point-item");
@@ -21684,7 +21701,10 @@ class BaseItem extends Mbr {
     }
   }
   renderHTML(documentFactory) {
-    return documentFactory.createElement("div");
+    const div = documentFactory.createElement("base-item");
+    div.id = this.id;
+    div.setAttribute("serialized-data", JSON.stringify(this.serialize()));
+    return div;
   }
 }
 // src/Items/RichText/RichText.ts
@@ -47860,10 +47880,6 @@ class Card extends BaseItem {
   getPath() {
     return new Path(this.getMbr().getLines());
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("card-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateMbr();
@@ -48167,10 +48183,6 @@ class Dice extends BaseItem {
   getPath() {
     return this.path.copy();
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("dice-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateRenderValues();

package/dist/cjs/index.js

@@ -9041,7 +9041,8 @@ var parsersHTML = {
   "ainode-item": parseHTMLAINode,
   "video-item": parseHTMLVideo,
   "audio-item": parseHTMLAudio,
-  "comment-item": parseHTMLComment
+  "comment-item": parseHTMLComment,
+  "base-item": parseHTMLBaseItem
 };
 var decodeHtml = (htmlString) => {
   const parser = conf.getDOMParser();
@@ -9297,6 +9298,22 @@ function parseHTMLComment(el) {
   };
   return commentItemData;
 }
+function parseHTMLBaseItem(el) {
+  const data = JSON.parse(el.getAttribute("serialized-data"));
+  const baseItemItemData = {
+    id: el.id,
+    ...data
+  };
+  const childrenMap = Array.from(el.children).filter((child) => child.id !== `${el.id}_text` && !child.classList.contains("link-object")).map((child) => positionAbsolutely(child, el)).reduce((acc, child) => {
+    acc[child.id] = parsersHTML[child.tagName.toLowerCase()](child);
+    return acc;
+  }, {});
+  data.children = Object.values(childrenMap).map((child) => child.id);
+  if (Object.values(childrenMap).length) {
+    return { data: baseItemItemData, childrenMap };
+  }
+  return baseItemItemData;
+}
 function parseHTMLConnector(el) {
   const transformation = getTransformationData(el);
   const startItem = el.getAttribute("data-start-point-item");
@@ -21684,7 +21701,10 @@ class BaseItem extends Mbr {
     }
   }
   renderHTML(documentFactory) {
-    return documentFactory.createElement("div");
+    const div = documentFactory.createElement("base-item");
+    div.id = this.id;
+    div.setAttribute("serialized-data", JSON.stringify(this.serialize()));
+    return div;
   }
 }
 // src/Items/RichText/RichText.ts
@@ -47860,10 +47880,6 @@ class Card extends BaseItem {
   getPath() {
     return new Path(this.getMbr().getLines());
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("card-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateMbr();
@@ -48167,10 +48183,6 @@ class Dice extends BaseItem {
   getPath() {
     return this.path.copy();
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("dice-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateRenderValues();

package/dist/cjs/node.js

@@ -10078,7 +10078,8 @@ var parsersHTML = {
   "ainode-item": parseHTMLAINode,
   "video-item": parseHTMLVideo,
   "audio-item": parseHTMLAudio,
-  "comment-item": parseHTMLComment
+  "comment-item": parseHTMLComment,
+  "base-item": parseHTMLBaseItem
 };
 var decodeHtml = (htmlString) => {
   const parser = conf.getDOMParser();
@@ -10334,6 +10335,22 @@ function parseHTMLComment(el) {
   };
   return commentItemData;
 }
+function parseHTMLBaseItem(el) {
+  const data = JSON.parse(el.getAttribute("serialized-data"));
+  const baseItemItemData = {
+    id: el.id,
+    ...data
+  };
+  const childrenMap = Array.from(el.children).filter((child) => child.id !== `${el.id}_text` && !child.classList.contains("link-object")).map((child) => positionAbsolutely(child, el)).reduce((acc, child) => {
+    acc[child.id] = parsersHTML[child.tagName.toLowerCase()](child);
+    return acc;
+  }, {});
+  data.children = Object.values(childrenMap).map((child) => child.id);
+  if (Object.values(childrenMap).length) {
+    return { data: baseItemItemData, childrenMap };
+  }
+  return baseItemItemData;
+}
 function parseHTMLConnector(el) {
   const transformation = getTransformationData(el);
   const startItem = el.getAttribute("data-start-point-item");
@@ -24156,7 +24173,10 @@ class BaseItem extends Mbr {
     }
   }
   renderHTML(documentFactory) {
-    return documentFactory.createElement("div");
+    const div = documentFactory.createElement("base-item");
+    div.id = this.id;
+    div.setAttribute("serialized-data", JSON.stringify(this.serialize()));
+    return div;
   }
 }
 // src/Items/RichText/RichText.ts
@@ -50333,10 +50353,6 @@ class Card extends BaseItem {
   getPath() {
     return new Path(this.getMbr().getLines());
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("card-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateMbr();
@@ -50640,10 +50656,6 @@ class Dice extends BaseItem {
   getPath() {
     return this.path.copy();
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("dice-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateRenderValues();

package/dist/esm/browser.js

@@ -8881,7 +8881,8 @@ var parsersHTML = {
   "ainode-item": parseHTMLAINode,
   "video-item": parseHTMLVideo,
   "audio-item": parseHTMLAudio,
-  "comment-item": parseHTMLComment
+  "comment-item": parseHTMLComment,
+  "base-item": parseHTMLBaseItem
 };
 var decodeHtml = (htmlString) => {
   const parser = conf.getDOMParser();
@@ -9137,6 +9138,22 @@ function parseHTMLComment(el) {
   };
   return commentItemData;
 }
+function parseHTMLBaseItem(el) {
+  const data = JSON.parse(el.getAttribute("serialized-data"));
+  const baseItemItemData = {
+    id: el.id,
+    ...data
+  };
+  const childrenMap = Array.from(el.children).filter((child) => child.id !== `${el.id}_text` && !child.classList.contains("link-object")).map((child) => positionAbsolutely(child, el)).reduce((acc, child) => {
+    acc[child.id] = parsersHTML[child.tagName.toLowerCase()](child);
+    return acc;
+  }, {});
+  data.children = Object.values(childrenMap).map((child) => child.id);
+  if (Object.values(childrenMap).length) {
+    return { data: baseItemItemData, childrenMap };
+  }
+  return baseItemItemData;
+}
 function parseHTMLConnector(el) {
   const transformation = getTransformationData(el);
   const startItem = el.getAttribute("data-start-point-item");
@@ -21533,7 +21550,10 @@ class BaseItem extends Mbr {
     }
   }
   renderHTML(documentFactory) {
-    return documentFactory.createElement("div");
+    const div = documentFactory.createElement("base-item");
+    div.id = this.id;
+    div.setAttribute("serialized-data", JSON.stringify(this.serialize()));
+    return div;
   }
 }
 // src/Items/RichText/RichText.ts
@@ -47709,10 +47729,6 @@ class Card extends BaseItem {
   getPath() {
     return new Path(this.getMbr().getLines());
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("card-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateMbr();
@@ -48016,10 +48032,6 @@ class Dice extends BaseItem {
   getPath() {
     return this.path.copy();
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("dice-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateRenderValues();

package/dist/esm/index.js

@@ -8874,7 +8874,8 @@ var parsersHTML = {
   "ainode-item": parseHTMLAINode,
   "video-item": parseHTMLVideo,
   "audio-item": parseHTMLAudio,
-  "comment-item": parseHTMLComment
+  "comment-item": parseHTMLComment,
+  "base-item": parseHTMLBaseItem
 };
 var decodeHtml = (htmlString) => {
   const parser = conf.getDOMParser();
@@ -9130,6 +9131,22 @@ function parseHTMLComment(el) {
   };
   return commentItemData;
 }
+function parseHTMLBaseItem(el) {
+  const data = JSON.parse(el.getAttribute("serialized-data"));
+  const baseItemItemData = {
+    id: el.id,
+    ...data
+  };
+  const childrenMap = Array.from(el.children).filter((child) => child.id !== `${el.id}_text` && !child.classList.contains("link-object")).map((child) => positionAbsolutely(child, el)).reduce((acc, child) => {
+    acc[child.id] = parsersHTML[child.tagName.toLowerCase()](child);
+    return acc;
+  }, {});
+  data.children = Object.values(childrenMap).map((child) => child.id);
+  if (Object.values(childrenMap).length) {
+    return { data: baseItemItemData, childrenMap };
+  }
+  return baseItemItemData;
+}
 function parseHTMLConnector(el) {
   const transformation = getTransformationData(el);
   const startItem = el.getAttribute("data-start-point-item");
@@ -21526,7 +21543,10 @@ class BaseItem extends Mbr {
     }
   }
   renderHTML(documentFactory) {
-    return documentFactory.createElement("div");
+    const div = documentFactory.createElement("base-item");
+    div.id = this.id;
+    div.setAttribute("serialized-data", JSON.stringify(this.serialize()));
+    return div;
   }
 }
 // src/Items/RichText/RichText.ts
@@ -47702,10 +47722,6 @@ class Card extends BaseItem {
   getPath() {
     return new Path(this.getMbr().getLines());
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("card-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateMbr();
@@ -48009,10 +48025,6 @@ class Dice extends BaseItem {
   getPath() {
     return this.path.copy();
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("dice-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateRenderValues();

package/dist/esm/node.js

@@ -9658,7 +9658,8 @@ var parsersHTML = {
   "ainode-item": parseHTMLAINode,
   "video-item": parseHTMLVideo,
   "audio-item": parseHTMLAudio,
-  "comment-item": parseHTMLComment
+  "comment-item": parseHTMLComment,
+  "base-item": parseHTMLBaseItem
 };
 var decodeHtml = (htmlString) => {
   const parser = conf.getDOMParser();
@@ -9914,6 +9915,22 @@ function parseHTMLComment(el) {
   };
   return commentItemData;
 }
+function parseHTMLBaseItem(el) {
+  const data = JSON.parse(el.getAttribute("serialized-data"));
+  const baseItemItemData = {
+    id: el.id,
+    ...data
+  };
+  const childrenMap = Array.from(el.children).filter((child) => child.id !== `${el.id}_text` && !child.classList.contains("link-object")).map((child) => positionAbsolutely(child, el)).reduce((acc, child) => {
+    acc[child.id] = parsersHTML[child.tagName.toLowerCase()](child);
+    return acc;
+  }, {});
+  data.children = Object.values(childrenMap).map((child) => child.id);
+  if (Object.values(childrenMap).length) {
+    return { data: baseItemItemData, childrenMap };
+  }
+  return baseItemItemData;
+}
 function parseHTMLConnector(el) {
   const transformation = getTransformationData(el);
   const startItem = el.getAttribute("data-start-point-item");
@@ -23993,7 +24010,10 @@ class BaseItem extends Mbr {
     }
   }
   renderHTML(documentFactory) {
-    return documentFactory.createElement("div");
+    const div = documentFactory.createElement("base-item");
+    div.id = this.id;
+    div.setAttribute("serialized-data", JSON.stringify(this.serialize()));
+    return div;
   }
 }
 // src/Items/RichText/RichText.ts
@@ -50170,10 +50190,6 @@ class Card extends BaseItem {
   getPath() {
     return new Path(this.getMbr().getLines());
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("card-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateMbr();
@@ -50477,10 +50493,6 @@ class Dice extends BaseItem {
   getPath() {
     return this.path.copy();
   }
-  renderHTML(documentFactory) {
-    const div = documentFactory.createElement("dice-item");
-    return div;
-  }
   deserialize(data) {
     super.deserialize(data);
     this.updateRenderValues();

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

@@ -1,7 +1,6 @@
 import { BaseItem, BaseItemData, SerializedItemData } from "Items/BaseItem/BaseItem";
 import { Board } from "Board";
 import { DrawingContext } from "Items/DrawingContext";
-import { DocumentFactory } from "api/DocumentFactory";
 import { Path } from "Items/Path/Path";
 import { Subject } from "Subject";
 import { Paths } from "Items/Path/Paths";
@@ -30,7 +29,6 @@ export declare class Card extends BaseItem {
     render(context: DrawingContext): void;
     updateMbr(): void;
     getPath(): Path | Paths;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
     deserialize(data: SerializedItemData): this;
     toggleIsOpen(): void;
     apply(op: CardOperation): void;

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

@@ -3,7 +3,6 @@ import { BorderWidth, Path } from "../../../Path";
 import { Subject } from "../../../../Subject";
 import { Board } from "../../../../Board";
 import { DrawingContext } from "../../../DrawingContext";
-import { DocumentFactory } from "../../../../api/DocumentFactory";
 import { DiceOperation } from "./DiceOperation";
 export type DiceType = "common" | "custom";
 export declare const defaultDiceData: BaseItemData;
@@ -24,7 +23,6 @@ export declare class Dice extends BaseItem {
     render(context: DrawingContext): void;
     updateMbr(): void;
     getPath(): Path;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
     deserialize(data: SerializedItemData): this;
     getIsRotating(): boolean;
     getType(): DiceType;

package/package.json

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