jspdf-utils 0.1.19 → 0.1.21

package/dist/html-to-pdf.js

@@ -37,11 +37,11 @@ function S(e = {}) {
     margin: { ...r, ...e.margin }
   };
 }
-function R(e, n) {
+function N(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 N(e, n = 210) {
+function F(e, n = 210) {
   const a = e.cloneNode(!0);
   return Object.assign(a.style, {
     position: "fixed",
@@ -68,7 +68,7 @@ async function q(e) {
   await Q(e);
   const n = e.getBoundingClientRect();
   let a = n.bottom;
-  for (const i of e.querySelectorAll("*")) {
+  for (const i of Array.from(e.querySelectorAll("*"))) {
     const o = i.getBoundingClientRect().bottom;
     o > a && (a = o);
   }
@@ -94,23 +94,23 @@ async function Z(e) {
       continue;
     const l = document.createElement("canvas");
     l.width = s, l.height = r;
-    const h = l.getContext("2d");
-    if (h)
+    const g = l.getContext("2d");
+    if (g)
       try {
-        h.drawImage(t, 0, 0, s, r), t.style.width = i + "px", t.style.height = o + "px", t.src = l.toDataURL("image/png");
+        g.drawImage(t, 0, 0, s, r), t.style.width = i + "px", t.style.height = o + "px", t.src = l.toDataURL("image/png");
       } catch {
       }
   }
 }
-function F() {
+function E() {
   const e = document.createElement("style");
   return e.setAttribute("data-jspdf-utils", ""), e.textContent = "img { display: inline !important; }", document.head.appendChild(e), () => e.remove();
 }
 function I(e) {
-  for (const n of e.querySelectorAll("table")) {
+  for (const n of Array.from(e.querySelectorAll("table"))) {
     const a = n.getAttribute("cellpadding");
     if (a) {
-      for (const t of n.querySelectorAll("th, td"))
+      for (const t of Array.from(n.querySelectorAll("th, td")))
         t.style.padding || (t.style.padding = a + "px");
       n.removeAttribute("cellpadding");
     }
@@ -123,18 +123,18 @@ function L(e, n) {
     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 = [], u = 0;
-    for (const d of s) {
-      const g = d.offsetHeight;
-      u + g > l && c.length > 0 && (h.push(c), c = [], u = 0), c.push(d), u += g;
+    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, g = [];
+    let h = [], d = 0;
+    for (const u of s) {
+      const c = u.offsetHeight;
+      d + c > l && h.length > 0 && (g.push(h), h = [], d = 0), h.push(u), d += c;
     }
-    c.length > 0 && h.push(c);
-    for (const d of h) {
-      const g = a.cloneNode(!1);
-      o && g.appendChild(o.cloneNode(!0));
-      for (const f of d) g.appendChild(f.cloneNode(!0));
-      a.parentNode.insertBefore(g, a);
+    h.length > 0 && g.push(h);
+    for (const u of g) {
+      const c = a.cloneNode(!1);
+      o && c.appendChild(o.cloneNode(!0));
+      for (const f of u) c.appendChild(f.cloneNode(!0));
+      a.parentNode.insertBefore(c, a);
     }
     a.remove();
   }
@@ -150,20 +150,20 @@ function O(e, n) {
       visibility: "hidden",
       width: s
     }), e.appendChild(l);
-    const h = [];
-    let c = 0;
-    for (; c < r.length; ) {
-      let u = c + 1, d = r.length;
-      for (; u < d; ) {
-        const f = Math.ceil((u + d) / 2);
-        l.textContent = r.slice(c, f).join(" "), l.offsetHeight <= n ? u = f : d = f - 1;
+    const g = [];
+    let h = 0;
+    for (; h < r.length; ) {
+      let d = h + 1, u = r.length;
+      for (; d < u; ) {
+        const f = Math.ceil((d + u) / 2);
+        l.textContent = r.slice(h, f).join(" "), l.offsetHeight <= n ? d = f : u = f - 1;
       }
-      const g = document.createElement(i);
-      g.setAttribute("style", o), g.textContent = r.slice(c, u).join(" "), h.push(g), c = u;
+      const c = document.createElement(i);
+      c.setAttribute("style", o), c.textContent = r.slice(h, d).join(" "), g.push(c), h = d;
     }
     l.remove();
-    for (const u of h)
-      t.parentNode.insertBefore(u, t);
+    for (const d of g)
+      t.parentNode.insertBefore(d, t);
     t.remove();
   }
 }
@@ -174,21 +174,21 @@ function K(e, n, a) {
   if (s.length < 2) return !1;
   const l = a - r - 2;
   if (l <= 0) return !1;
-  let h = 0, c = 0;
-  for (const g of s) {
-    if (c + g.offsetHeight > l) break;
-    c += g.offsetHeight, h++;
+  let g = 0, h = 0;
+  for (const c of s) {
+    if (h + c.offsetHeight > l) break;
+    h += c.offsetHeight, g++;
   }
-  if (h === 0 || h === s.length) return !1;
-  const u = e.cloneNode(!1);
-  o && u.appendChild(o.cloneNode(!0));
-  for (let g = 0; g < h; g++)
-    u.appendChild(s[g].cloneNode(!0));
+  if (g === 0 || g === s.length) return !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 n.insertBefore(u, e), n.insertBefore(d, e), e.remove(), !0;
+  for (let c = 0; c < g; c++)
+    d.appendChild(s[c].cloneNode(!0));
+  const u = e.cloneNode(!1);
+  o && u.appendChild(o.cloneNode(!0));
+  for (let c = g; c < s.length; c++)
+    u.appendChild(s[c].cloneNode(!0));
+  return n.insertBefore(d, e), n.insertBefore(u, e), e.remove(), !0;
 }
 function V(e, n, a) {
   if (e.tagName === "TABLE" || e.tagName === "IMG") return !1;
@@ -201,16 +201,16 @@ function V(e, n, a) {
     width: s
   }), n.appendChild(r), r.textContent = t[0], r.offsetHeight > a)
     return r.remove(), !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;
+  let l = 1, g = t.length;
+  for (; l < g; ) {
+    const u = Math.ceil((l + g) / 2);
+    r.textContent = t.slice(0, u).join(" "), r.offsetHeight <= a ? l = u : g = u - 1;
   }
   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 u = document.createElement(i);
-  return u.setAttribute("style", o), u.textContent = t.slice(l).join(" "), n.insertBefore(c, e), n.insertBefore(u, e), e.remove(), !0;
+  const h = document.createElement(i);
+  h.setAttribute("style", o), h.textContent = t.slice(0, l).join(" ");
+  const d = document.createElement(i);
+  return d.setAttribute("style", o), d.textContent = t.slice(l).join(" "), n.insertBefore(h, e), n.insertBefore(d, e), e.remove(), !0;
 }
 function T(e, n) {
   let a = 0;
@@ -236,9 +236,9 @@ function T(e, n) {
   }
 }
 function Y(e, n = {}) {
-  const a = S(n), t = F(), i = N(e, a.pageWidth);
+  const a = S(n), t = E(), i = F(e, a.pageWidth);
   I(i);
-  const o = R(i, a);
+  const o = N(i, a);
   return L(i, o.pageContentPx), O(i, o.pageContentPx), T(i, o.pageContentPx), {
     clone: i,
     layout: o,
@@ -291,7 +291,7 @@ function j(e, n) {
       };
   }
 }
-async function k(e, n, a, t) {
+async function D(e, n, a, t) {
   const i = document.createElement("div");
   Object.assign(i.style, {
     position: "fixed",
@@ -317,7 +317,7 @@ async function G(e, n, a) {
     const o = e[i];
     if (o && typeof o != "function") {
       const s = j(i, n);
-      t[i] = await k(
+      t[i] = await D(
         o.cloneNode(!0),
         s.width,
         s.height,
@@ -336,9 +336,9 @@ function X(e, n) {
   };
 }
 const tt = /[\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, {
+async function k(e, n, a, t, i, o, s, r, l = !1) {
+  const g = document.createElement("div");
+  Object.assign(g.style, {
     position: "fixed",
     left: "-99999px",
     top: "0",
@@ -355,104 +355,104 @@ async function D(e, n, a, t, i, o, s, r, l = !1) {
     gap: `${r}px`,
     direction: l ? "rtl" : "ltr"
   });
-  const c = document.createElement("span");
-  c.textContent = e, Object.assign(c.style, {
+  const h = document.createElement("span");
+  h.textContent = e, Object.assign(h.style, {
     position: "absolute",
     visibility: "hidden",
     whiteSpace: "nowrap",
     fontSize: `${t}px`,
     fontFamily: i,
     fontWeight: o
-  }), document.body.appendChild(c);
-  const u = c.offsetWidth;
-  c.remove();
-  const d = Math.ceil(n / (u + r)) + 2;
-  for (let g = 0; g < d; g++) {
+  }), document.body.appendChild(h);
+  const d = h.offsetWidth;
+  h.remove();
+  const u = Math.ceil(n / (d + r)) + 2;
+  for (let c = 0; c < u; c++) {
     const f = document.createElement("span");
-    f.textContent = e, f.style.flexShrink = "0", h.appendChild(f);
+    f.textContent = e, f.style.flexShrink = "0", g.appendChild(f);
   }
-  document.body.appendChild(h);
+  document.body.appendChild(g);
   try {
-    return await P(h, {
+    return await P(g, {
       scale: 3,
       backgroundColor: null,
       width: Math.ceil(n),
       height: Math.ceil(a)
     });
   } finally {
-    h.remove();
+    g.remove();
   }
 }
 async function U(e, n, a, t, i, o, s) {
   const {
     text: r,
     color: l = "#000000",
-    fontSize: h = 2.5,
-    fontFamily: c = "Arial, sans-serif",
-    fontWeight: u = "normal"
-  } = n, d = h * a, g = (n.gap ?? h * 0.5) * a, f = d * 0.5, m = Math.ceil(d * 2.5), y = tt.test(r), p = Math.round(o - f * 2), C = Math.round(s - f * 2), [w, b] = await Promise.all([
-    D(
+    fontSize: g = 2.5,
+    fontFamily: h = "Arial, sans-serif",
+    fontWeight: d = "normal"
+  } = n, u = g * a, c = (n.gap ?? g * 0.5) * a, f = u * 0.5, m = Math.ceil(u * 2.5), p = tt.test(r), y = Math.round(o - f * 2), w = Math.round(s - f * 2), [b, C] = await Promise.all([
+    k(
       r,
-      p,
+      y,
       m,
-      d,
-      c,
       u,
+      h,
+      d,
       l,
-      g,
-      y
+      c,
+      p
     ),
-    D(
+    k(
       r,
-      C,
+      w,
       m,
-      d,
-      c,
       u,
+      h,
+      d,
       l,
-      g,
-      y
+      c,
+      p
     )
   ]), x = Math.round(m / 2);
   e.drawImage(
-    w,
+    b,
     0,
     0,
-    w.width,
-    w.height,
+    b.width,
+    b.height,
     t + f,
     i - x,
-    p,
+    y,
     m
   ), e.drawImage(
-    w,
+    b,
     0,
     0,
-    w.width,
-    w.height,
+    b.width,
+    b.height,
     t + f,
     i + s - x,
-    p,
+    y,
     m
   ), e.save(), e.translate(t, i + s - f), e.rotate(-Math.PI / 2), e.drawImage(
-    b,
+    C,
     0,
     0,
-    b.width,
-    b.height,
+    C.width,
+    C.height,
     0,
     -x,
-    C,
+    w,
     m
   ), e.restore(), e.save(), e.translate(t + o, i + f), e.rotate(Math.PI / 2), e.drawImage(
-    b,
+    C,
     0,
     0,
-    b.width,
-    b.height,
+    C.width,
+    C.height,
     0,
     -x,
-    C,
+    w,
     m
   ), e.restore();
 }
@@ -461,34 +461,34 @@ function B(e, n) {
 }
 async function et(e, n, a, t, i, o, s, r) {
   for (const l of A) {
-    const h = n[l];
-    if (!h) continue;
-    const c = j(l, t);
-    let u;
-    typeof h == "function" ? u = await k(
-      h(o, s),
-      c.width,
-      c.height,
+    const g = n[l];
+    if (!g) continue;
+    const h = j(l, t);
+    let d;
+    typeof g == "function" ? d = await D(
+      g(o, s),
+      h.width,
+      h.height,
       r
-    ) : u = a[l], e.drawImage(
-      u,
+    ) : d = a[l], e.drawImage(
+      d,
       0,
       0,
-      u.width,
-      u.height,
-      Math.round(c.x * i),
-      Math.round(c.y * i),
-      Math.round(c.width * i),
-      Math.round(c.height * i)
+      d.width,
+      d.height,
+      Math.round(h.x * i),
+      Math.round(h.y * i),
+      Math.round(h.width * i),
+      Math.round(h.height * 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)
+    const { color: l = "#000000", width: g = 0.3 } = n.contentBorder, h = B(n.contentBorder, t);
+    e.strokeStyle = l, e.lineWidth = g * i, e.strokeRect(
+      Math.round(h.left * i),
+      Math.round(h.top * i),
+      Math.round((t.pageWidth - h.left - h.right) * i),
+      Math.round((t.pageHeight - h.top - h.bottom) * i)
     );
   }
   if (n.textBorder) {
@@ -505,43 +505,43 @@ async function et(e, n, a, t, i, o, s, r) {
   }
 }
 async function at(e, n = {}) {
-  const { imageFormat: a = "JPEG", imageQuality: t = 0.7, scale: i = 2 } = n, o = S(n), s = F(), r = N(e, o.pageWidth);
+  const { imageFormat: a = "JPEG", imageQuality: t = 0.7, scale: i = 2 } = n, o = S(n), s = E(), r = F(e, o.pageWidth);
   r.style.opacity = "1", r.style.left = "-99999px", I(r);
-  const l = R(r, o);
+  const l = N(r, o);
   L(r, l.pageContentPx), O(r, l.pageContentPx), T(r, l.pageContentPx), await q(r);
   try {
-    const h = await P(r, {
+    const g = await P(r, {
       scale: i,
       backgroundColor: "#ffffff"
-    }), { jsPDF: c } = await import("jspdf"), u = o.pageWidth - o.margin.left - o.margin.right, d = o.pageHeight - o.margin.top - o.margin.bottom, g = h.width, f = d / u * g, m = Math.ceil(h.height / f), y = o.pageWidth > o.pageHeight ? "l" : "p", p = new c({
-      orientation: y,
+    }), { jsPDF: h } = await import("jspdf"), d = o.pageWidth - o.margin.left - o.margin.right, u = o.pageHeight - o.margin.top - o.margin.bottom, c = g.width, f = u / d * c, m = Math.ceil(g.height / f), p = o.pageWidth > o.pageHeight ? "l" : "p", y = new h({
+      orientation: p,
       unit: "mm",
       format: [o.pageWidth, o.pageHeight]
-    }), C = g / u, w = Math.round(o.pageWidth * C), b = Math.round(o.pageHeight * C), x = Math.round(o.margin.top * C), E = Math.round(o.margin.left * C);
+    }), w = c / d, b = Math.round(o.pageWidth * w), C = Math.round(o.pageHeight * w), x = Math.round(o.margin.top * w), R = Math.round(o.margin.left * w);
     for (let H = 0; H < m; H++) {
       const M = Math.min(
         f,
-        h.height - H * f
+        g.height - H * f
       ), W = document.createElement("canvas");
-      W.width = w, W.height = b;
+      W.width = b, W.height = C;
       const v = W.getContext("2d");
       if (!v) throw new Error("Could not get canvas context");
-      v.fillStyle = "#ffffff", v.fillRect(0, 0, w, b), v.drawImage(
-        h,
+      v.fillStyle = "#ffffff", v.fillRect(0, 0, b, C), v.drawImage(
+        g,
         0,
         H * f,
-        g,
+        c,
         M,
-        E,
+        R,
         x,
-        g,
+        c,
         M
       );
       const z = W.toDataURL(
         `image/${a.toLowerCase()}`,
         t
       );
-      H > 0 && p.addPage([o.pageWidth, o.pageHeight], y), p.addImage(
+      H > 0 && y.addPage([o.pageWidth, o.pageHeight], p), y.addImage(
         z,
         a,
         0,
@@ -552,56 +552,56 @@ async function at(e, n = {}) {
         "SLOW"
       );
     }
-    return n.marginContent && await $(p, n.marginContent, n), p;
+    return n.marginContent && await $(y, n.marginContent, n), y;
   } finally {
     r.remove(), s();
   }
 }
 async function nt(e, n = {}) {
-  const { imageFormat: a = "PNG", imageQuality: t = 0.75, scale: i = 2 } = n, o = S(n), s = F(), r = N(e, o.pageWidth);
+  const { imageFormat: a = "PNG", imageQuality: t = 0.75, scale: i = 2 } = n, o = S(n), s = E(), r = F(e, o.pageWidth);
   r.style.opacity = "1", r.style.left = "-99999px", I(r);
-  const l = R(r, o);
+  const l = N(r, o);
   L(r, l.pageContentPx), O(r, l.pageContentPx), T(r, l.pageContentPx), await q(r);
   try {
-    const h = await P(r, {
+    const g = await P(r, {
       scale: i,
       backgroundColor: "#ffffff"
-    }), c = o.pageWidth - o.margin.left - o.margin.right, u = o.pageHeight - o.margin.top - o.margin.bottom, d = h.width, g = u / c * d, f = d / c, m = Math.round(o.pageWidth * f), y = Math.round(o.pageHeight * f), p = Math.round(o.margin.top * f), C = Math.round(o.margin.left * f), w = Math.ceil(h.height / g), b = [], { marginContent: x } = n, E = x ? await G(x, o, i) : {};
-    for (let H = 0; H < w; H++) {
+    }), h = o.pageWidth - o.margin.left - o.margin.right, d = o.pageHeight - o.margin.top - o.margin.bottom, u = g.width, c = d / h * u, f = u / h, m = Math.round(o.pageWidth * f), p = Math.round(o.pageHeight * f), y = Math.round(o.margin.top * f), w = Math.round(o.margin.left * f), b = Math.ceil(g.height / c), C = [], { marginContent: x } = n, R = x ? await G(x, o, i) : {};
+    for (let H = 0; H < b; H++) {
       const M = Math.min(
-        g,
-        h.height - H * g
+        c,
+        g.height - H * c
       ), W = document.createElement("canvas");
-      W.width = m, W.height = y;
+      W.width = m, W.height = p;
       const v = W.getContext("2d");
       if (!v) throw new Error("Could not get canvas context");
-      v.fillStyle = "#ffffff", v.fillRect(0, 0, m, y), v.drawImage(
-        h,
+      v.fillStyle = "#ffffff", v.fillRect(0, 0, m, p), v.drawImage(
+        g,
         0,
-        H * g,
-        d,
+        H * c,
+        u,
         M,
-        C,
-        p,
-        d,
+        w,
+        y,
+        u,
         M
       ), x && await et(
         v,
         x,
-        E,
+        R,
         o,
         f,
         H + 1,
-        w,
+        b,
         i
-      ), b.push(
+      ), C.push(
         W.toDataURL(
           `image/${a.toLowerCase()}`,
           t
         )
       );
     }
-    return b;
+    return C;
   } finally {
     r.remove(), s();
   }
@@ -623,65 +623,64 @@ async function rt(e, n, a = {}) {
       maxWidth: "100%",
       height: "auto",
       boxSizing: "border-box",
-      display: "block",
       border: "1px solid #bbb",
       boxShadow: "0 2px 8px rgba(0,0,0,0.2)",
       marginBottom: "16px"
-    }), n.appendChild(s);
+    }), s.style.setProperty("display", "inline", "important"), n.appendChild(s);
   }
 }
 async function $(e, n, a = {}) {
-  const t = S(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 G(n, t, o), c = {};
-  for (const d of A)
-    h[d] && (c[d] = h[d].toDataURL("image/png"));
+  const t = S(a), i = e.getNumberOfPages(), o = 4, s = o * (96 / 25.4), r = E(), l = Math.round(t.pageWidth * s), g = Math.round(t.pageHeight * s), h = await G(n, t, o), d = {};
+  for (const c of A)
+    h[c] && (d[c] = h[c].toDataURL("image/png"));
   let u;
   if (n.textBorder) {
-    const d = document.createElement("canvas");
-    d.width = r, d.height = l;
-    const g = d.getContext("2d");
-    if (g) {
-      const f = B(n.textBorder, t);
+    const c = document.createElement("canvas");
+    c.width = l, c.height = g;
+    const f = c.getContext("2d");
+    if (f) {
+      const m = B(n.textBorder, t);
       await U(
-        g,
+        f,
         n.textBorder,
         s,
-        Math.round(f.left * s),
-        Math.round(f.top * s),
-        Math.round((t.pageWidth - f.left - f.right) * s),
-        Math.round((t.pageHeight - f.top - f.bottom) * s)
-      ), u = d.toDataURL("image/png");
+        Math.round(m.left * s),
+        Math.round(m.top * s),
+        Math.round((t.pageWidth - m.left - m.right) * s),
+        Math.round((t.pageHeight - m.top - m.bottom) * s)
+      ), u = c.toDataURL("image/png");
     }
   }
-  for (let d = 1; d <= i; d++) {
-    e.setPage(d);
-    for (const g of A) {
-      const f = n[g];
-      if (!f) continue;
-      const m = j(g, t);
-      let y, p;
-      typeof f == "function" ? y = (await k(
-        f(d, i),
-        m.width,
-        m.height,
+  for (let c = 1; c <= i; c++) {
+    e.setPage(c);
+    for (const f of A) {
+      const m = n[f];
+      if (!m) continue;
+      const p = j(f, t);
+      let y, w;
+      typeof m == "function" ? y = (await D(
+        m(c, i),
+        p.width,
+        p.height,
         o
-      )).toDataURL("image/png") : (y = c[g], p = `margin-${g}`), e.addImage(
+      )).toDataURL("image/png") : (y = d[f], w = `margin-${f}`), e.addImage(
         y,
         "PNG",
-        m.x,
-        m.y,
-        m.width,
-        m.height,
-        p,
+        p.x,
+        p.y,
+        p.width,
+        p.height,
+        w,
         "SLOW"
       );
     }
     if (n.contentBorder) {
-      const { color: g = "#000000", width: f = 0.3 } = n.contentBorder, m = B(n.contentBorder, t);
-      e.setDrawColor(g), e.setLineWidth(f), e.rect(
-        m.left,
-        m.top,
-        t.pageWidth - m.left - m.right,
-        t.pageHeight - m.top - m.bottom
+      const { color: f = "#000000", width: m = 0.3 } = n.contentBorder, p = B(n.contentBorder, t);
+      e.setDrawColor(f), e.setLineWidth(m), e.rect(
+        p.left,
+        p.top,
+        t.pageWidth - p.left - p.right,
+        t.pageHeight - p.top - p.bottom
       );
     }
     u && e.addImage(
@@ -695,14 +694,14 @@ async function $(e, n, a = {}) {
       "SLOW"
     );
   }
-  return e;
+  return r(), e;
 }
 export {
   J as PAGE_MARGINS,
   _ as PAGE_SIZES,
   $ as addMarginContent,
-  R as computeLayout,
-  N as createPrintClone,
+  N as computeLayout,
+  F as createPrintClone,
   T as insertPageBreakSpacers,
   I as normalizeTableAttributes,
   Y as prepare,

package/package.json

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