jspdf-utils 0.1.17 → 0.1.19

package/dist/html-to-pdf.js

@@ -53,7 +53,19 @@ function N(e, n = 210) {
     pointerEvents: "none"
   }), document.body.appendChild(a), a;
 }
-function G(e) {
+async function Q(e) {
+  const n = Array.from(e.querySelectorAll("img"));
+  await Promise.all(
+    n.map((a) => {
+      if (!(a.complete && a.naturalWidth > 0))
+        return new Promise((t) => {
+          a.onload = () => t(), a.onerror = () => t();
+        });
+    })
+  );
+}
+async function q(e) {
+  await Q(e);
   const n = e.getBoundingClientRect();
   let a = n.bottom;
   for (const i of e.querySelectorAll("*")) {
@@ -63,7 +75,7 @@ function G(e) {
   const t = a - n.top;
   t > e.offsetHeight && (e.style.minHeight = t + "px");
 }
-async function Q(e) {
+async function Z(e) {
   const n = Array.from(e.querySelectorAll("img"));
   if (n.length === 0) return;
   await Promise.all(
@@ -155,7 +167,7 @@ function O(e, n) {
     t.remove();
   }
 }
-function Z(e, n, a) {
+function K(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;
@@ -178,7 +190,7 @@ function Z(e, n, a) {
     d.appendChild(s[g].cloneNode(!0));
   return n.insertBefore(u, e), n.insertBefore(d, e), e.remove(), !0;
 }
-function K(e, n, a) {
+function V(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;
@@ -207,13 +219,13 @@ function T(e, n) {
     if (o > s) {
       const r = s - i;
       if (t.tagName === "TABLE") {
-        if (Z(
+        if (K(
           t,
           e,
           r
         ))
           continue;
-      } else if (K(t, e, r))
+      } else if (V(t, e, r))
         continue;
       if (t.offsetHeight <= n) {
         const l = document.createElement("div");
@@ -223,7 +235,7 @@ function T(e, n) {
     a++;
   }
 }
-function V(e, n = {}) {
+function Y(e, n = {}) {
   const a = S(n), t = F(), i = N(e, a.pageWidth);
   I(i);
   const o = R(i, a);
@@ -236,10 +248,10 @@ function V(e, n = {}) {
     }
   };
 }
-async function ot(e, n, a = {}) {
-  const { clone: t, layout: i, options: o, cleanup: s } = V(n, a);
+async function it(e, n, a = {}) {
+  const { clone: t, layout: i, options: o, cleanup: s } = Y(n, a);
   try {
-    await Q(t), await new Promise((r) => {
+    await Z(t), await new Promise((r) => {
       e.html(t, {
         callback: () => r(),
         width: i.contentWidthMm,
@@ -298,10 +310,10 @@ async function k(e, n, a, t) {
     i.remove();
   }
 }
-const B = ["top", "right", "bottom", "left"];
-async function q(e, n, a) {
+const A = ["top", "right", "bottom", "left"];
+async function G(e, n, a) {
   const t = {};
-  for (const i of B) {
+  for (const i of A) {
     const o = e[i];
     if (o && typeof o != "function") {
       const s = j(i, n);
@@ -315,7 +327,7 @@ async function q(e, n, a) {
   }
   return t;
 }
-function Y(e, n) {
+function X(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,
@@ -323,7 +335,7 @@ function Y(e, n) {
     left: e.left ?? n.margin.left
   };
 }
-const X = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\uFB50-\uFDFF\uFE70-\uFEFF\u0590-\u05FF]/;
+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, {
@@ -378,7 +390,7 @@ async function U(e, n, a, t, i, o, s) {
     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 * 1.5), y = X.test(r), p = Math.round(o - f * 2), C = Math.round(s - f * 2), [w, b] = await Promise.all([
+  } = 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(
       r,
       p,
@@ -444,11 +456,11 @@ async function U(e, n, a, t, i, o, s) {
     m
   ), e.restore();
 }
-function A(e, n) {
-  return Y(e.margin, n);
+function B(e, n) {
+  return X(e.margin, n);
 }
-async function tt(e, n, a, t, i, o, s, r) {
-  for (const l of B) {
+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);
@@ -471,7 +483,7 @@ async function tt(e, n, a, t, i, o, s, r) {
     );
   }
   if (n.contentBorder) {
-    const { color: l = "#000000", width: h = 0.3 } = n.contentBorder, c = A(n.contentBorder, t);
+    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),
@@ -480,7 +492,7 @@ async function tt(e, n, a, t, i, o, s, r) {
     );
   }
   if (n.textBorder) {
-    const l = A(n.textBorder, t);
+    const l = B(n.textBorder, t);
     await U(
       e,
       n.textBorder,
@@ -492,11 +504,11 @@ async function tt(e, n, a, t, i, o, s, r) {
     );
   }
 }
-async function it(e, n = {}) {
+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);
   r.style.opacity = "1", r.style.left = "-99999px", I(r);
   const l = R(r, o);
-  L(r, l.pageContentPx), O(r, l.pageContentPx), T(r, l.pageContentPx), G(r);
+  L(r, l.pageContentPx), O(r, l.pageContentPx), T(r, l.pageContentPx), await q(r);
   try {
     const h = await P(r, {
       scale: i,
@@ -545,16 +557,16 @@ async function it(e, n = {}) {
     r.remove(), s();
   }
 }
-async function et(e, n = {}) {
+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);
   r.style.opacity = "1", r.style.left = "-99999px", I(r);
   const l = R(r, o);
-  L(r, l.pageContentPx), O(r, l.pageContentPx), T(r, l.pageContentPx), G(r);
+  L(r, l.pageContentPx), O(r, l.pageContentPx), T(r, l.pageContentPx), await q(r);
   try {
     const h = 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 q(x, o, i) : {};
+    }), 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++) {
       const M = Math.min(
         g,
@@ -573,7 +585,7 @@ async function et(e, n = {}) {
         p,
         d,
         M
-      ), x && await tt(
+      ), x && await et(
         v,
         x,
         E,
@@ -594,8 +606,8 @@ async function et(e, n = {}) {
     r.remove(), s();
   }
 }
-async function at(e, n, a = {}) {
-  const t = S(a), i = await et(e, a);
+async function rt(e, n, a = {}) {
+  const t = S(a), i = await nt(e, a);
   n.innerHTML = "", Object.assign(n.style, {
     direction: "ltr",
     width: "fit-content",
@@ -619,8 +631,8 @@ async function at(e, n, a = {}) {
   }
 }
 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 q(n, t, o), c = {};
-  for (const d of B)
+  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"));
   let u;
   if (n.textBorder) {
@@ -628,7 +640,7 @@ async function $(e, n, a = {}) {
     d.width = r, d.height = l;
     const g = d.getContext("2d");
     if (g) {
-      const f = A(n.textBorder, t);
+      const f = B(n.textBorder, t);
       await U(
         g,
         n.textBorder,
@@ -642,7 +654,7 @@ async function $(e, n, a = {}) {
   }
   for (let d = 1; d <= i; d++) {
     e.setPage(d);
-    for (const g of B) {
+    for (const g of A) {
       const f = n[g];
       if (!f) continue;
       const m = j(g, t);
@@ -664,7 +676,7 @@ async function $(e, n, a = {}) {
       );
     }
     if (n.contentBorder) {
-      const { color: g = "#000000", width: f = 0.3 } = n.contentBorder, m = A(n.contentBorder, t);
+      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,
@@ -693,11 +705,11 @@ export {
   N as createPrintClone,
   T as insertPageBreakSpacers,
   I as normalizeTableAttributes,
-  V as prepare,
-  at as previewPageImages,
-  ot as renderHTML,
-  it as renderImagePDF,
-  et as renderPageImages,
+  Y as prepare,
+  rt as previewPageImages,
+  it as renderHTML,
+  at as renderImagePDF,
+  nt as renderPageImages,
   L as splitOversizedTables,
   O as splitOversizedText
 };

package/package.json

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