jspdf-utils 0.1.8 → 0.1.10

package/dist/html-to-pdf.js

@@ -22,7 +22,7 @@ const q = {
   legal: 25.4,
   tabloid: 25
 };
-function M(t = {}) {
+function P(t = {}) {
   const e = t.format ?? "a4", [a, n] = q[e], i = t.pageWidth ?? a, o = t.pageHeight ?? n, s = $[e], r = {
     top: s,
     right: s,
@@ -74,11 +74,11 @@ function T(t, e) {
     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, l = e - r - 2, d = [];
-    let c = [], g = 0;
+    const i = n[0].querySelector("th") !== null, o = i ? n[0] : null, s = i ? n.slice(1) : n, r = o ? o.offsetHeight : 0, g = e - r - 2, d = [];
+    let c = [], l = 0;
     for (const m of s) {
       const h = m.offsetHeight;
-      g + h > l && c.length > 0 && (d.push(c), c = [], g = 0), c.push(m), g += h;
+      l + h > g && c.length > 0 && (d.push(c), c = [], l = 0), c.push(m), l += h;
     }
     c.length > 0 && d.push(c);
     for (const m of d) {
@@ -95,26 +95,26 @@ function R(t, e) {
     const n = a;
     if (n.offsetHeight <= e || n.tagName === "TABLE")
       continue;
-    const i = n.tagName, o = n.getAttribute("style") || "", s = getComputedStyle(n).width, r = (n.textContent || "").split(/\s+/).filter(Boolean), l = document.createElement(i);
-    l.setAttribute("style", o), Object.assign(l.style, {
+    const i = n.tagName, o = n.getAttribute("style") || "", s = getComputedStyle(n).width, r = (n.textContent || "").split(/\s+/).filter(Boolean), g = document.createElement(i);
+    g.setAttribute("style", o), Object.assign(g.style, {
       position: "absolute",
       visibility: "hidden",
       width: s
-    }), t.appendChild(l);
+    }), t.appendChild(g);
     const d = [];
     let c = 0;
     for (; c < r.length; ) {
-      let g = c + 1, m = r.length;
-      for (; g < m; ) {
-        const f = Math.ceil((g + m) / 2);
-        l.textContent = r.slice(c, f).join(" "), l.offsetHeight <= e ? g = f : m = f - 1;
+      let l = c + 1, m = r.length;
+      for (; l < m; ) {
+        const f = Math.ceil((l + m) / 2);
+        g.textContent = r.slice(c, f).join(" "), g.offsetHeight <= e ? l = f : m = f - 1;
       }
       const h = document.createElement(i);
-      h.setAttribute("style", o), h.textContent = r.slice(c, g).join(" "), d.push(h), c = g;
+      h.setAttribute("style", o), h.textContent = r.slice(c, l).join(" "), d.push(h), c = l;
     }
-    l.remove();
-    for (const g of d)
-      n.parentNode.insertBefore(g, n);
+    g.remove();
+    for (const l of d)
+      n.parentNode.insertBefore(l, n);
     n.remove();
   }
 }
@@ -123,23 +123,23 @@ function U(t, e, a) {
   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;
   if (s.length < 2) return !1;
-  const l = a - r - 2;
-  if (l <= 0) return !1;
+  const g = a - r - 2;
+  if (g <= 0) return !1;
   let d = 0, c = 0;
   for (const h of s) {
-    if (c + h.offsetHeight > l) break;
+    if (c + h.offsetHeight > g) break;
     c += h.offsetHeight, d++;
   }
   if (d === 0 || d === s.length) return !1;
-  const g = t.cloneNode(!1);
-  o && g.appendChild(o.cloneNode(!0));
+  const l = t.cloneNode(!1);
+  o && l.appendChild(o.cloneNode(!0));
   for (let h = 0; h < d; h++)
-    g.appendChild(s[h].cloneNode(!0));
+    l.appendChild(s[h].cloneNode(!0));
   const m = t.cloneNode(!1);
   o && m.appendChild(o.cloneNode(!0));
   for (let h = d; h < s.length; h++)
     m.appendChild(s[h].cloneNode(!0));
-  return e.insertBefore(g, t), e.insertBefore(m, t), t.remove(), !0;
+  return e.insertBefore(l, t), e.insertBefore(m, t), t.remove(), !0;
 }
 function _(t, e, a) {
   if (t.tagName === "TABLE" || t.tagName === "IMG") return !1;
@@ -152,16 +152,16 @@ function _(t, e, a) {
     width: s
   }), e.appendChild(r), r.textContent = n[0], r.offsetHeight > a)
     return r.remove(), !1;
-  let l = 1, d = n.length;
-  for (; l < d; ) {
-    const m = Math.ceil((l + d) / 2);
-    r.textContent = n.slice(0, m).join(" "), r.offsetHeight <= a ? l = m : d = m - 1;
+  let g = 1, d = n.length;
+  for (; g < d; ) {
+    const m = Math.ceil((g + d) / 2);
+    r.textContent = n.slice(0, m).join(" "), r.offsetHeight <= a ? g = m : d = m - 1;
   }
-  if (r.remove(), l >= n.length) return !1;
+  if (r.remove(), g >= n.length) return !1;
   const c = document.createElement(i);
-  c.setAttribute("style", o), c.textContent = n.slice(0, l).join(" ");
-  const g = document.createElement(i);
-  return g.setAttribute("style", o), g.textContent = n.slice(l).join(" "), e.insertBefore(c, t), e.insertBefore(g, t), t.remove(), !0;
+  c.setAttribute("style", o), c.textContent = n.slice(0, g).join(" ");
+  const l = document.createElement(i);
+  return l.setAttribute("style", o), l.textContent = n.slice(g).join(" "), e.insertBefore(c, t), e.insertBefore(l, t), t.remove(), !0;
 }
 function j(t, e) {
   let a = 0;
@@ -179,15 +179,15 @@ function j(t, e) {
       } else if (_(n, t, r))
         continue;
       if (n.offsetHeight <= e) {
-        const l = document.createElement("div");
-        l.style.height = s - i + 1 + "px", n.parentNode.insertBefore(l, n), a++;
+        const g = document.createElement("div");
+        g.style.height = s - i + 1 + "px", n.parentNode.insertBefore(g, n), a++;
       }
     }
     a++;
   }
 }
 function J(t, e = {}) {
-  const a = M(e), n = N(), i = B(t, a.pageWidth);
+  const a = P(e), n = N(), i = B(t, a.pageWidth);
   E(i);
   const o = x(i, a);
   return T(i, o.pageContentPx), R(i, o.pageContentPx), j(i, o.pageContentPx), {
@@ -261,10 +261,10 @@ async function L(t, e, a, n) {
     i.remove();
   }
 }
-const D = ["top", "right", "bottom", "left"];
-async function F(t, e, a) {
+const G = ["top", "right", "bottom", "left"];
+async function D(t, e, a) {
   const n = {};
-  for (const i of D) {
+  for (const i of G) {
     const o = t[i];
     if (o && typeof o != "function") {
       const s = k(i, e);
@@ -289,46 +289,56 @@ function Q(t, e) {
 function Z(t, e, a, n, i, o, s) {
   const {
     text: r,
-    color: l = "#000000",
+    color: g = "#000000",
     fontSize: d = 2.5,
     fontFamily: c = "Arial, sans-serif"
-  } = e, g = d * a, m = (e.gap ?? d * 0.5) * a;
-  t.save(), t.fillStyle = l, t.font = `${g}px ${c}`, t.textBaseline = "middle";
-  const h = t.measureText(r).width + m;
-  t.save(), t.beginPath(), t.rect(n, i - g, o, g * 2), t.clip();
-  for (let f = n; f < n + o; f += h)
-    t.fillText(r, f, i);
-  t.restore(), t.save(), t.beginPath(), t.rect(n, i + s - g, o, g * 2), t.clip();
-  for (let f = n; f < n + o; f += h)
-    t.fillText(r, f, i + s);
-  t.restore(), t.save(), t.translate(n, i + s), t.rotate(-Math.PI / 2), t.beginPath(), t.rect(0, -g, s, g * 2), t.clip();
-  for (let f = 0; f < s; f += h)
-    t.fillText(r, f, 0);
-  t.restore(), t.save(), t.translate(n + o, i), t.rotate(Math.PI / 2), t.beginPath(), t.rect(0, -g, s, g * 2), t.clip();
-  for (let f = 0; f < s; f += h)
-    t.fillText(r, f, 0);
+  } = e, l = d * a, m = (e.gap ?? d * 0.5) * a;
+  t.save(), t.fillStyle = g, t.font = `${l}px ${c}`, t.textBaseline = "middle";
+  const h = t.measureText(r).width + m, f = l * 0.5;
+  t.save(), t.beginPath(), t.rect(
+    n + f,
+    i - l,
+    o - f * 2,
+    l * 2
+  ), t.clip();
+  for (let u = n + f; u < n + o - f; u += h)
+    t.fillText(r, u, i);
+  t.restore(), t.save(), t.beginPath(), t.rect(
+    n + f,
+    i + s - l,
+    o - f * 2,
+    l * 2
+  ), t.clip();
+  for (let u = n + f; u < n + o - f; u += h)
+    t.fillText(r, u, i + s);
+  t.restore(), t.save(), t.translate(n, i + s), t.rotate(-Math.PI / 2), t.beginPath(), t.rect(f, -l, s - f * 2, l * 2), t.clip();
+  for (let u = f; u < s - f; u += h)
+    t.fillText(r, u, 0);
+  t.restore(), t.save(), t.translate(n + o, i), t.rotate(Math.PI / 2), t.beginPath(), t.rect(f, -l, s - f * 2, l * 2), t.clip();
+  for (let u = f; u < s - f; u += h)
+    t.fillText(r, u, 0);
   t.restore(), t.restore();
 }
 function I(t, e) {
   return Q(t.margin, e);
 }
-async function G(t, e, a, n, i, o, s, r) {
-  for (const l of D) {
-    const d = e[l];
+async function F(t, e, a, n, i, o, s, r) {
+  for (const g of G) {
+    const d = e[g];
     if (!d) continue;
-    const c = k(l, n);
-    let g;
-    typeof d == "function" ? g = await L(
+    const c = k(g, n);
+    let l;
+    typeof d == "function" ? l = await L(
       d(o, s),
       c.width,
       c.height,
       r
-    ) : g = a[l], t.drawImage(
-      g,
+    ) : l = a[g], t.drawImage(
+      l,
       0,
       0,
-      g.width,
-      g.height,
+      l.width,
+      l.height,
       Math.round(c.x * i),
       Math.round(c.y * i),
       Math.round(c.width * i),
@@ -336,8 +346,8 @@ async function G(t, e, a, n, i, o, s, r) {
     );
   }
   if (e.contentBorder) {
-    const { color: l = "#000000", width: d = 0.3 } = e.contentBorder, c = I(e.contentBorder, n);
-    t.strokeStyle = l, t.lineWidth = d * i, t.strokeRect(
+    const { color: g = "#000000", width: d = 0.3 } = e.contentBorder, c = I(e.contentBorder, n);
+    t.strokeStyle = g, t.lineWidth = d * i, t.strokeRect(
       Math.round(c.left * i),
       Math.round(c.top * i),
       Math.round((n.pageWidth - c.left - c.right) * i),
@@ -345,125 +355,126 @@ async function G(t, e, a, n, i, o, s, r) {
     );
   }
   if (e.textBorder) {
-    const l = I(e.textBorder, n);
+    const g = I(e.textBorder, n);
     Z(
       t,
       e.textBorder,
       i,
-      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)
+      Math.round(g.left * i),
+      Math.round(g.top * i),
+      Math.round((n.pageWidth - g.left - g.right) * i),
+      Math.round((n.pageHeight - g.top - g.bottom) * i)
     );
   }
 }
 async function X(t, e = {}) {
-  const { imageFormat: a = "JPEG", imageQuality: n = 1, scale: i = 2 } = e, o = M(e), s = N(), r = B(t, o.pageWidth);
+  const { imageFormat: a = "JPEG", imageQuality: n = 1, scale: i = 2 } = e, o = P(e), s = N(), r = B(t, o.pageWidth);
   r.style.opacity = "1", r.style.left = "-99999px", E(r);
-  const l = x(r, o);
-  T(r, l.pageContentPx), R(r, l.pageContentPx), j(r, l.pageContentPx);
+  const g = x(r, o);
+  T(r, g.pageContentPx), R(r, g.pageContentPx), j(r, g.pageContentPx);
   try {
     const d = await W(r, {
       scale: i,
       backgroundColor: "#ffffff"
-    }), { jsPDF: c } = await import("jspdf"), g = o.pageWidth - o.margin.left - o.margin.right, m = o.pageHeight - o.margin.top - o.margin.bottom, h = d.width, f = m / g * h, P = Math.ceil(d.height / f), v = o.pageWidth > o.pageHeight ? "l" : "p", C = new c({
-      orientation: v,
+    }), { jsPDF: c } = await import("jspdf"), l = o.pageWidth - o.margin.left - o.margin.right, m = o.pageHeight - o.margin.top - o.margin.bottom, h = d.width, f = m / l * h, u = Math.ceil(d.height / f), H = o.pageWidth > o.pageHeight ? "l" : "p", v = new c({
+      orientation: H,
       unit: "mm",
       format: [o.pageWidth, o.pageHeight]
     });
-    for (let y = 0; y < P; y++) {
-      const p = Math.min(
+    for (let w = 0; w < u; w++) {
+      const y = Math.min(
         f,
-        d.height - y * f
-      ), w = document.createElement("canvas");
-      w.width = h, w.height = p;
-      const u = w.getContext("2d");
-      if (!u) throw new Error("Could not get canvas context");
-      u.fillStyle = "#ffffff", u.fillRect(0, 0, h, p), u.drawImage(
+        d.height - w * f
+      ), b = document.createElement("canvas");
+      b.width = h, b.height = y;
+      const p = b.getContext("2d");
+      if (!p) throw new Error("Could not get canvas context");
+      p.fillStyle = "#ffffff", p.fillRect(0, 0, h, y), p.drawImage(
         d,
         0,
-        y * f,
+        w * f,
         h,
-        p,
+        y,
         0,
         0,
         h,
-        p
+        y
       );
-      const A = w.toDataURL(
+      const A = b.toDataURL(
         `image/${a.toLowerCase()}`,
         n
       );
-      y > 0 && C.addPage([o.pageWidth, o.pageHeight], v);
-      const b = p / h * g;
-      C.addImage(
+      w > 0 && v.addPage([o.pageWidth, o.pageHeight], H);
+      const C = y / h * l;
+      v.addImage(
         A,
         a,
         o.margin.left,
         o.margin.top,
-        g,
-        b,
+        l,
+        C,
         void 0,
         "FAST"
       );
     }
-    return e.marginContent && await z(C, e.marginContent, e), C;
+    return e.marginContent && await z(v, e.marginContent, e), v;
   } finally {
     r.remove(), s();
   }
 }
 async function K(t, e = {}) {
-  const { imageFormat: a = "PNG", imageQuality: n = 1, scale: i = 2 } = e, o = M(e), s = N(), r = B(t, o.pageWidth);
+  const { imageFormat: a = "PNG", imageQuality: n = 1, scale: i = 2 } = e, o = P(e), s = N(), r = B(t, o.pageWidth);
   r.style.opacity = "1", r.style.left = "-99999px", E(r);
-  const l = x(r, o);
-  T(r, l.pageContentPx), R(r, l.pageContentPx), j(r, l.pageContentPx);
+  const g = x(r, o);
+  T(r, g.pageContentPx), R(r, g.pageContentPx), j(r, g.pageContentPx);
   try {
     const d = await W(r, {
       scale: i,
       backgroundColor: "#ffffff"
-    }), c = o.pageWidth - o.margin.left - o.margin.right, g = o.pageHeight - o.margin.top - o.margin.bottom, m = d.width, h = g / c * m, f = m / c, P = Math.round(o.pageWidth * f), v = Math.round(o.pageHeight * f), C = Math.round(o.margin.top * f), y = Math.round(o.margin.left * f), p = Math.ceil(d.height / h), w = [], { marginContent: u } = e, A = u ? await F(u, o, i) : {};
-    for (let b = 0; b < p; b++) {
+    }), c = o.pageWidth - o.margin.left - o.margin.right, l = o.pageHeight - o.margin.top - o.margin.bottom, m = d.width, h = l / c * m, f = m / c, u = Math.round(o.pageWidth * f), H = Math.round(o.pageHeight * f), v = Math.round(o.margin.top * f), w = Math.round(o.margin.left * f), y = Math.ceil(d.height / h), b = [], { marginContent: p } = e, A = p ? await D(p, o, i) : {};
+    for (let C = 0; C < y; C++) {
       const O = Math.min(
         h,
-        d.height - b * h
+        d.height - C * h
       ), S = document.createElement("canvas");
-      S.width = P, S.height = v;
-      const H = S.getContext("2d");
-      if (!H) throw new Error("Could not get canvas context");
-      H.fillStyle = "#ffffff", H.fillRect(0, 0, P, v), H.drawImage(
+      S.width = u, S.height = H;
+      const M = S.getContext("2d");
+      if (!M) throw new Error("Could not get canvas context");
+      M.fillStyle = "#ffffff", M.fillRect(0, 0, u, H), M.drawImage(
         d,
         0,
-        b * h,
+        C * h,
         m,
         O,
-        y,
-        C,
+        w,
+        v,
         m,
         O
-      ), u && await G(
-        H,
-        u,
+      ), p && await F(
+        M,
+        p,
         A,
         o,
         f,
-        b + 1,
-        p,
+        C + 1,
+        y,
         i
-      ), w.push(
+      ), b.push(
         S.toDataURL(
           `image/${a.toLowerCase()}`,
           n
         )
       );
     }
-    return w;
+    return b;
   } finally {
     r.remove(), s();
   }
 }
 async function tt(t, e, a = {}) {
-  const n = M(a), i = await K(t, a);
+  const n = P(a), i = await K(t, a);
   e.innerHTML = "", Object.assign(e.style, {
+    direction: "ltr",
     width: "fit-content",
     height: n.pageHeight + "mm",
     maxHeight: "100vh",
@@ -485,13 +496,13 @@ async function tt(t, e, a = {}) {
   }
 }
 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), l = Math.round(n.pageHeight * s), d = await F(e, n, o);
+  const n = P(a), i = t.getNumberOfPages(), o = 2, s = o * (96 / 25.4), r = Math.round(n.pageWidth * s), g = Math.round(n.pageHeight * s), d = await D(e, n, o);
   for (let c = 1; c <= i; c++) {
     t.setPage(c);
-    const g = document.createElement("canvas");
-    g.width = r, g.height = l;
-    const m = g.getContext("2d");
-    m && (await G(
+    const l = document.createElement("canvas");
+    l.width = r, l.height = g;
+    const m = l.getContext("2d");
+    m && (await F(
       m,
       e,
       d,
@@ -501,7 +512,7 @@ async function z(t, e, a = {}) {
       i,
       o
     ), t.addImage(
-      g.toDataURL("image/png"),
+      l.toDataURL("image/png"),
       "PNG",
       0,
       0,

package/package.json

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