@trafica/editor 1.0.26 → 1.0.28

package/dist/index.mjs

@@ -1627,7 +1627,7 @@ var htmlSerializer = {
   }
 };
 function serializeBlock(node, idCounts = /* @__PURE__ */ new Map()) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
   switch (node.type) {
     case "paragraph": {
       const align = ((_a = node.attrs) == null ? void 0 : _a.align) ? ` data-align="${node.attrs.align}"` : "";
@@ -1683,23 +1683,29 @@ function serializeBlock(node, idCounts = /* @__PURE__ */ new Map()) {
       return "<hr />";
     case "table": {
       const rows = node.children.map((c) => serializeBlock(c)).join("");
-      return `<table><tbody>${rows}</tbody></table>`;
+      const colWidths = (_q = (_p = node.attrs) == null ? void 0 : _p.colWidths) != null ? _q : [];
+      let colgroup = "";
+      if (colWidths.length > 0) {
+        const total = colWidths.reduce((s, w) => s + w, 0) || colWidths.length * 120;
+        colgroup = `<colgroup>${colWidths.map((w) => `<col style="width:${(w / total * 100).toFixed(4)}%">`).join("")}</colgroup>`;
+      }
+      return `<div style="overflow-x:auto;margin:0.75em 0;"><table style="border-collapse:collapse;table-layout:fixed;width:100%;font-size:inherit;font-family:inherit;">${colgroup}<tbody>${rows}</tbody></table></div>`;
     }
     case "table_row": {
       const cells = node.children.map((c) => serializeBlock(c)).join("");
       return `<tr>${cells}</tr>`;
     }
     case "table_cell": {
-      if ((_p = node.attrs) == null ? void 0 : _p.covered) return "";
-      const cs = ((_q = node.attrs) == null ? void 0 : _q.colspan) > 1 ? ` colspan="${(_r = node.attrs) == null ? void 0 : _r.colspan}"` : "";
-      const rs = ((_s = node.attrs) == null ? void 0 : _s.rowspan) > 1 ? ` rowspan="${(_t = node.attrs) == null ? void 0 : _t.rowspan}"` : "";
-      return `<td${cs}${rs}>${serializeChildren(node.children)}</td>`;
+      if ((_r = node.attrs) == null ? void 0 : _r.covered) return "";
+      const cs = ((_s = node.attrs) == null ? void 0 : _s.colspan) > 1 ? ` colspan="${(_t = node.attrs) == null ? void 0 : _t.colspan}"` : "";
+      const rs = ((_u = node.attrs) == null ? void 0 : _u.rowspan) > 1 ? ` rowspan="${(_v = node.attrs) == null ? void 0 : _v.rowspan}"` : "";
+      return `<td${cs}${rs} style="border:1px solid #d1d5db;padding:0.5em 0.75em;vertical-align:top;min-width:40px;word-break:break-word;">${serializeChildren(node.children)}</td>`;
     }
     case "table_header": {
-      if ((_u = node.attrs) == null ? void 0 : _u.covered) return "";
-      const cs = ((_v = node.attrs) == null ? void 0 : _v.colspan) > 1 ? ` colspan="${(_w = node.attrs) == null ? void 0 : _w.colspan}"` : "";
-      const rs = ((_x = node.attrs) == null ? void 0 : _x.rowspan) > 1 ? ` rowspan="${(_y = node.attrs) == null ? void 0 : _y.rowspan}"` : "";
-      return `<th${cs}${rs}>${serializeChildren(node.children)}</th>`;
+      if ((_w = node.attrs) == null ? void 0 : _w.covered) return "";
+      const cs = ((_x = node.attrs) == null ? void 0 : _x.colspan) > 1 ? ` colspan="${(_y = node.attrs) == null ? void 0 : _y.colspan}"` : "";
+      const rs = ((_z = node.attrs) == null ? void 0 : _z.rowspan) > 1 ? ` rowspan="${(_A = node.attrs) == null ? void 0 : _A.rowspan}"` : "";
+      return `<th${cs}${rs} style="border:1px solid #d1d5db;padding:0.5em 0.75em;vertical-align:top;min-width:40px;word-break:break-word;background:#f9fafb;font-weight:600;text-align:left;">${serializeChildren(node.children)}</th>`;
     }
     default:
       return `<p>${serializeChildren(node.children)}</p>`;