jspdf-utils 0.1.21 → 0.1.23

package/dist/html-to-pdf.d.ts

@@ -12,6 +12,12 @@ export interface Margin {
     left: number;
 }
 export type PageFormat = "a0" | "a1" | "a2" | "a3" | "a4" | "a5" | "a6" | "letter" | "legal" | "tabloid";
+export type MarginInput = number | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
 export interface PageOptions {
     unit: string;
     format: PageFormat;
@@ -19,6 +25,10 @@ export interface PageOptions {
     pageHeight: number;
     margin: Margin;
 }
+/** Input variant of PageOptions where margin accepts a number or partial sides. */
+export type PageOptionsInput = Partial<Omit<PageOptions, "margin">> & {
+    margin?: MarginInput;
+};
 /** Standard page dimensions in mm (portrait). */
 declare const PAGE_SIZES: Record<PageFormat, [number, number]>;
 /** Standard margins in mm per format. */
@@ -35,46 +45,10 @@ export interface PrepareResult {
     options: PageOptions;
     cleanup: () => void;
 }
-/** Compute derived layout values from options. */
-declare function computeLayout(container: HTMLElement, opts: PageOptions): Layout;
-/**
- * Clone an element and position it off-screen at print width for measurement.
- */
-declare function createPrintClone(source: HTMLElement, pageWidth?: number): HTMLElement;
-/**
- * Convert HTML table attributes (cellpadding, cellspacing, border) to
- * inline CSS so doc.html()'s renderer picks them up.
- */
-declare function normalizeTableAttributes(container: HTMLElement): void;
-/**
- * Split tables that exceed one page height into smaller sub-tables,
- * repeating the header row in each chunk.
- *
- * Only operates on direct-child tables of `container`.
- */
-declare function splitOversizedTables(container: HTMLElement, pageContentPx: number): void;
-/**
- * Split direct-child elements (non-table) that are taller than one page
- * into word-boundary chunks using binary search.
- */
-declare function splitOversizedText(container: HTMLElement, pageContentPx: number): void;
-/**
- * Insert spacer divs so that no direct child straddles a page boundary.
- * For tables and text elements, attempts to split at the boundary first
- * so content fills the current page before flowing to the next.
- */
-declare function insertPageBreakSpacers(container: HTMLElement, pageContentPx: number): void;
-/**
- * Prepare an HTML element for doc.html() rendering.
- *
- * Clones the element, splits oversized tables/text, and inserts page-break
- * spacers. Returns the ready-to-render clone and layout metadata.
- */
-declare function prepare(source: HTMLElement, opts?: Partial<PageOptions>): PrepareResult;
 /**
  * Render an HTML element to PDF using doc.html().
  */
-declare function renderHTML(doc: jsPDF, source: HTMLElement, opts?: Partial<PageOptions> & Pick<ImagePDFOptions, "marginContent">): Promise<jsPDF>;
+declare function generatePDF(doc: jsPDF, source: HTMLElement, opts?: PageOptionsInput & Pick<ImagePDFOptions, "marginContent">): Promise<jsPDF>;
 type MarginFactory = (page: number, totalPages: number) => HTMLElement;
 export interface ContentBorder {
     /** Stroke color (default: "#000000") */
@@ -130,25 +104,16 @@ export interface ImagePDFOptions {
  * Render an HTML element as an image-based PDF. Each page is a rasterized
  * screenshot — no selectable or extractable text in the output.
  */
-declare function renderImagePDF(source: HTMLElement, opts?: Partial<PageOptions> & ImagePDFOptions): Promise<jsPDF>;
+declare function generateImagePDF(source: HTMLElement, opts?: PageOptionsInput & ImagePDFOptions): Promise<jsPDF>;
 /**
  * Render an HTML element to an array of page images (data URLs).
  * Each image represents a full page with margins, matching the
  * visual output of renderImagePDF.
  */
-declare function renderPageImages(source: HTMLElement, opts?: Partial<PageOptions> & ImagePDFOptions): Promise<string[]>;
+declare function generateImages(source: HTMLElement, opts?: PageOptionsInput & ImagePDFOptions): Promise<string[]>;
 /**
  * Render an HTML element as page images and inject them into a scrollable
  * container. Each image is sized to match the page format dimensions.
  */
-declare function previewPageImages(source: HTMLElement, container: HTMLElement, opts?: Partial<PageOptions> & ImagePDFOptions): Promise<void>;
-/**
- * Add HTML content to the margin areas of each page in a jsPDF document.
- *
- * Each slot (top, right, bottom, left) accepts either a static HTMLElement
- * (rendered once and reused on every page) or a factory function that
- * receives `(page, totalPages)` and returns an HTMLElement per page
- * (useful for page numbers or dynamic content).
- */
-declare function addMarginContent(doc: jsPDF, content: MarginContentInput, opts?: Partial<PageOptions>): Promise<jsPDF>;
-export { PAGE_SIZES, PAGE_MARGINS, computeLayout, createPrintClone, normalizeTableAttributes, splitOversizedTables, splitOversizedText, insertPageBreakSpacers, prepare, renderHTML, renderImagePDF, renderPageImages, previewPageImages, addMarginContent, };
+declare function previewImages(source: HTMLElement, container: HTMLElement, opts?: PageOptionsInput & ImagePDFOptions): Promise<void>;
+export { PAGE_SIZES, PAGE_MARGINS, generatePDF, generateImagePDF, generateImages, previewImages, };

package/dist/html-to-pdf.js

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

package/package.json

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