@formfeed/engine 0.3.5 → 0.3.7

package/index.js

@@ -77,8 +77,234 @@ function depthGuard(resolve2, includeDepth) {
 
 // packages/engine/src/lib/helpers/codes.ts
 import { toSVG } from "bwip-js";
+
+// packages/engine/src/lib/values.ts
+function toNumber(value) {
+  if (typeof value === "number") return value;
+  if (typeof value === "string") {
+    const n = Number(value.replace(/\s/g, "").replace(",", "."));
+    return Number.isFinite(n) ? n : NaN;
+  }
+  if (typeof value === "bigint") return Number(value);
+  return NaN;
+}
+
+// packages/engine/src/lib/codes/epc.ts
+function epcPayload(input) {
+  const amount = input.amount === void 0 || input.amount === "" ? "" : `EUR${toNumber(input.amount).toFixed(2)}`;
+  return [
+    "BCD",
+    "002",
+    "1",
+    "SCT",
+    (input.bic ?? "").replace(/\s/g, ""),
+    String(input.name ?? "").slice(0, 70),
+    String(input.iban ?? "").replace(/\s/g, ""),
+    amount,
+    (input.purpose ?? "").slice(0, 4),
+    (input.reference ?? "").slice(0, 35),
+    input.reference ? "" : (input.text ?? "").slice(0, 140),
+    ""
+  ].join("\n");
+}
+var IBAN_LENGTHS = {
+  AD: 24,
+  AT: 20,
+  BE: 16,
+  BG: 22,
+  CH: 21,
+  CY: 28,
+  CZ: 24,
+  DE: 22,
+  DK: 18,
+  EE: 20,
+  ES: 24,
+  FI: 18,
+  FO: 18,
+  FR: 27,
+  GB: 22,
+  GI: 23,
+  GL: 18,
+  GR: 27,
+  HR: 21,
+  HU: 28,
+  IE: 22,
+  IS: 26,
+  IT: 27,
+  LI: 21,
+  LT: 20,
+  LU: 20,
+  LV: 21,
+  MC: 27,
+  MT: 31,
+  NL: 18,
+  NO: 15,
+  PL: 28,
+  PT: 25,
+  RO: 24,
+  SE: 24,
+  SI: 19,
+  SK: 24,
+  SM: 27,
+  VA: 22
+};
+var EPC_MAX_BYTES = 331;
+var byteLength = (value) => new TextEncoder().encode(value).length;
+var normaliseIban = (iban) => iban.replace(/\s/g, "").toUpperCase();
+function ibanChecksum(iban) {
+  const rearranged = normaliseIban(iban).slice(4) + normaliseIban(iban).slice(0, 4);
+  const digits = [...rearranged].map((c) => c >= "A" && c <= "Z" ? String(c.charCodeAt(0) - 55) : c).join("");
+  let remainder = 0;
+  for (const digit of digits) remainder = (remainder * 10 + Number(digit)) % 97;
+  return remainder === 1;
+}
+function validateEpc(input) {
+  const problems = [];
+  const name = String(input.name ?? "").trim();
+  if (!name) problems.push({ field: "name", code: "required" });
+  else if (name.length > 70) problems.push({ field: "name", code: "too_long", max: 70, actual: name.length });
+  const iban = normaliseIban(String(input.iban ?? ""));
+  if (!iban) problems.push({ field: "iban", code: "required" });
+  else if (!/^[A-Z]{2}[0-9]{2}[A-Z0-9]{11,30}$/.test(iban)) problems.push({ field: "iban", code: "iban_characters" });
+  else {
+    const expected = IBAN_LENGTHS[iban.slice(0, 2)];
+    if (expected !== void 0 && iban.length !== expected)
+      problems.push({ field: "iban", code: "iban_country_length", max: expected, actual: iban.length });
+    else if (!ibanChecksum(iban)) problems.push({ field: "iban", code: "iban_checksum" });
+  }
+  const bic = String(input.bic ?? "").replace(/\s/g, "").toUpperCase();
+  if (bic && !/^[A-Z]{6}[A-Z0-9]{2}([A-Z0-9]{3})?$/.test(bic)) problems.push({ field: "bic", code: "bic_format" });
+  if (input.amount !== void 0 && input.amount !== "") {
+    const amount = toNumber(input.amount);
+    if (Number.isNaN(amount)) problems.push({ field: "amount", code: "not_a_number" });
+    else if (amount < 0.01 || amount > 99999999999e-2) problems.push({ field: "amount", code: "out_of_range" });
+  }
+  const purpose = String(input.purpose ?? "");
+  if (purpose.length > 4) problems.push({ field: "purpose", code: "too_long", max: 4, actual: purpose.length });
+  const reference = String(input.reference ?? "").trim();
+  const text = String(input.text ?? "").trim();
+  if (reference && text) problems.push({ field: "reference", code: "reference_or_text" });
+  if (reference.length > 35)
+    problems.push({ field: "reference", code: "too_long", max: 35, actual: reference.length });
+  if (text.length > 140) problems.push({ field: "text", code: "too_long", max: 140, actual: text.length });
+  const bytes = byteLength(epcPayload(input));
+  if (bytes > EPC_MAX_BYTES)
+    problems.push({ field: "payload", code: "too_long", max: EPC_MAX_BYTES, actual: bytes });
+  return problems;
+}
+
+// packages/engine/src/lib/codes/qr.ts
 import { create as createQr } from "qrcode";
 import { render as renderQrSvg } from "qrcode/lib/renderer/svg-tag.js";
+function qrSvg(value, options = {}) {
+  const qr = createQr(value, { errorCorrectionLevel: options.ecc ?? "M" });
+  return renderQrSvg(qr, {
+    width: options.size ?? 160,
+    margin: options.margin ?? 1,
+    color: {
+      dark: (options.color ?? "#000000").replace(/^(#?)/, "#").slice(0, 9),
+      light: (options.background ?? "#ffffff").replace(/^(#?)/, "#")
+    }
+  });
+}
+var svgDataUri = (svg) => `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
+
+// packages/engine/src/lib/helpers/codes.ts
+var barcodeTypes = {
+  code128: "code128",
+  ean13: "ean13",
+  ean8: "ean8",
+  upc: "upca",
+  upca: "upca",
+  itf14: "itf14",
+  code39: "code39",
+  qrcode: "qrcode",
+  datamatrix: "datamatrix",
+  pdf417: "pdf417"
+};
+var codeHelpers = [
+  {
+    name: "qrcode",
+    aliases: ["qr"],
+    doc: {
+      signature: "qrcode(value, { size = 160, ecc = 'M', margin = 1, color, background })",
+      description: "QR code as an SVG data URI for an <img> src.",
+      examples: {
+        jinja2: '<img src="{{ qrcode(order.url, { size: 120 }) }}">',
+        liquid: '<img src="{{ order.url | qrcode: size: 120 }}">',
+        handlebars: '<img src="{{qrcode order.url size=120}}">'
+      },
+      category: "code"
+    },
+    fn: (ctx, value, options) => {
+      const o = options ?? {};
+      const svg = qrSvg(String(value ?? ""), o);
+      if (ctx.drawing) return ctx.drawing({ kind: "svg", svg, width: o.size, height: o.size, alt: "QR code" });
+      return svgDataUri(svg);
+    }
+  },
+  {
+    name: "barcode",
+    doc: {
+      signature: "barcode(value, { type = 'code128', height = 12, width, text = true, scale = 2 })",
+      description: "Barcode (code128, ean13, ean8, upc, itf14, code39, datamatrix, pdf417) as an SVG data URI.",
+      examples: {
+        jinja2: `<img src="{{ barcode(item.sku, { type: 'code128' }) }}">`,
+        liquid: `<img src="{{ item.sku | barcode: type: 'code128' }}">`,
+        handlebars: `<img src="{{barcode item.sku type='code128'}}">`
+      },
+      category: "code"
+    },
+    fn: (ctx, value, options) => {
+      const o = options ?? {};
+      const bcid = barcodeTypes[String(o.type ?? "code128").toLowerCase()] ?? "code128";
+      const svg = toSVG({
+        bcid,
+        text: String(value ?? ""),
+        height: o.height ?? 12,
+        ...o.width === void 0 ? {} : { width: o.width },
+        scale: o.scale ?? 2,
+        includetext: o.text !== false,
+        textxalign: "center"
+      });
+      if (ctx.drawing) return ctx.drawing({ kind: "svg", svg, alt: `Barcode ${String(value ?? "")}` });
+      return svgDataUri(svg);
+    }
+  },
+  {
+    name: "epcQr",
+    aliases: ["epc_qr", "girocode"],
+    doc: {
+      signature: "epcQr({ name, iban, bic?, amount?, reference?, text? }, { size })",
+      description: "SEPA credit transfer QR code (EPC069-12 / GiroCode) that banking apps scan to prefill a payment.",
+      examples: {
+        jinja2: '<img src="{{ epcQr({ name: company.name, iban: company.iban, amount: invoice.total, reference: invoice.number }) }}">',
+        liquid: '<img src="{{ company.iban | epcQr: name: company.name, amount: invoice.total, reference: invoice.number }}">',
+        handlebars: '<img src="{{epcQr name=company.name iban=company.iban amount=invoice.total reference=invoice.number}}">'
+      },
+      category: "code"
+    },
+    // Payment fields and QR options may arrive together: Jinja2 passes two objects, Handlebars one
+    // hash (`{{epcQr name=… iban=… size=200}}`), and Liquid, which cannot build an object literal,
+    // keyword arguments (`{{ company.iban | epcQr: name: company.name, amount: invoice.total }}`,
+    // where a string input is the IBAN). They are merged and split by field name.
+    fn: (ctx, input, options) => {
+      const fields = {
+        ...input && typeof input === "object" ? input : typeof input === "string" && input ? { iban: input } : {},
+        ...options ?? {}
+      };
+      const payment = {};
+      const qr = {};
+      for (const [key, value] of Object.entries(fields))
+        (EPC_FIELDS.has(key) ? payment : qr)[key] = value;
+      const o = { ecc: "M", ...qr };
+      const svg = qrSvg(epcPayload(payment), o);
+      if (ctx.drawing) return ctx.drawing({ kind: "svg", svg, width: o.size, height: o.size, alt: "GiroCode" });
+      return svgDataUri(svg);
+    }
+  }
+];
+var EPC_FIELDS = /* @__PURE__ */ new Set(["name", "iban", "bic", "amount", "reference", "text", "purpose"]);
 
 // packages/engine/src/lib/helpers/format.ts
 import { TZDate } from "@date-fns/tz";
@@ -112,15 +338,6 @@ var dateLocales = {
 function dateLocale(locale) {
   return dateLocales[locale] ?? dateLocales[locale.split("-")[0] ?? ""] ?? enGB;
 }
-function toNumber(value) {
-  if (typeof value === "number") return value;
-  if (typeof value === "string") {
-    const n = Number(value.replace(/\s/g, "").replace(",", "."));
-    return Number.isFinite(n) ? n : NaN;
-  }
-  if (typeof value === "bigint") return Number(value);
-  return NaN;
-}
 function toDate(value, tz) {
   if (value === "now" || value === void 0 || value === null || value === "")
     return new TZDate(Date.now(), tz);
@@ -143,6 +360,10 @@ function escapeHtml(value) {
 var isNamedArgs = (v) => !!v && typeof v === "object" && !Array.isArray(v) && !(v instanceof Date);
 var str = (v) => v === void 0 || v === null ? "" : String(v);
 var opt = (v, fallback) => v === void 0 || v === null || v === "" ? fallback : v;
+function requireFinite(helper, value) {
+  if (typeof value === "number" && !Number.isFinite(value))
+    throw new Error(`${helper}: got ${value}, the result of a calculation with a value that is missing or not a number`);
+}
 var wordsByLang = {
   de: deWords,
   en: enWords,
@@ -158,11 +379,16 @@ var formatHelpers = [
     deprecatedAlias: { currency_format: "money" },
     doc: {
       signature: "money(value, currency?, locale?)",
-      description: "Formats a number as currency with Intl.NumberFormat. Defaults come from the template settings.",
-      example: "{{ line.total | money('EUR') }} \u2192 1.234,50 \u20AC",
+      description: "Formats a number as currency with Intl.NumberFormat. Defaults come from the template settings. Text that is not a number is printed as it is; a calculation that came out as NaN stops the render.",
+      examples: {
+        jinja2: "{{ line.total | money('EUR') }} \u2192 1.234,50 \u20AC",
+        liquid: "{{ line.total | money: 'EUR' }} \u2192 1.234,50 \u20AC",
+        handlebars: "{{money line.total 'EUR'}} \u2192 1.234,50 \u20AC"
+      },
       category: "format"
     },
     fn: (ctx, value, currency, locale) => {
+      requireFinite("money", value);
       const n = toNumber(value);
       if (Number.isNaN(n)) return str(value);
       return new Intl.NumberFormat(opt(locale, ctx.locale), {
@@ -176,10 +402,15 @@ var formatHelpers = [
     doc: {
       signature: "number(value, decimals?, locale?)",
       description: "Formats a number with grouping. With decimals, exactly that many (rounded half away from zero); without, the decimals the number has, at most three, so 1234.5 \u2192 1.234,5 and 2.34567 \u2192 2,346. Use number(0) for whole numbers.",
-      example: "{{ qty | number(2) }} \u2192 1.234,00",
+      examples: {
+        jinja2: "{{ qty | number(2) }} \u2192 1.234,00",
+        liquid: "{{ qty | number: 2 }} \u2192 1.234,00",
+        handlebars: "{{number qty 2}} \u2192 1.234,00"
+      },
       category: "format"
     },
     fn: (ctx, value, decimals, locale) => {
+      requireFinite("number", value);
       const n = toNumber(value);
       if (Number.isNaN(n)) return str(value);
       const d = decimals === void 0 || decimals === null ? void 0 : Number(decimals);
@@ -194,7 +425,11 @@ var formatHelpers = [
     doc: {
       signature: "date(value, format?, tz?, locale?)",
       description: "Formats a date with date-fns tokens (e.g. 'dd.MM.yyyy', 'PPP'). Accepts ISO strings, epoch numbers and 'now'.",
-      example: "{{ invoice.date | date('dd.MM.yyyy') }}",
+      examples: {
+        jinja2: "{{ invoice.date | date('dd.MM.yyyy') }}",
+        liquid: "{{ invoice.date | date: 'dd.MM.yyyy' }}",
+        handlebars: "{{date invoice.date 'dd.MM.yyyy'}}"
+      },
       category: "format"
     },
     fn: (ctx, value, format, tz, locale) => {
@@ -211,7 +446,11 @@ var formatHelpers = [
     doc: {
       signature: "dateAdd(value, amount, unit)",
       description: "Adds days, weeks, months or years to a date; returns an ISO string for further formatting.",
-      example: "{{ invoice.date | dateAdd(14, 'days') | date('PP') }}",
+      examples: {
+        jinja2: "{{ invoice.date | dateAdd(14, 'days') | date('PP') }}",
+        liquid: "{{ invoice.date | dateAdd: 14, 'days' | date: 'PP' }}",
+        handlebars: "{{date (dateAdd invoice.date 14 'days') 'PP'}}"
+      },
       category: "format"
     },
     fn: (ctx, value, amount, unit) => {
@@ -228,7 +467,11 @@ var formatHelpers = [
     doc: {
       signature: "add(a, b)",
       description: "a + b (Handlebars has no arithmetic of its own).",
-      example: "{{add @index 1}}",
+      examples: {
+        jinja2: "{{ line.qty | add(1) }}",
+        liquid: "{{ line.qty | add: 1 }}",
+        handlebars: "{{#each invoice.lines}}{{add @index 1}}{{/each}}"
+      },
       category: "format"
     },
     fn: (_ctx, a, b) => toNumber(a) + toNumber(b)
@@ -239,7 +482,11 @@ var formatHelpers = [
     doc: {
       signature: "subtract(a, b)",
       description: "a minus b.",
-      example: "{{subtract total discount}}",
+      examples: {
+        jinja2: "{{ total | subtract(discount) }}",
+        liquid: "{{ total | subtract: discount }}",
+        handlebars: "{{subtract total discount}}"
+      },
       category: "format"
     },
     fn: (_ctx, a, b) => toNumber(a) - toNumber(b)
@@ -250,7 +497,11 @@ var formatHelpers = [
     doc: {
       signature: "multiply(a, b)",
       description: "a times b.",
-      example: "{{money (multiply line.qty line.price)}}",
+      examples: {
+        jinja2: "{{ line.qty | multiply(line.price) | money }}",
+        liquid: "{{ line.qty | multiply: line.price | money }}",
+        handlebars: "{{money (multiply line.qty line.price)}}"
+      },
       category: "format"
     },
     fn: (_ctx, a, b) => toNumber(a) * toNumber(b)
@@ -261,7 +512,11 @@ var formatHelpers = [
     doc: {
       signature: "divide(a, b)",
       description: "a divided by b; empty when b is 0.",
-      example: "{{divide total count}}",
+      examples: {
+        jinja2: "{{ total | divide(count) }}",
+        liquid: "{{ total | divide: count }}",
+        handlebars: "{{divide total count}}"
+      },
       category: "format"
     },
     fn: (_ctx, a, b) => toNumber(b) === 0 ? "" : toNumber(a) / toNumber(b)
@@ -271,7 +526,11 @@ var formatHelpers = [
     doc: {
       signature: "round(value, decimals = 0, method = 'common')",
       description: "Rounds to the given decimals, as Jinja2's round does: 'common' rounds half away from zero, 'floor' always down and 'ceil' always up.",
-      example: "{{ 2.345 | round(2) }} gives 2.35, {{ 2.349 | round(2, 'floor') }} gives 2.34",
+      examples: {
+        jinja2: "{{ 2.345 | round(2) }} gives 2.35, {{ 2.349 | round(2, 'floor') }} gives 2.34",
+        liquid: "{{ 2.345 | round: 2 }} gives 2.35, {{ 2.349 | round: 2, 'floor' }} gives 2.34",
+        handlebars: "{{round 2.345 2}} gives 2.35, {{round 2.349 2 'floor'}} gives 2.34"
+      },
       category: "format"
     },
     // `round(2, method='floor')` (Jinja2) and `round: 2, method: 'floor'` (Liquid) arrive as a
@@ -297,7 +556,11 @@ var formatHelpers = [
     doc: {
       signature: "upper(value)",
       description: "Upper-cases a string.",
-      example: "{{ name | upper }}",
+      examples: {
+        jinja2: "{{ name | upper }}",
+        liquid: "{{ name | upper }}",
+        handlebars: "{{upper name}}"
+      },
       category: "text"
     },
     fn: (_ctx, value) => str(value).toUpperCase()
@@ -308,7 +571,11 @@ var formatHelpers = [
     doc: {
       signature: "lower(value)",
       description: "Lower-cases a string.",
-      example: "{{ name | lower }}",
+      examples: {
+        jinja2: "{{ name | lower }}",
+        liquid: "{{ name | lower }}",
+        handlebars: "{{lower name}}"
+      },
       category: "text"
     },
     fn: (_ctx, value) => str(value).toLowerCase()
@@ -319,7 +586,11 @@ var formatHelpers = [
     doc: {
       signature: "title(value)",
       description: "Capitalises every word.",
-      example: "{{ 'hello world' | title }} \u2192 Hello World",
+      examples: {
+        jinja2: "{{ 'hello world' | title }} \u2192 Hello World",
+        liquid: "{{ 'hello world' | title }} \u2192 Hello World",
+        handlebars: "{{title 'hello world'}} \u2192 Hello World"
+      },
       category: "text"
     },
     fn: (_ctx, value) => str(value).replace(
@@ -332,7 +603,11 @@ var formatHelpers = [
     doc: {
       signature: "truncate(value, length = 255, suffix = '\u2026')",
       description: "Cuts a string to `length` characters and appends the suffix when cut.",
-      example: "{{ description | truncate(40) }}",
+      examples: {
+        jinja2: "{{ description | truncate(40) }}",
+        liquid: "{{ description | truncate: 40 }}",
+        handlebars: "{{truncate description 40}}"
+      },
       category: "text"
     },
     fn: (_ctx, value, length, suffix) => {
@@ -347,7 +622,11 @@ var formatHelpers = [
     doc: {
       signature: "replace(value, search, replacement)",
       description: "Replaces every occurrence of `search`.",
-      example: "{{ iban | replace(' ', '') }}",
+      examples: {
+        jinja2: "{{ iban | replace(' ', '') }}",
+        liquid: "{{ iban | replace: ' ', '' }}",
+        handlebars: "{{replace iban ' ' ''}}"
+      },
       category: "text"
     },
     fn: (_ctx, value, search, replacement) => str(value).split(str(search)).join(str(replacement))
@@ -357,7 +636,11 @@ var formatHelpers = [
     doc: {
       signature: "split(value, separator = ',')",
       description: "Splits a string into a list.",
-      example: "{% for tag in tags | split(',') %}",
+      examples: {
+        jinja2: "{% for tag in keywords | split(',') %}{{ tag }}{% endfor %}",
+        liquid: "{% assign tags = keywords | split: ',' %}{% for tag in tags %}{{ tag }}{% endfor %}",
+        handlebars: "{{#each (split keywords ',')}}{{this}}{{/each}}"
+      },
       category: "text"
     },
     fn: (_ctx, value, separator) => str(value).split(str(opt(separator, ",")))
@@ -367,7 +650,11 @@ var formatHelpers = [
     doc: {
       signature: "join(list, separator = ', ')",
       description: "Joins a list into a string.",
-      example: "{{ tags | join(' \xB7 ') }}",
+      examples: {
+        jinja2: "{{ tags | join(' \xB7 ') }}",
+        liquid: "{{ tags | join: ' \xB7 ' }}",
+        handlebars: "{{join tags ' \xB7 '}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value, separator) => Array.isArray(value) ? value.map(str).join(str(opt(separator, ", "))) : str(value)
@@ -378,7 +665,11 @@ var formatHelpers = [
     doc: {
       signature: "default(value, fallback)",
       description: "Returns the fallback when the value is empty, null or undefined.",
-      example: "{{ customer.vat | default('\u2014') }}",
+      examples: {
+        jinja2: "{{ customer.vat | default('\u2014') }}",
+        liquid: "{{ customer.vat | default: '\u2014' }}",
+        handlebars: "{{default customer.vat '\u2014'}}"
+      },
       category: "text"
     },
     fn: (_ctx, value, fallback) => value === void 0 || value === null || value === "" ? fallback : value
@@ -389,7 +680,11 @@ var formatHelpers = [
     doc: {
       signature: "nl2br(value)",
       description: "Escapes the text and turns line breaks into <br>.",
-      example: "{{ address | nl2br }}",
+      examples: {
+        jinja2: "{{ address | nl2br }}",
+        liquid: "{{ address | nl2br }}",
+        handlebars: "{{nl2br address}}"
+      },
       category: "text"
     },
     // office templates turn line breaks into breaks themselves, and escape the text once
@@ -401,7 +696,11 @@ var formatHelpers = [
     doc: {
       signature: "markdown(value)",
       description: "Renders Markdown to HTML (no sanitiser: template data is trusted by the author).",
-      example: "{{ notes | markdown }}",
+      examples: {
+        jinja2: "{{ notes | markdown }}",
+        liquid: "{{ notes | markdown }}",
+        handlebars: "{{markdown notes}}"
+      },
       category: "text"
     },
     fn: (ctx, value) => {
@@ -420,7 +719,11 @@ var formatHelpers = [
     doc: {
       signature: "safe(value)",
       description: "Marks a string as HTML so the engine does not escape it.",
-      example: "{{ html_snippet | safe }}",
+      examples: {
+        jinja2: "{{ html_snippet | safe }}",
+        liquid: "{{ html_snippet | safe }}",
+        handlebars: "{{safe html_snippet}}"
+      },
       category: "text"
     },
     fn: (_ctx, value) => str(value)
@@ -431,7 +734,11 @@ var formatHelpers = [
     doc: {
       signature: "json(value, indent = 2)",
       description: "Serialises a value as JSON; handy while building a template.",
-      example: "<pre>{{ invoice | json }}</pre>",
+      examples: {
+        jinja2: "<pre>{{ invoice | json }}</pre>",
+        liquid: "<pre>{{ invoice | json }}</pre>",
+        handlebars: "<pre>{{json invoice}}</pre>"
+      },
       category: "debug"
     },
     fn: (_ctx, value, indent) => JSON.stringify(value, null, opt(Number(indent), 2))
@@ -442,10 +749,15 @@ var formatHelpers = [
     doc: {
       signature: "numToWords(value, locale?)",
       description: "Spells a number out in words (de, en, fr, es, it, nl).",
-      example: "{{ total | numToWords('de') }} \u2192 zweihundertdreiundvierzig",
+      examples: {
+        jinja2: "{{ total | numToWords('de') }} \u2192 zweihundertdreiundvierzig",
+        liquid: "{{ total | numToWords: 'de' }} \u2192 zweihundertdreiundvierzig",
+        handlebars: "{{numToWords total 'de'}} \u2192 zweihundertdreiundvierzig"
+      },
       category: "format"
     },
     fn: (ctx, value, locale) => {
+      requireFinite("numToWords", value);
       const n = toNumber(value);
       if (Number.isNaN(n)) return str(value);
       const lang = str(opt(locale, ctx.locale)).split("-")[0] ?? "en";
@@ -458,7 +770,11 @@ var formatHelpers = [
     doc: {
       signature: "t(key, params?)",
       description: "Looks a key up in the template's i18n dictionary for the request locale; `{name}` placeholders come from params.",
-      example: "{{ t('invoice.title', { number: invoice.number }) }}",
+      examples: {
+        jinja2: "{{ t('invoice.title', { number: invoice.number }) }}",
+        liquid: "{{ 'invoice.title' | t: number: invoice.number }}",
+        handlebars: "{{t 'invoice.title' number=invoice.number}}"
+      },
       category: "text"
     },
     fn: (ctx, key, params) => {
@@ -474,7 +790,11 @@ var formatHelpers = [
     doc: {
       signature: "asset(name)",
       description: "URL of a file in the workspace library (logo, background) on the CDN. Upload it on the Files page or with `POST /files` and use the name it has there; relative image paths resolve against the same library.",
-      example: `<img src="{{ asset('logo.png') }}">`,
+      examples: {
+        jinja2: `<img src="{{ asset('logo.png') }}">`,
+        liquid: `<img src="{{ 'logo.png' | asset }}">`,
+        handlebars: `<img src="{{asset 'logo.png'}}">`
+      },
       category: "document"
     },
     fn: (ctx, name) => `${(ctx.assetBaseUrl ?? "").replace(/\/$/, "")}/${str(name).replace(/^\//, "")}`
@@ -486,128 +806,17 @@ var formatHelpers = [
     doc: {
       signature: "pageBreak()",
       description: "Starts a new page in PDF output.",
-      example: "{{ pageBreak() }}",
+      examples: {
+        jinja2: "{{ pageBreak() }}",
+        liquid: "{{ '' | pageBreak }}",
+        handlebars: "{{pageBreak}}"
+      },
       category: "document"
     },
     fn: (ctx) => ctx.drawing ? ctx.drawing({ kind: "page-break" }) : '<div class="page-break" style="break-after:page"></div>'
   }
 ];
 
-// packages/engine/src/lib/helpers/codes.ts
-var svgDataUri = (svg) => `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
-var barcodeTypes = {
-  code128: "code128",
-  ean13: "ean13",
-  ean8: "ean8",
-  upc: "upca",
-  upca: "upca",
-  itf14: "itf14",
-  code39: "code39",
-  qrcode: "qrcode",
-  datamatrix: "datamatrix",
-  pdf417: "pdf417"
-};
-function qrSvg(value, options = {}) {
-  const qr = createQr(value, { errorCorrectionLevel: options.ecc ?? "M" });
-  const svg = renderQrSvg(qr, {
-    width: options.size ?? 160,
-    margin: options.margin ?? 1,
-    color: {
-      dark: (options.color ?? "#000000").replace(/^(#?)/, "#").slice(0, 9),
-      light: (options.background ?? "#ffffff").replace(/^(#?)/, "#")
-    }
-  });
-  return svg;
-}
-function epcPayload(input) {
-  const amount = input.amount === void 0 || input.amount === "" ? "" : `EUR${toNumber(input.amount).toFixed(2)}`;
-  return [
-    "BCD",
-    "002",
-    "1",
-    "SCT",
-    (input.bic ?? "").replace(/\s/g, ""),
-    String(input.name ?? "").slice(0, 70),
-    String(input.iban ?? "").replace(/\s/g, ""),
-    amount,
-    (input.purpose ?? "").slice(0, 4),
-    (input.reference ?? "").slice(0, 35),
-    input.reference ? "" : (input.text ?? "").slice(0, 140),
-    ""
-  ].join("\n");
-}
-var codeHelpers = [
-  {
-    name: "qrcode",
-    aliases: ["qr"],
-    doc: {
-      signature: "qrcode(value, { size = 160, ecc = 'M', margin = 1, color, background })",
-      description: "QR code as an SVG data URI for an <img> src.",
-      example: '<img src="{{ qrcode(order.url, { size: 120 }) }}">',
-      category: "code"
-    },
-    fn: (ctx, value, options) => {
-      const o = options ?? {};
-      const svg = qrSvg(String(value ?? ""), o);
-      if (ctx.drawing) return ctx.drawing({ kind: "svg", svg, width: o.size, height: o.size, alt: "QR code" });
-      return svgDataUri(svg);
-    }
-  },
-  {
-    name: "barcode",
-    doc: {
-      signature: "barcode(value, { type = 'code128', height = 12, width, text = true, scale = 2 })",
-      description: "Barcode (code128, ean13, ean8, upc, itf14, code39, datamatrix, pdf417) as an SVG data URI.",
-      example: `<img src="{{ barcode(item.sku, { type: 'code128' }) }}">`,
-      category: "code"
-    },
-    fn: (ctx, value, options) => {
-      const o = options ?? {};
-      const bcid = barcodeTypes[String(o.type ?? "code128").toLowerCase()] ?? "code128";
-      const svg = toSVG({
-        bcid,
-        text: String(value ?? ""),
-        height: o.height ?? 12,
-        ...o.width === void 0 ? {} : { width: o.width },
-        scale: o.scale ?? 2,
-        includetext: o.text !== false,
-        textxalign: "center"
-      });
-      if (ctx.drawing) return ctx.drawing({ kind: "svg", svg, alt: `Barcode ${String(value ?? "")}` });
-      return svgDataUri(svg);
-    }
-  },
-  {
-    name: "epcQr",
-    aliases: ["epc_qr", "girocode"],
-    doc: {
-      signature: "epcQr({ name, iban, bic?, amount?, reference?, text? }, { size })",
-      description: "SEPA credit transfer QR code (EPC069-12 / GiroCode) that banking apps scan to prefill a payment.",
-      example: '<img src="{{ epcQr({ name: company.name, iban: company.iban, amount: invoice.total, reference: invoice.number }) }}">',
-      category: "code"
-    },
-    // Payment fields and QR options may arrive together: Jinja2 passes two objects, Handlebars one
-    // hash (`{{epcQr name=… iban=… size=200}}`), and Liquid, which cannot build an object literal,
-    // keyword arguments (`{{ company.iban | epcQr: name: company.name, amount: invoice.total }}`,
-    // where a string input is the IBAN). They are merged and split by field name.
-    fn: (ctx, input, options) => {
-      const fields = {
-        ...input && typeof input === "object" ? input : typeof input === "string" && input ? { iban: input } : {},
-        ...options ?? {}
-      };
-      const payment = {};
-      const qr = {};
-      for (const [key, value] of Object.entries(fields))
-        (EPC_FIELDS.has(key) ? payment : qr)[key] = value;
-      const o = { ecc: "M", ...qr };
-      const svg = qrSvg(epcPayload(payment), o);
-      if (ctx.drawing) return ctx.drawing({ kind: "svg", svg, width: o.size, height: o.size, alt: "GiroCode" });
-      return svgDataUri(svg);
-    }
-  }
-];
-var EPC_FIELDS = /* @__PURE__ */ new Set(["name", "iban", "bic", "amount", "reference", "text", "purpose"]);
-
 // packages/engine/src/lib/helpers/collections.ts
 var list = (v) => Array.isArray(v) ? v : v === void 0 || v === null ? [] : [v];
 var get = (item, path) => String(path ?? "").split(".").filter(Boolean).reduce(
@@ -621,7 +830,11 @@ var collectionHelpers = [
     doc: {
       signature: "sum(list, path?)",
       description: "Sum of the items, or of `path` inside each item.",
-      example: "{{ invoice.lines | sum('total') | money }}",
+      examples: {
+        jinja2: "{{ invoice.lines | sum('total') | money }}",
+        liquid: "{{ invoice.lines | sum: 'total' | money }}",
+        handlebars: "{{money (sum invoice.lines 'total')}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value, path) => numbers(value, path).reduce((a, b) => a + b, 0)
@@ -631,7 +844,11 @@ var collectionHelpers = [
     doc: {
       signature: "avg(list, path?)",
       description: "Average of the items or of `path` inside each item.",
-      example: "{{ scores | avg | number(1) }}",
+      examples: {
+        jinja2: "{{ scores | avg | number(1) }}",
+        liquid: "{{ scores | avg | number: 1 }}",
+        handlebars: "{{number (avg scores) 1}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value, path) => {
@@ -644,7 +861,11 @@ var collectionHelpers = [
     doc: {
       signature: "min(list, path?)",
       description: "Smallest number.",
-      example: "{{ prices | min }}",
+      examples: {
+        jinja2: "{{ prices | min }}",
+        liquid: "{{ prices | min }}",
+        handlebars: "{{min prices}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value, path) => Math.min(...numbers(value, path))
@@ -654,7 +875,11 @@ var collectionHelpers = [
     doc: {
       signature: "max(list, path?)",
       description: "Largest number.",
-      example: "{{ prices | max }}",
+      examples: {
+        jinja2: "{{ prices | max }}",
+        liquid: "{{ prices | max }}",
+        handlebars: "{{max prices}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value, path) => Math.max(...numbers(value, path))
@@ -665,7 +890,11 @@ var collectionHelpers = [
     doc: {
       signature: "groupBy(list, path)",
       description: "Groups items by a field; returns a list of `{ key, items }`.",
-      example: "{% for group in lines | groupBy('category') %}{{ group.key }}{% endfor %}",
+      examples: {
+        jinja2: "{% for group in lines | groupBy('category') %}{{ group.key }}{% endfor %}",
+        liquid: "{% assign groups = lines | groupBy: 'category' %}{% for group in groups %}{{ group.key }}{% endfor %}",
+        handlebars: "{{#each (groupBy lines 'category')}}{{key}}{{/each}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value, path) => {
@@ -683,7 +912,11 @@ var collectionHelpers = [
     doc: {
       signature: "sortBy(list, path?, direction = 'asc')",
       description: "Sorts items by a field (numbers numerically, strings by locale).",
-      example: "{% for l in lines | sortBy('position') %}",
+      examples: {
+        jinja2: "{% for l in lines | sortBy('position') %}{{ l.sku }}{% endfor %}",
+        liquid: "{% assign sorted = lines | sortBy: 'position' %}{% for l in sorted %}{{ l.sku }}{% endfor %}",
+        handlebars: "{{#each (sortBy lines 'position')}}{{sku}}{{/each}}"
+      },
       category: "collection"
     },
     fn: (ctx, value, path, direction) => {
@@ -704,7 +937,11 @@ var collectionHelpers = [
     doc: {
       signature: "where(list, path, value?)",
       description: "Keeps items whose field equals `value` (or is truthy when omitted).",
-      example: "{% for l in lines | where('taxable', true) %}",
+      examples: {
+        jinja2: "{% for l in lines | where('taxable', true) %}{{ l.sku }}{% endfor %}",
+        liquid: "{% assign taxable = lines | where: 'taxable', true %}{% for l in taxable %}{{ l.sku }}{% endfor %}",
+        handlebars: "{{#each (where lines 'taxable' true)}}{{sku}}{{/each}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value, path, expected) => list(value).filter((item) => {
@@ -718,7 +955,11 @@ var collectionHelpers = [
     doc: {
       signature: "pluck(list, path)",
       description: "Extracts one field from every item.",
-      example: "{{ lines | pluck('sku') | join(', ') }}",
+      examples: {
+        jinja2: "{{ lines | pluck('sku') | join(', ') }}",
+        liquid: "{{ lines | pluck: 'sku' | join: ', ' }}",
+        handlebars: "{{join (pluck lines 'sku') ', '}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value, path) => list(value).map((item) => get(item, path))
@@ -729,7 +970,11 @@ var collectionHelpers = [
     doc: {
       signature: "chunk(list, size)",
       description: "Splits a list into lists of `size` items (rows of labels, columns).",
-      example: "{% for row in labels | chunk(3) %}",
+      examples: {
+        jinja2: "{% for row in labels | chunk(3) %}{{ row | join(', ') }}{% endfor %}",
+        liquid: "{% assign rows = labels | chunk: 3 %}{% for row in rows %}{{ row | join: ', ' }}{% endfor %}",
+        handlebars: "{{#each (chunk labels 3)}}{{join this ', '}}{{/each}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value, size) => {
@@ -745,7 +990,11 @@ var collectionHelpers = [
     doc: {
       signature: "range(start, end?, step = 1)",
       description: "List of numbers from start to end (exclusive).",
-      example: "{% for i in range(1, 4) %}",
+      examples: {
+        jinja2: "{% for i in range(1, 4) %}{{ i }}{% endfor %}",
+        liquid: "{% assign nums = 1 | range: 4 %}{% for i in nums %}{{ i }}{% endfor %}",
+        handlebars: "{{#each (range 1 4)}}{{this}}{{/each}}"
+      },
       category: "collection"
     },
     fn: (_ctx, start, end, step) => {
@@ -763,7 +1012,11 @@ var collectionHelpers = [
     doc: {
       signature: "first(list)",
       description: "First item.",
-      example: "{{ lines | first }}",
+      examples: {
+        jinja2: "{{ tags | first }}",
+        liquid: "{{ tags | first }}",
+        handlebars: "{{first tags}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value) => list(value)[0]
@@ -773,7 +1026,11 @@ var collectionHelpers = [
     doc: {
       signature: "last(list)",
       description: "Last item.",
-      example: "{{ lines | last }}",
+      examples: {
+        jinja2: "{{ tags | last }}",
+        liquid: "{{ tags | last }}",
+        handlebars: "{{last tags}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value) => list(value).at(-1)
@@ -784,7 +1041,11 @@ var collectionHelpers = [
     doc: {
       signature: "length(value)",
       description: "Number of items in a list, keys in an object or characters in a string.",
-      example: "{{ lines | length }}",
+      examples: {
+        jinja2: "{{ lines | length }}",
+        liquid: "{{ lines | length }}",
+        handlebars: "{{length lines}}"
+      },
       category: "collection"
     },
     fn: (_ctx, value) => Array.isArray(value) || typeof value === "string" ? value.length : value && typeof value === "object" ? Object.keys(value).length : 0
@@ -860,7 +1121,11 @@ var documentHelpers = [
     doc: {
       signature: "chart({ type, labels, values, label, color } | { type, labels, series } | { type, data, options }, { width, height })",
       description: "Draws a Chart.js chart (bar, line, pie, doughnut, radar, \u2026) from plain data, `labels` with `values` or several `series` of `{ label, values, color }`, or from a full Chart.js `data` and `options`; animations are disabled so PDF and preview match.",
-      example: "{{ chart({ type: 'line', labels: ['Q1', 'Q2', 'Q3'], values: sales.quarters, width: 480 }) }}",
+      examples: {
+        jinja2: "{{ chart({ type: 'line', labels: sales.labels, values: sales.quarters, width: 480 }) }}",
+        liquid: "{{ '' | chart: type: 'line', labels: sales.labels, values: sales.quarters, width: 480 }}",
+        handlebars: "{{chart type='line' labels=sales.labels values=sales.quarters width=480}}"
+      },
       category: "document"
     },
     fn: (ctx, spec, extra) => {
@@ -874,7 +1139,11 @@ var documentHelpers = [
     doc: {
       signature: "image(url, { width, height, fit, alt })",
       description: "Places an image with fixed size and crop mode (`cover`, `contain`, `fill`); the render-worker fetches it through its cache and blocks private hosts.",
-      example: "{{ image(product.photo, { width: 120, height: 80, fit: 'cover' }) }}",
+      examples: {
+        jinja2: "{{ image(product.photo, { width: 120, height: 80, fit: 'cover' }) }}",
+        liquid: "{{ product.photo | image: width: 120, height: 80, fit: 'cover' }}",
+        handlebars: "{{image product.photo width=120 height=80 fit='cover'}}"
+      },
       category: "document"
     },
     fn: (ctx, url, options) => {
@@ -900,7 +1169,12 @@ var comparison = (name, test, description) => ({
   doc: {
     signature: `${name}(a, b)`,
     description,
-    example: `{{#if (${name} invoice.total 1000)}}\u2026{{/if}}`,
+    examples: {
+      jinja2: `{% if ${name}(invoice.total, 1000) %}\u2026{% endif %}`,
+      // Liquid takes no filter in a condition, so the comparison is assigned first
+      liquid: `{% assign hit = invoice.total | ${name}: 1000 %}{% if hit %}\u2026{% endif %}`,
+      handlebars: `{{#if (${name} invoice.total 1000)}}\u2026{{/if}}`
+    },
     category: "logic"
   },
   fn: (_ctx, a, b) => test(a, b)
@@ -917,7 +1191,12 @@ var logicHelpers = [
     doc: {
       signature: "and(a, b, \u2026)",
       description: "True when every value is true; an empty list counts as false.",
-      example: '{{#if (and customer.vatId (eq country "DE"))}}\u2026{{/if}}',
+      examples: {
+        jinja2: "{% if and(customer.vatId, eq(country, 'DE')) %}\u2026{% endif %}",
+        // nesting one comparison in another needs its own assignment in Liquid
+        liquid: "{% assign german = country | eq: 'DE' %}{% assign both = customer.vatId | and: german %}{% if both %}\u2026{% endif %}",
+        handlebars: "{{#if (and customer.vatId (eq country 'DE'))}}\u2026{{/if}}"
+      },
       category: "logic"
     },
     fn: (_ctx, ...values) => values.length > 0 && values.every(truthy)
@@ -927,7 +1206,11 @@ var logicHelpers = [
     doc: {
       signature: "or(a, b, \u2026)",
       description: "True when any value is true.",
-      example: "{{#if (or invoice.paid invoice.credited)}}\u2026{{/if}}",
+      examples: {
+        jinja2: "{% if or(invoice.paid, invoice.credited) %}\u2026{% endif %}",
+        liquid: "{% assign any = invoice.paid | or: invoice.credited %}{% if any %}\u2026{% endif %}",
+        handlebars: "{{#if (or invoice.paid invoice.credited)}}\u2026{{/if}}"
+      },
       category: "logic"
     },
     fn: (_ctx, ...values) => values.some(truthy)
@@ -937,7 +1220,11 @@ var logicHelpers = [
     doc: {
       signature: "not(value)",
       description: "The opposite truth value.",
-      example: "{{#if (not invoice.paid)}}\u2026{{/if}}",
+      examples: {
+        jinja2: "{% if invoice.paid | not %}\u2026{% endif %}",
+        liquid: "{% assign unpaid = invoice.paid | not %}{% if unpaid %}\u2026{% endif %}",
+        handlebars: "{{#if (not invoice.paid)}}\u2026{{/if}}"
+      },
       category: "logic"
     },
     fn: (_ctx, value) => !truthy(value)
@@ -1010,7 +1297,9 @@ function helperDocs(registry = defaultHelpers()) {
   return [...registry.definitions.values()].map((d) => ({
     name: d.name,
     aliases: d.aliases ?? [],
-    ...d.doc
+    ...d.doc,
+    // derived rather than authored, so the old field cannot drift from `examples`
+    example: d.doc.examples.jinja2
   }));
 }
 
@@ -1132,6 +1421,7 @@ function scanBlocks(source, spec) {
           severity: "error",
           code: "unexpected-end-tag",
           message: `Unexpected {% ${keyword} %} without an open block`,
+          args: { keyword },
           range
         });
       } else if (top.keyword !== expected) {
@@ -1139,6 +1429,7 @@ function scanBlocks(source, spec) {
           severity: "error",
           code: "mismatched-end-tag",
           message: `Expected {% end${top.keyword} %} to close the {% ${top.keyword} %} at line ${top.block.open.start.line}, found {% ${keyword} %}`,
+          args: { open: top.keyword, line: top.block.open.start.line, found: keyword },
           range
         });
         const idx = stack.map((s) => s.keyword).lastIndexOf(expected);
@@ -1155,6 +1446,7 @@ function scanBlocks(source, spec) {
         severity: "error",
         code: "unexpected-tag",
         message: `{% ${keyword} %} outside of a block`,
+        args: { keyword },
         range
       });
     }
@@ -1164,6 +1456,7 @@ function scanBlocks(source, spec) {
       severity: "error",
       code: "unclosed-block",
       message: `{% ${open.keyword} %} is never closed; add {% end${open.keyword} %}`,
+      args: { keyword: open.keyword },
       range: open.block.open
     });
   }
@@ -1218,6 +1511,7 @@ function missingPathDiagnostics(variables, sampleData, loopSources, builtinRoots
         severity: "warning",
         code: "unknown-variable",
         message: `"${v.path.join(".")}" is not present in the sample data`,
+        args: { name: v.path.join(".") },
         range: v.range
       });
     }
@@ -1468,6 +1762,7 @@ function analyzeHandlebars(source, opts = {}) {
         severity: "warning",
         code: "deprecated-filter",
         message: `"${f.name}" is a compatibility alias; use "${preferred}"`,
+        args: { name: f.name, preferred },
         range: f.range,
         fix: { title: `Rename to ${preferred}`, replacement: preferred }
       });
@@ -1483,6 +1778,7 @@ function analyzeHandlebars(source, opts = {}) {
         severity: "error",
         code: "unknown-filter",
         message: `Unknown helper "${f.name}"`,
+        args: { name: f.name, kind: "helper" },
         range: f.range
       });
     }
@@ -2277,6 +2573,7 @@ function analyzeJinja2(source, opts = {}) {
         severity: "warning",
         code: "deprecated-filter",
         message: `"${f.name}" is an apitemplate.io compatibility alias; use "${preferred}"`,
+        args: { name: f.name, preferred },
         range: f.range,
         fix: { title: `Rename to ${preferred}`, replacement: preferred }
       });
@@ -2292,6 +2589,7 @@ function analyzeJinja2(source, opts = {}) {
         severity: "error",
         code: "unknown-filter",
         message: `Unknown filter or helper "${f.name}"`,
+        args: { name: f.name, kind: "filter-or-helper" },
         range: f.range
       });
     }
@@ -2692,6 +2990,7 @@ function analyzeLiquid(source, opts = {}) {
         severity: "warning",
         code: "deprecated-filter",
         message: `"${f.name}" is a compatibility alias; use "${preferred}"`,
+        args: { name: f.name, preferred },
         range: f.range,
         fix: { title: `Rename to ${preferred}`, replacement: preferred }
       });
@@ -2707,6 +3006,7 @@ function analyzeLiquid(source, opts = {}) {
         severity: "error",
         code: "unknown-filter",
         message: `Unknown filter "${f.name}"`,
+        args: { name: f.name, kind: "filter" },
         range: f.range
       });
     }
@@ -3442,7 +3742,7 @@ ${loop(e, "line", "invoice.lines", `    <tr><td>${val(e, "line.description")}</t
       invoice: { due_date: "2026-10-13" },
       payment: {
         name: "Fennlor Studio GmbH",
-        iban: "DE00000000000000000000",
+        iban: "DE36000000000000000000",
         bic: "XXXXDEXXXXX",
         amount: 3760.4,
         reference: "2026-0042"
@@ -3629,7 +3929,7 @@ ${loop(e, "line", "invoice.lines", `    <tr><td>${val(e, "line.description")}</t
     sampleData: {
       payment: {
         name: "Fennlor Studio GmbH",
-        iban: "DE00000000000000000000",
+        iban: "DE36000000000000000000",
         bic: "XXXXDEXXXXX",
         amount: 3760.4,
         reference: "2026-0042"
@@ -5239,6 +5539,58 @@ var pageNavScript = `<script>
   }, { passive: true });
 })();
 </script>`;
+function overflowScript(mode) {
+  return `<script>
+(function () {
+  var clipped = function (el, stop) {
+    for (var p = el.parentElement; p && p !== stop; p = p.parentElement)
+      if (getComputedStyle(p).overflowX !== 'visible') return true;
+    return false;
+  };
+  var measure = function () {
+    try {
+      var boxes = ${mode === "paged" ? "document.querySelectorAll('.pagedjs_page_content')" : "[document.body]"};
+      var worst = null;
+      for (var i = 0; i < boxes.length; i++) {
+        var box = boxes[i], rect = box.getBoundingClientRect(), style = getComputedStyle(box);
+        var left = rect.left + parseFloat(style.paddingLeft || '0') + parseFloat(style.borderLeftWidth || '0');
+        var right = rect.right - parseFloat(style.paddingRight || '0') - parseFloat(style.borderRightWidth || '0');
+        if (right - left <= 0) continue;
+        var all = box.querySelectorAll('*');
+        for (var j = 0; j < all.length; j++) {
+          var el = all[j];
+          // Paged.js wraps each page's content in a div of its own that spans its layout columns
+          if (${mode === "paged"} && el.parentElement === box && !el.className) continue;
+          if (el.closest('.formfeed-chrome, .ff-running-header, .ff-running-footer, script, style, head')) continue;
+          var over = el.getBoundingClientRect().right - right;
+          if (over <= 1 || (worst && over <= worst.over)) continue;
+          if (getComputedStyle(el).position === 'fixed' || clipped(el, box)) continue;
+          worst = { over: over, width: right - left, el: el };
+        }
+      }
+      var overflow = null;
+      if (worst) {
+        var ref = document.createElement('div');
+        ref.style.cssText = 'position:absolute;visibility:hidden;width:100mm;height:0';
+        document.body.appendChild(ref);
+        var pxPerMm = ref.getBoundingClientRect().width / 100 || 1;
+        ref.remove();
+        var annotated = worst.el.closest('[data-ff-src]');
+        overflow = {
+          overflowMm: Math.round((worst.over / pxPerMm) * 10) / 10,
+          scale: Math.round((worst.width / (worst.width + worst.over)) * 1000) / 1000,
+          tag: worst.el.tagName.toLowerCase(),
+          src: annotated ? annotated.getAttribute('data-ff-src') : null,
+        };
+      }
+      parent.postMessage({ type: 'formfeed:overflow', overflow: overflow }, '*');
+    } catch (e) {}
+  };
+  window.formfeedCheckOverflow = measure;
+  ${mode === "flow" ? "window.addEventListener('load', function () { (document.fonts ? document.fonts.ready : Promise.resolve()).then(measure); });" : ""}
+})();
+</script>`;
+}
 var zoomGestureScript = `<script>
 (function () {
   var say = function (message) { try { parent.postMessage(message, '*'); } catch (e) {} };
@@ -5285,7 +5637,7 @@ body.formfeed-preview { position: relative; box-sizing: border-box; width: ${pap
 </style>` : `<style data-formfeed="preview">html { background: #e5e7eb; } body.formfeed-preview { margin: 24px auto; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); }</style>`;
   const header = headerHtml ? `<div class="formfeed-chrome" style="${pdf ? flowChromeStyle(settings, "header") : `${chromeBoxStyle(settings, "header")}margin-bottom:8px`}">${headerHtml}</div>` : "";
   const footer = footerHtml ? `<div class="formfeed-chrome" style="${pdf ? flowChromeStyle(settings, "footer") : `${chromeBoxStyle(settings, "footer")}margin-top:8px`}">${pageNumberSpans(footerHtml, "1", "1")}</div>` : "";
-  return intoHead(draft.document, `${chrome}${inspectScript}${zoomGestureScript}`).replace(/(<body[^>]*>)/, `$1${header}`).replace("</body>", `${footer}</body>`);
+  return intoHead(draft.document, `${chrome}${inspectScript}${zoomGestureScript}${pdf ? overflowScript("flow") : ""}`).replace(/(<body[^>]*>)/, `$1${header}`).replace("</body>", `${footer}</body>`);
 }
 function pagedDocument(draft, options) {
   const { headerHtml, footerHtml, settings } = draft;
@@ -5307,13 +5659,13 @@ html { background: #e5e7eb; }
 `;
   const selectorGuard = `<script>(function(){var q=DocumentFragment.prototype.querySelectorAll;DocumentFragment.prototype.querySelectorAll=function(s){try{return q.call(this,s);}catch(e){console.warn('formfeed paged preview: skipped a selector Paged.js could not use:',s);return q.call(this,':not(*)');}};})();</script>`;
   const boxSizingGuard = `<script>(function(){var rule='.pagedjs_pagebox *';var o=new MutationObserver(function(ms){ms.forEach(function(m){m.addedNodes.forEach(function(n){if(n.nodeName==='STYLE'&&n.textContent&&n.textContent.indexOf(rule)>=0){n.textContent=n.textContent.split(rule).join('.pagedjs_pagebox [class*="pagedjs_"]');o.disconnect();}});});});o.observe(document.documentElement,{childList:true,subtree:true});})();</script>`;
-  const config = `<script>window.PagedConfig = { auto: true, after: function (flow) { try { if (window.formfeedDrawCharts) window.formfeedDrawCharts(); } catch (e) {} try { parent.postMessage({ type: 'formfeed:pages', pages: flow.total }, '*'); } catch (e) {} } };</script>`;
+  const config = `<script>window.PagedConfig = { auto: true, after: function (flow) { try { if (window.formfeedDrawCharts) window.formfeedDrawCharts(); } catch (e) {} try { parent.postMessage({ type: 'formfeed:pages', pages: flow.total }, '*'); } catch (e) {} if (window.formfeedCheckOverflow) window.formfeedCheckOverflow(); } };</script>`;
   const script = `<script src="${options.pagedScriptUrl}"></script>`;
   const header = headerHtml ? `<div class="ff-running-header">${pageNumberSpans(headerHtml, '<span class="ff-page-no"></span>', '<span class="ff-page-total"></span>')}</div>` : "";
   const footer = footerHtml ? `<div class="ff-running-footer">${pageNumberSpans(footerHtml, '<span class="ff-page-no"></span>', '<span class="ff-page-total"></span>')}</div>` : "";
   return intoHead(
     draft.document,
-    `<style data-formfeed="paged">${runningCss}</style>${selectorGuard}${boxSizingGuard}${config}${script}${inspectScript}${pageNavScript}${zoomGestureScript}`
+    `<style data-formfeed="paged">${runningCss}</style>${selectorGuard}${boxSizingGuard}${overflowScript("paged")}${config}${script}${inspectScript}${pageNavScript}${zoomGestureScript}`
   ).replace(/(<body[^>]*>)/, `$1${header}${footer}`);
 }
 
@@ -8464,6 +8816,7 @@ function starterPresentation(engine) {
 export {
   DEFAULT_CHROME_PADDING,
   DefaultHelperRegistry,
+  EPC_MAX_BYTES,
   EngineSyntaxError,
   OFFICE_FILLED_MAX_BYTES,
   OfficeTemplateError,
@@ -8500,6 +8853,7 @@ export {
   getEngine,
   handlebarsEngine,
   helperDocs,
+  ibanChecksum,
   imageMarkup,
   imageOutput,
   importApitemplate,
@@ -8524,6 +8878,7 @@ export {
   mergeSettings,
   mergeSnippetCss,
   mergeSnippetI18n,
+  normaliseIban,
   normalisePartialName,
   nunjucksBuiltinFilters,
   officeDrawingLimits,
@@ -8554,7 +8909,9 @@ export {
   starterDocument,
   starterPresentation,
   strftimeToDateFns,
+  svgDataUri,
   toDate,
   toNumber,
+  validateEpc,
   zoomGestureScript
 };