microboard-temp 0.4.73 → 0.4.74

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

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

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

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

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

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

package/package.json

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