jspdf-utils 0.1.15 → 0.1.16

package/dist/html-to-pdf.js

@@ -1,5 +1,5 @@
 import A from "html2canvas";
-const U = {
+const z = {
   a0: [841, 1189],
   a1: [594, 841],
   a2: [420, 594],
@@ -10,7 +10,7 @@ const U = {
   letter: [215.9, 279.4],
   legal: [215.9, 355.6],
   tabloid: [279.4, 431.8]
-}, q = {
+}, _ = {
   a0: 40,
   a1: 35,
   a2: 30,
@@ -22,65 +22,102 @@ const U = {
   legal: 25.4,
   tabloid: 25
 };
-function M(t = {}) {
-  const e = t.format ?? "a4", [a, n] = U[e], i = t.pageWidth ?? a, o = t.pageHeight ?? n, s = q[e], r = {
+function W(e = {}) {
+  const n = e.format ?? "a4", [a, t] = z[n], i = e.pageWidth ?? a, o = e.pageHeight ?? t, s = _[n], r = {
     top: s,
     right: s,
     bottom: s,
     left: s
   };
   return {
-    unit: t.unit ?? "mm",
-    format: e,
+    unit: e.unit ?? "mm",
+    format: n,
     pageWidth: i,
     pageHeight: o,
-    margin: { ...r, ...t.margin }
+    margin: { ...r, ...e.margin }
   };
 }
-function N(t, e) {
-  const a = t.offsetWidth, n = e.pageWidth - e.margin.left - e.margin.right, i = n / a, s = (e.pageHeight - e.margin.top - e.margin.bottom) / i;
-  return { renderedWidth: a, scale: i, contentWidthMm: n, pageContentPx: s };
+function R(e, n) {
+  const a = e.offsetWidth, t = n.pageWidth - n.margin.left - n.margin.right, i = t / a, s = (n.pageHeight - n.margin.top - n.margin.bottom) / i;
+  return { renderedWidth: a, scale: i, contentWidthMm: t, pageContentPx: s };
 }
-function P(t, e = 210) {
-  const a = t.cloneNode(!0);
+function P(e, n = 210) {
+  const a = e.cloneNode(!0);
   return Object.assign(a.style, {
     position: "fixed",
     top: "0",
     left: "0",
     boxSizing: "border-box",
-    width: e + "mm",
+    width: n + "mm",
     opacity: "0.000001",
     pointerEvents: "none"
   }), document.body.appendChild(a), a;
 }
-function R() {
-  const t = document.createElement("style");
-  return t.setAttribute("data-jspdf-utils", ""), t.textContent = "img { display: inline !important; }", document.head.appendChild(t), () => t.remove();
+function G(e) {
+  const n = e.getBoundingClientRect();
+  let a = n.bottom;
+  for (const i of e.querySelectorAll("*")) {
+    const o = i.getBoundingClientRect().bottom;
+    o > a && (a = o);
+  }
+  const t = a - n.top;
+  t > e.offsetHeight && (e.style.minHeight = t + "px");
 }
-function F(t) {
-  for (const e of t.querySelectorAll("table")) {
-    const a = e.getAttribute("cellpadding");
+async function J(e) {
+  const n = Array.from(e.querySelectorAll("img"));
+  if (n.length === 0) return;
+  await Promise.all(
+    n.map((t) => {
+      if (!(t.complete && t.naturalWidth > 0))
+        return new Promise((i) => {
+          t.onload = () => i(), t.onerror = () => i();
+        });
+    })
+  );
+  const a = 2;
+  for (const t of n) {
+    if (!t.naturalWidth || !t.naturalHeight || t.src.startsWith("data:image/svg")) continue;
+    const i = t.offsetWidth || t.naturalWidth, o = t.offsetHeight || t.naturalHeight, s = Math.min(i * a, t.naturalWidth), r = Math.min(o * a, t.naturalHeight);
+    if (t.naturalWidth <= s && t.naturalHeight <= r && t.src.startsWith("data:"))
+      continue;
+    const l = document.createElement("canvas");
+    l.width = s, l.height = r;
+    const h = l.getContext("2d");
+    if (h)
+      try {
+        h.drawImage(t, 0, 0, s, r), t.style.width = i + "px", t.style.height = o + "px", t.src = l.toDataURL("image/png");
+      } catch {
+      }
+  }
+}
+function N() {
+  const e = document.createElement("style");
+  return e.setAttribute("data-jspdf-utils", ""), e.textContent = "img { display: inline !important; }", document.head.appendChild(e), () => e.remove();
+}
+function F(e) {
+  for (const n of e.querySelectorAll("table")) {
+    const a = n.getAttribute("cellpadding");
     if (a) {
-      for (const n of e.querySelectorAll("th, td"))
-        n.style.padding || (n.style.padding = a + "px");
-      e.removeAttribute("cellpadding");
+      for (const t of n.querySelectorAll("th, td"))
+        t.style.padding || (t.style.padding = a + "px");
+      n.removeAttribute("cellpadding");
     }
   }
 }
-function O(t, e) {
+function I(e, n) {
   for (const a of Array.from(
-    t.querySelectorAll(":scope > table")
+    e.querySelectorAll(":scope > table")
   )) {
-    if (a.offsetHeight <= e) continue;
-    const n = Array.from(a.rows);
-    if (n.length === 0) continue;
-    const i = n[0].querySelector("th") !== null, o = i ? n[0] : null, s = i ? n.slice(1) : n, r = o ? o.offsetHeight : 0, c = e - r - 2, h = [];
-    let l = [], f = 0;
+    if (a.offsetHeight <= n) continue;
+    const t = Array.from(a.rows);
+    if (t.length === 0) continue;
+    const i = t[0].querySelector("th") !== null, o = i ? t[0] : null, s = i ? t.slice(1) : t, r = o ? o.offsetHeight : 0, l = n - r - 2, h = [];
+    let c = [], f = 0;
     for (const d of s) {
       const g = d.offsetHeight;
-      f + g > c && l.length > 0 && (h.push(l), l = [], f = 0), l.push(d), f += g;
+      f + g > l && c.length > 0 && (h.push(c), c = [], f = 0), c.push(d), f += g;
     }
-    l.length > 0 && h.push(l);
+    c.length > 0 && h.push(c);
     for (const d of h) {
       const g = a.cloneNode(!1);
       o && g.appendChild(o.cloneNode(!0));
@@ -90,120 +127,120 @@ function O(t, e) {
     a.remove();
   }
 }
-function I(t, e) {
-  for (const a of Array.from(t.querySelectorAll(":scope > *"))) {
-    const n = a;
-    if (n.offsetHeight <= e || n.tagName === "TABLE")
+function O(e, n) {
+  for (const a of Array.from(e.querySelectorAll(":scope > *"))) {
+    const t = a;
+    if (t.offsetHeight <= n || t.tagName === "TABLE")
       continue;
-    const i = n.tagName, o = n.getAttribute("style") || "", s = getComputedStyle(n).width, r = (n.textContent || "").split(/\s+/).filter(Boolean), c = document.createElement(i);
-    c.setAttribute("style", o), Object.assign(c.style, {
+    const i = t.tagName, o = t.getAttribute("style") || "", s = getComputedStyle(t).width, r = (t.textContent || "").split(/\s+/).filter(Boolean), l = document.createElement(i);
+    l.setAttribute("style", o), Object.assign(l.style, {
       position: "absolute",
       visibility: "hidden",
       width: s
-    }), t.appendChild(c);
+    }), e.appendChild(l);
     const h = [];
-    let l = 0;
-    for (; l < r.length; ) {
-      let f = l + 1, d = r.length;
+    let c = 0;
+    for (; c < r.length; ) {
+      let f = c + 1, d = r.length;
       for (; f < d; ) {
         const u = Math.ceil((f + d) / 2);
-        c.textContent = r.slice(l, u).join(" "), c.offsetHeight <= e ? f = u : d = u - 1;
+        l.textContent = r.slice(c, u).join(" "), l.offsetHeight <= n ? f = u : d = u - 1;
       }
       const g = document.createElement(i);
-      g.setAttribute("style", o), g.textContent = r.slice(l, f).join(" "), h.push(g), l = f;
+      g.setAttribute("style", o), g.textContent = r.slice(c, f).join(" "), h.push(g), c = f;
     }
-    c.remove();
+    l.remove();
     for (const f of h)
-      n.parentNode.insertBefore(f, n);
-    n.remove();
+      t.parentNode.insertBefore(f, t);
+    t.remove();
   }
 }
-function _(t, e, a) {
-  const n = Array.from(t.rows);
-  if (n.length === 0) return !1;
-  const i = n[0].querySelector("th") !== null, o = i ? n[0] : null, s = i ? n.slice(1) : n, r = o ? o.offsetHeight : 0;
+function Q(e, n, a) {
+  const t = Array.from(e.rows);
+  if (t.length === 0) return !1;
+  const i = t[0].querySelector("th") !== null, o = i ? t[0] : null, s = i ? t.slice(1) : t, r = o ? o.offsetHeight : 0;
   if (s.length < 2) return !1;
-  const c = a - r - 2;
-  if (c <= 0) return !1;
-  let h = 0, l = 0;
+  const l = a - r - 2;
+  if (l <= 0) return !1;
+  let h = 0, c = 0;
   for (const g of s) {
-    if (l + g.offsetHeight > c) break;
-    l += g.offsetHeight, h++;
+    if (c + g.offsetHeight > l) break;
+    c += g.offsetHeight, h++;
   }
   if (h === 0 || h === s.length) return !1;
-  const f = t.cloneNode(!1);
+  const f = e.cloneNode(!1);
   o && f.appendChild(o.cloneNode(!0));
   for (let g = 0; g < h; g++)
     f.appendChild(s[g].cloneNode(!0));
-  const d = t.cloneNode(!1);
+  const d = e.cloneNode(!1);
   o && d.appendChild(o.cloneNode(!0));
   for (let g = h; g < s.length; g++)
     d.appendChild(s[g].cloneNode(!0));
-  return e.insertBefore(f, t), e.insertBefore(d, t), t.remove(), !0;
+  return n.insertBefore(f, e), n.insertBefore(d, e), e.remove(), !0;
 }
-function J(t, e, a) {
-  if (t.tagName === "TABLE" || t.tagName === "IMG") return !1;
-  const n = (t.textContent || "").split(/\s+/).filter(Boolean);
-  if (n.length < 2) return !1;
-  const i = t.tagName, o = t.getAttribute("style") || "", s = getComputedStyle(t).width, r = document.createElement(i);
+function Z(e, n, a) {
+  if (e.tagName === "TABLE" || e.tagName === "IMG") return !1;
+  const t = (e.textContent || "").split(/\s+/).filter(Boolean);
+  if (t.length < 2) return !1;
+  const i = e.tagName, o = e.getAttribute("style") || "", s = getComputedStyle(e).width, r = document.createElement(i);
   if (r.setAttribute("style", o), Object.assign(r.style, {
     position: "absolute",
     visibility: "hidden",
     width: s
-  }), e.appendChild(r), r.textContent = n[0], r.offsetHeight > a)
+  }), n.appendChild(r), r.textContent = t[0], r.offsetHeight > a)
     return r.remove(), !1;
-  let c = 1, h = n.length;
-  for (; c < h; ) {
-    const d = Math.ceil((c + h) / 2);
-    r.textContent = n.slice(0, d).join(" "), r.offsetHeight <= a ? c = d : h = d - 1;
+  let l = 1, h = t.length;
+  for (; l < h; ) {
+    const d = Math.ceil((l + h) / 2);
+    r.textContent = t.slice(0, d).join(" "), r.offsetHeight <= a ? l = d : h = d - 1;
   }
-  if (r.remove(), c >= n.length) return !1;
-  const l = document.createElement(i);
-  l.setAttribute("style", o), l.textContent = n.slice(0, c).join(" ");
+  if (r.remove(), l >= t.length) return !1;
+  const c = document.createElement(i);
+  c.setAttribute("style", o), c.textContent = t.slice(0, l).join(" ");
   const f = document.createElement(i);
-  return f.setAttribute("style", o), f.textContent = n.slice(c).join(" "), e.insertBefore(l, t), e.insertBefore(f, t), t.remove(), !0;
+  return f.setAttribute("style", o), f.textContent = t.slice(l).join(" "), n.insertBefore(c, e), n.insertBefore(f, e), e.remove(), !0;
 }
-function L(t, e) {
+function L(e, n) {
   let a = 0;
-  for (; a < t.children.length; ) {
-    const n = t.children[a], i = n.offsetTop, o = i + n.offsetHeight, s = (Math.floor(i / e) + 1) * e;
+  for (; a < e.children.length; ) {
+    const t = e.children[a], i = t.offsetTop, o = i + t.offsetHeight, s = (Math.floor(i / n) + 1) * n;
     if (o > s) {
       const r = s - i;
-      if (n.tagName === "TABLE") {
-        if (_(
-          n,
+      if (t.tagName === "TABLE") {
+        if (Q(
           t,
+          e,
           r
         ))
           continue;
-      } else if (J(n, t, r))
+      } else if (Z(t, e, r))
         continue;
-      if (n.offsetHeight <= e) {
-        const c = document.createElement("div");
-        c.style.height = s - i + 1 + "px", n.parentNode.insertBefore(c, n), a++;
+      if (t.offsetHeight <= n) {
+        const l = document.createElement("div");
+        l.style.height = s - i + 1 + "px", t.parentNode.insertBefore(l, t), a++;
       }
     }
     a++;
   }
 }
-function Q(t, e = {}) {
-  const a = M(e), n = R(), i = P(t, a.pageWidth);
+function K(e, n = {}) {
+  const a = W(n), t = N(), i = P(e, a.pageWidth);
   F(i);
-  const o = N(i, a);
-  return O(i, o.pageContentPx), I(i, o.pageContentPx), L(i, o.pageContentPx), {
+  const o = R(i, a);
+  return I(i, o.pageContentPx), O(i, o.pageContentPx), L(i, o.pageContentPx), {
     clone: i,
     layout: o,
     options: a,
     cleanup: () => {
-      i.remove(), n();
+      i.remove(), t();
     }
   };
 }
-async function tt(t, e, a = {}) {
-  const { clone: n, layout: i, options: o, cleanup: s } = Q(e, a);
+async function nt(e, n, a = {}) {
+  const { clone: t, layout: i, options: o, cleanup: s } = K(n, a);
   try {
-    await new Promise((r) => {
-      t.html(n, {
+    await J(t), await new Promise((r) => {
+      e.html(t, {
         callback: () => r(),
         width: i.contentWidthMm,
         windowWidth: i.renderedWidth,
@@ -218,43 +255,43 @@ async function tt(t, e, a = {}) {
   } finally {
     s();
   }
-  return a.marginContent && await z(t, a.marginContent, a), t;
+  return a.marginContent && await $(e, a.marginContent, a), e;
 }
-function T(t, e) {
-  switch (t) {
+function T(e, n) {
+  switch (e) {
     case "top":
-      return { x: 0, y: 0, width: e.pageWidth, height: e.margin.top };
+      return { x: 0, y: 0, width: n.pageWidth, height: n.margin.top };
     case "bottom":
       return {
         x: 0,
-        y: e.pageHeight - e.margin.bottom,
-        width: e.pageWidth,
-        height: e.margin.bottom
+        y: n.pageHeight - n.margin.bottom,
+        width: n.pageWidth,
+        height: n.margin.bottom
       };
     case "left":
-      return { x: 0, y: 0, width: e.margin.left, height: e.pageHeight };
+      return { x: 0, y: 0, width: n.margin.left, height: n.pageHeight };
     case "right":
       return {
-        x: e.pageWidth - e.margin.right,
+        x: n.pageWidth - n.margin.right,
         y: 0,
-        width: e.margin.right,
-        height: e.pageHeight
+        width: n.margin.right,
+        height: n.pageHeight
       };
   }
 }
-async function j(t, e, a, n) {
+async function j(e, n, a, t) {
   const i = document.createElement("div");
   Object.assign(i.style, {
     position: "fixed",
     left: "-99999px",
     top: "0",
-    width: e + "mm",
+    width: n + "mm",
     height: a + "mm",
     overflow: "hidden"
-  }), i.appendChild(t), document.body.appendChild(i);
+  }), i.appendChild(e), document.body.appendChild(i);
   try {
     return await A(i, {
-      scale: n,
+      scale: t,
       backgroundColor: null
     });
   } finally {
@@ -262,13 +299,13 @@ async function j(t, e, a, n) {
   }
 }
 const S = ["top", "right", "bottom", "left"];
-async function G(t, e, a) {
-  const n = {};
+async function q(e, n, a) {
+  const t = {};
   for (const i of S) {
-    const o = t[i];
+    const o = e[i];
     if (o && typeof o != "function") {
-      const s = T(i, e);
-      n[i] = await j(
+      const s = T(i, n);
+      t[i] = await j(
         o.cloneNode(!0),
         s.width,
         s.height,
@@ -276,80 +313,80 @@ async function G(t, e, a) {
       );
     }
   }
-  return n;
+  return t;
 }
-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,
-    bottom: t.bottom ?? e.margin.bottom,
-    left: t.left ?? e.margin.left
+function V(e, n) {
+  return e == null ? n.margin : typeof e == "number" ? { top: e, right: e, bottom: e, left: e } : {
+    top: e.top ?? n.margin.top,
+    right: e.right ?? n.margin.right,
+    bottom: e.bottom ?? n.margin.bottom,
+    left: e.left ?? n.margin.left
   };
 }
-const K = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\uFB50-\uFDFF\uFE70-\uFEFF\u0590-\u05FF]/;
-async function D(t, e, a, n, i, o, s, r, c = !1) {
+const Y = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\uFB50-\uFDFF\uFE70-\uFEFF\u0590-\u05FF]/;
+async function D(e, n, a, t, i, o, s, r, l = !1) {
   const h = document.createElement("div");
   Object.assign(h.style, {
     position: "fixed",
     left: "-99999px",
     top: "0",
-    width: `${e}px`,
+    width: `${n}px`,
     height: `${a}px`,
     overflow: "hidden",
     whiteSpace: "nowrap",
-    fontSize: `${n}px`,
+    fontSize: `${t}px`,
     fontFamily: i,
     fontWeight: o,
     color: s,
     display: "flex",
     alignItems: "center",
     gap: `${r}px`,
-    direction: c ? "rtl" : "ltr"
+    direction: l ? "rtl" : "ltr"
   });
-  const l = document.createElement("span");
-  l.textContent = t, Object.assign(l.style, {
+  const c = document.createElement("span");
+  c.textContent = e, Object.assign(c.style, {
     position: "absolute",
     visibility: "hidden",
     whiteSpace: "nowrap",
-    fontSize: `${n}px`,
+    fontSize: `${t}px`,
     fontFamily: i,
     fontWeight: o
-  }), document.body.appendChild(l);
-  const f = l.offsetWidth;
-  l.remove();
-  const d = Math.ceil(e / (f + r)) + 2;
+  }), document.body.appendChild(c);
+  const f = c.offsetWidth;
+  c.remove();
+  const d = Math.ceil(n / (f + r)) + 2;
   for (let g = 0; g < d; g++) {
     const u = document.createElement("span");
-    u.textContent = t, u.style.flexShrink = "0", h.appendChild(u);
+    u.textContent = e, u.style.flexShrink = "0", h.appendChild(u);
   }
   document.body.appendChild(h);
   try {
     return await A(h, {
       scale: 1,
       backgroundColor: null,
-      width: Math.ceil(e),
+      width: Math.ceil(n),
       height: Math.ceil(a)
     });
   } finally {
     h.remove();
   }
 }
-async function $(t, e, a, n, i, o, s) {
+async function U(e, n, a, t, i, o, s) {
   const {
     text: r,
-    color: c = "#000000",
+    color: l = "#000000",
     fontSize: h = 2.5,
-    fontFamily: l = "Arial, sans-serif",
+    fontFamily: c = "Arial, sans-serif",
     fontWeight: f = "normal"
-  } = e, d = h * a, g = (e.gap ?? h * 0.5) * a, u = d * 0.5, m = Math.ceil(d * 1.5), b = K.test(r), p = Math.round(o - u * 2), y = Math.round(s - u * 2), [C, v] = await Promise.all([
+  } = n, d = h * a, g = (n.gap ?? h * 0.5) * a, u = d * 0.5, m = Math.ceil(d * 1.5), b = Y.test(r), p = Math.round(o - u * 2), y = Math.round(s - u * 2), [C, v] = await Promise.all([
     D(
       r,
       p,
       m,
       d,
-      l,
-      f,
       c,
+      f,
+      l,
       g,
       b
     ),
@@ -358,34 +395,34 @@ async function $(t, e, a, n, i, o, s) {
       y,
       m,
       d,
-      l,
-      f,
       c,
+      f,
+      l,
       g,
       b
     )
   ]), w = Math.round(m / 2);
-  t.drawImage(
+  e.drawImage(
     C,
     0,
     0,
     p,
     m,
-    n + u,
+    t + u,
     i - w,
     p,
     m
-  ), t.drawImage(
+  ), e.drawImage(
     C,
     0,
     0,
     p,
     m,
-    n + u,
+    t + u,
     i + s - w,
     p,
     m
-  ), t.save(), t.translate(n, i + s - u), t.rotate(-Math.PI / 2), t.drawImage(
+  ), e.save(), e.translate(t, i + s - u), e.rotate(-Math.PI / 2), e.drawImage(
     v,
     0,
     0,
@@ -395,7 +432,7 @@ async function $(t, e, a, n, i, o, s) {
     -w,
     y,
     m
-  ), t.restore(), t.save(), t.translate(n + o, i + u), t.rotate(Math.PI / 2), t.drawImage(
+  ), e.restore(), e.save(), e.translate(t + o, i + u), e.rotate(Math.PI / 2), e.drawImage(
     v,
     0,
     0,
@@ -405,66 +442,66 @@ async function $(t, e, a, n, i, o, s) {
     -w,
     y,
     m
-  ), t.restore();
+  ), e.restore();
 }
-function B(t, e) {
-  return Z(t.margin, e);
+function B(e, n) {
+  return V(e.margin, n);
 }
-async function V(t, e, a, n, i, o, s, r) {
-  for (const c of S) {
-    const h = e[c];
+async function X(e, n, a, t, i, o, s, r) {
+  for (const l of S) {
+    const h = n[l];
     if (!h) continue;
-    const l = T(c, n);
+    const c = T(l, t);
     let f;
     typeof h == "function" ? f = await j(
       h(o, s),
-      l.width,
-      l.height,
+      c.width,
+      c.height,
       r
-    ) : f = a[c], t.drawImage(
+    ) : f = a[l], e.drawImage(
       f,
       0,
       0,
       f.width,
       f.height,
-      Math.round(l.x * i),
-      Math.round(l.y * i),
-      Math.round(l.width * i),
-      Math.round(l.height * i)
+      Math.round(c.x * i),
+      Math.round(c.y * i),
+      Math.round(c.width * i),
+      Math.round(c.height * i)
     );
   }
-  if (e.contentBorder) {
-    const { color: c = "#000000", width: h = 0.3 } = e.contentBorder, l = B(e.contentBorder, n);
-    t.strokeStyle = c, t.lineWidth = h * i, t.strokeRect(
-      Math.round(l.left * i),
-      Math.round(l.top * i),
-      Math.round((n.pageWidth - l.left - l.right) * i),
-      Math.round((n.pageHeight - l.top - l.bottom) * i)
+  if (n.contentBorder) {
+    const { color: l = "#000000", width: h = 0.3 } = n.contentBorder, c = B(n.contentBorder, t);
+    e.strokeStyle = l, e.lineWidth = h * i, e.strokeRect(
+      Math.round(c.left * i),
+      Math.round(c.top * i),
+      Math.round((t.pageWidth - c.left - c.right) * i),
+      Math.round((t.pageHeight - c.top - c.bottom) * i)
     );
   }
-  if (e.textBorder) {
-    const c = B(e.textBorder, n);
-    await $(
-      t,
-      e.textBorder,
+  if (n.textBorder) {
+    const l = B(n.textBorder, t);
+    await U(
+      e,
+      n.textBorder,
       i,
-      Math.round(c.left * i),
-      Math.round(c.top * i),
-      Math.round((n.pageWidth - c.left - c.right) * i),
-      Math.round((n.pageHeight - c.top - c.bottom) * i)
+      Math.round(l.left * i),
+      Math.round(l.top * i),
+      Math.round((t.pageWidth - l.left - l.right) * i),
+      Math.round((t.pageHeight - l.top - l.bottom) * i)
     );
   }
 }
-async function et(t, e = {}) {
-  const { imageFormat: a = "JPEG", imageQuality: n = 0.7, scale: i = 2 } = e, o = M(e), s = R(), r = P(t, o.pageWidth);
+async function ot(e, n = {}) {
+  const { imageFormat: a = "JPEG", imageQuality: t = 0.7, scale: i = 2 } = n, o = W(n), s = N(), r = P(e, o.pageWidth);
   r.style.opacity = "1", r.style.left = "-99999px", F(r);
-  const c = N(r, o);
-  O(r, c.pageContentPx), I(r, c.pageContentPx), L(r, c.pageContentPx);
+  const l = R(r, o);
+  I(r, l.pageContentPx), O(r, l.pageContentPx), L(r, l.pageContentPx), G(r);
   try {
     const h = await A(r, {
       scale: i,
       backgroundColor: "#ffffff"
-    }), { jsPDF: l } = await import("jspdf"), f = o.pageWidth - o.margin.left - o.margin.right, d = o.pageHeight - o.margin.top - o.margin.bottom, g = h.width, u = d / f * g, m = Math.ceil(h.height / u), b = o.pageWidth > o.pageHeight ? "l" : "p", p = new l({
+    }), { jsPDF: c } = await import("jspdf"), f = o.pageWidth - o.margin.left - o.margin.right, d = o.pageHeight - o.margin.top - o.margin.bottom, g = h.width, u = d / f * g, m = Math.ceil(h.height / u), b = o.pageWidth > o.pageHeight ? "l" : "p", p = new c({
       orientation: b,
       unit: "mm",
       format: [o.pageWidth, o.pageHeight]
@@ -490,67 +527,67 @@ async function et(t, e = {}) {
       );
       const E = v.toDataURL(
         `image/${a.toLowerCase()}`,
-        n
+        t
       );
       y > 0 && p.addPage([o.pageWidth, o.pageHeight], b);
-      const x = C / g * f;
+      const H = C / g * f;
       p.addImage(
         E,
         a,
         o.margin.left,
         o.margin.top,
         f,
-        x,
+        H,
         void 0,
         "SLOW"
       );
     }
-    return e.marginContent && await z(p, e.marginContent, e), p;
+    return n.marginContent && await $(p, n.marginContent, n), p;
   } finally {
     r.remove(), s();
   }
 }
-async function Y(t, e = {}) {
-  const { imageFormat: a = "PNG", imageQuality: n = 0.75, scale: i = 2 } = e, o = M(e), s = R(), r = P(t, o.pageWidth);
+async function tt(e, n = {}) {
+  const { imageFormat: a = "PNG", imageQuality: t = 0.75, scale: i = 2 } = n, o = W(n), s = N(), r = P(e, o.pageWidth);
   r.style.opacity = "1", r.style.left = "-99999px", F(r);
-  const c = N(r, o);
-  O(r, c.pageContentPx), I(r, c.pageContentPx), L(r, c.pageContentPx);
+  const l = R(r, o);
+  I(r, l.pageContentPx), O(r, l.pageContentPx), L(r, l.pageContentPx), G(r);
   try {
     const h = await A(r, {
       scale: i,
       backgroundColor: "#ffffff"
-    }), l = o.pageWidth - o.margin.left - o.margin.right, f = o.pageHeight - o.margin.top - o.margin.bottom, d = h.width, g = f / l * d, u = d / l, m = Math.round(o.pageWidth * u), b = Math.round(o.pageHeight * u), p = Math.round(o.margin.top * u), y = Math.round(o.margin.left * u), C = Math.ceil(h.height / g), v = [], { marginContent: w } = e, E = w ? await G(w, o, i) : {};
-    for (let x = 0; x < C; x++) {
+    }), c = o.pageWidth - o.margin.left - o.margin.right, f = o.pageHeight - o.margin.top - o.margin.bottom, d = h.width, g = f / c * d, u = d / c, m = Math.round(o.pageWidth * u), b = Math.round(o.pageHeight * u), p = Math.round(o.margin.top * u), y = Math.round(o.margin.left * u), C = Math.ceil(h.height / g), v = [], { marginContent: w } = n, E = w ? await q(w, o, i) : {};
+    for (let H = 0; H < C; H++) {
       const k = Math.min(
         g,
-        h.height - x * g
-      ), W = document.createElement("canvas");
-      W.width = m, W.height = b;
-      const H = W.getContext("2d");
-      if (!H) throw new Error("Could not get canvas context");
-      H.fillStyle = "#ffffff", H.fillRect(0, 0, m, b), H.drawImage(
+        h.height - H * g
+      ), M = document.createElement("canvas");
+      M.width = m, M.height = b;
+      const x = M.getContext("2d");
+      if (!x) throw new Error("Could not get canvas context");
+      x.fillStyle = "#ffffff", x.fillRect(0, 0, m, b), x.drawImage(
         h,
         0,
-        x * g,
+        H * g,
         d,
         k,
         y,
         p,
         d,
         k
-      ), w && await V(
-        H,
+      ), w && await X(
+        x,
         w,
         E,
         o,
         u,
-        x + 1,
+        H + 1,
         C,
         i
       ), v.push(
-        W.toDataURL(
+        M.toDataURL(
           `image/${a.toLowerCase()}`,
-          n
+          t
         )
       );
     }
@@ -559,12 +596,12 @@ async function Y(t, e = {}) {
     r.remove(), s();
   }
 }
-async function nt(t, e, a = {}) {
-  const n = M(a), i = await Y(t, a);
-  e.innerHTML = "", Object.assign(e.style, {
+async function it(e, n, a = {}) {
+  const t = W(a), i = await tt(e, a);
+  n.innerHTML = "", Object.assign(n.style, {
     direction: "ltr",
     width: "fit-content",
-    height: n.pageHeight + "mm",
+    height: t.pageHeight + "mm",
     maxHeight: "100vh",
     overflowY: "auto",
     background: "#e0e0e0"
@@ -572,7 +609,7 @@ async function nt(t, e, a = {}) {
   for (let o = 0; o < i.length; o++) {
     const s = document.createElement("img");
     s.src = i[o], s.alt = `Page ${o + 1}`, Object.assign(s.style, {
-      width: n.pageWidth + "mm",
+      width: t.pageWidth + "mm",
       maxWidth: "100%",
       height: "auto",
       boxSizing: "border-box",
@@ -580,44 +617,44 @@ async function nt(t, e, a = {}) {
       border: "1px solid #bbb",
       boxShadow: "0 2px 8px rgba(0,0,0,0.2)",
       marginBottom: "16px"
-    }), e.appendChild(s);
+    }), n.appendChild(s);
   }
 }
-async function z(t, e, a = {}) {
-  const n = M(a), i = t.getNumberOfPages(), o = 2, s = o * (96 / 25.4), r = Math.round(n.pageWidth * s), c = Math.round(n.pageHeight * s), h = await G(e, n, o), l = {};
+async function $(e, n, a = {}) {
+  const t = W(a), i = e.getNumberOfPages(), o = 2, s = o * (96 / 25.4), r = Math.round(t.pageWidth * s), l = Math.round(t.pageHeight * s), h = await q(n, t, o), c = {};
   for (const d of S)
-    h[d] && (l[d] = h[d].toDataURL("image/png"));
+    h[d] && (c[d] = h[d].toDataURL("image/png"));
   let f;
-  if (e.textBorder) {
+  if (n.textBorder) {
     const d = document.createElement("canvas");
-    d.width = r, d.height = c;
+    d.width = r, d.height = l;
     const g = d.getContext("2d");
     if (g) {
-      const u = B(e.textBorder, n);
-      await $(
+      const u = B(n.textBorder, t);
+      await U(
         g,
-        e.textBorder,
+        n.textBorder,
         s,
         Math.round(u.left * s),
         Math.round(u.top * s),
-        Math.round((n.pageWidth - u.left - u.right) * s),
-        Math.round((n.pageHeight - u.top - u.bottom) * s)
+        Math.round((t.pageWidth - u.left - u.right) * s),
+        Math.round((t.pageHeight - u.top - u.bottom) * s)
       ), f = d.toDataURL("image/png");
     }
   }
   for (let d = 1; d <= i; d++) {
-    t.setPage(d);
+    e.setPage(d);
     for (const g of S) {
-      const u = e[g];
+      const u = n[g];
       if (!u) continue;
-      const m = T(g, n);
+      const m = T(g, t);
       let b, p;
       typeof u == "function" ? b = (await j(
         u(d, i),
         m.width,
         m.height,
         o
-      )).toDataURL("image/png") : (b = l[g], p = `margin-${g}`), t.addImage(
+      )).toDataURL("image/png") : (b = c[g], p = `margin-${g}`), e.addImage(
         b,
         "PNG",
         m.x,
@@ -628,41 +665,41 @@ async function z(t, e, a = {}) {
         "SLOW"
       );
     }
-    if (e.contentBorder) {
-      const { color: g = "#000000", width: u = 0.3 } = e.contentBorder, m = B(e.contentBorder, n);
-      t.setDrawColor(g), t.setLineWidth(u), t.rect(
+    if (n.contentBorder) {
+      const { color: g = "#000000", width: u = 0.3 } = n.contentBorder, m = B(n.contentBorder, t);
+      e.setDrawColor(g), e.setLineWidth(u), e.rect(
         m.left,
         m.top,
-        n.pageWidth - m.left - m.right,
-        n.pageHeight - m.top - m.bottom
+        t.pageWidth - m.left - m.right,
+        t.pageHeight - m.top - m.bottom
       );
     }
-    f && t.addImage(
+    f && e.addImage(
       f,
       "PNG",
       0,
       0,
-      n.pageWidth,
-      n.pageHeight,
+      t.pageWidth,
+      t.pageHeight,
       "text-border",
       "SLOW"
     );
   }
-  return t;
+  return e;
 }
 export {
-  q as PAGE_MARGINS,
-  U as PAGE_SIZES,
-  z as addMarginContent,
-  N as computeLayout,
+  _ as PAGE_MARGINS,
+  z as PAGE_SIZES,
+  $ as addMarginContent,
+  R as computeLayout,
   P as createPrintClone,
   L as insertPageBreakSpacers,
   F as normalizeTableAttributes,
-  Q as prepare,
-  nt as previewPageImages,
-  tt as renderHTML,
-  et as renderImagePDF,
-  Y as renderPageImages,
-  O as splitOversizedTables,
-  I as splitOversizedText
+  K as prepare,
+  it as previewPageImages,
+  nt as renderHTML,
+  ot as renderImagePDF,
+  tt as renderPageImages,
+  I as splitOversizedTables,
+  O as splitOversizedText
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jspdf-utils",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "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",