@blocknote/xl-odt-exporter 0.32.0 → 0.34.0

package/dist/blocknote-xl-odt-exporter.js

@@ -1,55 +1,55 @@
 var I = Object.defineProperty;
-var N = (e, t, l) => t in e ? I(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
-var u = (e, t, l) => N(e, typeof t != "symbol" ? t + "" : t, l);
-import { jsxs as f, Fragment as h, jsx as n } from "react/jsx-runtime";
+var N = (e, t, n) => t in e ? I(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var b = (e, t, n) => N(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsxs as f, Fragment as h, jsx as l } from "react/jsx-runtime";
 import { mapTableCell as T, Exporter as M, COLORS_DEFAULT as B } from "@blocknote/core";
-import { ZipWriter as $, BlobWriter as A, TextReader as v, BlobReader as k } from "@zip.js/zip.js";
+import { ZipWriter as $, BlobWriter as W, TextReader as v, BlobReader as k } from "@zip.js/zip.js";
 import { renderToString as C } from "react-dom/server";
-const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {})), d = (e, t, l = "Standard", s = {}, a = {}, o = {}) => {
-  const m = {
+const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {})), g = (e, t, n = "Standard", s = {}, a = {}, o = {}) => {
+  const y = {
     ...a
   }, i = { ...o };
   if (t.textAlignment && t.textAlignment !== "left") {
-    const y = {
+    const m = {
       left: "start",
       center: "center",
       right: "end",
       justify: "justify"
     };
-    m["fo:text-align"] = y[t.textAlignment];
+    y["fo:text-align"] = m[t.textAlignment];
   }
   const r = t.backgroundColor && t.backgroundColor !== "default" ? e.options.colors[t.backgroundColor].background : void 0;
-  if (r && (m["fo:background-color"] = r), t.textColor && t.textColor !== "default") {
-    const y = e.options.colors[t.textColor].text;
-    i["fo:color"] = y;
+  if (r && (y["fo:background-color"] = r), t.textColor && t.textColor !== "default") {
+    const m = e.options.colors[t.textColor].text;
+    i["fo:color"] = m;
   }
-  return !r && !Object.keys(s).length && !Object.keys(m).length && !Object.keys(i).length ? l || "Standard" : e.registerStyle((y) => /* @__PURE__ */ f(
+  return !r && !Object.keys(s).length && !Object.keys(y).length && !Object.keys(i).length ? n || "Standard" : e.registerStyle((m) => /* @__PURE__ */ f(
     "style:style",
     {
       "style:family": "paragraph",
-      "style:name": y,
-      "style:parent-style-name": l,
+      "style:name": m,
+      "style:parent-style-name": n,
       ...s,
       children: [
-        r && /* @__PURE__ */ n(
+        r && /* @__PURE__ */ l(
           "loext:graphic-properties",
           {
             "draw:fill": "solid",
             "draw:fill-color": r
           }
         ),
-        Object.keys(m).length > 0 && /* @__PURE__ */ n("style:paragraph-properties", { ...m }),
-        Object.keys(i).length > 0 && /* @__PURE__ */ n("style:text-properties", { ...i })
+        Object.keys(y).length > 0 && /* @__PURE__ */ l("style:paragraph-properties", { ...y }),
+        Object.keys(i).length > 0 && /* @__PURE__ */ l("style:text-properties", { ...i })
       ]
     }
   ));
-}, P = (e) => {
+}, A = (e) => {
   const t = /* @__PURE__ */ new Map();
-  return (l) => {
-    const s = `${l.props.backgroundColor}-${l.props.textColor}-${l.props.textAlignment}`;
+  return (n) => {
+    const s = `${n.props.backgroundColor}-${n.props.textColor}-${n.props.textAlignment}`;
     if (t.has(s))
       return t.get(s);
-    const a = e.registerStyle((o) => /* @__PURE__ */ n("style:style", { "style:family": "table-cell", "style:name": o, children: /* @__PURE__ */ n(
+    const a = e.registerStyle((o) => /* @__PURE__ */ l("style:style", { "style:family": "table-cell", "style:name": o, children: /* @__PURE__ */ l(
       "style:table-cell-properties",
       {
         "fo:border": "0.5pt solid #000000",
@@ -58,32 +58,32 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {
         "fo:padding-left": "0.075in",
         "fo:padding-bottom": "0in",
         "fo:padding-right": "0.075in",
-        "fo:background-color": l.props.backgroundColor !== "default" && l.props.backgroundColor ? e.options.colors[l.props.backgroundColor].background : void 0,
-        "fo:color": l.props.textColor !== "default" && l.props.textColor ? e.options.colors[l.props.textColor].text : void 0
+        "fo:background-color": n.props.backgroundColor !== "default" && n.props.backgroundColor ? e.options.colors[n.props.backgroundColor].background : void 0,
+        "fo:color": n.props.textColor !== "default" && n.props.textColor ? e.options.colors[n.props.textColor].text : void 0
       }
     ) }));
     return t.set(s, a), a;
   };
-}, W = (e, t) => e.registerStyle((s) => /* @__PURE__ */ n("style:style", { "style:family": "table", "style:name": s, children: /* @__PURE__ */ n(
+}, P = (e, t) => e.registerStyle((s) => /* @__PURE__ */ l("style:style", { "style:family": "table", "style:name": s, children: /* @__PURE__ */ l(
   "style:table-properties",
   {
     "table:align": "left",
     "style:writing-mode": "lr-tb",
     "style:width": `${t.width}pt`
   }
-) })), S = (e, t) => t <= 0 ? e : /* @__PURE__ */ n("text:list", { children: /* @__PURE__ */ n("text:list-item", { children: S(e, t - 1) }) }), O = {
-  paragraph: (e, t, l) => {
-    const s = d(
+) })), S = (e, t) => t <= 0 ? e : /* @__PURE__ */ l("text:list", { children: /* @__PURE__ */ l("text:list-item", { children: S(e, t - 1) }) }), O = {
+  paragraph: (e, t, n) => {
+    const s = g(
       t,
       e.props
     );
     return /* @__PURE__ */ f("text:p", { "text:style-name": s, children: [
-      L(l),
+      L(n),
       t.transformInlineContent(e.content)
     ] });
   },
-  heading: (e, t, l) => {
-    const a = d(
+  heading: (e, t, n) => {
+    const a = g(
       t,
       e.props,
       "Heading_20_" + e.props.level
@@ -94,14 +94,14 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {
         "text:outline-level": `${e.props.level}`,
         "text:style-name": a,
         children: [
-          L(l),
+          L(n),
           t.transformInlineContent(e.content)
         ]
       }
     );
   },
-  quote: (e, t, l) => {
-    const a = d(
+  quote: (e, t, n) => {
+    const a = g(
       t,
       e.props,
       "Standard",
@@ -115,7 +115,7 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {
       }
     );
     return /* @__PURE__ */ f("text:p", { "text:style-name": a, children: [
-      L(l),
+      L(n),
       t.transformInlineContent(e.content)
     ] });
   },
@@ -133,37 +133,37 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {
     "> ",
     t.transformInlineContent(e.content)
   ] }),
-  bulletListItem: (e, t, l) => {
-    const s = d(
+  bulletListItem: (e, t, n) => {
+    const s = g(
       t,
       e.props,
       "Standard",
       { "style:list-style-name": "WWNum1" }
     );
-    return /* @__PURE__ */ n("text:list", { "text:style-name": "WWNum1", children: /* @__PURE__ */ n("text:list-item", { children: S(
-      /* @__PURE__ */ n("text:p", { "text:style-name": s, children: t.transformInlineContent(e.content) }),
-      l
+    return /* @__PURE__ */ l("text:list", { "text:style-name": "WWNum1", children: /* @__PURE__ */ l("text:list-item", { children: S(
+      /* @__PURE__ */ l("text:p", { "text:style-name": s, children: t.transformInlineContent(e.content) }),
+      n
     ) }) });
   },
-  numberedListItem: (e, t, l, s) => {
-    const a = d(
+  numberedListItem: (e, t, n, s) => {
+    const a = g(
       t,
       e.props
     ), o = (s || 0) > 1 ? "true" : "false";
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ l(
       "text:list",
       {
         "text:style-name": "No_20_List",
         "text:continue-numbering": o,
-        children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ l(
           "text:list-item",
           {
             ...o === "false" && {
               "text:start-value": e.props.start
             },
             children: S(
-              /* @__PURE__ */ n("text:p", { "text:style-name": a, children: t.transformInlineContent(e.content) }),
-              l
+              /* @__PURE__ */ l("text:p", { "text:style-name": a, children: t.transformInlineContent(e.content) }),
+              n
             )
           }
         )
@@ -174,13 +174,48 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {
     e.props.checked ? "☒ " : "☐ ",
     t.transformInlineContent(e.content)
   ] }),
-  pageBreak: async () => /* @__PURE__ */ n("text:p", { "text:style-name": "PageBreak" }),
+  pageBreak: async () => /* @__PURE__ */ l("text:p", { "text:style-name": "PageBreak" }),
+  column: (e, t, n, s, a) => {
+    const y = t.registerStyle((i) => /* @__PURE__ */ l("style:style", { "style:name": i, "style:family": "table-cell", children: /* @__PURE__ */ l(
+      "style:table-cell-properties",
+      {
+        "style:writing-mode": "lr-tb",
+        "fo:border": "none",
+        "fo:padding-top": "0in",
+        "fo:padding-left": "0.075in",
+        "fo:padding-bottom": "0in",
+        "fo:padding-right": "0.075in"
+      }
+    ) }));
+    return /* @__PURE__ */ l("table:table-cell", { "table:style-name": y, children: a });
+  },
+  columnList: (e, t, n, s, a) => {
+    const o = e, y = t, i = y.registerStyle((r) => /* @__PURE__ */ l("style:style", { "style:name": r, "style:family": "table", children: /* @__PURE__ */ l(
+      "style:table-properties",
+      {
+        "table:align": "margins",
+        "style:writing-mode": "lr-tb"
+      }
+    ) }));
+    return /* @__PURE__ */ f("table:table", { "table:name": e.id, "table:style-name": i, children: [
+      (o.children || []).map((r, m) => {
+        const x = y.registerStyle((d) => /* @__PURE__ */ l("style:style", { "style:name": d, "style:family": "table-column", children: /* @__PURE__ */ l(
+          "style:table-column-properties",
+          {
+            "style:rel-column-width": `${r.props.width * 100}*`
+          }
+        ) }));
+        return /* @__PURE__ */ l("table:table-column", { "table:style-name": x }, m);
+      }),
+      /* @__PURE__ */ l("table:table-row", { children: a })
+    ] });
+  },
   image: async (e, t) => {
-    const l = t, { path: s, mimeType: a, ...o } = await l.registerPicture(e.props.url), m = d(
+    const n = t, { path: s, mimeType: a, ...o } = await n.registerPicture(e.props.url), y = g(
       t,
       e.props
-    ), i = e.props.previewWidth || o.width, r = o.height / o.width * i, y = 20, x = /* @__PURE__ */ f("text:p", { "text:style-name": e.props.caption ? "Caption" : m, children: [
-      /* @__PURE__ */ n(
+    ), i = e.props.previewWidth || o.width, r = o.height / o.width * i, m = 20, x = /* @__PURE__ */ f("text:p", { "text:style-name": e.props.caption ? "Caption" : y, children: [
+      /* @__PURE__ */ l(
         "draw:frame",
         {
           "draw:style-name": "Frame",
@@ -191,7 +226,7 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {
           ...!e.props.caption && {
             "text:anchor-type": "as-char"
           },
-          children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ l(
             "draw:image",
             {
               "xlink:type": "simple",
@@ -203,67 +238,67 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {
           )
         }
       ),
-      /* @__PURE__ */ n("text:line-break", {}),
-      /* @__PURE__ */ n("text:span", { "text:style-name": "Caption", children: e.props.caption })
+      /* @__PURE__ */ l("text:line-break", {}),
+      /* @__PURE__ */ l("text:span", { "text:style-name": "Caption", children: e.props.caption })
     ] });
-    return e.props.caption ? /* @__PURE__ */ n("text:p", { "text:style-name": m, children: /* @__PURE__ */ n(
+    return e.props.caption ? /* @__PURE__ */ l("text:p", { "text:style-name": y, children: /* @__PURE__ */ l(
       "draw:frame",
       {
         "draw:style-name": "Frame",
         "style:rel-height": "scale",
         "style:rel-width": `${i}px`,
         "svg:width": `${i}px`,
-        "svg:height": `${r + y}px`,
+        "svg:height": `${r + m}px`,
         "text:anchor-type": "as-char",
-        children: /* @__PURE__ */ n("draw:text-box", { children: x })
+        children: /* @__PURE__ */ l("draw:text-box", { children: x })
       }
     ) }) : x;
   },
   table: (e, t) => {
     var r;
     const a = (e.content.columnWidths.reduce(
-      (y, x) => (y || 0) + (x || 120),
+      (m, x) => (m || 0) + (x || 120),
       0
-    ) || 0) * 0.75, o = t, m = P(o), i = W(o, { width: a });
+    ) || 0) * 0.75, o = t, y = A(o), i = P(o, { width: a });
     return /* @__PURE__ */ f("table:table", { "table:name": e.id, "table:style-name": i, children: [
-      (r = e.content.rows[0]) == null ? void 0 : r.cells.map((y, x) => {
-        const g = (e.content.columnWidths[x] || 120) * 0.75, c = o.registerStyle((_) => /* @__PURE__ */ n("style:style", { "style:name": _, "style:family": "table-column", children: /* @__PURE__ */ n(
+      (r = e.content.rows[0]) == null ? void 0 : r.cells.map((m, x) => {
+        const u = (e.content.columnWidths[x] || 120) * 0.75, c = o.registerStyle((_) => /* @__PURE__ */ l("style:style", { "style:name": _, "style:family": "table-column", children: /* @__PURE__ */ l(
           "style:table-column-properties",
           {
-            "style:column-width": `${g}pt`
+            "style:column-width": `${u}pt`
           }
         ) }));
-        return /* @__PURE__ */ n("table:table-column", { "table:style-name": c }, x);
+        return /* @__PURE__ */ l("table:table-column", { "table:style-name": c }, x);
       }),
-      e.content.rows.map((y, x) => /* @__PURE__ */ n("table:table-row", { children: y.cells.map((b, g) => {
-        const c = T(b);
-        return /* @__PURE__ */ n(
+      e.content.rows.map((m, x) => /* @__PURE__ */ l("table:table-row", { children: m.cells.map((d, u) => {
+        const c = T(d);
+        return /* @__PURE__ */ l(
           "table:table-cell",
           {
-            "table:style-name": m(c),
+            "table:style-name": y(c),
             "office:value-type": "string",
             "style:text-align-source": "fix",
             "style:paragraph-properties-text-align": c.props.textAlignment,
-            children: /* @__PURE__ */ n("text:p", { "text:style-name": "Standard", children: t.transformInlineContent(c.content) })
+            children: /* @__PURE__ */ l("text:p", { "text:style-name": "Standard", children: t.transformInlineContent(c.content) })
           },
-          `${x}-${g}`
+          `${x}-${u}`
         );
       }) }, x))
     ] });
   },
   codeBlock: (e) => {
-    var l;
-    const t = ((l = e.content[0]) == null ? void 0 : l.text) || "";
+    var n;
+    const t = ((n = e.content[0]) == null ? void 0 : n.text) || "";
     return /* @__PURE__ */ f("text:p", { "text:style-name": "Codeblock", children: [
       ...t.split(`
 `).map((s, a) => /* @__PURE__ */ f(h, { children: [
-        a !== 0 && /* @__PURE__ */ n("text:line-break", {}),
+        a !== 0 && /* @__PURE__ */ l("text:line-break", {}),
         s
       ] }))
     ] });
   },
   file: async (e) => /* @__PURE__ */ f(h, { children: [
-    /* @__PURE__ */ n("text:p", { "style:style-name": "Standard", children: e.props.url ? /* @__PURE__ */ n(
+    /* @__PURE__ */ l("text:p", { "style:style-name": "Standard", children: e.props.url ? /* @__PURE__ */ l(
       "text:a",
       {
         "xlink:type": "simple",
@@ -271,13 +306,13 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {
         "office:target-frame-name": "_top",
         "xlink:show": "replace",
         "xlink:href": e.props.url,
-        children: /* @__PURE__ */ n("text:span", { "text:style-name": "Internet_20_link", children: "Open file" })
+        children: /* @__PURE__ */ l("text:span", { "text:style-name": "Internet_20_link", children: "Open file" })
       }
     ) : "Open file" }),
-    e.props.caption && /* @__PURE__ */ n("text:p", { "text:style-name": "Caption", children: e.props.caption })
+    e.props.caption && /* @__PURE__ */ l("text:p", { "text:style-name": "Caption", children: e.props.caption })
   ] }),
   video: (e) => /* @__PURE__ */ f(h, { children: [
-    /* @__PURE__ */ n("text:p", { "style:style-name": "Standard", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ l("text:p", { "style:style-name": "Standard", children: /* @__PURE__ */ l(
       "text:a",
       {
         "xlink:type": "simple",
@@ -285,13 +320,13 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {
         "office:target-frame-name": "_top",
         "xlink:show": "replace",
         "xlink:href": e.props.url,
-        children: /* @__PURE__ */ n("text:span", { "text:style-name": "Internet_20_link", children: "Open video" })
+        children: /* @__PURE__ */ l("text:span", { "text:style-name": "Internet_20_link", children: "Open video" })
       }
     ) }),
-    e.props.caption && /* @__PURE__ */ n("text:p", { "text:style-name": "Caption", children: e.props.caption })
+    e.props.caption && /* @__PURE__ */ l("text:p", { "text:style-name": "Caption", children: e.props.caption })
   ] }),
   audio: (e) => /* @__PURE__ */ f(h, { children: [
-    /* @__PURE__ */ n("text:p", { "style:style-name": "Standard", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ l("text:p", { "style:style-name": "Standard", children: /* @__PURE__ */ l(
       "text:a",
       {
         "xlink:type": "simple",
@@ -299,15 +334,15 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {
         "office:target-frame-name": "_top",
         "xlink:show": "replace",
         "xlink:href": e.props.url,
-        children: /* @__PURE__ */ n("text:span", { "text:style-name": "Internet_20_link", children: "Open audio" })
+        children: /* @__PURE__ */ l("text:span", { "text:style-name": "Internet_20_link", children: "Open audio" })
       }
     ) }),
-    e.props.caption && /* @__PURE__ */ n("text:p", { "text:style-name": "Caption", children: e.props.caption })
+    e.props.caption && /* @__PURE__ */ l("text:p", { "text:style-name": "Caption", children: e.props.caption })
   ] })
 }, R = {
   link: (e, t) => {
-    const l = e.content.map((s) => t.transformStyledText(s));
-    return /* @__PURE__ */ n(
+    const n = e.content.map((s) => t.transformStyledText(s));
+    return /* @__PURE__ */ l(
       "text:a",
       {
         "xlink:type": "simple",
@@ -315,7 +350,7 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ n("text:tab", {
         "office:target-frame-name": "_top",
         "xlink:show": "replace",
         "xlink:href": e.href,
-        children: l
+        children: n
       }
     );
   },
@@ -341,10 +376,10 @@ async function H(e) {
 }
 async function U(e) {
   if (typeof window < "u") {
-    const t = await createImageBitmap(e), { width: l, height: s } = t;
-    return t.close(), { width: l, height: s };
+    const t = await createImageBitmap(e), { width: n, height: s } = t;
+    return t.close(), { width: n, height: s };
   } else {
-    const t = (await import("image-meta")).imageMeta, l = new Uint8Array(await e.arrayBuffer()), s = t(l);
+    const t = (await import("image-meta")).imageMeta, n = new Uint8Array(await e.arrayBuffer()), s = t(n);
     if (!s.width || !s.height)
       throw new Error("Image dimensions not found");
     return { width: s.width, height: s.height };
@@ -1429,23 +1464,23 @@ const j = `<?xml version="1.0" encoding="UTF-8"?>
     </office:master-styles>
 </office:document-styles>`;
 class K extends M {
-  constructor(l, s, a) {
+  constructor(n, s, a) {
     const o = {
       colors: B
     };
-    super(l, s, { ...o, ...a });
+    super(n, s, { ...o, ...a });
     // "Styles" to be added to the AutomaticStyles section of the ODT file
     // Keyed by the style name
-    u(this, "automaticStyles", /* @__PURE__ */ new Map());
+    b(this, "automaticStyles", /* @__PURE__ */ new Map());
     // "Pictures" to be added to the Pictures folder in the ODT file
     // Keyed by the original image URL
-    u(this, "pictures", /* @__PURE__ */ new Map());
-    u(this, "styleCounter", 0);
-    u(this, "options");
-    this.schema = l, this.options = { ...o, ...a };
+    b(this, "pictures", /* @__PURE__ */ new Map());
+    b(this, "styleCounter", 0);
+    b(this, "options");
+    this.schema = n, this.options = { ...o, ...a };
   }
   async loadFonts() {
-    const l = await H(
+    const n = await H(
       await import("./Inter_18pt-Regular-byxnNS-8.js")
     ), s = await H(
       await import("./GeistMono-Regular-D4rKXxwr.js")
@@ -1454,7 +1489,7 @@ class K extends M {
       {
         name: "Inter 18pt",
         fileName: "Inter_18pt-Regular.ttf",
-        data: new Blob([l], { type: "font/ttf" })
+        data: new Blob([n], { type: "font/ttf" })
       },
       {
         name: "Geist Mono",
@@ -1463,39 +1498,48 @@ class K extends M {
       }
     ];
   }
-  transformStyledText(l) {
-    const s = this.mapStyles(l.styles), a = Object.assign({}, ...s);
+  transformStyledText(n) {
+    const s = this.mapStyles(n.styles), a = Object.assign({}, ...s);
     if (Object.keys(a).length === 0)
-      return l.text;
+      return n.text;
     const o = `BN_T${++this.styleCounter}`;
     return this.automaticStyles.set(
       o,
-      /* @__PURE__ */ n("style:style", { "style:name": o, "style:family": "text", children: /* @__PURE__ */ n("style:text-properties", { ...a }) })
-    ), /* @__PURE__ */ n("text:span", { "text:style-name": o, children: l.text });
+      /* @__PURE__ */ l("style:style", { "style:name": o, "style:family": "text", children: /* @__PURE__ */ l("style:text-properties", { ...a }) })
+    ), /* @__PURE__ */ l("text:span", { "text:style-name": o, children: n.text });
   }
-  async transformBlocks(l, s = 0) {
+  async transformBlocks(n, s = 0) {
     const a = [];
     let o = 0;
-    for (const m of l) {
-      m.type === "numberedListItem" ? o++ : o = 0;
-      const i = await this.transformBlocks(
-        m.children,
-        s + 1
-      ), r = await this.mapBlock(
-        m,
-        s,
-        o
-      );
-      a.push(r), i.length > 0 && a.push(...i);
-    }
+    for (const y of n)
+      if (y.type === "numberedListItem" ? o++ : o = 0, ["columnList", "column"].includes(y.type)) {
+        const i = await this.transformBlocks(y.children, 0), r = await this.mapBlock(
+          y,
+          0,
+          o,
+          i
+        );
+        a.push(r);
+      } else {
+        const i = await this.transformBlocks(
+          y.children,
+          s + 1
+        ), r = await this.mapBlock(
+          y,
+          s,
+          o,
+          i
+        );
+        a.push(r), i.length > 0 && a.push(...i);
+      }
     return a;
   }
-  async toODTDocument(l, s) {
+  async toODTDocument(n, s) {
     const a = (p) => {
       const z = /<([a-zA-Z0-9:]+)\s+?(?:xml)ns(?::[a-zA-Z0-9]+)?=".*"(.*)>/g;
       let w = "";
       return typeof p == "string" ? w = p : w = new XMLSerializer().serializeToString(p), w.replace(z, "<$1$2>");
-    }, o = await this.transformBlocks(l), m = Array.from(this.automaticStyles.values()), i = Array.from(this.pictures.values()), r = await this.loadFonts(), y = a((s == null ? void 0 : s.header) || ""), x = a((s == null ? void 0 : s.footer) || ""), b = /* @__PURE__ */ f(
+    }, o = await this.transformBlocks(n), y = Array.from(this.automaticStyles.values()), i = Array.from(this.pictures.values()), r = await this.loadFonts(), m = a((s == null ? void 0 : s.header) || ""), x = a((s == null ? void 0 : s.footer) || ""), d = /* @__PURE__ */ f(
       "office:document-content",
       {
         "xmlns:office": "urn:oasis:names:tc:opendocument:xmlns:office:1.0",
@@ -1509,41 +1553,41 @@ class K extends M {
         "xmlns:loext": "urn:org:documentfoundation:names:experimental:office:xmlns:loext:1.0",
         "office:version": "1.3",
         children: [
-          /* @__PURE__ */ n("office:font-face-decls", { children: r.map((p) => /* @__PURE__ */ n(
+          /* @__PURE__ */ l("office:font-face-decls", { children: r.map((p) => /* @__PURE__ */ l(
             "style:font-face",
             {
               "style:name": p.name,
               "svg:font-family": p.name,
               "style:font-pitch": "variable",
-              children: /* @__PURE__ */ n("svg:font-face-src", { children: /* @__PURE__ */ n(
+              children: /* @__PURE__ */ l("svg:font-face-src", { children: /* @__PURE__ */ l(
                 "svg:font-face-uri",
                 {
                   "xlink:href": `Fonts/${p.fileName}`,
                   "xlink:type": "simple",
                   "loext:font-style": "normal",
                   "loext:font-weight": "normal",
-                  children: /* @__PURE__ */ n("svg:font-face-format", { "svg:string": "truetype" })
+                  children: /* @__PURE__ */ l("svg:font-face-format", { "svg:string": "truetype" })
                 }
               ) })
             }
           )) }),
-          /* @__PURE__ */ n("office:automatic-styles", { children: m }),
-          (y || x) && /* @__PURE__ */ n("office:master-styles", { children: /* @__PURE__ */ f(
+          /* @__PURE__ */ l("office:automatic-styles", { children: y }),
+          (m || x) && /* @__PURE__ */ l("office:master-styles", { children: /* @__PURE__ */ f(
             "style:master-page",
             {
               "style:name": "Standard",
               "style:page-layout-name": "Mpm1",
               "draw:style-name": "Mdp1",
               children: [
-                y && /* @__PURE__ */ n(
+                m && /* @__PURE__ */ l(
                   "style:header",
                   {
                     dangerouslySetInnerHTML: {
-                      __html: y
+                      __html: m
                     }
                   }
                 ),
-                x && /* @__PURE__ */ n(
+                x && /* @__PURE__ */ l(
                   "style:footer",
                   {
                     dangerouslySetInnerHTML: {
@@ -1554,44 +1598,44 @@ class K extends M {
               ]
             }
           ) }),
-          /* @__PURE__ */ n("office:body", { children: /* @__PURE__ */ n("office:text", { children: o }) })
+          /* @__PURE__ */ l("office:body", { children: /* @__PURE__ */ l("office:text", { children: o }) })
         ]
       }
-    ), g = /* @__PURE__ */ f(
+    ), u = /* @__PURE__ */ f(
       "manifest:manifest",
       {
         "xmlns:manifest": "urn:oasis:names:tc:opendocument:xmlns:manifest:1.0",
         "manifest:version": "1.3",
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ l(
             "manifest:file-entry",
             {
               "manifest:media-type": "application/vnd.oasis.opendocument.text",
               "manifest:full-path": "/"
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ l(
             "manifest:file-entry",
             {
               "manifest:media-type": "text/xml",
               "manifest:full-path": "content.xml"
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ l(
             "manifest:file-entry",
             {
               "manifest:media-type": "text/xml",
               "manifest:full-path": "styles.xml"
             }
           ),
-          i.map((p) => /* @__PURE__ */ n(
+          i.map((p) => /* @__PURE__ */ l(
             "manifest:file-entry",
             {
               "manifest:media-type": p.file.type,
               "manifest:full-path": `Pictures/${p.fileName}`
             }
           )),
-          r.map((p) => /* @__PURE__ */ n(
+          r.map((p) => /* @__PURE__ */ l(
             "manifest:file-entry",
             {
               "manifest:media-type": "application/x-font-ttf",
@@ -1601,7 +1645,7 @@ class K extends M {
         ]
       }
     ), c = new $(
-      new A("application/vnd.oasis.opendocument.text")
+      new W("application/vnd.oasis.opendocument.text")
     );
     c.add(
       "mimetype",
@@ -1613,7 +1657,7 @@ class K extends M {
         extendedTimestamp: !1
       }
     );
-    const _ = C(b), F = C(g);
+    const _ = C(d), F = C(u);
     return c.add("content.xml", new v(_)), c.add("styles.xml", new v(j)), c.add("META-INF/manifest.xml", new v(F)), r.forEach((p) => {
       c.add(`Fonts/${p.fileName}`, new k(p.data));
     }), i.forEach((p) => {
@@ -1623,11 +1667,11 @@ class K extends M {
       );
     }), c.close();
   }
-  registerStyle(l) {
+  registerStyle(n) {
     const s = `BN_S${++this.styleCounter}`;
-    return this.automaticStyles.set(s, l(s)), s;
+    return this.automaticStyles.set(s, n(s)), s;
   }
-  async registerPicture(l) {
+  async registerPicture(n) {
     const s = {
       "image/apng": "apng",
       "image/avif": "avif",
@@ -1640,22 +1684,22 @@ class K extends M {
       "image/tiff": "tiff",
       "image/webp": "webp"
     };
-    if (this.pictures.has(l)) {
-      const y = this.pictures.get(l);
+    if (this.pictures.has(n)) {
+      const m = this.pictures.get(n);
       return {
-        path: `Pictures/${y.fileName}`,
-        mimeType: y.file.type,
-        height: y.height,
-        width: y.width
+        path: `Pictures/${m.fileName}`,
+        mimeType: m.file.type,
+        height: m.height,
+        width: m.width
       };
     }
-    const a = await this.resolveFile(l), o = s[a.type] || "png", m = `picture-${this.pictures.size}.${o}`, { width: i, height: r } = await U(a);
-    return this.pictures.set(l, {
+    const a = await this.resolveFile(n), o = s[a.type] || "png", y = `picture-${this.pictures.size}.${o}`, { width: i, height: r } = await U(a);
+    return this.pictures.set(n, {
       file: a,
-      fileName: m,
+      fileName: y,
       height: r,
       width: i
-    }), { path: `Pictures/${m}`, mimeType: a.type, height: r, width: i };
+    }), { path: `Pictures/${y}`, mimeType: a.type, height: r, width: i };
   }
 }
 export {