jspdf-utils 0.1.12 → 0.1.14

package/dist/html-to-pdf.js

@@ -1,4 +1,4 @@
-import P from "html2canvas";
+import W from "html2canvas";
 const q = {
   a0: [841, 1189],
   a1: [594, 841],
@@ -10,7 +10,7 @@ const q = {
   letter: [215.9, 279.4],
   legal: [215.9, 355.6],
   tabloid: [279.4, 431.8]
-}, $ = {
+}, _ = {
   a0: 40,
   a1: 35,
   a2: 30,
@@ -22,12 +22,12 @@ const q = {
   legal: 25.4,
   tabloid: 25
 };
-function A(t = {}) {
-  const e = t.format ?? "a4", [a, o] = q[e], i = t.pageWidth ?? a, n = t.pageHeight ?? o, s = $[e], r = {
-    top: s,
-    right: s,
-    bottom: s,
-    left: s
+function M(t = {}) {
+  const e = t.format ?? "a4", [a, o] = q[e], i = t.pageWidth ?? a, n = t.pageHeight ?? o, l = _[e], r = {
+    top: l,
+    right: l,
+    bottom: l,
+    left: l
   };
   return {
     unit: t.unit ?? "mm",
@@ -37,11 +37,11 @@ function A(t = {}) {
     margin: { ...r, ...t.margin }
   };
 }
-function B(t, e) {
-  const a = t.offsetWidth, o = e.pageWidth - e.margin.left - e.margin.right, i = o / a, s = (e.pageHeight - e.margin.top - e.margin.bottom) / i;
-  return { renderedWidth: a, scale: i, contentWidthMm: o, pageContentPx: s };
+function E(t, e) {
+  const a = t.offsetWidth, o = e.pageWidth - e.margin.left - e.margin.right, i = o / a, l = (e.pageHeight - e.margin.top - e.margin.bottom) / i;
+  return { renderedWidth: a, scale: i, contentWidthMm: o, pageContentPx: l };
 }
-function E(t, e = 210) {
+function B(t, e = 210) {
   const a = t.cloneNode(!0);
   return Object.assign(a.style, {
     position: "fixed",
@@ -57,7 +57,7 @@ function N() {
   const t = document.createElement("style");
   return t.setAttribute("data-jspdf-utils", ""), t.textContent = "img { display: inline !important; }", document.head.appendChild(t), () => t.remove();
 }
-function T(t) {
+function P(t) {
   for (const e of t.querySelectorAll("table")) {
     const a = e.getAttribute("cellpadding");
     if (a) {
@@ -74,101 +74,101 @@ function R(t, e) {
     if (a.offsetHeight <= e) continue;
     const o = Array.from(a.rows);
     if (o.length === 0) continue;
-    const i = o[0].querySelector("th") !== null, n = i ? o[0] : null, s = i ? o.slice(1) : o, r = n ? n.offsetHeight : 0, l = e - r - 2, h = [];
-    let c = [], g = 0;
-    for (const f of s) {
+    const i = o[0].querySelector("th") !== null, n = i ? o[0] : null, l = i ? o.slice(1) : o, r = n ? n.offsetHeight : 0, c = e - r - 2, g = [];
+    let s = [], h = 0;
+    for (const f of l) {
       const d = f.offsetHeight;
-      g + d > l && c.length > 0 && (h.push(c), c = [], g = 0), c.push(f), g += d;
+      h + d > c && s.length > 0 && (g.push(s), s = [], h = 0), s.push(f), h += d;
     }
-    c.length > 0 && h.push(c);
-    for (const f of h) {
+    s.length > 0 && g.push(s);
+    for (const f of g) {
       const d = a.cloneNode(!1);
       n && d.appendChild(n.cloneNode(!0));
-      for (const m of f) d.appendChild(m.cloneNode(!0));
+      for (const u of f) d.appendChild(u.cloneNode(!0));
       a.parentNode.insertBefore(d, a);
     }
     a.remove();
   }
 }
-function j(t, e) {
+function F(t, e) {
   for (const a of Array.from(t.querySelectorAll(":scope > *"))) {
     const o = a;
     if (o.offsetHeight <= e || o.tagName === "TABLE")
       continue;
-    const i = o.tagName, n = o.getAttribute("style") || "", s = getComputedStyle(o).width, r = (o.textContent || "").split(/\s+/).filter(Boolean), l = document.createElement(i);
-    l.setAttribute("style", n), Object.assign(l.style, {
+    const i = o.tagName, n = o.getAttribute("style") || "", l = getComputedStyle(o).width, r = (o.textContent || "").split(/\s+/).filter(Boolean), c = document.createElement(i);
+    c.setAttribute("style", n), Object.assign(c.style, {
       position: "absolute",
       visibility: "hidden",
-      width: s
-    }), t.appendChild(l);
-    const h = [];
-    let c = 0;
-    for (; c < r.length; ) {
-      let g = c + 1, f = r.length;
-      for (; g < f; ) {
-        const m = Math.ceil((g + f) / 2);
-        l.textContent = r.slice(c, m).join(" "), l.offsetHeight <= e ? g = m : f = m - 1;
+      width: l
+    }), t.appendChild(c);
+    const g = [];
+    let s = 0;
+    for (; s < r.length; ) {
+      let h = s + 1, f = r.length;
+      for (; h < f; ) {
+        const u = Math.ceil((h + f) / 2);
+        c.textContent = r.slice(s, u).join(" "), c.offsetHeight <= e ? h = u : f = u - 1;
       }
       const d = document.createElement(i);
-      d.setAttribute("style", n), d.textContent = r.slice(c, g).join(" "), h.push(d), c = g;
+      d.setAttribute("style", n), d.textContent = r.slice(s, h).join(" "), g.push(d), s = h;
     }
-    l.remove();
-    for (const g of h)
-      o.parentNode.insertBefore(g, o);
+    c.remove();
+    for (const h of g)
+      o.parentNode.insertBefore(h, o);
     o.remove();
   }
 }
 function U(t, e, a) {
   const o = Array.from(t.rows);
   if (o.length === 0) return !1;
-  const i = o[0].querySelector("th") !== null, n = i ? o[0] : null, s = i ? o.slice(1) : o, r = n ? n.offsetHeight : 0;
-  if (s.length < 2) return !1;
-  const l = a - r - 2;
-  if (l <= 0) return !1;
-  let h = 0, c = 0;
-  for (const d of s) {
-    if (c + d.offsetHeight > l) break;
-    c += d.offsetHeight, h++;
+  const i = o[0].querySelector("th") !== null, n = i ? o[0] : null, l = i ? o.slice(1) : o, r = n ? n.offsetHeight : 0;
+  if (l.length < 2) return !1;
+  const c = a - r - 2;
+  if (c <= 0) return !1;
+  let g = 0, s = 0;
+  for (const d of l) {
+    if (s + d.offsetHeight > c) break;
+    s += d.offsetHeight, g++;
   }
-  if (h === 0 || h === s.length) return !1;
-  const g = t.cloneNode(!1);
-  n && g.appendChild(n.cloneNode(!0));
-  for (let d = 0; d < h; d++)
-    g.appendChild(s[d].cloneNode(!0));
+  if (g === 0 || g === l.length) return !1;
+  const h = t.cloneNode(!1);
+  n && h.appendChild(n.cloneNode(!0));
+  for (let d = 0; d < g; d++)
+    h.appendChild(l[d].cloneNode(!0));
   const f = t.cloneNode(!1);
   n && f.appendChild(n.cloneNode(!0));
-  for (let d = h; d < s.length; d++)
-    f.appendChild(s[d].cloneNode(!0));
-  return e.insertBefore(g, t), e.insertBefore(f, t), t.remove(), !0;
+  for (let d = g; d < l.length; d++)
+    f.appendChild(l[d].cloneNode(!0));
+  return e.insertBefore(h, t), e.insertBefore(f, t), t.remove(), !0;
 }
-function _(t, e, a) {
+function J(t, e, a) {
   if (t.tagName === "TABLE" || t.tagName === "IMG") return !1;
   const o = (t.textContent || "").split(/\s+/).filter(Boolean);
   if (o.length < 2) return !1;
-  const i = t.tagName, n = t.getAttribute("style") || "", s = getComputedStyle(t).width, r = document.createElement(i);
+  const i = t.tagName, n = t.getAttribute("style") || "", l = getComputedStyle(t).width, r = document.createElement(i);
   if (r.setAttribute("style", n), Object.assign(r.style, {
     position: "absolute",
     visibility: "hidden",
-    width: s
+    width: l
   }), e.appendChild(r), r.textContent = o[0], r.offsetHeight > a)
     return r.remove(), !1;
-  let l = 1, h = o.length;
-  for (; l < h; ) {
-    const f = Math.ceil((l + h) / 2);
-    r.textContent = o.slice(0, f).join(" "), r.offsetHeight <= a ? l = f : h = f - 1;
+  let c = 1, g = o.length;
+  for (; c < g; ) {
+    const f = Math.ceil((c + g) / 2);
+    r.textContent = o.slice(0, f).join(" "), r.offsetHeight <= a ? c = f : g = f - 1;
   }
-  if (r.remove(), l >= o.length) return !1;
-  const c = document.createElement(i);
-  c.setAttribute("style", n), c.textContent = o.slice(0, l).join(" ");
-  const g = document.createElement(i);
-  return g.setAttribute("style", n), g.textContent = o.slice(l).join(" "), e.insertBefore(c, t), e.insertBefore(g, t), t.remove(), !0;
+  if (r.remove(), c >= o.length) return !1;
+  const s = document.createElement(i);
+  s.setAttribute("style", n), s.textContent = o.slice(0, c).join(" ");
+  const h = document.createElement(i);
+  return h.setAttribute("style", n), h.textContent = o.slice(c).join(" "), e.insertBefore(s, t), e.insertBefore(h, t), t.remove(), !0;
 }
-function O(t, e) {
+function T(t, e) {
   let a = 0;
   for (; a < t.children.length; ) {
-    const o = t.children[a], i = o.offsetTop, n = i + o.offsetHeight, s = (Math.floor(i / e) + 1) * e;
-    if (n > s) {
-      const r = s - i;
+    const o = t.children[a], i = o.offsetTop, n = i + o.offsetHeight, l = (Math.floor(i / e) + 1) * e;
+    if (n > l) {
+      const r = l - i;
       if (o.tagName === "TABLE") {
         if (U(
           o,
@@ -176,21 +176,21 @@ function O(t, e) {
           r
         ))
           continue;
-      } else if (_(o, t, r))
+      } else if (J(o, t, r))
         continue;
       if (o.offsetHeight <= e) {
-        const l = document.createElement("div");
-        l.style.height = s - i + 1 + "px", o.parentNode.insertBefore(l, o), a++;
+        const c = document.createElement("div");
+        c.style.height = l - i + 1 + "px", o.parentNode.insertBefore(c, o), a++;
       }
     }
     a++;
   }
 }
-function J(t, e = {}) {
-  const a = A(e), o = N(), i = E(t, a.pageWidth);
-  T(i);
-  const n = B(i, a);
-  return R(i, n.pageContentPx), j(i, n.pageContentPx), O(i, n.pageContentPx), {
+function Q(t, e = {}) {
+  const a = M(e), o = N(), i = B(t, a.pageWidth);
+  P(i);
+  const n = E(i, a);
+  return R(i, n.pageContentPx), F(i, n.pageContentPx), T(i, n.pageContentPx), {
     clone: i,
     layout: n,
     options: a,
@@ -199,8 +199,8 @@ function J(t, e = {}) {
     }
   };
 }
-async function Y(t, e, a = {}) {
-  const { clone: o, layout: i, options: n, cleanup: s } = J(e, a);
+async function tt(t, e, a = {}) {
+  const { clone: o, layout: i, options: n, cleanup: l } = Q(e, a);
   try {
     await new Promise((r) => {
       t.html(o, {
@@ -216,11 +216,11 @@ async function Y(t, e, a = {}) {
       });
     });
   } finally {
-    s();
+    l();
   }
-  return a.marginContent && await z(t, a.marginContent, a), t;
+  return a.marginContent && await $(t, a.marginContent, a), t;
 }
-function I(t, e) {
+function k(t, e) {
   switch (t) {
     case "top":
       return { x: 0, y: 0, width: e.pageWidth, height: e.margin.top };
@@ -253,7 +253,7 @@ async function L(t, e, a, o) {
     overflow: "hidden"
   }), i.appendChild(t), document.body.appendChild(i);
   try {
-    return await P(i, {
+    return await W(i, {
       scale: o,
       backgroundColor: null
     });
@@ -261,24 +261,24 @@ async function L(t, e, a, o) {
     i.remove();
   }
 }
-const G = ["top", "right", "bottom", "left"];
-async function D(t, e, a) {
+const D = ["top", "right", "bottom", "left"];
+async function G(t, e, a) {
   const o = {};
-  for (const i of G) {
+  for (const i of D) {
     const n = t[i];
     if (n && typeof n != "function") {
-      const s = I(i, e);
+      const l = k(i, e);
       o[i] = await L(
         n.cloneNode(!0),
-        s.width,
-        s.height,
+        l.width,
+        l.height,
         a
       );
     }
   }
   return o;
 }
-function Q(t, e) {
+function Z(t, e) {
   return t == null ? e.margin : typeof t == "number" ? { top: t, right: t, bottom: t, left: t } : {
     top: t.top ?? e.margin.top,
     right: t.right ?? e.margin.right,
@@ -286,184 +286,283 @@ function Q(t, e) {
     left: t.left ?? e.margin.left
   };
 }
-function Z(t, e, a, o, i, n, s) {
+const K = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\uFB50-\uFDFF\uFE70-\uFEFF\u0590-\u05FF]/;
+async function O(t, e, a, o, i, n, l, r, c = !1) {
+  const g = document.createElement("div");
+  Object.assign(g.style, {
+    position: "fixed",
+    left: "-99999px",
+    top: "0",
+    width: `${e}px`,
+    height: `${a}px`,
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    fontSize: `${o}px`,
+    fontFamily: i,
+    fontWeight: n,
+    color: l,
+    display: "flex",
+    alignItems: "center",
+    gap: `${r}px`,
+    direction: c ? "rtl" : "ltr"
+  });
+  const s = document.createElement("span");
+  s.textContent = t, Object.assign(s.style, {
+    position: "absolute",
+    visibility: "hidden",
+    whiteSpace: "nowrap",
+    fontSize: `${o}px`,
+    fontFamily: i,
+    fontWeight: n
+  }), document.body.appendChild(s);
+  const h = s.offsetWidth;
+  s.remove();
+  const f = Math.ceil(e / (h + r)) + 2;
+  for (let d = 0; d < f; d++) {
+    const u = document.createElement("span");
+    u.textContent = t, u.style.flexShrink = "0", g.appendChild(u);
+  }
+  document.body.appendChild(g);
+  try {
+    return await W(g, {
+      scale: 1,
+      backgroundColor: null,
+      width: Math.ceil(e),
+      height: Math.ceil(a)
+    });
+  } finally {
+    g.remove();
+  }
+}
+async function V(t, e, a, o, i, n, l) {
   const {
     text: r,
-    color: l = "#000000",
-    fontSize: h = 2.5,
-    fontFamily: c = "Arial, sans-serif",
-    fontWeight: g = "normal"
-  } = e, f = h * a, d = (e.gap ?? h * 0.5) * a;
-  t.save(), t.fillStyle = l, t.font = `${g} ${f}px ${c}`, t.textBaseline = "middle";
-  const m = t.measureText(r).width, x = m + d, w = f * 0.2, b = (p, u, W) => {
-    for (let y = p; y < u; y += x)
-      if (y + m <= u)
-        W(y, r);
-      else
-        for (let M = r.length - 1; M >= 1; M--) {
-          const H = r.substring(0, M);
-          if (y + t.measureText(H).width <= u) {
-            W(y, H);
-            break;
-          }
-        }
-  }, v = o + w, C = o + n - w;
-  b(v, C, (p, u) => t.fillText(u, p, i)), b(v, C, (p, u) => t.fillText(u, p, i + s)), t.save(), t.translate(o, i + s), t.rotate(-Math.PI / 2), b(w, s - w, (p, u) => t.fillText(u, p, 0)), t.restore(), t.save(), t.translate(o + n, i), t.rotate(Math.PI / 2), b(w, s - w, (p, u) => t.fillText(u, p, 0)), t.restore(), t.restore();
+    color: c = "#000000",
+    fontSize: g = 2.5,
+    fontFamily: s = "Arial, sans-serif",
+    fontWeight: h = "normal"
+  } = e, f = g * a, d = (e.gap ?? g * 0.5) * a, u = f * 0.5, m = Math.ceil(f * 1.5), v = K.test(r);
+  console.log("isRtl", v);
+  const w = Math.round(n - u * 2), y = Math.round(l - u * 2), [b, C] = await Promise.all([
+    O(
+      r,
+      w,
+      m,
+      f,
+      s,
+      h,
+      c,
+      d,
+      v
+    ),
+    O(
+      r,
+      y,
+      m,
+      f,
+      s,
+      h,
+      c,
+      d,
+      v
+    )
+  ]), p = Math.round(m / 2);
+  t.drawImage(
+    b,
+    0,
+    0,
+    w,
+    m,
+    o + u,
+    i - p,
+    w,
+    m
+  ), t.drawImage(
+    b,
+    0,
+    0,
+    w,
+    m,
+    o + u,
+    i + l - p,
+    w,
+    m
+  ), t.save(), t.translate(o, i + l - u), t.rotate(-Math.PI / 2), t.drawImage(
+    C,
+    0,
+    0,
+    y,
+    m,
+    0,
+    -p,
+    y,
+    m
+  ), t.restore(), t.save(), t.translate(o + n, i + u), t.rotate(Math.PI / 2), t.drawImage(
+    C,
+    0,
+    0,
+    y,
+    m,
+    0,
+    -p,
+    y,
+    m
+  ), t.restore();
 }
-function k(t, e) {
-  return Q(t.margin, e);
+function j(t, e) {
+  return Z(t.margin, e);
 }
-async function F(t, e, a, o, i, n, s, r) {
-  for (const l of G) {
-    const h = e[l];
-    if (!h) continue;
-    const c = I(l, o);
-    let g;
-    typeof h == "function" ? g = await L(
-      h(n, s),
-      c.width,
-      c.height,
+async function z(t, e, a, o, i, n, l, r) {
+  for (const c of D) {
+    const g = e[c];
+    if (!g) continue;
+    const s = k(c, o);
+    let h;
+    typeof g == "function" ? h = await L(
+      g(n, l),
+      s.width,
+      s.height,
       r
-    ) : g = a[l], t.drawImage(
-      g,
+    ) : h = a[c], t.drawImage(
+      h,
       0,
       0,
-      g.width,
-      g.height,
-      Math.round(c.x * i),
-      Math.round(c.y * i),
-      Math.round(c.width * i),
-      Math.round(c.height * i)
+      h.width,
+      h.height,
+      Math.round(s.x * i),
+      Math.round(s.y * i),
+      Math.round(s.width * i),
+      Math.round(s.height * i)
     );
   }
   if (e.contentBorder) {
-    const { color: l = "#000000", width: h = 0.3 } = e.contentBorder, c = k(e.contentBorder, o);
-    t.strokeStyle = l, t.lineWidth = h * i, t.strokeRect(
-      Math.round(c.left * i),
-      Math.round(c.top * i),
-      Math.round((o.pageWidth - c.left - c.right) * i),
-      Math.round((o.pageHeight - c.top - c.bottom) * i)
+    const { color: c = "#000000", width: g = 0.3 } = e.contentBorder, s = j(e.contentBorder, o);
+    t.strokeStyle = c, t.lineWidth = g * i, t.strokeRect(
+      Math.round(s.left * i),
+      Math.round(s.top * i),
+      Math.round((o.pageWidth - s.left - s.right) * i),
+      Math.round((o.pageHeight - s.top - s.bottom) * i)
     );
   }
   if (e.textBorder) {
-    const l = k(e.textBorder, o);
-    Z(
+    const c = j(e.textBorder, o);
+    await V(
       t,
       e.textBorder,
       i,
-      Math.round(l.left * i),
-      Math.round(l.top * i),
-      Math.round((o.pageWidth - l.left - l.right) * i),
-      Math.round((o.pageHeight - l.top - l.bottom) * i)
+      Math.round(c.left * i),
+      Math.round(c.top * i),
+      Math.round((o.pageWidth - c.left - c.right) * i),
+      Math.round((o.pageHeight - c.top - c.bottom) * i)
     );
   }
 }
-async function X(t, e = {}) {
-  const { imageFormat: a = "JPEG", imageQuality: o = 1, scale: i = 2 } = e, n = A(e), s = N(), r = E(t, n.pageWidth);
-  r.style.opacity = "1", r.style.left = "-99999px", T(r);
-  const l = B(r, n);
-  R(r, l.pageContentPx), j(r, l.pageContentPx), O(r, l.pageContentPx);
+async function et(t, e = {}) {
+  const { imageFormat: a = "JPEG", imageQuality: o = 1, scale: i = 2 } = e, n = M(e), l = N(), r = B(t, n.pageWidth);
+  r.style.opacity = "1", r.style.left = "-99999px", P(r);
+  const c = E(r, n);
+  R(r, c.pageContentPx), F(r, c.pageContentPx), T(r, c.pageContentPx);
   try {
-    const h = await P(r, {
+    const g = await W(r, {
       scale: i,
       backgroundColor: "#ffffff"
-    }), { jsPDF: c } = await import("jspdf"), g = n.pageWidth - n.margin.left - n.margin.right, f = n.pageHeight - n.margin.top - n.margin.bottom, d = h.width, m = f / g * d, x = Math.ceil(h.height / m), w = n.pageWidth > n.pageHeight ? "l" : "p", b = new c({
-      orientation: w,
+    }), { jsPDF: s } = await import("jspdf"), h = n.pageWidth - n.margin.left - n.margin.right, f = n.pageHeight - n.margin.top - n.margin.bottom, d = g.width, u = f / h * d, m = Math.ceil(g.height / u), v = n.pageWidth > n.pageHeight ? "l" : "p", w = new s({
+      orientation: v,
       unit: "mm",
       format: [n.pageWidth, n.pageHeight]
     });
-    for (let v = 0; v < x; v++) {
-      const C = Math.min(
-        m,
-        h.height - v * m
-      ), p = document.createElement("canvas");
-      p.width = d, p.height = C;
-      const u = p.getContext("2d");
-      if (!u) throw new Error("Could not get canvas context");
-      u.fillStyle = "#ffffff", u.fillRect(0, 0, d, C), u.drawImage(
-        h,
+    for (let y = 0; y < m; y++) {
+      const b = Math.min(
+        u,
+        g.height - y * u
+      ), C = document.createElement("canvas");
+      C.width = d, C.height = b;
+      const p = C.getContext("2d");
+      if (!p) throw new Error("Could not get canvas context");
+      p.fillStyle = "#ffffff", p.fillRect(0, 0, d, b), p.drawImage(
+        g,
         0,
-        v * m,
+        y * u,
         d,
-        C,
+        b,
         0,
         0,
         d,
-        C
+        b
       );
-      const W = p.toDataURL(
+      const A = C.toDataURL(
         `image/${a.toLowerCase()}`,
         o
       );
-      v > 0 && b.addPage([n.pageWidth, n.pageHeight], w);
-      const y = C / d * g;
-      b.addImage(
-        W,
+      y > 0 && w.addPage([n.pageWidth, n.pageHeight], v);
+      const H = b / d * h;
+      w.addImage(
+        A,
         a,
         n.margin.left,
         n.margin.top,
-        g,
-        y,
+        h,
+        H,
         void 0,
         "FAST"
       );
     }
-    return e.marginContent && await z(b, e.marginContent, e), b;
+    return e.marginContent && await $(w, e.marginContent, e), w;
   } finally {
-    r.remove(), s();
+    r.remove(), l();
   }
 }
-async function K(t, e = {}) {
-  const { imageFormat: a = "PNG", imageQuality: o = 1, scale: i = 2 } = e, n = A(e), s = N(), r = E(t, n.pageWidth);
-  r.style.opacity = "1", r.style.left = "-99999px", T(r);
-  const l = B(r, n);
-  R(r, l.pageContentPx), j(r, l.pageContentPx), O(r, l.pageContentPx);
+async function Y(t, e = {}) {
+  const { imageFormat: a = "PNG", imageQuality: o = 1, scale: i = 2 } = e, n = M(e), l = N(), r = B(t, n.pageWidth);
+  r.style.opacity = "1", r.style.left = "-99999px", P(r);
+  const c = E(r, n);
+  R(r, c.pageContentPx), F(r, c.pageContentPx), T(r, c.pageContentPx);
   try {
-    const h = await P(r, {
+    const g = await W(r, {
       scale: i,
       backgroundColor: "#ffffff"
-    }), c = n.pageWidth - n.margin.left - n.margin.right, g = n.pageHeight - n.margin.top - n.margin.bottom, f = h.width, d = g / c * f, m = f / c, x = Math.round(n.pageWidth * m), w = Math.round(n.pageHeight * m), b = Math.round(n.margin.top * m), v = Math.round(n.margin.left * m), C = Math.ceil(h.height / d), p = [], { marginContent: u } = e, W = u ? await D(u, n, i) : {};
-    for (let y = 0; y < C; y++) {
-      const M = Math.min(
+    }), s = n.pageWidth - n.margin.left - n.margin.right, h = n.pageHeight - n.margin.top - n.margin.bottom, f = g.width, d = h / s * f, u = f / s, m = Math.round(n.pageWidth * u), v = Math.round(n.pageHeight * u), w = Math.round(n.margin.top * u), y = Math.round(n.margin.left * u), b = Math.ceil(g.height / d), C = [], { marginContent: p } = e, A = p ? await G(p, n, i) : {};
+    for (let H = 0; H < b; H++) {
+      const I = Math.min(
         d,
-        h.height - y * d
-      ), H = document.createElement("canvas");
-      H.width = x, H.height = w;
-      const S = H.getContext("2d");
-      if (!S) throw new Error("Could not get canvas context");
-      S.fillStyle = "#ffffff", S.fillRect(0, 0, x, w), S.drawImage(
-        h,
+        g.height - H * d
+      ), S = document.createElement("canvas");
+      S.width = m, S.height = v;
+      const x = S.getContext("2d");
+      if (!x) throw new Error("Could not get canvas context");
+      x.fillStyle = "#ffffff", x.fillRect(0, 0, m, v), x.drawImage(
+        g,
         0,
-        y * d,
+        H * d,
         f,
-        M,
-        v,
-        b,
+        I,
+        y,
+        w,
         f,
-        M
-      ), u && await F(
-        S,
-        u,
-        W,
+        I
+      ), p && await z(
+        x,
+        p,
+        A,
         n,
-        m,
-        y + 1,
-        C,
+        u,
+        H + 1,
+        b,
         i
-      ), p.push(
-        H.toDataURL(
+      ), C.push(
+        S.toDataURL(
           `image/${a.toLowerCase()}`,
           o
         )
       );
     }
-    return p;
+    return C;
   } finally {
-    r.remove(), s();
+    r.remove(), l();
   }
 }
-async function tt(t, e, a = {}) {
-  const o = A(a), i = await K(t, a);
+async function nt(t, e, a = {}) {
+  const o = M(a), i = await Y(t, a);
   e.innerHTML = "", Object.assign(e.style, {
     direction: "ltr",
     width: "fit-content",
@@ -473,8 +572,8 @@ async function tt(t, e, a = {}) {
     background: "#e0e0e0"
   });
   for (let n = 0; n < i.length; n++) {
-    const s = document.createElement("img");
-    s.src = i[n], s.alt = `Page ${n + 1}`, Object.assign(s.style, {
+    const l = document.createElement("img");
+    l.src = i[n], l.alt = `Page ${n + 1}`, Object.assign(l.style, {
       width: o.pageWidth + "mm",
       maxWidth: "100%",
       height: "auto",
@@ -483,27 +582,27 @@ async function tt(t, e, a = {}) {
       border: "1px solid #bbb",
       boxShadow: "0 2px 8px rgba(0,0,0,0.2)",
       marginBottom: "16px"
-    }), e.appendChild(s);
+    }), e.appendChild(l);
   }
 }
-async function z(t, e, a = {}) {
-  const o = A(a), i = t.getNumberOfPages(), n = 2, s = n * (96 / 25.4), r = Math.round(o.pageWidth * s), l = Math.round(o.pageHeight * s), h = await D(e, o, n);
-  for (let c = 1; c <= i; c++) {
-    t.setPage(c);
-    const g = document.createElement("canvas");
-    g.width = r, g.height = l;
-    const f = g.getContext("2d");
-    f && (await F(
+async function $(t, e, a = {}) {
+  const o = M(a), i = t.getNumberOfPages(), n = 2, l = n * (96 / 25.4), r = Math.round(o.pageWidth * l), c = Math.round(o.pageHeight * l), g = await G(e, o, n);
+  for (let s = 1; s <= i; s++) {
+    t.setPage(s);
+    const h = document.createElement("canvas");
+    h.width = r, h.height = c;
+    const f = h.getContext("2d");
+    f && (await z(
       f,
       e,
-      h,
+      g,
       o,
+      l,
       s,
-      c,
       i,
       n
     ), t.addImage(
-      g.toDataURL("image/png"),
+      h.toDataURL("image/png"),
       "PNG",
       0,
       0,
@@ -514,18 +613,18 @@ async function z(t, e, a = {}) {
   return t;
 }
 export {
-  $ as PAGE_MARGINS,
+  _ as PAGE_MARGINS,
   q as PAGE_SIZES,
-  z as addMarginContent,
-  B as computeLayout,
-  E as createPrintClone,
-  O as insertPageBreakSpacers,
-  T as normalizeTableAttributes,
-  J as prepare,
-  tt as previewPageImages,
-  Y as renderHTML,
-  X as renderImagePDF,
-  K as renderPageImages,
+  $ as addMarginContent,
+  E as computeLayout,
+  B as createPrintClone,
+  T as insertPageBreakSpacers,
+  P as normalizeTableAttributes,
+  Q as prepare,
+  nt as previewPageImages,
+  tt as renderHTML,
+  et as renderImagePDF,
+  Y as renderPageImages,
   R as splitOversizedTables,
-  j as splitOversizedText
+  F as splitOversizedText
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jspdf-utils",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Utility helpers for jsPDF's doc.html() renderer with automatic page breaking, table splitting, and RTL support",
   "type": "module",
   "main": "dist/html-to-pdf.js",