@formfeed/engine 0.3.10 → 0.3.11

package/index.js

@@ -182,11 +182,11 @@ function validateEpc(input) {
   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" });
+  const text2 = String(input.text ?? "").trim();
+  if (reference && text2) 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 });
+  if (text2.length > 140) problems.push({ field: "text", code: "too_long", max: 140, actual: text2.length });
   const bytes = byteLength(epcPayload(input));
   if (bytes > EPC_MAX_BYTES)
     problems.push({ field: "payload", code: "too_long", max: EPC_MAX_BYTES, actual: bytes });
@@ -222,6 +222,12 @@ var barcodeTypes = {
   datamatrix: "datamatrix",
   pdf417: "pdf417"
 };
+var ownTextLayout = /* @__PURE__ */ new Set(["ean13", "ean8", "upca"]);
+function codeText(helper, value) {
+  const text2 = value === void 0 || value === null ? "" : String(value);
+  if (text2 === "") throw new Error(`${helper}: nothing to encode, the value is empty or missing from the data`);
+  return text2;
+}
 var codeHelpers = [
   {
     name: "qrcode",
@@ -238,7 +244,7 @@ var codeHelpers = [
     },
     fn: (ctx, value, options) => {
       const o = options ?? {};
-      const svg = qrSvg(String(value ?? ""), o);
+      const svg = qrSvg(codeText("qrcode", value), o);
       if (ctx.drawing) return ctx.drawing({ kind: "svg", svg, width: o.size, height: o.size, alt: "QR code" });
       return svgDataUri(svg);
     }
@@ -258,16 +264,17 @@ var codeHelpers = [
     fn: (ctx, value, options) => {
       const o = options ?? {};
       const bcid = barcodeTypes[String(o.type ?? "code128").toLowerCase()] ?? "code128";
+      const text2 = codeText("barcode", value);
       const svg = toSVG({
         bcid,
-        text: String(value ?? ""),
+        text: text2,
         height: o.height ?? 12,
         ...o.width === void 0 ? {} : { width: o.width },
         scale: o.scale ?? 2,
         includetext: o.text !== false,
-        textxalign: "center"
+        ...ownTextLayout.has(bcid) ? {} : { textxalign: "center" }
       });
-      if (ctx.drawing) return ctx.drawing({ kind: "svg", svg, alt: `Barcode ${String(value ?? "")}` });
+      if (ctx.drawing) return ctx.drawing({ kind: "svg", svg, alt: `Barcode ${text2}` });
       return svgDataUri(svg);
     }
   },
@@ -318,6 +325,22 @@ import { toCardinal as frWords } from "n2words/fr";
 import { toCardinal as itWords } from "n2words/it";
 import { toCardinal as nlWords } from "n2words/nl";
 
+// packages/engine/src/lib/translation.ts
+function resolveTranslation(dictionaries, locale, key) {
+  const lang = locale.split("-")[0] ?? locale;
+  for (const candidate of [locale, lang, "en"]) {
+    const text2 = dictionaries?.[candidate]?.[key];
+    if (typeof text2 === "string") return { text: text2, from: candidate };
+  }
+  return { text: key, from: null };
+}
+function translationTarget(dictionaries, locale, key) {
+  const lang = locale.split("-")[0] ?? locale;
+  const { from } = resolveTranslation(dictionaries, locale, key);
+  if (from === locale || from === lang) return from;
+  return dictionaries?.[locale] ? locale : lang;
+}
+
 // packages/engine/src/lib/helpers/office.ts
 var officeUnsupportedHelpers = /* @__PURE__ */ new Set(["chart", "markdown"]);
 function officeUnsupported(name) {
@@ -362,7 +385,9 @@ 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`);
+    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,
@@ -540,13 +565,20 @@ var formatHelpers = [
       if (Number.isNaN(n)) return "";
       const named = args.find(isNamedArgs) ?? {};
       const [decimals, method] = args.filter((a) => !isNamedArgs(a));
-      const places = Number(opt(decimals, opt(named["precision"], opt(named["decimals"], 0))));
+      const places = Number(
+        opt(decimals, opt(named["precision"], opt(named["decimals"], 0)))
+      );
       const how = String(opt(method, opt(named["method"], "common")));
       const f = 10 ** places;
       const scaled = Number((Math.abs(n) * f).toPrecision(15));
-      if (how === "floor") return (n < 0 ? -Math.ceil(scaled) : Math.floor(scaled)) / f;
-      if (how === "ceil") return (n < 0 ? -Math.floor(scaled) : Math.ceil(scaled)) / f;
-      if (how !== "common") throw new Error(`round: method must be 'common', 'floor' or 'ceil', not '${how}'`);
+      if (how === "floor")
+        return (n < 0 ? -Math.ceil(scaled) : Math.floor(scaled)) / f;
+      if (how === "ceil")
+        return (n < 0 ? -Math.floor(scaled) : Math.ceil(scaled)) / f;
+      if (how !== "common")
+        throw new Error(
+          `round: method must be 'common', 'floor' or 'ceil', not '${how}'`
+        );
       return Math.round(scaled + Number.EPSILON) / f * Math.sign(n);
     }
   },
@@ -778,11 +810,9 @@ var formatHelpers = [
       category: "text"
     },
     fn: (ctx, key, params) => {
-      const dictionaries = ctx.i18n ?? {};
-      const lang = ctx.locale.split("-")[0] ?? ctx.locale;
-      const text = dictionaries[ctx.locale]?.[str(key)] ?? dictionaries[lang]?.[str(key)] ?? dictionaries["en"]?.[str(key)] ?? str(key);
+      const { text: text2 } = resolveTranslation(ctx.i18n, ctx.locale, str(key));
       const p = params ?? {};
-      return text.replace(/\{(\w+)\}/g, (_, name) => str(p[name]));
+      return text2.replace(/\{(\w+)\}/g, (_, name) => str(p[name]));
     }
   },
   {
@@ -1107,8 +1137,8 @@ function imageMarkup(url, options = {}) {
     options.fit ? `object-fit:${options.fit}` : ""
   ].filter(Boolean).join(";");
   const cls = options.class ? ` class="${escapeHtml(options.class)}"` : "";
-  const style = styles ? ` style="${styles}"` : "";
-  return `<img src="${escapeHtml(url)}" alt="${escapeHtml(options.alt ?? "")}"${cls}${style}>`;
+  const style2 = styles ? ` style="${styles}"` : "";
+  return `<img src="${escapeHtml(url)}" alt="${escapeHtml(options.alt ?? "")}"${cls}${style2}>`;
 }
 function resolveAsset(base, url) {
   if (!base || /^[a-z][a-z0-9+.-]*:/i.test(url)) return url;
@@ -1396,11 +1426,11 @@ function scanBlocks(source, spec) {
   while (m = pattern.exec(source)) {
     const keyword = m[1] ?? "";
     const rest = m[2] ?? "";
-    const range = rangeOf(source, m.index, m.index + m[0].length);
+    const range2 = rangeOf(source, m.index, m.index + m[0].length);
     if (inRaw) {
       if (spec.closers[keyword] === inRaw) {
-        const open = stack.pop();
-        if (open) open.block.close = range;
+        const open2 = stack.pop();
+        if (open2) open2.block.close = range2;
         inRaw = null;
       }
       continue;
@@ -1408,7 +1438,7 @@ function scanBlocks(source, spec) {
     if (isBlockOpener(keyword, rest)) {
       const block = {
         type: spec.openers[keyword] ?? "other",
-        open: range
+        open: range2
       };
       blocks.push(block);
       stack.push({ keyword, block });
@@ -1422,7 +1452,7 @@ function scanBlocks(source, spec) {
           code: "unexpected-end-tag",
           message: `Unexpected {% ${keyword} %} without an open block`,
           args: { keyword },
-          range
+          range: range2
         });
       } else if (top.keyword !== expected) {
         diagnostics.push({
@@ -1430,16 +1460,16 @@ function scanBlocks(source, spec) {
           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
+          range: range2
         });
         const idx = stack.map((s) => s.keyword).lastIndexOf(expected);
         if (idx >= 0) {
           const closed = stack.splice(idx, 1)[0];
-          if (closed) closed.block.close = range;
+          if (closed) closed.block.close = range2;
         }
       } else {
         stack.pop();
-        top.block.close = range;
+        top.block.close = range2;
       }
     } else if (spec.continuations.includes(keyword) && !stack.length) {
       diagnostics.push({
@@ -1447,17 +1477,17 @@ function scanBlocks(source, spec) {
         code: "unexpected-tag",
         message: `{% ${keyword} %} outside of a block`,
         args: { keyword },
-        range
+        range: range2
       });
     }
   }
-  for (const open of stack) {
+  for (const open2 of stack) {
     diagnostics.push({
       severity: "error",
       code: "unclosed-block",
-      message: `{% ${open.keyword} %} is never closed; add {% end${open.keyword} %}`,
-      args: { keyword: open.keyword },
-      range: open.block.open
+      message: `{% ${open2.keyword} %} is never closed; add {% end${open2.keyword} %}`,
+      args: { keyword: open2.keyword },
+      range: open2.block.open
     });
   }
   return { blocks, diagnostics };
@@ -1889,8 +1919,8 @@ var SPEC = /^(?:([\s\S])?([<>=^]))?([+\- ])?(#)?(0)?(\d+)?([,_])?(?:\.(\d+))?([b
 function group(digits, separator) {
   return digits.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
 }
-function pythonExponent(text) {
-  return text.replace(/e([+-])(\d)$/i, (m, sign, digit) => `${m[0]}${sign}0${digit}`);
+function pythonExponent(text2) {
+  return text2.replace(/e([+-])(\d)$/i, (m, sign, digit) => `${m[0]}${sign}0${digit}`);
 }
 function formatNumber(value, type, precision, alternate) {
   if (!Number.isFinite(value)) return Number.isNaN(value) ? "nan" : "inf";
@@ -1903,20 +1933,20 @@ function formatNumber(value, type, precision, alternate) {
       return `${(abs * 100).toFixed(precision ?? 6)}%`;
     case "e":
     case "E": {
-      const text = pythonExponent(abs.toExponential(precision ?? 6));
-      return type === "E" ? text.toUpperCase() : text;
+      const text2 = pythonExponent(abs.toExponential(precision ?? 6));
+      return type === "E" ? text2.toUpperCase() : text2;
     }
     case "g":
     case "G": {
       const p = precision === 0 ? 1 : precision ?? 6;
       const exp = abs === 0 ? 0 : Math.floor(Math.log10(abs));
-      let text = exp < -4 || exp >= p ? pythonExponent(abs.toExponential(p - 1)) : abs.toFixed(Math.max(0, p - 1 - exp));
+      let text2 = exp < -4 || exp >= p ? pythonExponent(abs.toExponential(p - 1)) : abs.toFixed(Math.max(0, p - 1 - exp));
       if (!alternate) {
-        const [mantissa = "", exponent] = text.split("e");
+        const [mantissa = "", exponent] = text2.split("e");
         const trimmed = mantissa.includes(".") ? mantissa.replace(/0+$/, "").replace(/\.$/, "") : mantissa;
-        text = exponent === void 0 ? trimmed : `${trimmed}e${exponent}`;
+        text2 = exponent === void 0 ? trimmed : `${trimmed}e${exponent}`;
       }
-      return type === "G" ? text.toUpperCase() : text;
+      return type === "G" ? text2.toUpperCase() : text2;
     }
     case "d":
     case "n":
@@ -1985,35 +2015,35 @@ function lookupField(name, positional, named, next) {
 function pythonFormat(template, positional, named = {}) {
   let auto = 0;
   const next = () => auto++;
-  const render = (text) => {
+  const render = (text2) => {
     let out = "";
-    for (let i = 0; i < text.length; i++) {
-      const ch = text[i];
+    for (let i = 0; i < text2.length; i++) {
+      const ch = text2[i];
       if (ch === "}") {
         out += "}";
-        if (text[i + 1] === "}") i++;
+        if (text2[i + 1] === "}") i++;
         continue;
       }
       if (ch !== "{") {
         out += ch;
         continue;
       }
-      if (text[i + 1] === "{") {
+      if (text2[i + 1] === "{") {
         out += "{";
         i++;
         continue;
       }
       let depth = 1;
       let j = i + 1;
-      for (; j < text.length && depth > 0; j++) {
-        if (text[j] === "{") depth++;
-        else if (text[j] === "}") depth--;
+      for (; j < text2.length && depth > 0; j++) {
+        if (text2[j] === "{") depth++;
+        else if (text2[j] === "}") depth--;
       }
       if (depth > 0) {
-        out += text.slice(i);
+        out += text2.slice(i);
         break;
       }
-      const field = text.slice(i + 1, j - 1);
+      const field = text2.slice(i + 1, j - 1);
       const colon = field.indexOf(":");
       const head = colon < 0 ? field : field.slice(0, colon);
       const name = head.replace(/![rsa]$/, "");
@@ -3535,7 +3565,7 @@ function layeredPartials(own, shared2, onShared) {
   };
 }
 
-// packages/engine/src/lib/snippets.ts
+// packages/engine/src/lib/dialect.ts
 var loop = (engine, item, list2, body) => engine === "handlebars" ? `{{#each ${list2}}}
 ${body.replace(new RegExp(`(?<![\\w.])${item}\\.`, "g"), "")}
 {{/each}}` : `{% for ${item} in ${list2} %}
@@ -3556,6 +3586,32 @@ var tr = (engine, key, params = {}) => {
     return `{{ '${key}' | t${entries.length ? ": " + entries.map(([k, v]) => `${k}: ${v}`).join(", ") : ""} }}`;
   return `{{ t('${key}'${entries.length ? `, { ${entries.map(([k, v]) => `${k}: ${v}`).join(", ")} }` : ""}) }}`;
 };
+var ifBlock = (engine, cond, body) => engine === "handlebars" ? `{{#if ${cond}}}${body}{{/if}}` : `{% if ${cond} %}${body}{% endif %}`;
+function stringLiteral(engine, value) {
+  if (engine === "liquid") {
+    if (!value.includes("'")) return `'${value}'`;
+    if (!value.includes('"')) return `"${value}"`;
+    return `'${value.replace(/'/g, "\u2019")}'`;
+  }
+  return `'${value.replace(/\\/g, "\\\\").replace(/'/g, "\\'")}'`;
+}
+function filterCall(engine, input, name, args = []) {
+  if (engine === "handlebars")
+    return `{{${name} ${input}${args.map((a) => ` ${a}`).join("")}}}`;
+  if (engine === "liquid")
+    return `{{ ${input} | ${name}${args.length ? `: ${args.join(", ")}` : ""} }}`;
+  return `{{ ${input} | ${name}${args.length ? `(${args.join(", ")})` : ""} }}`;
+}
+function helperCall(engine, name, input, options = {}) {
+  const entries = Object.entries(options);
+  if (engine === "handlebars")
+    return `{{${name} ${input}${entries.map(([k, v]) => ` ${k}=${v}`).join("")}}}`;
+  if (engine === "liquid")
+    return `{{ ${input} | ${name}${entries.length ? `: ${entries.map(([k, v]) => `${k}: ${v}`).join(", ")}` : ""} }}`;
+  return `{{ ${name}(${input}${entries.length ? `, { ${entries.map(([k, v]) => `${k}: ${v}`).join(", ")} }` : ""}) }}`;
+}
+
+// packages/engine/src/lib/snippets.ts
 function forAll(build) {
   return {
     jinja2: build("jinja2"),
@@ -3596,8 +3652,18 @@ var snippets = [
 </div>$0`
     ),
     sampleData: {
-      company: { name: "Fennlor Studio GmbH", street: "Musterstra\xDFe 1", zip: "12345", city: "Musterstadt" },
-      customer: { name: "Olvarest GmbH", street: "Beispielweg 2", zip: "54321", city: "Beispielstadt" }
+      company: {
+        name: "Fennlor Studio GmbH",
+        street: "Musterstra\xDFe 1",
+        zip: "12345",
+        city: "Musterstadt"
+      },
+      customer: {
+        name: "Olvarest GmbH",
+        street: "Beispielweg 2",
+        zip: "54321",
+        city: "Beispielstadt"
+      }
     },
     // Form B puts the field 45 mm below the top edge and 20 mm from the left; the page margins decide where it lands
     css: `.ff-window { width: 85mm; height: 45mm; box-sizing: border-box; padding: 0 5mm; overflow: hidden; }
@@ -3624,8 +3690,16 @@ var snippets = [
 .ff-reference th { text-align: left; font-weight: normal; color: #555; padding: 1px 12px 1px 0; }
 .ff-reference td { text-align: right; padding: 1px 0; }`,
     i18n: {
-      en: { "reference.customer": "Customer no.", "reference.invoice": "Invoice no.", "reference.date": "Date" },
-      de: { "reference.customer": "Kundennummer", "reference.invoice": "Rechnungsnummer", "reference.date": "Datum" }
+      en: {
+        "reference.customer": "Customer no.",
+        "reference.invoice": "Invoice no.",
+        "reference.date": "Date"
+      },
+      de: {
+        "reference.customer": "Kundennummer",
+        "reference.invoice": "Rechnungsnummer",
+        "reference.date": "Datum"
+      }
     }
   },
   {
@@ -3640,14 +3714,24 @@ var snippets = [
 </div>$0`
     ),
     sampleData: {
-      invoice: { number: "2026-0042", period_start: "2026-09-01", period_end: "2026-09-30" }
+      invoice: {
+        number: "2026-0042",
+        period_start: "2026-09-01",
+        period_end: "2026-09-30"
+      }
     },
     css: `.ff-heading { margin: 24px 0 16px; }
 .ff-heading h1 { font-family: var(--brand-font-heading, inherit); font-size: 18pt; color: var(--brand-color-primary, inherit); margin: 0 0 4px; }
 .ff-heading p { margin: 0; color: #555; }`,
     i18n: {
-      en: { "heading.title": "Invoice {number}", "heading.period": "Service period:" },
-      de: { "heading.title": "Rechnung {number}", "heading.period": "Leistungszeitraum:" }
+      en: {
+        "heading.title": "Invoice {number}",
+        "heading.period": "Service period:"
+      },
+      de: {
+        "heading.title": "Rechnung {number}",
+        "heading.period": "Leistungszeitraum:"
+      }
     }
   },
   {
@@ -3774,11 +3858,17 @@ ${loop(e, "line", "invoice.lines", `    <tr><td>${val(e, "line.description")}</t
     group: "invoice",
     title: "Small business VAT note",
     description: "States that no VAT is charged under \xA7 19 UStG (Kleinunternehmerregelung).",
-    source: forAll((e) => `<p class="ff-note">${tr(e, "vat.small_business")}</p>$0`),
+    source: forAll(
+      (e) => `<p class="ff-note">${tr(e, "vat.small_business")}</p>$0`
+    ),
     css: `.ff-note { margin-top: 12px; font-size: 9pt; color: #444; }`,
     i18n: {
-      en: { "vat.small_business": "No VAT is charged under the small business scheme of \xA7 19 UStG." },
-      de: { "vat.small_business": "Gem\xE4\xDF \xA7 19 UStG wird keine Umsatzsteuer berechnet." }
+      en: {
+        "vat.small_business": "No VAT is charged under the small business scheme of \xA7 19 UStG."
+      },
+      de: {
+        "vat.small_business": "Gem\xE4\xDF \xA7 19 UStG wird keine Umsatzsteuer berechnet."
+      }
     }
   },
   {
@@ -3839,7 +3929,9 @@ ${loop(e, "line", "invoice.lines", `    <tr><td>${val(e, "line.description")}</t
   <span>${tr(e, "footer.page")} <span class="pageNumber"></span> ${tr(e, "footer.of")} <span class="totalPages"></span></span>
 </div>$0`
     ),
-    sampleData: { company: { name: "Fennlor Studio GmbH", email: "hello@fennlor.example" } },
+    sampleData: {
+      company: { name: "Fennlor Studio GmbH", email: "hello@fennlor.example" }
+    },
     i18n: {
       en: { "footer.page": "Page", "footer.of": "of" },
       de: { "footer.page": "Seite", "footer.of": "von" }
@@ -3924,7 +4016,10 @@ ${loop(e, "line", "invoice.lines", `    <tr><td>${val(e, "line.description")}</t
     },
     i18n: {
       en: { "qr.alt": "Payment QR code", "qr.caption": "Scan to pay" },
-      de: { "qr.alt": "QR-Code zur Zahlung", "qr.caption": "Zum Bezahlen scannen" }
+      de: {
+        "qr.alt": "QR-Code zur Zahlung",
+        "qr.caption": "Zum Bezahlen scannen"
+      }
     },
     sampleData: {
       payment: {
@@ -4043,7 +4138,9 @@ var selectorKey = (prelude) => (prelude.split(";").pop() ?? "").trim().replace(/
 function mergeSnippetCss(css2, snippetCss) {
   if (!snippetCss?.trim()) return css2;
   const defined = new Set(
-    [...stripComments(css2).matchAll(/([^{}]+)\{/g)].map((m) => selectorKey(m[1] ?? ""))
+    [...stripComments(css2).matchAll(/([^{}]+)\{/g)].map(
+      (m) => selectorKey(m[1] ?? "")
+    )
   );
   const missing = [...stripComments(snippetCss).matchAll(/([^{}]+)\{[^{}]*\}/g)].filter((m) => !defined.has(selectorKey(m[1] ?? ""))).map((m) => m[0].trim());
   if (!missing.length) return css2;
@@ -4091,9 +4188,9 @@ function pick(input, ...keys) {
 function toLength(value) {
   if (value === void 0 || value === null || value === "") return void 0;
   if (typeof value === "number") return `${value}mm`;
-  const text = String(value).trim();
-  if (/^-?\d+(\.\d+)?$/.test(text)) return `${text}mm`;
-  if (/^-?\d+(\.\d+)?(mm|cm|in|px|pt)$/i.test(text)) return text.toLowerCase();
+  const text2 = String(value).trim();
+  if (/^-?\d+(\.\d+)?$/.test(text2)) return `${text2}mm`;
+  if (/^-?\d+(\.\d+)?(mm|cm|in|px|pt)$/i.test(text2)) return text2.toLowerCase();
   return void 0;
 }
 function toMarginLength(value) {
@@ -4113,7 +4210,7 @@ function convertHeaderFooter(html) {
   if (typeof html !== "string" || !html.trim()) return void 0;
   return chromePlaceholders.reduce((out, [pattern, span]) => out.replace(pattern, span), html);
 }
-var escapeText = (text) => text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+var escapeText = (text2) => text2.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 var visibleMarkup = (html) => html.replace(/<style[\s\S]*?<\/style>/gi, "").trim();
 function apitemplateChrome(take, kind) {
   const custom = take(`custom_${kind}`);
@@ -4127,7 +4224,7 @@ function apitemplateChrome(take, kind) {
   if (!slots.some(Boolean)) return { fromSlots: false };
   const sizeText = size === void 0 ? "" : String(size).trim();
   const fontSize2 = /^\d+(\.\d+)?$/.test(sizeText) ? `${sizeText}px` : /^\d+(\.\d+)?(px|pt|mm)$/.test(sizeText) ? sizeText : "9px";
-  const cells = slots.map((text, i) => `<span style="flex:1;text-align:${["left", "center", "right"][i]}">${escapeText(text)}</span>`).join("");
+  const cells = slots.map((text2, i) => `<span style="flex:1;text-align:${["left", "center", "right"][i]}">${escapeText(text2)}</span>`).join("");
   const styles = customHtml.match(/<style[\s\S]*?<\/style>/gi)?.join("") ?? "";
   return {
     html: convertHeaderFooter(`${styles}<div style="display:flex;gap:4mm;font-size:${fontSize2}">${cells}</div>`),
@@ -4136,8 +4233,8 @@ function apitemplateChrome(take, kind) {
 }
 function clearsChromePadding(html, kind) {
   if (!html) return false;
-  for (const style of html.matchAll(/<style[^>]*>([\s\S]*?)<\/style>/gi))
-    for (const rule2 of (style[1] ?? "").matchAll(/([^{}]+)\{([^}]*)\}/g))
+  for (const style2 of html.matchAll(/<style[^>]*>([\s\S]*?)<\/style>/gi))
+    for (const rule2 of (style2[1] ?? "").matchAll(/([^{}]+)\{([^}]*)\}/g))
       if (new RegExp(`#${kind}\\b`).test(rule2[1] ?? "") && /(^|;)\s*padding\s*:\s*0(px|mm)?\s*(!important\s*)?(;|$)/i.test((rule2[2] ?? "").trim()))
         return true;
   return false;
@@ -4288,9 +4385,9 @@ function checkTemplate(engineId, html, sampleData, name, docs) {
 function lengthMm(value) {
   if (value === void 0 || value === null || value === "") return void 0;
   if (typeof value === "number" && Number.isFinite(value)) return `${value}mm`;
-  const text = String(value).trim();
-  if (/^-?\d+(\.\d+)?$/.test(text)) return `${text}mm`;
-  if (/^-?\d+(\.\d+)?(mm|cm|in|px|pt)$/i.test(text)) return text.toLowerCase();
+  const text2 = String(value).trim();
+  if (/^-?\d+(\.\d+)?$/.test(text2)) return `${text2}mm`;
+  if (/^-?\d+(\.\d+)?(mm|cm|in|px|pt)$/i.test(text2)) return text2.toLowerCase();
   return void 0;
 }
 function toBase64(value) {
@@ -4693,7 +4790,7 @@ var unsupportedFilters = {
   in_time_zone: 'pass the zone to `date` as its second argument: `date: "dd.MM.yyyy", "Europe/Berlin"`'
 };
 function mapLiquid(source, fn) {
-  return source.replace(/(\{\{-?|\{%-?)([\s\S]*?)(-?\}\}|-?%\})/g, (_m, open, inner, close) => `${open}${fn(inner)}${close}`);
+  return source.replace(/(\{\{-?|\{%-?)([\s\S]*?)(-?\}\}|-?%\})/g, (_m, open2, inner, close) => `${open2}${fn(inner)}${close}`);
 }
 function convertDialect(source, changes) {
   const errors = [];
@@ -4807,11 +4904,11 @@ function inlineIncludes(source, blocks, errors, changes) {
 }
 var cssPaperFormats = { a3: "A3", a4: "A4", a5: "A5", letter: "Letter" };
 var isoSizes = { a0: [841, 1189], a1: [594, 841], a2: [420, 594], a6: [105, 148] };
-var escapeHtml2 = (text) => text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+var escapeHtml2 = (text2) => text2.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 function simpleHeaderFooter(part, margin) {
   const cells = ["left", "center", "right"].map((side) => part[side] ?? "");
   if (!cells.some((c) => c.trim())) return void 0;
-  const cell3 = (text, align) => `<div style="flex: 1; text-align: ${align}">${escapeHtml2(text).replace(/\[page\]/g, '<span class="pageNumber"></span>').replace(/\[topage\]/g, '<span class="totalPages"></span>')}</div>`;
+  const cell3 = (text2, align) => `<div style="flex: 1; text-align: ${align}">${escapeHtml2(text2).replace(/\[page\]/g, '<span class="pageNumber"></span>').replace(/\[topage\]/g, '<span class="totalPages"></span>')}</div>`;
   return `<div style="display: flex; width: 100%; font-size: 10px; padding: 0 ${margin.right} 0 ${margin.left}">${cell3(cells[0] ?? "", "left")}${cell3(cells[1] ?? "", "center")}${cell3(cells[2] ?? "", "right")}</div>`;
 }
 function mapSettings(input, kind, warnings, changes) {
@@ -4980,11 +5077,11 @@ var DOCS3 = "/migrate/jsreport";
 var COLLECTIONS = ["templates", "data", "assets", "components", "scripts", "folders"];
 function readJsreportExport(files) {
   const bundle = { templates: [], data: [], assets: [], components: [], scripts: [], folders: [] };
-  for (const [path, text] of Object.entries(files)) {
+  for (const [path, text2] of Object.entries(files)) {
     const normalized = path.replace(/\\/g, "/").replace(/^\.?\//, "");
     if (normalized === "metadata.json") {
       try {
-        bundle.version = String(JSON.parse(text).reporterVersion ?? "");
+        bundle.version = String(JSON.parse(text2).reporterVersion ?? "");
       } catch {
       }
       continue;
@@ -4992,7 +5089,7 @@ function readJsreportExport(files) {
     const collection = normalized.split("/")[0];
     if (!COLLECTIONS.includes(collection) || !normalized.endsWith(".json")) continue;
     try {
-      bundle[collection].push(JSON.parse(text));
+      bundle[collection].push(JSON.parse(text2));
     } catch {
     }
   }
@@ -5034,7 +5131,7 @@ function assetBase64(content) {
   }
   return toBase64(content);
 }
-var escapeMustaches = (text) => text.replace(/\{\{/g, "\\{{");
+var escapeMustaches = (text2) => text2.replace(/\{\{/g, "\\{{");
 function resolveAssets(source, bundle, options, warnings, changes) {
   const v3 = /\{\{\{?\s*asset\s+(["'])([^"']+)\1(?:\s+(["'])([^"']+)\3)?\s*\}?\}\}/g;
   const v2 = /\{#asset\s+([^\s}]+)(?:\s+@encoding=(\w+))?\s*\}/g;
@@ -5271,6 +5368,11 @@ function importJsreport(bundle, ref, options = {}) {
   };
 }
 
+// packages/engine/src/lib/generated/frames.ts
+var textEditRuntime = '"use strict";(()=>{var H=`\nhtml.ff-edit-mode [data-ff-edit] { cursor: text; }\nhtml.ff-edit-mode [data-ff-edit]:hover { outline: 1px dashed rgba(37,99,235,.85); outline-offset: 2px; }\nhtml.ff-edit-mode [data-ff-edit="t"]:hover { outline-color: rgba(147,51,234,.9); }\n.ff-editing { outline: 2px solid #2563eb !important; outline-offset: 2px; cursor: text; }\n.ff-editing .ff-chip { background: rgba(37,99,235,.14) !important; box-shadow: inset 0 0 0 1px rgba(37,99,235,.45) !important; border-radius: 3px !important; padding: 0 1px !important; cursor: default; }\n.ff-edit-badge { position: absolute; z-index: 2147483647; font: 500 11px/1.4 system-ui, sans-serif !important; color: #fff !important; background: #2563eb !important; padding: 1px 6px !important; border-radius: 4px !important; pointer-events: none; white-space: nowrap; }\n`;function R(s,l={}){let g=l.clicks!==!1,p=l.live===!0,o=s.document,i=null,a=null,c=e=>{try{s.parent.postMessage(e,"*")}catch{}},b=o.createElement("style");b.setAttribute("data-formfeed","edit"),b.setAttribute("data-pagedjs-ignore",""),b.textContent=H,(o.head??o.documentElement).appendChild(b),g&&o.documentElement.classList.add("ff-edit-mode");let D=e=>(e&&typeof e.closest=="function"?e:null)?.closest("[data-ff-edit]")??null;o.addEventListener("click",e=>{if(!g)return;if(i&&!i.done&&i.element.contains(e.target)){e.stopImmediatePropagation();return}let t=D(e.target);if(!t)return;e.preventDefault(),e.stopImmediatePropagation(),i&&!i.done&&y();let n=t.getAttribute("data-ff-src")??"",r=t.getBoundingClientRect();a={src:n,element:t,x:e.clientX,y:e.clientY},c({type:"formfeed:edit-request",src:n,edit:t.getAttribute("data-ff-edit"),text:t.textContent??"",count:o.querySelectorAll(`[data-ff-src="${n.replace(/"/g,"")}"]`).length,split:t.hasAttribute("data-split-from")||t.hasAttribute("data-split-to"),rect:{left:r.left,top:r.top,width:r.width,height:r.height}})},!0),o.addEventListener("keydown",e=>{if(!g||i&&!i.done||!(e.ctrlKey||e.metaKey)||e.altKey)return;let t=e.key.toLowerCase();(t==="z"||t==="y")&&(e.preventDefault(),c({type:t==="y"||e.shiftKey?"formfeed:redo":"formfeed:undo"}))}),s.addEventListener("message",e=>{if(e.source!==s.parent)return;let t=e.data;!t||typeof t.type!="string"||(t.type==="formfeed:edit-begin"?F(t):(t.type==="formfeed:edit-refuse"||t.type==="formfeed:edit-end")&&(a=null,i&&!i.done&&h(!1)))});function F(e){i&&!i.done&&h(!1);let t=e.layer?o.querySelector(`[data-ff-layer="${String(e.layer).replace(/"/g,"")}"] > .ff-text`):a&&a.src===e.src?a.element:o.querySelector(`[data-ff-src="${String(e.src).replace(/"/g,"")}"]`),n=e.at,r=e.layer?n&&Number.isFinite(n.x)&&Number.isFinite(n.y)?{x:Number(n.x),y:Number(n.y)}:null:a&&a.src===e.src?a:null;if(a=null,!t||!Array.isArray(e.items)){c({type:"formfeed:edit-cancel",token:String(e.token)});return}let m=Array.from(t.childNodes),f=o.createDocumentFragment();for(let u of e.items)if(u.kind==="text")f.appendChild(o.createTextNode(String(u.text)));else if(u.kind==="break")f.appendChild(o.createElement("br"));else if(u.kind==="chip"){let d=o.createElement("span");d.className="ff-chip",d.setAttribute("data-ff-chip",String(u.index)),d.setAttribute("contenteditable","false"),u.title&&(d.title=String(u.title)),d.textContent=String(u.text),f.appendChild(d)}for(let u of m)t.removeChild(u);t.appendChild(f),t.contentEditable="true",t.classList.add("ff-editing"),t.setAttribute("role","textbox"),e.label&&t.setAttribute("aria-label",String(e.label)),t.spellcheck=!0,i={token:String(e.token),element:t,saved:m,allowBreaks:e.allowBreaks===!0,badge:e.note?B(t,String(e.note)):null,done:!1},t.addEventListener("keydown",E),t.addEventListener("beforeinput",v),t.addEventListener("paste",C),t.addEventListener("drop",L),t.addEventListener("focusout",A),p&&t.addEventListener("input",x),t.focus(),e.select==="all"?w(t):P(t,r),c({type:"formfeed:edit-started",token:i.token}),typeof e.insert=="string"&&e.insert&&k(e.insert.replace(/\\r\\n?|\\n/g," "))}function k(e){if(typeof o.execCommand=="function"&&o.execCommand("insertText",!1,e))return;let t=s.getSelection(),n=t&&t.rangeCount?t.getRangeAt(0):null;n&&(n.deleteContents(),n.insertNode(o.createTextNode(e)),n.collapse(!1),p&&x())}function x(){i&&!i.done&&c({type:"formfeed:edit-input",token:i.token,items:S(i.element)})}function B(e,t){let n=o.createElement("div");n.className="ff-edit-badge",n.textContent=t;let r=e.getBoundingClientRect();return n.style.left=`${r.left+s.scrollX}px`,n.style.top=`${Math.max(0,r.top+s.scrollY-22)}px`,o.body.appendChild(n),n}function w(e){let t=s.getSelection();if(!t)return;let n=o.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}function P(e,t){let n=s.getSelection();if(!n)return;let r=null,m=o;if(t){if(m.caretRangeFromPoint)r=m.caretRangeFromPoint(t.x,t.y);else if(m.caretPositionFromPoint){let f=m.caretPositionFromPoint(t.x,t.y);f&&(r=o.createRange(),r.setStart(f.offsetNode,f.offset))}}if(!r||!e.contains(r.startContainer))r=o.createRange(),r.selectNodeContents(e),r.collapse(!1);else if(t){let f=r.startContainer,d=(f.nodeType===1?f:f.parentElement)?.closest("[data-ff-chip]")??null;if(d&&d!==e&&e.contains(d)){let N=d.getBoundingClientRect();r=o.createRange(),t.x<N.left+N.width/2?r.setStartBefore(d):r.setStartAfter(d),r.collapse(!0)}}n.removeAllRanges(),n.addRange(r)}function E(e){let t=e.key;t==="Escape"?(e.preventDefault(),h(!0)):t==="Enter"&&!e.shiftKey?(e.preventDefault(),y()):t==="Enter"?(e.preventDefault(),i?.allowBreaks&&M()):t==="Tab"?(e.preventDefault(),y()):(e.ctrlKey||e.metaKey)&&["b","i","u"].includes(t.toLowerCase())&&(e.preventDefault(),p&&i&&!e.altKey&&c({type:"formfeed:edit-style",token:i.token,key:t.toLowerCase()}))}function v(e){let t=e.inputType??"";(t.startsWith("format")||t==="insertFromDrop"||t==="insertParagraph"||t==="insertLineBreak")&&e.preventDefault()}function C(e){e.preventDefault(),k((e.clipboardData?.getData("text/plain")??"").replace(/\\r\\n?|\\n/g," "))}function L(e){e.preventDefault()}function A(){s.setTimeout(()=>{i&&!i.done&&(!o.hasFocus()||!i.element.contains(o.activeElement))&&y()},0)}function M(){let e=s.getSelection();if(!e||!e.rangeCount)return;let t=e.getRangeAt(0);t.deleteContents();let n=o.createElement("br");t.insertNode(n),n.nextSibling||n.parentNode?.appendChild(o.createElement("br"));let r=o.createRange();r.setStartAfter(n),r.collapse(!0),e.removeAllRanges(),e.addRange(r)}function T(e){e.done=!0;let t=e.element;t.removeEventListener("keydown",E),t.removeEventListener("beforeinput",v),t.removeEventListener("paste",C),t.removeEventListener("drop",L),t.removeEventListener("focusout",A),t.removeEventListener("input",x),t.removeAttribute("contenteditable"),t.removeAttribute("role"),t.removeAttribute("aria-label"),t.classList.remove("ff-editing"),e.badge?.remove(),i===e&&(i=null)}function y(){let e=i;if(!e||e.done)return;let t=S(e.element);T(e),c({type:"formfeed:edit-commit",token:e.token,items:t})}function h(e){let t=i;if(!t||t.done)return;let n=t.element;for(;n.firstChild;)n.removeChild(n.firstChild);for(let r of t.saved)n.appendChild(r);T(t),e&&c({type:"formfeed:edit-cancel",token:t.token})}}function S(s){let l=[],g=o=>{let i=l[l.length-1];i?.kind==="text"?i.text+=o:o&&l.push({kind:"text",text:o})},p=o=>{for(let i of Array.from(o.childNodes))if(i.nodeType===3)g(i.data);else if(i.nodeType===1){let a=i,c=a.getAttribute("data-ff-chip");c!==null?l.push({kind:"chip",index:Number(c)}):a.tagName==="BR"?l.push({kind:"break"}):((a.tagName==="DIV"||a.tagName==="P")&&l.length&&l.push({kind:"break"}),p(a))}};for(p(s);l[l.length-1]?.kind==="break";)l.pop();return l}R(window);})();';
+var fitRuntime = '"use strict";(()=>{function a(t,e,n){if(e===t)return t.scrollHeight<=t.clientHeight+.5&&t.scrollWidth<=t.clientWidth+.5;let o=n.getComputedStyle(t),i=t.clientHeight-(parseFloat(o.paddingTop)||0)-(parseFloat(o.paddingBottom)||0);return e.scrollHeight<=i+.5&&e.scrollWidth<=e.clientWidth+.5}function m(t,e){let n=t.firstElementChild??t;n.style.fontSize="";let o=parseFloat(e.getComputedStyle(n).fontSize)||16,i=Math.min(o,parseFloat(t.getAttribute("data-ff-fit-min")??"")||o/2);if(a(t,n,e))return o;let l=i,s=o;for(let d=0;d<14;d++){let r=(l+s)/2;n.style.fontSize=`${r}px`,a(t,n,e)?l=r:s=r}let f=Math.floor(l*100)/100;return n.style.fontSize=`${f}px`,f}function c(t){let e=()=>{for(let o of Array.from(t.document.querySelectorAll(\'[data-ff-fit="shrink"]\')))m(o,t);t.document.documentElement.setAttribute("data-ff-fit","done")};t.formfeedFit=e;let n=t.document.fonts;n?n.ready.then(e):t.addEventListener("load",e)}c(window);})();';
+var stageRuntime = '"use strict";(()=>{var I=`\nhtml.ff-edit-mode [data-ff-edit] { cursor: text; }\nhtml.ff-edit-mode [data-ff-edit]:hover { outline: 1px dashed rgba(37,99,235,.85); outline-offset: 2px; }\nhtml.ff-edit-mode [data-ff-edit="t"]:hover { outline-color: rgba(147,51,234,.9); }\n.ff-editing { outline: 2px solid #2563eb !important; outline-offset: 2px; cursor: text; }\n.ff-editing .ff-chip { background: rgba(37,99,235,.14) !important; box-shadow: inset 0 0 0 1px rgba(37,99,235,.45) !important; border-radius: 3px !important; padding: 0 1px !important; cursor: default; }\n.ff-edit-badge { position: absolute; z-index: 2147483647; font: 500 11px/1.4 system-ui, sans-serif !important; color: #fff !important; background: #2563eb !important; padding: 1px 6px !important; border-radius: 4px !important; pointer-events: none; white-space: nowrap; }\n`;function D(a,l={}){let f=l.clicks!==!1,c=l.live===!0,o=a.document,n=null,s=null,u=e=>{try{a.parent.postMessage(e,"*")}catch{}},p=o.createElement("style");p.setAttribute("data-formfeed","edit"),p.setAttribute("data-pagedjs-ignore",""),p.textContent=I,(o.head??o.documentElement).appendChild(p),f&&o.documentElement.classList.add("ff-edit-mode");let d=e=>(e&&typeof e.closest=="function"?e:null)?.closest("[data-ff-edit]")??null;o.addEventListener("click",e=>{if(!f)return;if(n&&!n.done&&n.element.contains(e.target)){e.stopImmediatePropagation();return}let t=d(e.target);if(!t)return;e.preventDefault(),e.stopImmediatePropagation(),n&&!n.done&&v();let r=t.getAttribute("data-ff-src")??"",i=t.getBoundingClientRect();s={src:r,element:t,x:e.clientX,y:e.clientY},u({type:"formfeed:edit-request",src:r,edit:t.getAttribute("data-ff-edit"),text:t.textContent??"",count:o.querySelectorAll(`[data-ff-src="${r.replace(/"/g,"")}"]`).length,split:t.hasAttribute("data-split-from")||t.hasAttribute("data-split-to"),rect:{left:i.left,top:i.top,width:i.width,height:i.height}})},!0),o.addEventListener("keydown",e=>{if(!f||n&&!n.done||!(e.ctrlKey||e.metaKey)||e.altKey)return;let t=e.key.toLowerCase();(t==="z"||t==="y")&&(e.preventDefault(),u({type:t==="y"||e.shiftKey?"formfeed:redo":"formfeed:undo"}))}),a.addEventListener("message",e=>{if(e.source!==a.parent)return;let t=e.data;!t||typeof t.type!="string"||(t.type==="formfeed:edit-begin"?b(t):(t.type==="formfeed:edit-refuse"||t.type==="formfeed:edit-end")&&(s=null,n&&!n.done&&L(!1)))});function b(e){n&&!n.done&&L(!1);let t=e.layer?o.querySelector(`[data-ff-layer="${String(e.layer).replace(/"/g,"")}"] > .ff-text`):s&&s.src===e.src?s.element:o.querySelector(`[data-ff-src="${String(e.src).replace(/"/g,"")}"]`),r=e.at,i=e.layer?r&&Number.isFinite(r.x)&&Number.isFinite(r.y)?{x:Number(r.x),y:Number(r.y)}:null:s&&s.src===e.src?s:null;if(s=null,!t||!Array.isArray(e.items)){u({type:"formfeed:edit-cancel",token:String(e.token)});return}let x=Array.from(t.childNodes),g=o.createDocumentFragment();for(let y of e.items)if(y.kind==="text")g.appendChild(o.createTextNode(String(y.text)));else if(y.kind==="break")g.appendChild(o.createElement("br"));else if(y.kind==="chip"){let m=o.createElement("span");m.className="ff-chip",m.setAttribute("data-ff-chip",String(y.index)),m.setAttribute("contenteditable","false"),y.title&&(m.title=String(y.title)),m.textContent=String(y.text),g.appendChild(m)}for(let y of x)t.removeChild(y);t.appendChild(g),t.contentEditable="true",t.classList.add("ff-editing"),t.setAttribute("role","textbox"),e.label&&t.setAttribute("aria-label",String(e.label)),t.spellcheck=!0,n={token:String(e.token),element:t,saved:x,allowBreaks:e.allowBreaks===!0,badge:e.note?E(t,String(e.note)):null,done:!1},t.addEventListener("keydown",C),t.addEventListener("beforeinput",S),t.addEventListener("paste",A),t.addEventListener("drop",T),t.addEventListener("focusout",N),c&&t.addEventListener("input",k),t.focus(),e.select==="all"?H(t):M(t,i),u({type:"formfeed:edit-started",token:n.token}),typeof e.insert=="string"&&e.insert&&h(e.insert.replace(/\\r\\n?|\\n/g," "))}function h(e){if(typeof o.execCommand=="function"&&o.execCommand("insertText",!1,e))return;let t=a.getSelection(),r=t&&t.rangeCount?t.getRangeAt(0):null;r&&(r.deleteContents(),r.insertNode(o.createTextNode(e)),r.collapse(!1),c&&k())}function k(){n&&!n.done&&u({type:"formfeed:edit-input",token:n.token,items:w(n.element)})}function E(e,t){let r=o.createElement("div");r.className="ff-edit-badge",r.textContent=t;let i=e.getBoundingClientRect();return r.style.left=`${i.left+a.scrollX}px`,r.style.top=`${Math.max(0,i.top+a.scrollY-22)}px`,o.body.appendChild(r),r}function H(e){let t=a.getSelection();if(!t)return;let r=o.createRange();r.selectNodeContents(e),t.removeAllRanges(),t.addRange(r)}function M(e,t){let r=a.getSelection();if(!r)return;let i=null,x=o;if(t){if(x.caretRangeFromPoint)i=x.caretRangeFromPoint(t.x,t.y);else if(x.caretPositionFromPoint){let g=x.caretPositionFromPoint(t.x,t.y);g&&(i=o.createRange(),i.setStart(g.offsetNode,g.offset))}}if(!i||!e.contains(i.startContainer))i=o.createRange(),i.selectNodeContents(e),i.collapse(!1);else if(t){let g=i.startContainer,m=(g.nodeType===1?g:g.parentElement)?.closest("[data-ff-chip]")??null;if(m&&m!==e&&e.contains(m)){let F=m.getBoundingClientRect();i=o.createRange(),t.x<F.left+F.width/2?i.setStartBefore(m):i.setStartAfter(m),i.collapse(!0)}}r.removeAllRanges(),r.addRange(i)}function C(e){let t=e.key;t==="Escape"?(e.preventDefault(),L(!0)):t==="Enter"&&!e.shiftKey?(e.preventDefault(),v()):t==="Enter"?(e.preventDefault(),n?.allowBreaks&&P()):t==="Tab"?(e.preventDefault(),v()):(e.ctrlKey||e.metaKey)&&["b","i","u"].includes(t.toLowerCase())&&(e.preventDefault(),c&&n&&!e.altKey&&u({type:"formfeed:edit-style",token:n.token,key:t.toLowerCase()}))}function S(e){let t=e.inputType??"";(t.startsWith("format")||t==="insertFromDrop"||t==="insertParagraph"||t==="insertLineBreak")&&e.preventDefault()}function A(e){e.preventDefault(),h((e.clipboardData?.getData("text/plain")??"").replace(/\\r\\n?|\\n/g," "))}function T(e){e.preventDefault()}function N(){a.setTimeout(()=>{n&&!n.done&&(!o.hasFocus()||!n.element.contains(o.activeElement))&&v()},0)}function P(){let e=a.getSelection();if(!e||!e.rangeCount)return;let t=e.getRangeAt(0);t.deleteContents();let r=o.createElement("br");t.insertNode(r),r.nextSibling||r.parentNode?.appendChild(o.createElement("br"));let i=o.createRange();i.setStartAfter(r),i.collapse(!0),e.removeAllRanges(),e.addRange(i)}function R(e){e.done=!0;let t=e.element;t.removeEventListener("keydown",C),t.removeEventListener("beforeinput",S),t.removeEventListener("paste",A),t.removeEventListener("drop",T),t.removeEventListener("focusout",N),t.removeEventListener("input",k),t.removeAttribute("contenteditable"),t.removeAttribute("role"),t.removeAttribute("aria-label"),t.classList.remove("ff-editing"),e.badge?.remove(),n===e&&(n=null)}function v(){let e=n;if(!e||e.done)return;let t=w(e.element);R(e),u({type:"formfeed:edit-commit",token:e.token,items:t})}function L(e){let t=n;if(!t||t.done)return;let r=t.element;for(;r.firstChild;)r.removeChild(r.firstChild);for(let i of t.saved)r.appendChild(i);R(t),e&&u({type:"formfeed:edit-cancel",token:t.token})}}function w(a){let l=[],f=o=>{let n=l[l.length-1];n?.kind==="text"?n.text+=o:o&&l.push({kind:"text",text:o})},c=o=>{for(let n of Array.from(o.childNodes))if(n.nodeType===3)f(n.data);else if(n.nodeType===1){let s=n,u=s.getAttribute("data-ff-chip");u!==null?l.push({kind:"chip",index:Number(u)}):s.tagName==="BR"?l.push({kind:"break"}):((s.tagName==="DIV"||s.tagName==="P")&&l.length&&l.push({kind:"break"}),c(s))}};for(c(a);l[l.length-1]?.kind==="break";)l.pop();return l}function K(a,l){return Array.from(a.querySelectorAll("[data-ff-layer]")).map(f=>{let c=f.querySelector(":scope > .ff-text"),o=!1;if(c&&f.style.height!=="auto"){let n=l.getComputedStyle(f),s=f.clientHeight-(parseFloat(n.paddingTop)||0)-(parseFloat(n.paddingBottom)||0);o=n.overflow==="hidden"&&(c.scrollHeight>s+1||c.scrollWidth>c.clientWidth+1)}return{id:f.getAttribute("data-ff-layer")??"",width:f.offsetWidth,height:f.offsetHeight,overflow:o}})}function B(a){let l=a.document,f=p=>{try{a.parent.postMessage(p,"*")}catch{}},c=p=>typeof p=="string"?l.querySelector(`[data-ff-layer="${p.replace(/"/g,"")}"]`):null,o=()=>{for(let p of Array.from(l.querySelectorAll("[data-ff-layer]")))for(let d of["left","top","width","height","transform"])p.style.removeProperty(d)},n=()=>{a.formfeedFit?.(),f({type:"formfeed:ready",layers:K(l,a)})};a.addEventListener("message",p=>{if(p.source!==a.parent)return;let d=p.data;if(!(!d||typeof d.type!="string")){if(d.type==="formfeed:layer-style"){let b=c(d.id);if(!b)return;let h=(k,E)=>{typeof E=="number"&&Number.isFinite(E)&&b.style.setProperty(k,`${E}px`)};h("left",d.left),h("top",d.top),h("width",d.width),h("height",d.height),typeof d.rotation=="number"&&Number.isFinite(d.rotation)&&b.style.setProperty("transform",d.rotation?`rotate(${d.rotation}deg)`:"none")}else if(d.type==="formfeed:layer-style-clear")o();else if(d.type==="formfeed:css"&&typeof d.css=="string"){let b=l.querySelector(\'style[data-formfeed="template"]\');b&&(b.textContent=d.css),o(),n()}}}),D(a,{clicks:!1,live:!0});let s=l.fonts,u=()=>s?void s.ready.then(n):n();l.readyState==="complete"?u():a.addEventListener("load",u)}B(window);})();';
+
 // packages/engine/src/lib/assemble.ts
 var DEFAULT_CHROME_PADDING = "0 10mm";
 function defaultSettings() {
@@ -5370,9 +5472,12 @@ function chartScripts(html, vendor) {
   if (!vendor?.chartJs || !html.includes("data-ff-chart"))
     return { head: "", body: "" };
   const lib = "inline" in vendor.chartJs ? `<script>${vendor.chartJs.inline}</script>` : `<script src="${escapeHtml(vendor.chartJs.src)}"></script>`;
-  return { head: `${lib}
-`, body: `${chartInitScript()}
-` };
+  return {
+    head: `${lib}
+`,
+    body: `${chartInitScript()}
+`
+  };
 }
 function assembleDocument(input) {
   const settings = mergeSettings(input.settings);
@@ -5399,6 +5504,8 @@ ${brandFontFamilies(input.brand)}`
 ` : "" : input.extraCss ? `<style data-formfeed="extra">${input.extraCss}</style>
 ` : "";
   const charts = chartScripts(input.html, input.vendor);
+  const fit = input.html.includes("data-ff-fit") ? `<script>${fitRuntime.replace(/<\/script/gi, "<\\/script")}</script>
+` : "";
   return `<!doctype html>
 <html lang="${escapeHtml(locale.split("_")[0] ?? locale)}">
 <head>
@@ -5410,7 +5517,7 @@ ${tailwind}<style data-formfeed="template">${input.css ?? ""}</style>
 ${charts.head}</head>
 <body class="formfeed-body formfeed-${kind}${input.mode === "preview" ? " formfeed-preview" : ""}">
 ${input.html}
-${charts.body}</body>
+${charts.body}${fit}</body>
 </html>
 `;
 }
@@ -5485,7 +5592,10 @@ function paperOf(settings) {
 }
 var pageNumberSpans = (html, page, total) => {
   const fill = (source, name, value) => source.replace(
-    new RegExp(`<([a-z][a-z0-9]*)(\\s[^>]*?\\bclass=(["'])(?:[^"']*\\s)?${name}(?:\\s[^"']*)?\\3[^>]*)>[^<]*</\\1>`, "gi"),
+    new RegExp(
+      `<([a-z][a-z0-9]*)(\\s[^>]*?\\bclass=(["'])(?:[^"']*\\s)?${name}(?:\\s[^"']*)?\\3[^>]*)>[^<]*</\\1>`,
+      "gi"
+    ),
     (_match, tag, attrs) => `<${tag}${attrs}>${value}</${tag}>`
   );
   return fill(fill(html, "pageNumber", page), "totalPages", total);
@@ -5508,6 +5618,7 @@ document.addEventListener('click', function (event) {
   } catch (e) {}
 }, true);
 </script>`;
+var textEditScript = `<script>${textEditRuntime.replace(/<\/script/gi, "<\\/script")}</script>`;
 var pageNavScript = `<script>
 (function () {
   var pages = function () { return document.querySelectorAll('.pagedjs_page'); };
@@ -5609,8 +5720,11 @@ var zoomGestureScript = `<script>
 })();
 </script>`;
 function intoHead(document, markup) {
-  return document.replace(/<head[^>]*>(?:\s*<meta\b[^>]*>)*/i, (head) => `${head}
-${markup}`);
+  return document.replace(
+    /<head[^>]*>(?:\s*<meta\b[^>]*>)*/i,
+    (head) => `${head}
+${markup}`
+  );
 }
 function chromeBoxStyle(settings, which) {
   const margin = settings.margin ?? {};
@@ -5625,7 +5739,7 @@ function flowChromeStyle(settings, which) {
   const height = settings[which]?.height;
   return `position:absolute;${which === "header" ? "top" : "bottom"}:0;left:0;width:100%;box-sizing:border-box;padding:${padding};${height ? `height:${height};` : ""}`;
 }
-function flowDocument(draft) {
+function flowDocument(draft, options = {}) {
   const { settings, kind, headerHtml, footerHtml } = draft;
   const margin = settings.margin ?? {};
   const paper = paperOf(settings);
@@ -5637,7 +5751,15 @@ 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}${pdf ? overflowScript("flow") : ""}`).replace(/(<body[^>]*>)/, `$1${header}`).replace("</body>", `${footer}</body>`);
+  return intoHead(
+    draft.document,
+    `${chrome}${options.editing ? textEditScript : ""}${inspectScript}${zoomGestureScript}${pdf ? overflowScript("flow") : ""}`
+  ).replace(/(<body[^>]*>)/, `$1${header}`).replace("</body>", `${footer}</body>`);
+}
+function canvasDocument(draft) {
+  const chrome = `<style data-formfeed="stage">html, body { background: transparent !important; margin: 0 !important; }</style>`;
+  const runtime = `<script>${stageRuntime.replace(/<\/script/gi, "<\\/script")}</script>`;
+  return intoHead(draft.document, `${chrome}${runtime}${zoomGestureScript}`);
 }
 function pagedDocument(draft, options) {
   const { headerHtml, footerHtml, settings } = draft;
@@ -5659,82 +5781,17 @@ 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) {} if (window.formfeedCheckOverflow) window.formfeedCheckOverflow(); } };</script>`;
+  const config = `<script>window.PagedConfig = { auto: true, after: function (flow) { try { if (window.formfeedDrawCharts) window.formfeedDrawCharts(); } catch (e) {} try { if (window.formfeedFit) window.formfeedFit(); } 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}${overflowScript("paged")}${config}${script}${inspectScript}${pageNavScript}${zoomGestureScript}`
+    `<style data-formfeed="paged">${runningCss}</style>${selectorGuard}${boxSizingGuard}${overflowScript("paged")}${config}${script}${options.editing ? textEditScript : ""}${inspectScript}${pageNavScript}${zoomGestureScript}`
   ).replace(/(<body[^>]*>)/, `$1${header}${footer}`);
 }
 
-// packages/engine/src/lib/source-positions.ts
-var sourceAttribute = "data-ff-src";
-function parseSourceAttribute(value) {
-  const match = /^(body|header|footer):(\d+):(\d+)$/.exec(value ?? "");
-  if (!match) return null;
-  const line = Number(match[2]);
-  const column = Number(match[3]);
-  if (line < 1 || column < 1) return null;
-  return { file: match[1], line, column };
-}
-function annotateSourcePositions(source, engine, file) {
-  const scanner = new Scanner(source, engine);
-  const lines = lineStarts(source);
-  const out = [];
-  let copied = 0;
-  const n = source.length;
-  let i = 0;
-  while (i < n) {
-    const ch = source[i];
-    if (ch === "{") {
-      i = scanner.skipTemplate(i) ?? i + 1;
-      continue;
-    }
-    if (ch !== "<") {
-      i++;
-      continue;
-    }
-    if (source.startsWith("<!--", i)) {
-      i = scanner.skipTo(i + 4, "-->");
-      continue;
-    }
-    if (source.startsWith("<![CDATA[", i)) {
-      i = scanner.skipTo(i + 9, "]]>");
-      continue;
-    }
-    const next = source[i + 1];
-    if (next === "!" || next === "?") {
-      i = scanner.tagEnd(i + 2);
-      continue;
-    }
-    if (next === "/") {
-      i += 2;
-      continue;
-    }
-    tagName.lastIndex = i + 1;
-    const name = tagName.exec(source)?.[0];
-    if (!name) {
-      i++;
-      continue;
-    }
-    const nameEnd = i + 1 + name.length;
-    const end = scanner.tagEnd(nameEnd);
-    const after = source[nameEnd];
-    const plainName = after === void 0 || after === ">" || after === "/" || /\s/.test(after);
-    if (plainName && !source.slice(nameEnd, end).toLowerCase().includes(sourceAttribute)) {
-      const { line, column } = locate(lines, i);
-      out.push(source.slice(copied, nameEnd), ` ${sourceAttribute}="${file}:${line}:${column}"`);
-      copied = nameEnd;
-    }
-    i = end;
-    if (rawTextElements.has(name.toLowerCase()) && source[end - 1] === ">")
-      i = scanner.skipToClosingTag(end, name);
-  }
-  out.push(source.slice(copied));
-  return out.join("");
-}
+// packages/engine/src/lib/source-scan.ts
 var tagName = /[A-Za-z][^\s/>{}<"'=]*/y;
 var rawTextElements = /* @__PURE__ */ new Set([
   "script",
@@ -5775,6 +5832,38 @@ var Scanner = class {
       return this.blockEnd(tag.end, tag.keyword);
     return tag.end;
   }
+  /** The construct starting at `at` and what kind it is, or null when `{` starts none. */
+  classify(at) {
+    const s = this.source;
+    const tag = this.templateTag(at);
+    if (!tag) return null;
+    if (this.engine === "handlebars") {
+      if (s.startsWith("{{{{", at)) return { type: "statement", end: tag.end };
+      if (s.startsWith("{{!", at)) return { type: "comment", end: tag.end };
+      if (s.startsWith("{{{", at))
+        return {
+          type: "output",
+          end: tag.end,
+          inner: s.slice(at + 3, tag.end - 3)
+        };
+      const inner = s.slice(at + 2, tag.end - 2);
+      const head = inner.replace(/^~?\s*/, "");
+      if (/^[#/^>*]/.test(head) || /^else(?:\s|~?$)/.test(head))
+        return { type: "statement", end: tag.end };
+      return { type: "output", end: tag.end, inner };
+    }
+    if (s.startsWith("{#", at)) return { type: "comment", end: tag.end };
+    if (s.startsWith("{{", at))
+      return {
+        type: "output",
+        end: tag.end,
+        inner: s.slice(at + 2, tag.end - 2)
+      };
+    if (/^\{%[-+~]?\s*#/.test(s.slice(at, at + 64)))
+      return { type: "comment", end: tag.end };
+    const end = tag.keyword && this.captures(tag.keyword, tag.rest ?? "") ? this.blockEnd(tag.end, tag.keyword) : tag.end;
+    return { type: "statement", end, keyword: tag.keyword };
+  }
   /** Index after `close`, stepping over template constructs; the end of the source when missing. */
   skipTo(from, close) {
     let j = from;
@@ -5839,7 +5928,8 @@ var Scanner = class {
         j++;
         continue;
       }
-      if (tag.keyword === keyword && this.captures(keyword, tag.rest ?? "")) depth++;
+      if (tag.keyword === keyword && this.captures(keyword, tag.rest ?? ""))
+        depth++;
       else if (tag.keyword === `end${keyword}` && --depth === 0) return tag.end;
       j = tag.end;
     }
@@ -5850,22 +5940,32 @@ var Scanner = class {
     if (s[at] !== "{") return null;
     if (this.engine === "handlebars") {
       if (s.startsWith("{{{{", at)) return { end: this.handlebarsRawBlock(at) };
-      if (s.startsWith("{{!--", at)) return { end: this.indexAfter(at + 5, "--}}") };
-      if (s.startsWith("{{!", at)) return { end: this.indexAfter(at + 3, "}}") };
-      if (s.startsWith("{{{", at)) return { end: this.expressionEnd(at + 3, "}}}") };
-      if (s.startsWith("{{", at)) return { end: this.expressionEnd(at + 2, "}}") };
+      if (s.startsWith("{{!--", at))
+        return { end: this.indexAfter(at + 5, "--}}") };
+      if (s.startsWith("{{!", at))
+        return { end: this.indexAfter(at + 3, "}}") };
+      if (s.startsWith("{{{", at))
+        return { end: this.expressionEnd(at + 3, "}}}") };
+      if (s.startsWith("{{", at))
+        return { end: this.expressionEnd(at + 2, "}}") };
       return null;
     }
     if (this.engine === "jinja2" && s.startsWith("{#", at))
       return { end: this.indexAfter(at + 2, "#}") };
-    if (s.startsWith("{{", at)) return { end: this.expressionEnd(at + 2, "}}") };
+    if (s.startsWith("{{", at))
+      return { end: this.expressionEnd(at + 2, "}}") };
     if (!s.startsWith("{%", at)) return null;
     const end = /^[-+~]?\s*#/.test(s.slice(at + 2, at + 64)) ? this.indexAfter(at + 2, "%}") : this.expressionEnd(at + 2, "%}");
-    const inner = /^[-+~]?\s*(\w+)([\s\S]*)$/.exec(s.slice(at + 2, Math.max(at + 2, end - 2)));
+    const inner = /^[-+~]?\s*(\w+)([\s\S]*)$/.exec(
+      s.slice(at + 2, Math.max(at + 2, end - 2))
+    );
     const keyword = inner?.[1];
     if (!keyword) return { end };
     if (literalBlocks[this.engine].has(keyword)) {
-      const close = new RegExp(`\\{%[-+~]?\\s*end${keyword}\\s*[-+~]?%\\}`, "g");
+      const close = new RegExp(
+        `\\{%[-+~]?\\s*end${keyword}\\s*[-+~]?%\\}`,
+        "g"
+      );
       close.lastIndex = end;
       const match = close.exec(s);
       return { end: match ? match.index + match[0].length : this.n, keyword };
@@ -5920,125 +6020,2110 @@ function locate(starts, offset) {
   }
   return { line: low + 1, column: offset - (starts[low] ?? 0) + 1 };
 }
+function offsetOf(starts, sourceLength, line, column) {
+  const start = starts[line - 1];
+  if (start === void 0 || column < 1) return null;
+  const offset = start + column - 1;
+  const next = starts[line] ?? sourceLength + 1;
+  return offset < next ? offset : null;
+}
 
-// packages/engine/src/lib/office/errors.ts
-var OfficeError = class extends Error {
-  constructor(code, message, details = {}) {
-    super(message);
-    this.code = code;
-    this.details = details;
-    this.name = "OfficeError";
-  }
-};
-var officeLimits = {
-  /** Entries in one container. */
-  maxEntries: 2e3,
-  /** Sum of the uncompressed sizes the central directory declares. */
-  maxDeclaredBytes: 200 * 1024 * 1024,
-  /** One part we inflate; enforced while inflating, because the declared size can lie. */
-  maxPartBytes: 20 * 1024 * 1024,
-  /** A conversion upload or a template file. */
-  maxFileBytes: 20 * 1024 * 1024
-};
-
-// node_modules/.pnpm/fflate@0.8.3/node_modules/fflate/esm/browser.js
-var u8 = Uint8Array;
-var u16 = Uint16Array;
-var i32 = Int32Array;
-var fleb = new u8([
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  0,
-  1,
-  1,
-  1,
-  1,
-  2,
-  2,
-  2,
-  2,
-  3,
-  3,
-  3,
-  3,
-  4,
-  4,
-  4,
-  4,
-  5,
-  5,
-  5,
-  5,
-  0,
-  /* unused */
-  0,
-  0,
-  /* impossible */
-  0
+// packages/engine/src/lib/source-edit.ts
+var MAX_REGION = 2e4;
+var voidElements = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
 ]);
-var fdeb = new u8([
-  0,
-  0,
-  0,
-  0,
-  1,
-  1,
-  2,
-  2,
-  3,
-  3,
-  4,
-  4,
-  5,
-  5,
-  6,
-  6,
-  7,
-  7,
-  8,
-  8,
-  9,
-  9,
-  10,
-  10,
-  11,
-  11,
-  12,
-  12,
-  13,
-  13,
-  /* unused */
-  0,
-  0
+var phrasingElements = /* @__PURE__ */ new Set([
+  "a",
+  "abbr",
+  "b",
+  "bdi",
+  "bdo",
+  "cite",
+  "code",
+  "data",
+  "del",
+  "dfn",
+  "em",
+  "font",
+  "i",
+  "img",
+  "ins",
+  "kbd",
+  "label",
+  "mark",
+  "q",
+  "s",
+  "samp",
+  "small",
+  "span",
+  "strong",
+  "sub",
+  "sup",
+  "svg",
+  "time",
+  "u",
+  "var",
+  "wbr"
 ]);
-var clim = new u8([16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15]);
-var freb = function(eb, start) {
-  var b = new u16(31);
-  for (var i = 0; i < 31; ++i) {
-    b[i] = start += 1 << eb[i - 1];
+var namedEntities = {
+  amp: 38,
+  lt: 60,
+  gt: 62,
+  quot: 34,
+  apos: 39,
+  nbsp: 160,
+  shy: 173,
+  ensp: 8194,
+  emsp: 8195,
+  thinsp: 8201,
+  zwnj: 8204,
+  zwj: 8205,
+  ndash: 8211,
+  mdash: 8212,
+  lsquo: 8216,
+  rsquo: 8217,
+  sbquo: 8218,
+  ldquo: 8220,
+  rdquo: 8221,
+  bdquo: 8222,
+  laquo: 171,
+  raquo: 187,
+  lsaquo: 8249,
+  rsaquo: 8250,
+  hellip: 8230,
+  bull: 8226,
+  middot: 183,
+  euro: 8364,
+  pound: 163,
+  yen: 165,
+  cent: 162,
+  copy: 169,
+  reg: 174,
+  trade: 8482,
+  deg: 176,
+  sect: 167,
+  para: 182,
+  times: 215,
+  divide: 247,
+  plusmn: 177,
+  micro: 181,
+  frac12: 189,
+  frac14: 188,
+  frac34: 190,
+  sup2: 178,
+  sup3: 179,
+  dagger: 8224,
+  Dagger: 8225,
+  larr: 8592,
+  rarr: 8594,
+  uarr: 8593,
+  darr: 8595,
+  auml: 228,
+  ouml: 246,
+  uuml: 252,
+  Auml: 196,
+  Ouml: 214,
+  Uuml: 220,
+  szlig: 223,
+  eacute: 233,
+  egrave: 232,
+  agrave: 224,
+  aacute: 225,
+  ccedil: 231,
+  oacute: 243,
+  iacute: 237,
+  uacute: 250,
+  ntilde: 241
+};
+var entityPattern = /&(#[0-9]{1,7}|#[xX][0-9a-fA-F]{1,6}|[A-Za-z][A-Za-z0-9]{0,31});/y;
+var NBSP = String.fromCharCode(160);
+var BREAK = String.fromCharCode(57344);
+var REMOVED = String.fromCharCode(57345);
+var CHIP_OPEN = String.fromCharCode(57346);
+var CHIP_CLOSE = String.fromCharCode(57347);
+function editableRegion(source, engine, location) {
+  const offset = offsetOf(
+    lineStarts(source),
+    source.length,
+    location.line,
+    location.column
+  );
+  return offset === null ? { reason: "not-an-element" } : editableRegionAt(source, engine, offset);
+}
+function editableRegionAt(source, engine, at) {
+  const scanned = scanRegion(source, engine, at);
+  if ("reason" in scanned) return scanned;
+  const region = { kind: "text", ...scanned };
+  const visible = region.parts.filter(
+    (p) => !(p.kind === "text" && !source.slice(p.start, p.end).trim())
+  );
+  const only = visible.length === 1 ? visible[0] : void 0;
+  if (only?.kind === "chip" && only.chip === "expression") {
+    const call = translationCall(engine, only.inner ?? "");
+    if (call)
+      return { ...region, kind: "t", key: call.key, params: call.params };
+  }
+  const hasText = region.parts.some(
+    (p) => p.kind === "text" && decodeText2(source.slice(p.start, p.end)).text.trim() !== ""
+  );
+  return hasText ? region : { reason: "no-text" };
+}
+function findRegionAgain(source, engine, outer) {
+  const first = source.indexOf(outer);
+  if (first < 0 || source.indexOf(outer, first + 1) >= 0) return null;
+  const found = editableRegionAt(source, engine, first);
+  return "reason" in found ? null : found;
+}
+function regionChips(source, region) {
+  const chips = [];
+  for (const part of region.parts)
+    if (part.kind === "chip")
+      chips.push({
+        index: chips.length,
+        kind: part.chip,
+        label: part.label,
+        source: source.slice(part.start, part.end)
+      });
+  return chips;
+}
+function regionItems(source, region) {
+  const items = [];
+  let chip = 0;
+  for (const part of region.parts) {
+    if (part.kind === "text")
+      items.push({
+        kind: "text",
+        text: decodeText2(source.slice(part.start, part.end)).text
+      });
+    else if (part.kind === "break") items.push({ kind: "break" });
+    else items.push({ kind: "chip", index: chip++ });
   }
-  var r = new i32(b[30]);
-  for (var i = 1; i < 30; ++i) {
-    for (var j = b[i]; j < b[i + 1]; ++j) {
-      r[j] = j - b[i] << 5 | i;
+  return items;
+}
+function applyRegionEdit(source, engine, region, items) {
+  const chipParts = region.parts.filter(
+    (p) => p.kind === "chip"
+  );
+  const kept = [];
+  for (const item of items)
+    if (item.kind === "chip") {
+      if (!Number.isInteger(item.index) || item.index < 0 || item.index >= chipParts.length)
+        return { error: "chips" };
+      if (kept.length && item.index <= (kept[kept.length - 1] ?? -1))
+        return { error: "chips" };
+      kept.push(item.index);
+    }
+  const breakSpelling = source.slice(...spanOf(region.parts.find((p) => p.kind === "break"))) || "<br>";
+  const newSegments = [""];
+  for (const item of items) {
+    if (item.kind === "chip") newSegments.push("");
+    else
+      newSegments[newSegments.length - 1] += item.kind === "break" ? BREAK : item.text.replace(/[\uE000-\uE003]/g, "");
+  }
+  const pieces = [];
+  let segStart = region.start;
+  let partIndex = 0;
+  for (let k = 0; k <= kept.length; k++) {
+    const boundary = k < kept.length ? chipParts[kept[k] ?? 0] : void 0;
+    const segEnd = boundary ? boundary.start : region.end;
+    const segParts = [];
+    while (partIndex < region.parts.length && (region.parts[partIndex]?.start ?? Infinity) < segEnd)
+      segParts.push(region.parts[partIndex++]);
+    if (boundary) partIndex++;
+    pieces.push(
+      rewriteSegment(
+        source,
+        segStart,
+        segEnd,
+        segParts,
+        newSegments[k] ?? "",
+        breakSpelling
+      )
+    );
+    if (boundary) {
+      pieces.push(source.slice(boundary.start, boundary.end));
+      segStart = boundary.end;
     }
   }
-  return { b, r };
-};
-var _a = freb(fleb, 2);
-var fl = _a.b;
-var revfl = _a.r;
-fl[28] = 258, revfl[258] = 28;
-var _b = freb(fdeb, 0);
-var fd = _b.b;
-var revfd = _b.r;
-var rev = new u16(32768);
-for (i = 0; i < 32768; ++i) {
+  const expected = flatExpected(
+    items,
+    chipParts.map((c) => source.slice(c.start, c.end))
+  );
+  const attempt = source.slice(0, region.start) + pieces.join("") + source.slice(region.end);
+  if (readsBack(attempt, engine, region.tagStart, expected))
+    return { source: attempt };
+  const whole = items.map(
+    (item) => item.kind === "chip" ? source.slice(chipParts[item.index]?.start, chipParts[item.index]?.end) : item.kind === "break" ? breakSpelling : encodeText(item.text, true, true)
+  ).join("");
+  const rewritten = source.slice(0, region.start) + whole + source.slice(region.end);
+  return readsBack(rewritten, engine, region.tagStart, expected) ? { source: rewritten } : { error: "invalid" };
+}
+function translationItems(text2) {
+  const items = [];
+  const names = [];
+  let last = 0;
+  for (const match of text2.matchAll(/\{(\w+)\}/g)) {
+    if (match.index > last)
+      items.push({ kind: "text", text: text2.slice(last, match.index) });
+    items.push({ kind: "chip", index: names.length });
+    names.push(match[1] ?? "");
+    last = match.index + match[0].length;
+  }
+  if (last < text2.length) items.push({ kind: "text", text: text2.slice(last) });
+  return { items, names };
+}
+function translationText(items, names) {
+  return items.map(
+    (item) => item.kind === "chip" ? `{${names[item.index] ?? ""}}` : item.kind === "break" ? " " : item.text.replace(new RegExp(NBSP, "g"), " ")
+  ).join("");
+}
+function chipValues(rendered, items) {
+  const slots = [""];
+  for (const item of items) {
+    if (item.kind === "chip") slots.push("");
+    else if (item.kind === "text") slots[slots.length - 1] += item.text;
+  }
+  const chips = slots.length - 1;
+  if (!rendered.startsWith(slots[0] ?? "")) return null;
+  let found = null;
+  let solutions = 0;
+  let steps = 0;
+  const values = [];
+  const place = (k, pos) => {
+    if (solutions > 1 || ++steps > 1e4) return;
+    if (k === chips) {
+      if (pos === rendered.length) {
+        solutions++;
+        found = [...values];
+      }
+      return;
+    }
+    const next = slots[k + 1] ?? "";
+    const last = k + 1 === chips;
+    for (let q = pos; q <= rendered.length; q++) {
+      q = rendered.indexOf(next, q);
+      if (q < 0) return;
+      if (!last || q + next.length === rendered.length) {
+        values[k] = rendered.slice(pos, q);
+        place(k + 1, q + next.length);
+        if (solutions > 1) return;
+      }
+    }
+  };
+  place(0, (slots[0] ?? "").length);
+  return solutions === 1 && steps <= 1e4 ? found : null;
+}
+function scanRegion(source, engine, at) {
+  if (source[at] !== "<") return { reason: "not-an-element" };
+  tagName.lastIndex = at + 1;
+  const name = tagName.exec(source)?.[0];
+  if (!name) return { reason: "not-an-element" };
+  const nameEnd = at + 1 + name.length;
+  if (!plainNameEnd(source[nameEnd])) return { reason: "dynamic-tag" };
+  const tag = name.toLowerCase();
+  const scanner = new Scanner(source, engine);
+  const start = scanner.tagEnd(nameEnd);
+  if (voidElements.has(tag) || source[start - 2] === "/")
+    return { reason: "void" };
+  if (rawTextElements.has(tag)) return { reason: "raw-text" };
+  const parts = [];
+  let textStart = start;
+  const flush = (to) => {
+    if (to > textStart) parts.push({ kind: "text", start: textStart, end: to });
+  };
+  let i = start;
+  while (i < source.length) {
+    if (i - start > MAX_REGION) return { reason: "too-large" };
+    const ch = source[i];
+    if (ch === "{") {
+      const construct = scanner.classify(i);
+      if (!construct) {
+        i++;
+        continue;
+      }
+      if (construct.type === "statement") return { reason: "control-flow" };
+      flush(i);
+      parts.push(
+        construct.type === "output" ? {
+          kind: "chip",
+          chip: "expression",
+          label: expressionLabel(construct.inner),
+          inner: construct.inner,
+          start: i,
+          end: construct.end
+        } : {
+          kind: "chip",
+          chip: "comment",
+          label: "comment",
+          start: i,
+          end: construct.end
+        }
+      );
+      i = textStart = construct.end;
+      continue;
+    }
+    if (ch === "&") {
+      entityPattern.lastIndex = i;
+      const match = entityPattern.exec(source);
+      if (match && entityChar(match[1] ?? "") === null && !(match[1] ?? "").startsWith("#")) {
+        flush(i);
+        parts.push({
+          kind: "chip",
+          chip: "entity",
+          label: match[0],
+          start: i,
+          end: i + match[0].length
+        });
+        i = textStart = i + match[0].length;
+        continue;
+      }
+      i++;
+      continue;
+    }
+    if (ch !== "<") {
+      i++;
+      continue;
+    }
+    if (source.startsWith("<!--", i)) {
+      const end = scanner.skipTo(i + 4, "-->");
+      flush(i);
+      parts.push({
+        kind: "chip",
+        chip: "comment",
+        label: "comment",
+        start: i,
+        end
+      });
+      i = textStart = end;
+      continue;
+    }
+    const next = source[i + 1];
+    if (next === "/") {
+      tagName.lastIndex = i + 2;
+      const closing = tagName.exec(source)?.[0];
+      if (closing?.toLowerCase() !== tag) return { reason: "unclosed" };
+      flush(i);
+      return {
+        tag,
+        tagStart: at,
+        start,
+        end: i,
+        outerEnd: scanner.tagEnd(i + 2 + closing.length),
+        parts
+      };
+    }
+    if (next === "!" || next === "?") return { reason: "block-child" };
+    tagName.lastIndex = i + 1;
+    const child2 = tagName.exec(source)?.[0];
+    if (!child2) {
+      i++;
+      continue;
+    }
+    const childNameEnd = i + 1 + child2.length;
+    if (!plainNameEnd(source[childNameEnd])) return { reason: "dynamic-tag" };
+    const childTag = child2.toLowerCase();
+    const childStartEnd = scanner.tagEnd(childNameEnd);
+    if (childTag === "br") {
+      flush(i);
+      parts.push({ kind: "break", start: i, end: childStartEnd });
+      i = textStart = childStartEnd;
+      continue;
+    }
+    if (rawTextElements.has(childTag)) return { reason: "raw-text" };
+    if (!phrasingElements.has(childTag)) return { reason: "block-child" };
+    let childEnd = childStartEnd;
+    if (!voidElements.has(childTag) && source[childStartEnd - 2] !== "/") {
+      childEnd = matchingEnd(source, scanner, childStartEnd, childTag);
+      if (childEnd === null) return { reason: "unclosed" };
+    }
+    flush(i);
+    parts.push({
+      kind: "chip",
+      chip: "element",
+      label: `<${childTag}>`,
+      start: i,
+      end: childEnd
+    });
+    i = textStart = childEnd;
+  }
+  return { reason: "unclosed" };
+}
+function plainNameEnd(after) {
+  return after === void 0 || after === ">" || after === "/" || /\s/.test(after);
+}
+function matchingEnd(source, scanner, from, name) {
+  let depth = 1;
+  let j = from;
+  while (j < source.length) {
+    const ch = source[j];
+    if (ch === "{") {
+      j = scanner.skipTemplate(j) ?? j + 1;
+      continue;
+    }
+    if (ch !== "<") {
+      j++;
+      continue;
+    }
+    if (source.startsWith("<!--", j)) {
+      j = scanner.skipTo(j + 4, "-->");
+      continue;
+    }
+    if (source[j + 1] === "/") {
+      tagName.lastIndex = j + 2;
+      const closing = tagName.exec(source)?.[0];
+      const end2 = scanner.tagEnd(j + 2);
+      if (closing?.toLowerCase() === name && --depth === 0) return end2;
+      j = end2;
+      continue;
+    }
+    tagName.lastIndex = j + 1;
+    const opening = tagName.exec(source)?.[0];
+    if (!opening) {
+      j++;
+      continue;
+    }
+    const end = scanner.tagEnd(j + 1 + opening.length);
+    const lower = opening.toLowerCase();
+    if (lower === name && source[end - 2] !== "/") depth++;
+    j = rawTextElements.has(lower) ? scanner.skipToClosingTag(end, lower) : end;
+  }
+  return null;
+}
+function expressionLabel(inner) {
+  const label2 = inner.replace(/^[-~+&]?\s*/, "").replace(/\s*[-~+]?$/, "").replace(/\s+/g, " ");
+  return label2.length > 60 ? `${label2.slice(0, 59)}\u2026` : label2;
+}
+function translationCall(engine, inner) {
+  const expression = inner.replace(/^[-~+]?\s*/, "").replace(/\s*[-~+]?$/, "");
+  let match;
+  if (engine === "jinja2") {
+    match = /^(?:t|translate)\(\s*(['"])((?:(?!\1).)*)\1\s*(?:,\s*\{([\s\S]*)\}\s*)?\)$/.exec(
+      expression
+    );
+    return match ? { key: match[2] ?? "", params: parseParams(match[3] ?? "", ":", ",") } : null;
+  }
+  if (engine === "liquid") {
+    match = /^(['"])((?:(?!\1).)*)\1\s*\|\s*(?:t|translate)\b\s*(?::\s*([\s\S]*))?$/.exec(
+      expression
+    );
+    return match ? { key: match[2] ?? "", params: parseParams(match[3] ?? "", ":", ",") } : null;
+  }
+  match = /^(?:t|translate)\s+(['"])((?:(?!\1).)*)\1([\s\S]*)$/.exec(
+    expression
+  );
+  return match ? { key: match[2] ?? "", params: parseParams(match[3] ?? "", "=", " ") } : null;
+}
+function parseParams(text2, assign, separator) {
+  const params = {};
+  for (const piece of splitTopLevel(text2, separator)) {
+    const at = piece.indexOf(assign);
+    if (at <= 0) continue;
+    const name = piece.slice(0, at).trim().replace(/^['"]|['"]$/g, "");
+    if (/^[\w-]+$/.test(name)) params[name] = piece.slice(at + 1).trim();
+  }
+  return params;
+}
+function splitTopLevel(text2, separator) {
+  const pieces = [];
+  let depth = 0;
+  let quote2 = null;
+  let current = "";
+  for (const ch of text2) {
+    if (quote2) {
+      if (ch === quote2) quote2 = null;
+    } else if (ch === '"' || ch === "'") quote2 = ch;
+    else if ("([{".includes(ch)) depth++;
+    else if (")]}".includes(ch)) depth--;
+    else if (depth === 0 && (separator === " " ? /\s/.test(ch) : ch === separator)) {
+      if (current.trim()) pieces.push(current);
+      current = "";
+      continue;
+    }
+    current += ch;
+  }
+  if (current.trim()) pieces.push(current);
+  return pieces;
+}
+function entityChar(reference) {
+  if (reference.startsWith("#")) {
+    const code2 = reference[1] === "x" || reference[1] === "X" ? parseInt(reference.slice(2), 16) : parseInt(reference.slice(1), 10);
+    return Number.isFinite(code2) && code2 > 0 && code2 <= 1114111 && !(code2 >= 55296 && code2 <= 57343) ? String.fromCodePoint(code2) : null;
+  }
+  const code = namedEntities[reference];
+  return code === void 0 ? null : String.fromCharCode(code);
+}
+function decodeText2(raw) {
+  let text2 = "";
+  const map = [];
+  let i = 0;
+  while (i < raw.length) {
+    if (raw[i] === "&") {
+      entityPattern.lastIndex = i;
+      const match = entityPattern.exec(raw);
+      const decoded = match ? entityChar(match[1] ?? "") : null;
+      if (match && decoded !== null) {
+        for (let u = 0; u < decoded.length; u++) map.push(i);
+        text2 += decoded;
+        i += match[0].length;
+        continue;
+      }
+    }
+    text2 += raw[i];
+    map.push(i);
+    i++;
+  }
+  map.push(raw.length);
+  return { text: text2, map };
+}
+function encodeText(text2, keepNbsp, allBraces = false) {
+  let out = "";
+  for (let k = 0; k < text2.length; k++) {
+    const ch = text2[k] ?? "";
+    const next = text2[k + 1];
+    if (ch === "&") out += "&amp;";
+    else if (ch === "<") out += "&lt;";
+    else if (ch === ">") out += "&gt;";
+    else if (ch === NBSP) out += keepNbsp ? "&nbsp;" : " ";
+    else if (ch === "{" && (allBraces || next === void 0 || next === "{" || next === "%" || next === "#"))
+      out += "&#123;";
+    else if (ch === "#" && next === "}") out += "&#35;";
+    else out += ch;
+  }
+  return out;
+}
+function encodeTemplateText(text2) {
+  return encodeText(text2, true);
+}
+function spanOf(part) {
+  return part ? [part.start, part.end] : [0, 0];
+}
+function rewriteSegment(source, segStart, segEnd, parts, next, breakSpelling) {
+  let old = "";
+  const map = [];
+  for (const part of parts) {
+    if (part.kind === "text") {
+      const decoded = decodeText2(source.slice(part.start, part.end));
+      old += decoded.text;
+      for (let k = 0; k < decoded.text.length; k++)
+        map.push(part.start + (decoded.map[k] ?? 0));
+    } else {
+      old += part.kind === "break" ? BREAK : REMOVED;
+      map.push(part.start);
+    }
+  }
+  map.push(segEnd);
+  if (old === next) return source.slice(segStart, segEnd);
+  let prefix = 0;
+  const limit = Math.min(old.length, next.length);
+  while (prefix < limit && old[prefix] === next[prefix]) prefix++;
+  let suffix = 0;
+  while (suffix < limit - prefix && old[old.length - 1 - suffix] === next[next.length - 1 - suffix])
+    suffix++;
+  if (prefix > 0 && isHighSurrogate(old.charCodeAt(prefix - 1))) prefix--;
+  if (suffix > 0 && isLowSurrogate(old.charCodeAt(old.length - suffix)))
+    suffix--;
+  const from = map[prefix] ?? segEnd;
+  const to = map[old.length - suffix] ?? segEnd;
+  const middle = next.slice(prefix, next.length - suffix);
+  const keepNbsp = old.slice(prefix, old.length - suffix).includes(NBSP);
+  const written = middle.split(BREAK).map((text2) => encodeText(text2, keepNbsp)).join(breakSpelling);
+  return source.slice(segStart, from) + written + source.slice(to, segEnd);
+}
+var isHighSurrogate = (code) => code >= 55296 && code <= 56319;
+var isLowSurrogate = (code) => code >= 56320 && code <= 57343;
+function flatExpected(items, chipSources) {
+  return items.map(
+    (item) => item.kind === "chip" ? CHIP_OPEN + (chipSources[item.index] ?? "") + CHIP_CLOSE : item.kind === "break" ? BREAK : item.text.replace(/[\uE000-\uE003]/g, "")
+  ).join("").replace(new RegExp(NBSP, "g"), " ");
+}
+function readsBack(source, engine, tagStart, expected) {
+  const scanned = scanRegion(source, engine, tagStart);
+  if ("reason" in scanned) return false;
+  if (engine === "jinja2" && scanned.parts.some(
+    (p) => p.kind === "text" && source.slice(p.start, p.end).includes("#}")
+  ))
+    return false;
+  const flat = scanned.parts.map(
+    (part) => part.kind === "text" ? decodeText2(source.slice(part.start, part.end)).text : part.kind === "break" ? BREAK : CHIP_OPEN + source.slice(part.start, part.end) + CHIP_CLOSE
+  ).join("").replace(new RegExp(NBSP, "g"), " ");
+  return flat === expected;
+}
+
+// packages/engine/src/lib/source-positions.ts
+var sourceAttribute = "data-ff-src";
+var editAttribute = "data-ff-edit";
+function parseSourceAttribute(value) {
+  const match = /^(body|header|footer):(\d+):(\d+)$/.exec(value ?? "");
+  if (!match) return null;
+  const line = Number(match[2]);
+  const column = Number(match[3]);
+  if (line < 1 || column < 1) return null;
+  return { file: match[1], line, column };
+}
+function annotateSourcePositions(source, engine, file, options = {}) {
+  const scanner = new Scanner(source, engine);
+  const lines = lineStarts(source);
+  const out = [];
+  let copied = 0;
+  const n = source.length;
+  let i = 0;
+  while (i < n) {
+    const ch = source[i];
+    if (ch === "{") {
+      i = scanner.skipTemplate(i) ?? i + 1;
+      continue;
+    }
+    if (ch !== "<") {
+      i++;
+      continue;
+    }
+    if (source.startsWith("<!--", i)) {
+      i = scanner.skipTo(i + 4, "-->");
+      continue;
+    }
+    if (source.startsWith("<![CDATA[", i)) {
+      i = scanner.skipTo(i + 9, "]]>");
+      continue;
+    }
+    const next = source[i + 1];
+    if (next === "!" || next === "?") {
+      i = scanner.tagEnd(i + 2);
+      continue;
+    }
+    if (next === "/") {
+      i += 2;
+      continue;
+    }
+    tagName.lastIndex = i + 1;
+    const name = tagName.exec(source)?.[0];
+    if (!name) {
+      i++;
+      continue;
+    }
+    const nameEnd = i + 1 + name.length;
+    const end = scanner.tagEnd(nameEnd);
+    const after = source[nameEnd];
+    const plainName = after === void 0 || after === ">" || after === "/" || /\s/.test(after);
+    if (plainName && !source.slice(nameEnd, end).toLowerCase().includes(sourceAttribute)) {
+      const { line, column } = locate(lines, i);
+      const region = options.editable ? editableRegionAt(source, engine, i) : null;
+      const edit = region && !("reason" in region) ? ` ${editAttribute}="${region.kind}"` : "";
+      out.push(
+        source.slice(copied, nameEnd),
+        ` ${sourceAttribute}="${file}:${line}:${column}"${edit}`
+      );
+      copied = nameEnd;
+    }
+    i = end;
+    if (rawTextElements.has(name.toLowerCase()) && source[end - 1] === ">")
+      i = scanner.skipToClosingTag(end, name);
+  }
+  out.push(source.slice(copied));
+  return out.join("");
+}
+
+// packages/engine/src/lib/design/types.ts
+var DESIGN_VERSION = 1;
+
+// packages/engine/src/lib/design/parse.ts
+var DESIGN_LIMITS = {
+  layers: 200,
+  textPerLayer: 5e3,
+  bytes: 256 * 1024
+};
+var layerIdPattern = /^[a-z][a-z0-9-]{0,31}$/;
+var dataPathPattern = /^[A-Za-z_]\w*(?:\.[A-Za-z_]\w*)*$/;
+var colourPattern = /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+var tokenPattern = /^[a-z][a-z0-9-]{0,31}$/;
+var symbologies = [
+  "code128",
+  "ean13",
+  "ean8",
+  "upca",
+  "itf14",
+  "code39"
+];
+var Reader = class {
+  constructor(at) {
+    this.at = at;
+  }
+  problems = [];
+  problem(message) {
+    this.problems.push(`${this.at}: ${message}`);
+  }
+  number(value, name, min, max2, fallback) {
+    if (typeof value !== "number" || !Number.isFinite(value)) {
+      if (fallback !== void 0 && value === void 0) return fallback;
+      this.problem(`${name} must be a number`);
+      return fallback ?? min;
+    }
+    return Math.min(max2, Math.max(min, value));
+  }
+  string(value, name, max2, pattern) {
+    if (typeof value !== "string" || value.length > max2 || pattern && !pattern.test(value)) {
+      this.problem(`${name} is not valid`);
+      return "";
+    }
+    return value;
+  }
+  oneOf(value, name, options, fallback) {
+    if (value === void 0 && fallback !== void 0) return fallback;
+    if (typeof value === "string" && options.includes(value))
+      return value;
+    this.problem(`${name} must be one of ${options.join(", ")}`);
+    return options[0];
+  }
+  bool(value, fallback) {
+    return typeof value === "boolean" ? value : fallback;
+  }
+  paint(value, name) {
+    const v = value;
+    if (v && typeof v["color"] === "string" && colourPattern.test(v["color"]))
+      return { color: v["color"] };
+    if (v && typeof v["brand"] === "string" && tokenPattern.test(v["brand"]) && typeof v["fallback"] === "string" && colourPattern.test(v["fallback"]))
+      return { brand: v["brand"], fallback: v["fallback"] };
+    this.problem(`${name} is not a colour`);
+    return { color: "#000000" };
+  }
+  paintOrNull(value, name) {
+    return value === null || value === void 0 ? null : this.paint(value, name);
+  }
+  path(value, name) {
+    return this.string(value, name, 200, dataPathPattern);
+  }
+};
+function designBytes(value) {
+  return new TextEncoder().encode(JSON.stringify(value) ?? "").length;
+}
+function parseDesign(value) {
+  const root = new Reader("design");
+  const v = value;
+  if (!v || typeof v !== "object" || Array.isArray(v))
+    return { design: null, problems: ["design: not an object"] };
+  if (designBytes(v) > DESIGN_LIMITS.bytes)
+    return {
+      design: null,
+      problems: [`design: larger than ${DESIGN_LIMITS.bytes / 1024} kB`]
+    };
+  if (v["version"] !== DESIGN_VERSION)
+    root.problem(`version must be ${DESIGN_VERSION}`);
+  const output = typeof v["output"] === "string" ? v["output"].slice(0, 64) : "";
+  const background = root.paintOrNull(v["background"], "background");
+  const rawLayers = Array.isArray(v["layers"]) ? v["layers"] : null;
+  if (!rawLayers) root.problem("layers must be a list");
+  if (rawLayers && rawLayers.length > DESIGN_LIMITS.layers)
+    root.problem(`at most ${DESIGN_LIMITS.layers} layers`);
+  const problems = [...root.problems];
+  const layers = [];
+  const ids = /* @__PURE__ */ new Set();
+  for (const [index, raw] of (rawLayers ?? []).slice(0, DESIGN_LIMITS.layers).entries()) {
+    const id = raw?.["id"];
+    const reader = new Reader(
+      `layer ${typeof id === "string" ? id : index + 1}`
+    );
+    const layer = readLayer(reader, raw);
+    if (layer && ids.has(layer.id)) reader.problem("id is used twice");
+    if (layer) ids.add(layer.id);
+    problems.push(...reader.problems);
+    if (layer) layers.push(layer);
+  }
+  let guides;
+  const g = v["guides"];
+  if (g && typeof g === "object") {
+    const list2 = (x) => (Array.isArray(x) ? x : []).filter((n) => typeof n === "number" && Number.isFinite(n)).slice(0, 100);
+    guides = { x: list2(g["x"]), y: list2(g["y"]) };
+  }
+  if (problems.length) return { design: null, problems };
+  return {
+    design: {
+      version: DESIGN_VERSION,
+      output,
+      background,
+      layers,
+      ...guides ? { guides } : {}
+    },
+    problems: []
+  };
+}
+function readLayer(r, raw) {
+  const v = raw;
+  if (!v || typeof v !== "object") {
+    r.problem("not an object");
+    return null;
+  }
+  const base = {
+    id: r.string(v["id"], "id", 32, layerIdPattern),
+    name: typeof v["name"] === "string" && v["name"].trim() ? v["name"].slice(0, 100) : String(v["id"] ?? ""),
+    x: r.number(v["x"], "x", -1e4, 1e4),
+    y: r.number(v["y"], "y", -1e4, 1e4),
+    width: r.number(v["width"], "width", 1, 1e4),
+    height: r.number(v["height"], "height", 1, 1e4),
+    rotation: r.number(v["rotation"], "rotation", -360, 360, 0),
+    opacity: r.number(v["opacity"], "opacity", 0, 1, 1),
+    visible: r.bool(v["visible"], true),
+    ...v["locked"] === true ? { locked: true } : {}
+  };
+  const showWhen = v["showWhen"];
+  if (showWhen) base.showWhen = { path: r.path(showWhen["path"], "showWhen") };
+  if (v["radius"] !== void 0)
+    base.radius = r.number(v["radius"], "radius", 0, 5e3);
+  if (v["shadow"]) base.shadow = readShadow(r, v["shadow"]);
+  if (v["stroke"]) base.stroke = readStroke(r, v["stroke"]);
+  switch (v["type"]) {
+    case "text": {
+      const style2 = readStyle(r, v["style"]);
+      const layer = {
+        ...base,
+        type: "text",
+        content: readContent(r, v["content"]),
+        style: style2,
+        sizing: r.oneOf(
+          v["sizing"],
+          "sizing",
+          ["fixed", "shrink", "grow"],
+          "fixed"
+        ),
+        valign: r.oneOf(
+          v["valign"],
+          "valign",
+          ["top", "middle", "bottom"],
+          "top"
+        )
+      };
+      if (v["minFontSize"] !== void 0)
+        layer.minFontSize = r.number(
+          v["minFontSize"],
+          "minFontSize",
+          1,
+          style2.size
+        );
+      if (v["maxLines"] !== void 0)
+        layer.maxLines = Math.round(
+          r.number(v["maxLines"], "maxLines", 1, 100)
+        );
+      if (v["fill"] !== void 0)
+        layer.fill = r.paintOrNull(v["fill"], "fill");
+      if (v["padding"] !== void 0)
+        layer.padding = r.number(v["padding"], "padding", 0, 1e3);
+      return layer;
+    }
+    case "image": {
+      const layer = {
+        ...base,
+        type: "image",
+        source: readImageSource(r, v["source"]),
+        fit: r.oneOf(
+          v["fit"],
+          "fit",
+          ["cover", "contain", "fill"],
+          "cover"
+        )
+      };
+      const focus = v["focus"];
+      if (focus)
+        layer.focus = {
+          x: r.number(focus["x"], "focus", 0, 100),
+          y: r.number(focus["y"], "focus", 0, 100)
+        };
+      return layer;
+    }
+    case "shape":
+      return {
+        ...base,
+        type: "shape",
+        shape: r.oneOf(v["shape"], "shape", [
+          "rectangle",
+          "ellipse",
+          "line"
+        ]),
+        fill: r.paintOrNull(v["fill"], "fill")
+      };
+    case "qr":
+      return {
+        ...base,
+        type: "qr",
+        value: readBinding(r, v["value"]),
+        ecc: r.oneOf(v["ecc"], "ecc", ["L", "M", "Q", "H"], "M"),
+        color: r.paint(v["color"] ?? { color: "#000000" }, "color"),
+        background: r.paintOrNull(v["background"], "background")
+      };
+    case "barcode":
+      return {
+        ...base,
+        type: "barcode",
+        value: readBinding(r, v["value"]),
+        symbology: r.oneOf(v["symbology"], "symbology", symbologies, "code128"),
+        showText: r.bool(v["showText"], true)
+      };
+    default:
+      r.problem("unknown layer type");
+      return null;
+  }
+}
+function readShadow(r, raw) {
+  const v = raw ?? {};
+  const color = r.string(v["color"], "shadow colour", 9, colourPattern) || "#00000040";
+  return {
+    x: r.number(v["x"], "shadow x", -500, 500, 0),
+    y: r.number(v["y"], "shadow y", -500, 500, 0),
+    blur: r.number(v["blur"], "shadow blur", 0, 500, 0),
+    color
+  };
+}
+function readStroke(r, raw) {
+  const v = raw ?? {};
+  return {
+    width: r.number(v["width"], "stroke width", 0, 200),
+    paint: r.paint(v["paint"], "stroke colour")
+  };
+}
+function readStyle(r, raw) {
+  const v = raw ?? {};
+  const style2 = {
+    font: readFont(r, v["font"]),
+    weight: Math.round(r.number(v["weight"], "weight", 100, 900, 400) / 100) * 100,
+    size: r.number(v["size"], "size", 1, 2e3),
+    lineHeight: r.number(v["lineHeight"], "lineHeight", 0.5, 5, 1.2),
+    letterSpacing: r.number(v["letterSpacing"], "letterSpacing", -50, 200, 0),
+    color: r.paint(v["color"], "colour"),
+    align: r.oneOf(
+      v["align"],
+      "align",
+      ["left", "center", "right", "justify"],
+      "left"
+    )
+  };
+  if (v["italic"] === true) style2.italic = true;
+  if (v["uppercase"] === true) style2.uppercase = true;
+  if (v["underline"] === true) style2.underline = true;
+  if (v["strike"] === true) style2.strike = true;
+  return style2;
+}
+function readFont(r, raw) {
+  const v = raw ?? {};
+  if (v["brand"] === "heading" || v["brand"] === "body")
+    return { brand: v["brand"] };
+  const family = r.string(v["family"], "font", 100, /^[^"'\\<>\n\r;{}]+$/);
+  return {
+    family,
+    source: r.oneOf(
+      v["source"],
+      "font source",
+      ["google", "organisation", "system"],
+      "system"
+    )
+  };
+}
+function readContent(r, raw) {
+  if (!Array.isArray(raw)) {
+    r.problem("content must be a list");
+    return [];
+  }
+  let length = 0;
+  const items = [];
+  for (const item of raw) {
+    if (item && typeof item["text"] === "string") {
+      length += item["text"].length;
+      items.push({ text: item["text"] });
+    } else if (item && item["break"] === true) items.push({ break: true });
+    else if (item && typeof item["path"] === "string") {
+      const path = r.path(item["path"], "content path");
+      const format = item["format"] === void 0 ? void 0 : readFormat(r, item["format"]);
+      items.push(format ? { path, format } : { path });
+    } else
+      r.problem("content holds something that is not text, a path or a break");
+  }
+  if (length > 5e3) r.problem("at most 5000 characters of text");
+  return items;
+}
+function readFormat(r, raw) {
+  const v = raw ?? {};
+  switch (v["helper"]) {
+    case "upper":
+    case "lower":
+    case "title":
+    case "money":
+      return { helper: v["helper"] };
+    case "number":
+      return {
+        helper: "number",
+        decimals: Math.round(r.number(v["decimals"], "decimals", 0, 10, 2))
+      };
+    case "date":
+      return {
+        helper: "date",
+        pattern: r.string(v["pattern"], "date pattern", 64, /^[^{}\n\r]+$/)
+      };
+    case "truncate":
+      return {
+        helper: "truncate",
+        length: Math.round(r.number(v["length"], "length", 1, 5e3))
+      };
+    case "default":
+      return {
+        helper: "default",
+        value: r.string(v["value"], "default value", 500, /^[^{}\n\r]*$/)
+      };
+    default:
+      r.problem("unknown format");
+      return void 0;
+  }
+}
+function readImageSource(r, raw) {
+  const v = raw ?? {};
+  if (v["url"] === "") return { url: "" };
+  if (v["asset"] === "") return { asset: "" };
+  if (v["path"] === "") return { path: "" };
+  if (typeof v["url"] === "string")
+    return {
+      url: r.string(v["url"], "image url", 2e3, /^https?:\/\/[^\s"'<>]+$/)
+    };
+  if (typeof v["asset"] === "string")
+    return {
+      asset: r.string(v["asset"], "file name", 200, /^[^"\\<>\n\r{}]+$/)
+    };
+  if (typeof v["path"] === "string")
+    return { path: r.path(v["path"], "image path") };
+  if (v["brandLogo"] !== void 0)
+    return {
+      brandLogo: r.oneOf(v["brandLogo"], "brand logo", [
+        "primary",
+        "inverse",
+        "mark"
+      ])
+    };
+  r.problem("the image has no source");
+  return { url: "" };
+}
+function readBinding(r, raw) {
+  const v = raw ?? {};
+  if (typeof v["path"] === "string")
+    return { path: r.path(v["path"], "value path") };
+  if (typeof v["text"] === "string")
+    return { text: r.string(v["text"], "value", 2e3, /^[^\n\r{}]*$/) };
+  r.problem("the code has no value");
+  return { text: "" };
+}
+
+// packages/engine/src/lib/design/fonts.ts
+var range = (from, to) => Array.from({ length: (to - from) / 100 + 1 }, (_, i) => from + i * 100);
+var googleFonts = [
+  {
+    family: "Inter",
+    category: "sans-serif",
+    weights: range(100, 900),
+    italic: true
+  },
+  {
+    family: "Roboto",
+    category: "sans-serif",
+    weights: range(100, 900),
+    italic: true
+  },
+  {
+    family: "Open Sans",
+    category: "sans-serif",
+    weights: range(300, 800),
+    italic: true
+  },
+  {
+    family: "Lato",
+    category: "sans-serif",
+    weights: [100, 300, 400, 700, 900],
+    italic: true
+  },
+  {
+    family: "Montserrat",
+    category: "sans-serif",
+    weights: range(100, 900),
+    italic: true
+  },
+  {
+    family: "Poppins",
+    category: "sans-serif",
+    weights: range(100, 900),
+    italic: true
+  },
+  {
+    family: "Source Sans 3",
+    category: "sans-serif",
+    weights: range(200, 900),
+    italic: true
+  },
+  {
+    family: "Nunito",
+    category: "sans-serif",
+    weights: range(200, 900),
+    italic: true
+  },
+  {
+    family: "Raleway",
+    category: "sans-serif",
+    weights: range(100, 900),
+    italic: true
+  },
+  {
+    family: "Work Sans",
+    category: "sans-serif",
+    weights: range(100, 900),
+    italic: true
+  },
+  {
+    family: "DM Sans",
+    category: "sans-serif",
+    weights: range(100, 900),
+    italic: true
+  },
+  {
+    family: "Manrope",
+    category: "sans-serif",
+    weights: range(200, 800),
+    italic: false
+  },
+  {
+    family: "Rubik",
+    category: "sans-serif",
+    weights: range(300, 900),
+    italic: true
+  },
+  {
+    family: "Noto Sans",
+    category: "sans-serif",
+    weights: range(100, 900),
+    italic: true
+  },
+  {
+    family: "IBM Plex Sans",
+    category: "sans-serif",
+    weights: range(100, 700),
+    italic: true
+  },
+  {
+    family: "Space Grotesk",
+    category: "sans-serif",
+    weights: range(300, 700),
+    italic: false
+  },
+  {
+    family: "Outfit",
+    category: "sans-serif",
+    weights: range(100, 900),
+    italic: false
+  },
+  {
+    family: "Plus Jakarta Sans",
+    category: "sans-serif",
+    weights: range(200, 800),
+    italic: true
+  },
+  {
+    family: "Figtree",
+    category: "sans-serif",
+    weights: range(300, 900),
+    italic: true
+  },
+  {
+    family: "Karla",
+    category: "sans-serif",
+    weights: range(200, 800),
+    italic: true
+  },
+  {
+    family: "Barlow",
+    category: "sans-serif",
+    weights: range(100, 900),
+    italic: true
+  },
+  {
+    family: "Archivo",
+    category: "sans-serif",
+    weights: range(100, 900),
+    italic: true
+  },
+  {
+    family: "Oswald",
+    category: "display",
+    weights: range(200, 700),
+    italic: false
+  },
+  { family: "Bebas Neue", category: "display", weights: [400], italic: false },
+  { family: "Anton", category: "display", weights: [400], italic: false },
+  {
+    family: "Playfair Display",
+    category: "serif",
+    weights: range(400, 900),
+    italic: true
+  },
+  {
+    family: "Merriweather",
+    category: "serif",
+    weights: range(300, 900),
+    italic: true
+  },
+  { family: "Lora", category: "serif", weights: range(400, 700), italic: true },
+  {
+    family: "Libre Baskerville",
+    category: "serif",
+    weights: [400, 700],
+    italic: true
+  },
+  {
+    family: "Source Serif 4",
+    category: "serif",
+    weights: range(200, 900),
+    italic: true
+  },
+  {
+    family: "EB Garamond",
+    category: "serif",
+    weights: range(400, 800),
+    italic: true
+  },
+  {
+    family: "Cormorant Garamond",
+    category: "serif",
+    weights: range(300, 700),
+    italic: true
+  },
+  {
+    family: "DM Serif Display",
+    category: "serif",
+    weights: [400],
+    italic: true
+  },
+  {
+    family: "Fraunces",
+    category: "serif",
+    weights: range(100, 900),
+    italic: true
+  },
+  {
+    family: "Roboto Slab",
+    category: "serif",
+    weights: range(100, 900),
+    italic: false
+  },
+  {
+    family: "Zilla Slab",
+    category: "serif",
+    weights: [300, 400, 500, 600, 700],
+    italic: true
+  },
+  {
+    family: "JetBrains Mono",
+    category: "monospace",
+    weights: range(100, 800),
+    italic: true
+  },
+  {
+    family: "IBM Plex Mono",
+    category: "monospace",
+    weights: range(100, 700),
+    italic: true
+  },
+  {
+    family: "Space Mono",
+    category: "monospace",
+    weights: [400, 700],
+    italic: true
+  },
+  {
+    family: "Caveat",
+    category: "handwriting",
+    weights: range(400, 700),
+    italic: false
+  },
+  {
+    family: "Pacifico",
+    category: "handwriting",
+    weights: [400],
+    italic: false
+  },
+  {
+    family: "Dancing Script",
+    category: "handwriting",
+    weights: range(400, 700),
+    italic: false
+  }
+];
+var byFamily = new Map(googleFonts.map((font) => [font.family, font]));
+function googleFont(family) {
+  return byFamily.get(family);
+}
+function genericFamily(font) {
+  if (!font) return "sans-serif";
+  return font.category === "serif" ? "serif" : font.category === "monospace" ? "monospace" : font.category === "handwriting" ? "cursive" : "sans-serif";
+}
+function nearestWeight(font, weight) {
+  return font.weights.reduce(
+    (best, w) => Math.abs(w - weight) < Math.abs(best - weight) || Math.abs(w - weight) === Math.abs(best - weight) && w > best ? w : best,
+    font.weights[0] ?? 400
+  );
+}
+function googleFontsUrl(uses) {
+  const wanted = /* @__PURE__ */ new Map();
+  for (const use of uses) {
+    const font = byFamily.get(use.family);
+    if (!font) continue;
+    const italic = use.italic && font.italic ? 1 : 0;
+    const set = wanted.get(font.family) ?? /* @__PURE__ */ new Set();
+    set.add(`${italic},${nearestWeight(font, use.weight)}`);
+    wanted.set(font.family, set);
+  }
+  if (!wanted.size) return null;
+  const families = [...wanted.entries()].sort(([a], [b]) => a.localeCompare(b)).map(([family, set]) => {
+    const tuples = [...set].map((t) => t.split(",").map(Number)).sort((a, b) => a[0] - b[0] || a[1] - b[1]);
+    const name = family.replace(/ /g, "+");
+    return tuples.some(([italic]) => italic) ? `family=${name}:ital,wght@${tuples.map(([i, w]) => `${i},${w}`).join(";")}` : `family=${name}:wght@${tuples.map(([, w]) => w).join(";")}`;
+  });
+  return `https://fonts.googleapis.com/css2?${families.join("&")}&display=block`;
+}
+
+// packages/engine/src/lib/design/hash.ts
+function designOutputHash(html, css2) {
+  const text2 = `${html}\0${css2}`;
+  let a = 2166136261;
+  let b = 16777619 ^ 2654435769;
+  for (let i = 0; i < text2.length; i++) {
+    const code = text2.charCodeAt(i);
+    if (code === 13) continue;
+    a = Math.imul(a ^ code, 16777619) >>> 0;
+    b = Math.imul(b ^ code, 16777619) >>> 0;
+    b = b + (a >>> 13) >>> 0;
+  }
+  return a.toString(16).padStart(8, "0") + b.toString(16).padStart(8, "0");
+}
+
+// packages/engine/src/lib/design/layers.ts
+function imageIsEmpty(source) {
+  if ("url" in source) return source.url === "";
+  if ("asset" in source) return source.asset === "";
+  if ("path" in source) return source.path === "";
+  return false;
+}
+function emptyDesign() {
+  return {
+    version: DESIGN_VERSION,
+    output: "",
+    background: { color: "#ffffff" },
+    layers: []
+  };
+}
+function nextLayerId(design2, type) {
+  const taken = new Set(design2.layers.map((layer) => layer.id));
+  for (let n = 1; ; n++) {
+    const id = `${type}-${n}`;
+    if (!taken.has(id)) return id;
+  }
+}
+var baseText = {
+  type: "text",
+  rotation: 0,
+  opacity: 1,
+  visible: true,
+  content: [{ text: "Text" }],
+  style: {
+    font: { family: "Inter", source: "google" },
+    // regular: the editor's Bold is a toggle, and a new text that was already bold confused it
+    weight: 400,
+    size: 48,
+    lineHeight: 1.2,
+    letterSpacing: 0,
+    color: { color: "#111827" },
+    align: "left"
+  },
+  sizing: "fixed",
+  valign: "top"
+};
+function defaultLayer(type, id, name, canvas) {
+  const centred = (width, height) => ({
+    x: Math.round((canvas.width - width) / 2),
+    y: Math.round((canvas.height - height) / 2),
+    width,
+    height
+  });
+  const common = { id, name, rotation: 0, opacity: 1, visible: true };
+  switch (type) {
+    case "text":
+      return {
+        ...baseText,
+        ...common,
+        ...centred(Math.min(canvas.width - 80, 600), 80)
+      };
+    case "image":
+      return {
+        ...common,
+        type: "image",
+        ...centred(Math.min(canvas.width, 400), Math.min(canvas.height, 300)),
+        // not chosen yet (`imageIsEmpty`), and the file library first: that is where an upload goes
+        source: { asset: "" },
+        fit: "cover"
+      };
+    case "shape":
+      return {
+        ...common,
+        type: "shape",
+        ...centred(240, 160),
+        shape: "rectangle",
+        fill: { color: "#e5e7eb" }
+      };
+    case "qr":
+      return {
+        ...common,
+        type: "qr",
+        ...centred(240, 240),
+        value: { text: "https://example.test" },
+        ecc: "M",
+        color: { color: "#000000" },
+        background: { color: "#ffffff" }
+      };
+    case "barcode":
+      return {
+        ...common,
+        type: "barcode",
+        ...centred(400, 140),
+        value: { text: "4006381333931" },
+        symbology: "ean13",
+        showText: true
+      };
+  }
+}
+
+// packages/engine/src/lib/design/emit.ts
+var colourPattern2 = /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+var tokenPattern2 = /^[a-z][a-z0-9-]{0,31}$/;
+function emitDesign(design2, engine, size) {
+  const lines = ['<div class="ff-design">'];
+  const map = {};
+  const rules = [];
+  for (const layer of design2.layers) {
+    if (!layer.visible) continue;
+    const markup = layerHtml(layer, engine);
+    lines.push(
+      `  ${layer.showWhen?.path ? ifBlock(engine, layer.showWhen.path, markup) : markup}`
+    );
+    map[layer.id] = { start: lines.length, end: lines.length };
+    rules.push(...layerCss(layer));
+  }
+  lines.push("</div>");
+  const html = `${lines.join("\n")}
+`;
+  const fonts = googleFontsUrl(
+    design2.layers.filter(
+      (l) => l.visible && l.type === "text" && "family" in l.style.font && l.style.font.source === "google"
+    ).map((l) => ({
+      family: l.style.font.family,
+      weight: l.style.weight,
+      italic: l.style.italic === true
+    }))
+  );
+  const head = [
+    ...fonts ? [`@import url("${fonts}");`] : [],
+    `.ff-design { ${decl({
+      position: "relative",
+      width: px(size.width),
+      height: px(size.height),
+      overflow: "hidden",
+      background: design2.background ? paint(design2.background) : void 0
+    })} }`,
+    ".ff-layer { position: absolute; box-sizing: border-box; margin: 0; }"
+  ];
+  const css2 = `${[...head, ...rules].join("\n")}
+`;
+  return { html, css: css2, map, output: designOutputHash(html, css2) };
+}
+function open(layer, tag, extra = "") {
+  return `<${tag} class="ff-layer l-${layer.id}" data-ff-layer="${layer.id}"${extra}`;
+}
+function layerHtml(layer, engine) {
+  switch (layer.type) {
+    case "text": {
+      const fit = layer.sizing === "shrink" ? ` data-ff-fit="shrink" data-ff-fit-min="${num(layer.minFontSize ?? Math.max(8, Math.round(layer.style.size / 3)))}"` : "";
+      return `${open(layer, "div", fit)}><p class="ff-text">${textHtml(layer.content, engine)}</p></div>`;
+    }
+    case "image":
+      if (imageIsEmpty(layer.source)) return `${open(layer, "div")}></div>`;
+      return `${open(layer, "img", ` src="${imageSource(layer.source, engine)}" alt=""`)}>`;
+    case "shape":
+      return `${open(layer, "div")}></div>`;
+    case "qr":
+      return `${open(
+        layer,
+        "img",
+        ` src="${helperCall(engine, "qrcode", binding(layer.value, engine), {
+          ecc: stringLiteral(engine, layer.ecc),
+          margin: "0",
+          color: stringLiteral(engine, literalColour(layer.color)),
+          background: stringLiteral(
+            engine,
+            layer.background ? literalColour(layer.background) : "#ffffff00"
+          )
+        })}" alt=""`
+      )}>`;
+    case "barcode":
+      return `${open(
+        layer,
+        "img",
+        ` src="${helperCall(engine, "barcode", binding(layer.value, engine), {
+          type: stringLiteral(engine, layer.symbology),
+          text: layer.showText ? "true" : "false"
+        })}" alt=""`
+      )}>`;
+  }
+}
+function textHtml(items, engine) {
+  return items.map((item) => {
+    if ("break" in item) return "<br>";
+    if ("text" in item)
+      return encodeTemplateText(item.text.replace(/[\r\n]+/g, " "));
+    return valueHtml(item.path, item.format, engine);
+  }).join("");
+}
+function valueHtml(path, format, engine) {
+  if (!format) return `{{ ${path} }}`;
+  switch (format.helper) {
+    case "upper":
+    case "lower":
+    case "title":
+    case "money":
+      return filterCall(engine, path, format.helper);
+    case "number":
+      return filterCall(engine, path, "number", [String(format.decimals)]);
+    case "date":
+      return filterCall(engine, path, "date", [
+        stringLiteral(engine, format.pattern)
+      ]);
+    case "truncate":
+      return filterCall(engine, path, "truncate", [String(format.length)]);
+    case "default":
+      return filterCall(engine, path, "default", [
+        stringLiteral(engine, format.value)
+      ]);
+  }
+}
+function binding(value, engine) {
+  return "path" in value ? value.path : stringLiteral(engine, value.text);
+}
+function imageSource(source, engine) {
+  if ("url" in source) return escapeAttribute(source.url);
+  if ("asset" in source)
+    return helperCall(engine, "asset", stringLiteral(engine, source.asset));
+  if ("path" in source) return `{{ ${source.path} }}`;
+  return `{{ brand.logo.${source.brandLogo} }}`;
+}
+function layerCss(layer) {
+  const text2 = layer.type === "text" ? layer : null;
+  const box = {
+    left: px(layer.x),
+    top: px(layer.y),
+    width: px(layer.width),
+    height: text2?.sizing === "grow" ? void 0 : px(layer.height),
+    opacity: layer.opacity < 1 ? num(layer.opacity) : void 0,
+    transform: layer.rotation ? `rotate(${num(layer.rotation)}deg)` : void 0,
+    "border-radius": layer.type === "shape" && layer.shape === "ellipse" ? "50%" : layer.radius ? px(layer.radius) : void 0,
+    border: layer.stroke && layer.stroke.width > 0 ? `${px(layer.stroke.width)} solid ${paint(layer.stroke.paint)}` : void 0,
+    "box-shadow": layer.shadow && !text2 ? shadow(layer.shadow) : void 0
+  };
+  if (text2) {
+    Object.assign(box, {
+      display: "flex",
+      "flex-direction": "column",
+      "justify-content": text2.valign === "middle" ? "center" : text2.valign === "bottom" ? "flex-end" : "flex-start",
+      overflow: text2.sizing === "grow" ? void 0 : "hidden",
+      padding: text2.padding ? px(text2.padding) : void 0,
+      background: text2.fill ? paint(text2.fill) : void 0
+    });
+    const s = text2.style;
+    const clamp = text2.maxLines ? {
+      display: "-webkit-box",
+      "-webkit-box-orient": "vertical",
+      "-webkit-line-clamp": String(text2.maxLines),
+      overflow: "hidden"
+    } : {};
+    const inner = decl({
+      margin: "0",
+      width: "100%",
+      "font-family": fontFamily(s.font),
+      "font-weight": String(servedWeight(s.font, s.weight)),
+      "font-size": px(s.size),
+      "line-height": num(s.lineHeight),
+      "letter-spacing": s.letterSpacing ? px(s.letterSpacing) : void 0,
+      color: paint(s.color),
+      "text-align": s.align,
+      "font-style": s.italic ? "italic" : void 0,
+      "text-transform": s.uppercase ? "uppercase" : void 0,
+      "text-decoration": [s.underline && "underline", s.strike && "line-through"].filter(Boolean).join(" ") || void 0,
+      "text-shadow": text2.shadow ? shadow(text2.shadow) : void 0,
+      "overflow-wrap": "break-word",
+      ...clamp
+    });
+    return [
+      `.l-${layer.id} { ${decl(box)} }`,
+      `.l-${layer.id} .ff-text { ${inner} }`
+    ];
+  }
+  if (layer.type === "image")
+    Object.assign(box, {
+      display: "block",
+      "object-fit": layer.fit,
+      "object-position": layer.focus ? `${num(layer.focus.x)}% ${num(layer.focus.y)}%` : void 0
+    });
+  if (layer.type === "qr" || layer.type === "barcode")
+    Object.assign(box, { display: "block", "object-fit": "contain" });
+  if (layer.type === "shape")
+    box["background"] = layer.fill ? paint(layer.fill) : void 0;
+  return [`.l-${layer.id} { ${decl(box)} }`];
+}
+function decl(properties) {
+  return Object.entries(properties).filter(([, value]) => value !== void 0).map(([name, value]) => `${name}: ${value};`).join(" ");
+}
+function num(n) {
+  return String(Math.round(n * 100) / 100);
+}
+function px(n) {
+  const value = num(n);
+  return value === "0" ? "0" : `${value}px`;
+}
+function safeColour(value) {
+  return colourPattern2.test(value) ? value : "#000000";
+}
+function paint(p) {
+  if ("brand" in p)
+    return tokenPattern2.test(p.brand) ? `var(--brand-color-${p.brand}, ${safeColour(p.fallback)})` : safeColour(p.fallback);
+  return safeColour(p.color);
+}
+function literalColour(p) {
+  return safeColour("brand" in p ? p.fallback : p.color);
+}
+function shadow(s) {
+  return `${px(s.x)} ${px(s.y)} ${px(s.blur)} ${safeColour(s.color)}`;
+}
+function servedWeight(font, weight) {
+  const google = "family" in font && font.source === "google" ? googleFont(font.family) : void 0;
+  return google ? nearestWeight(google, weight) : weight;
+}
+function fontFamily(font) {
+  if ("brand" in font) return `var(--brand-font-${font.brand}, sans-serif)`;
+  const family = font.family.replace(/["'\\<>\n\r;{}]/g, "");
+  const generic = font.source === "google" ? genericFamily(googleFont(family)) : "sans-serif";
+  return `"${family}", ${generic}`;
+}
+function escapeAttribute(value) {
+  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\{/g, "%7B").replace(/\}/g, "%7D");
+}
+
+// packages/engine/src/lib/design/starters.ts
+var style = (overrides) => ({
+  font: { family: "Inter", source: "google" },
+  weight: 600,
+  size: 40,
+  lineHeight: 1.2,
+  letterSpacing: 0,
+  color: { color: "#111827" },
+  align: "left",
+  ...overrides
+});
+var text = (layer) => ({
+  type: "text",
+  rotation: 0,
+  opacity: 1,
+  visible: true,
+  sizing: "fixed",
+  valign: "top",
+  ...layer
+});
+var design = (background, layers) => ({
+  version: DESIGN_VERSION,
+  output: "",
+  background,
+  layers
+});
+var designStarters = [
+  {
+    id: "blank",
+    title: "Blank",
+    size: { width: 1200, height: 630 },
+    design: design({ color: "#ffffff" }, []),
+    sampleData: {}
+  },
+  {
+    id: "article",
+    title: "Article card",
+    size: { width: 1200, height: 630 },
+    design: design({ brand: "primary", fallback: "#0f172a" }, [
+      text({
+        id: "site",
+        name: "Site",
+        x: 80,
+        y: 64,
+        width: 1040,
+        height: 40,
+        content: [{ path: "site.name" }],
+        style: style({
+          size: 26,
+          weight: 600,
+          letterSpacing: 2,
+          uppercase: true,
+          color: { color: "#cbd5e1" }
+        })
+      }),
+      text({
+        id: "title",
+        name: "Title",
+        x: 80,
+        y: 130,
+        width: 1040,
+        height: 320,
+        content: [{ path: "post.title" }],
+        sizing: "shrink",
+        minFontSize: 40,
+        valign: "middle",
+        style: style({
+          size: 76,
+          weight: 800,
+          lineHeight: 1.1,
+          color: { color: "#ffffff" }
+        })
+      }),
+      {
+        id: "rule",
+        name: "Rule",
+        type: "shape",
+        shape: "rectangle",
+        x: 80,
+        y: 478,
+        width: 120,
+        height: 6,
+        rotation: 0,
+        opacity: 1,
+        visible: true,
+        fill: { brand: "accent", fallback: "#38bdf8" }
+      },
+      text({
+        id: "byline",
+        name: "Byline",
+        x: 80,
+        y: 508,
+        width: 1040,
+        height: 50,
+        content: [{ text: "By " }, { path: "post.author" }],
+        showWhen: { path: "post.author" },
+        style: style({ size: 30, weight: 500, color: { color: "#cbd5e1" } })
+      })
+    ]),
+    sampleData: {
+      site: { name: "Fennlor Studio" },
+      post: {
+        title: "How we cut our invoice run from an hour to four minutes",
+        author: "Max Mustermann"
+      }
+    }
+  },
+  {
+    id: "quote",
+    title: "Quote card",
+    size: { width: 1080, height: 1080 },
+    design: design({ color: "#f5efe6" }, [
+      text({
+        id: "mark",
+        name: "Quotation mark",
+        x: 96,
+        y: 60,
+        width: 240,
+        height: 220,
+        content: [{ text: "\u201C" }],
+        style: style({
+          font: { family: "Playfair Display", source: "google" },
+          size: 220,
+          weight: 700,
+          lineHeight: 1,
+          color: { color: "#d97706" }
+        })
+      }),
+      text({
+        id: "quote",
+        name: "Quote",
+        x: 96,
+        y: 260,
+        width: 888,
+        height: 520,
+        content: [{ path: "review.quote" }],
+        sizing: "shrink",
+        minFontSize: 32,
+        valign: "middle",
+        style: style({
+          font: { family: "Playfair Display", source: "google" },
+          size: 60,
+          weight: 600,
+          lineHeight: 1.22,
+          color: { color: "#1c1917" }
+        })
+      }),
+      text({
+        id: "author",
+        name: "Author",
+        x: 96,
+        y: 836,
+        width: 888,
+        height: 50,
+        content: [{ path: "review.author" }],
+        style: style({ size: 36, weight: 600, color: { color: "#1c1917" } })
+      }),
+      text({
+        id: "role",
+        name: "Role",
+        x: 96,
+        y: 896,
+        width: 888,
+        height: 44,
+        content: [{ path: "review.role" }],
+        showWhen: { path: "review.role" },
+        style: style({ size: 28, weight: 400, color: { color: "#78716c" } })
+      })
+    ]),
+    sampleData: {
+      review: {
+        quote: "Delivery took two days, and the one shade that arrived dented was replaced before we had finished the call.",
+        author: "Erika Mustermann",
+        role: "Office manager, Olvarest GmbH"
+      }
+    }
+  },
+  {
+    id: "event",
+    title: "Event story",
+    size: { width: 1080, height: 1920 },
+    design: design({ color: "#111827" }, [
+      text({
+        id: "label",
+        name: "Label",
+        x: 96,
+        y: 200,
+        width: 888,
+        height: 50,
+        content: [{ text: "Event" }],
+        style: style({
+          size: 36,
+          weight: 700,
+          letterSpacing: 6,
+          uppercase: true,
+          color: { color: "#fbbf24" }
+        })
+      }),
+      text({
+        id: "title",
+        name: "Title",
+        x: 96,
+        y: 290,
+        width: 888,
+        height: 620,
+        content: [{ path: "event.title" }],
+        sizing: "shrink",
+        minFontSize: 56,
+        valign: "bottom",
+        style: style({
+          size: 112,
+          weight: 800,
+          lineHeight: 1.05,
+          color: { color: "#ffffff" }
+        })
+      }),
+      text({
+        id: "date",
+        name: "Date",
+        x: 96,
+        y: 980,
+        width: 888,
+        height: 70,
+        content: [
+          {
+            path: "event.date",
+            format: { helper: "date", pattern: "d MMMM yyyy" }
+          }
+        ],
+        style: style({ size: 52, weight: 600, color: { color: "#e5e7eb" } })
+      }),
+      text({
+        id: "place",
+        name: "Place",
+        x: 96,
+        y: 1060,
+        width: 888,
+        height: 60,
+        content: [{ path: "event.place" }],
+        style: style({ size: 38, weight: 400, color: { color: "#9ca3af" } })
+      }),
+      {
+        id: "qr",
+        name: "QR code",
+        type: "qr",
+        x: 96,
+        y: 1440,
+        width: 300,
+        height: 300,
+        rotation: 0,
+        opacity: 1,
+        visible: true,
+        radius: 16,
+        value: { path: "event.url" },
+        ecc: "M",
+        color: { color: "#111827" },
+        background: { color: "#ffffff" }
+      },
+      text({
+        id: "scan",
+        name: "Scan note",
+        x: 440,
+        y: 1560,
+        width: 544,
+        height: 60,
+        content: [{ text: "Scan for your ticket" }],
+        style: style({ size: 40, weight: 600, color: { color: "#ffffff" } })
+      })
+    ]),
+    sampleData: {
+      event: {
+        title: "Formfeed meetup: documents as code",
+        date: "2026-11-12",
+        place: "Musterstra\xDFe 1 \xB7 12345 Musterstadt",
+        url: "https://fennlor.test/events/meetup"
+      }
+    }
+  }
+];
+
+// packages/engine/src/lib/office/errors.ts
+var OfficeError = class extends Error {
+  constructor(code, message, details = {}) {
+    super(message);
+    this.code = code;
+    this.details = details;
+    this.name = "OfficeError";
+  }
+};
+var officeLimits = {
+  /** Entries in one container. */
+  maxEntries: 2e3,
+  /** Sum of the uncompressed sizes the central directory declares. */
+  maxDeclaredBytes: 200 * 1024 * 1024,
+  /** One part we inflate; enforced while inflating, because the declared size can lie. */
+  maxPartBytes: 20 * 1024 * 1024,
+  /** A conversion upload or a template file. */
+  maxFileBytes: 20 * 1024 * 1024
+};
+
+// node_modules/.pnpm/fflate@0.8.3/node_modules/fflate/esm/browser.js
+var u8 = Uint8Array;
+var u16 = Uint16Array;
+var i32 = Int32Array;
+var fleb = new u8([
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  1,
+  1,
+  1,
+  1,
+  2,
+  2,
+  2,
+  2,
+  3,
+  3,
+  3,
+  3,
+  4,
+  4,
+  4,
+  4,
+  5,
+  5,
+  5,
+  5,
+  0,
+  /* unused */
+  0,
+  0,
+  /* impossible */
+  0
+]);
+var fdeb = new u8([
+  0,
+  0,
+  0,
+  0,
+  1,
+  1,
+  2,
+  2,
+  3,
+  3,
+  4,
+  4,
+  5,
+  5,
+  6,
+  6,
+  7,
+  7,
+  8,
+  8,
+  9,
+  9,
+  10,
+  10,
+  11,
+  11,
+  12,
+  12,
+  13,
+  13,
+  /* unused */
+  0,
+  0
+]);
+var clim = new u8([16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15]);
+var freb = function(eb, start) {
+  var b = new u16(31);
+  for (var i = 0; i < 31; ++i) {
+    b[i] = start += 1 << eb[i - 1];
+  }
+  var r = new i32(b[30]);
+  for (var i = 1; i < 30; ++i) {
+    for (var j = b[i]; j < b[i + 1]; ++j) {
+      r[j] = j - b[i] << 5 | i;
+    }
+  }
+  return { b, r };
+};
+var _a = freb(fleb, 2);
+var fl = _a.b;
+var revfl = _a.r;
+fl[28] = 258, revfl[258] = 28;
+var _b = freb(fdeb, 0);
+var fd = _b.b;
+var revfd = _b.r;
+var rev = new u16(32768);
+for (i = 0; i < 32768; ++i) {
   x = (i & 43690) >> 1 | (i & 21845) << 1;
   x = (x & 52428) >> 2 | (x & 13107) << 2;
   x = (x & 61680) >> 4 | (x & 3855) << 4;
@@ -7223,8 +9308,8 @@ function assertWellFormed(tokens, part) {
         break;
       }
       case "close": {
-        const open = stack.pop();
-        if (open !== token2.name) throw invalid2(`</${token2.name}> closes <${open ?? "nothing"}>`, part);
+        const open2 = stack.pop();
+        if (open2 !== token2.name) throw invalid2(`</${token2.name}> closes <${open2 ?? "nothing"}>`, part);
         break;
       }
       case "text":
@@ -7240,12 +9325,12 @@ function assertWellFormed(tokens, part) {
 }
 var FORBIDDEN = /[\u0000-\u0008\u000B\u000C\u000E-\u001F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?<![\uD800-\uDBFF])[\uDC00-\uDFFF]/;
 var ENTITY = /&(?:#x[0-9A-Fa-f]+|#\d+|amp|lt|gt|quot|apos);/y;
-function checkText(text, part) {
-  if (FORBIDDEN.test(text)) throw invalid2("a character XML does not allow", part);
-  if (text.includes("<")) throw invalid2("unescaped < in text", part);
-  for (let i = text.indexOf("&"); i !== -1; i = text.indexOf("&", i + 1)) {
+function checkText(text2, part) {
+  if (FORBIDDEN.test(text2)) throw invalid2("a character XML does not allow", part);
+  if (text2.includes("<")) throw invalid2("unescaped < in text", part);
+  for (let i = text2.indexOf("&"); i !== -1; i = text2.indexOf("&", i + 1)) {
     ENTITY.lastIndex = i;
-    if (!ENTITY.test(text)) throw invalid2(`invalid entity reference near "${text.slice(i, i + 12)}"`, part);
+    if (!ENTITY.test(text2)) throw invalid2(`invalid entity reference near "${text2.slice(i, i + 12)}"`, part);
   }
 }
 function checkAttributes(raw, part) {
@@ -7260,7 +9345,7 @@ function checkAttributes(raw, part) {
   });
   if (rest.trim() !== "") throw invalid2(`malformed attributes in ${raw.slice(0, 40)}`, part);
 }
-function decodeText2(raw) {
+function decodeText3(raw) {
   return raw.replace(/&(#x[0-9A-Fa-f]+|#\d+|amp|lt|gt|quot|apos);/g, (whole, name) => {
     switch (name) {
       case "amp":
@@ -7280,13 +9365,13 @@ function decodeText2(raw) {
     }
   });
 }
-function escapeText2(text) {
-  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function escapeText2(text2) {
+  return text2.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 var FORBIDDEN_GLOBAL = /[\u0000-\u0008\u000B\u000C\u000E-\u001F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?<![\uD800-\uDBFF])[\uDC00-\uDFFF]/g;
-function stripForbidden(text) {
+function stripForbidden(text2) {
   let removed = 0;
-  const out = text.replace(FORBIDDEN_GLOBAL, () => {
+  const out = text2.replace(FORBIDDEN_GLOBAL, () => {
     removed++;
     return "";
   });
@@ -7537,13 +9622,13 @@ function placeDrawings(xml2, pattern, markupFor) {
       pattern.lastIndex = 0;
       if (pattern.test(t.raw)) {
         const segments = t.raw.split(pattern);
-        let text = segments[0];
+        let text2 = segments[0];
         for (let s = 1; s < segments.length; s += 2) {
           const index = Number(segments[s]);
-          text += `</w:t></w:r><w:r>${runProps}${markupFor(index)}</w:r>${runOpen}${runProps}<w:t xml:space="preserve">` + segments[s + 1];
+          text2 += `</w:t></w:r><w:r>${runProps}${markupFor(index)}</w:r>${runOpen}${runProps}<w:t xml:space="preserve">` + segments[s + 1];
         }
         out[textOpen] = withPreserve(out[textOpen]);
-        out.push(text);
+        out.push(text2);
         continue;
       }
     }
@@ -7566,13 +9651,13 @@ function withRelationships(rels2, relationships) {
   return rels2.slice(0, end) + added + rels2.slice(end);
 }
 function relationshipIds(rels2) {
-  return new Set([...(rels2 ?? "").matchAll(/\sId="([^"]+)"/g)].map((m) => decodeText2(m[1])));
+  return new Set([...(rels2 ?? "").matchAll(/\sId="([^"]+)"/g)].map((m) => decodeText3(m[1])));
 }
 function withImageTypes(contentTypes, extensions) {
   let out = contentTypes;
   for (const ext of extensions) {
     if (new RegExp(`<Default\\b[^>]*Extension="${ext}"`, "i").test(out)) continue;
-    out = out.replace(/<Types\b[^>]*>/, (open) => `${open}<Default Extension="${ext}" ContentType="image/${ext}"/>`);
+    out = out.replace(/<Types\b[^>]*>/, (open2) => `${open2}<Default Extension="${ext}" ContentType="image/${ext}"/>`);
   }
   return out;
 }
@@ -7594,7 +9679,7 @@ var THEME_REFERENCES = /^\+(mj|mn)-/;
 function documentFonts(archive) {
   const fonts = /* @__PURE__ */ new Map();
   const add2 = (name, embedded = false) => {
-    const clean = decodeText2(name).trim();
+    const clean = decodeText3(name).trim();
     if (!clean || THEME_REFERENCES.test(clean)) return;
     const key = clean.toLowerCase();
     const known = fonts.get(key);
@@ -7775,7 +9860,7 @@ function toTemplateSource(xml2, flavour, nonce, part) {
   for (const token2 of tokens) {
     if (token2.kind === "text" && inText) {
       flush();
-      source += decodeText2(token2.raw);
+      source += decodeText3(token2.raw);
       continue;
     }
     pending.raw += token2.raw;
@@ -7798,11 +9883,11 @@ function fromTemplateOutput(output, template, part) {
   let last = 0;
   let inText = false;
   const emit = (segment) => {
-    const { text, removed } = stripForbidden(segment);
+    const { text: text2, removed } = stripForbidden(segment);
     removedCharacters += removed;
-    if (!inText && text.trim() !== "")
-      throw new OfficeError("office_document_invalid", `${part ?? "part"}: text outside a text element: "${text.trim().slice(0, 40)}"`);
-    xml2 += escapeText2(text);
+    if (!inText && text2.trim() !== "")
+      throw new OfficeError("office_document_invalid", `${part ?? "part"}: text outside a text element: "${text2.trim().slice(0, 40)}"`);
+    xml2 += escapeText2(text2);
   };
   for (const m of output.matchAll(placeholder)) {
     emit(output.slice(last, m.index));
@@ -7844,15 +9929,15 @@ function layoutText(xml2, flavour, part) {
       out.push(token2.raw);
       continue;
     }
-    const text = token2.raw.replace(/\r\n?/g, "\n");
+    const text2 = token2.raw.replace(/\r\n?/g, "\n");
     if (flavour === "wordprocessing") {
-      const pieces = text.split(/(\n|\t)/);
-      if (pieces.length > 1 || /^\s|\s$/.test(text)) out[textOpenIndex] = preserveSpace(out[textOpenIndex]);
+      const pieces = text2.split(/(\n|\t)/);
+      if (pieces.length > 1 || /^\s|\s$/.test(text2)) out[textOpenIndex] = preserveSpace(out[textOpenIndex]);
       out.push(
         pieces.map((p) => p === "\n" ? '</w:t><w:br/><w:t xml:space="preserve">' : p === "	" ? '</w:t><w:tab/><w:t xml:space="preserve">' : p).join("")
       );
     } else {
-      out.push(text.split("\n").join(`</a:t></a:r><a:br>${runProperties}</a:br><a:r>${runProperties}<a:t>`));
+      out.push(text2.split("\n").join(`</a:t></a:r><a:br>${runProperties}</a:br><a:r>${runProperties}<a:t>`));
     }
   }
   return out.join("");
@@ -7885,17 +9970,17 @@ var AUTOCORRECTED = [
   [/\u200B|\u200C|\u200D|\uFEFF/g, ""]
 ];
 function normaliseTags(template, part) {
-  const { text, origin, placeholders } = stripPlaceholders(template);
+  const { text: text2, origin, placeholders } = stripPlaceholders(template);
   const sourceRange = (from, to) => [
     origin[from] ?? template.source.length,
     (origin[to - 1] ?? template.source.length - 1) + 1
   ];
   const diagnostics = [];
   const edits = [];
-  for (const tag of findTags(text)) {
+  for (const tag of findTags(text2)) {
     const inside = placeholders.filter((p) => p.at > tag.start && p.at < tag.end);
     const paragraph2 = paragraphOf(template, placeholders, tag.start);
-    const raw = text.slice(tag.start, tag.end);
+    const raw = text2.slice(tag.start, tag.end);
     const unsafe = inside.filter((p) => {
       const piece = template.markup[p.index];
       return !piece || piece.paragraphBoundary || piece.containerBoundary;
@@ -7949,8 +10034,8 @@ function normaliseTags(template, part) {
   return { template: { ...template, source: applyEdits(template.source, edits) }, diagnostics };
 }
 var ENTITIES = { amp: "&", lt: "<", gt: ">", quot: '"', apos: "'" };
-function decodeEntities(text) {
-  return text.replace(/&(#x[0-9a-f]+|#\d+|amp|lt|gt|quot|apos);/gi, (whole, name) => {
+function decodeEntities(text2) {
+  return text2.replace(/&(#x[0-9a-f]+|#\d+|amp|lt|gt|quot|apos);/gi, (whole, name) => {
     if (name[0] !== "#") return ENTITIES[name.toLowerCase()] ?? whole;
     const code = name[1] === "x" || name[1] === "X" ? parseInt(name.slice(2), 16) : parseInt(name.slice(1), 10);
     return Number.isFinite(code) ? String.fromCodePoint(code) : whole;
@@ -7958,28 +10043,28 @@ function decodeEntities(text) {
 }
 function stripPlaceholders(template) {
   const pattern = placeholderPattern(template.nonce);
-  let text = "";
+  let text2 = "";
   const origin = [];
   const placeholders = [];
   let last = 0;
   for (const m of template.source.matchAll(pattern)) {
     for (let i = last; i < (m.index ?? 0); i++) {
-      text += template.source[i];
+      text2 += template.source[i];
       origin.push(i);
     }
-    placeholders.push({ index: Number(m[1]), at: text.length, from: m.index ?? 0, to: (m.index ?? 0) + m[0].length });
+    placeholders.push({ index: Number(m[1]), at: text2.length, from: m.index ?? 0, to: (m.index ?? 0) + m[0].length });
     last = (m.index ?? 0) + m[0].length;
   }
   for (let i = last; i < template.source.length; i++) {
-    text += template.source[i];
+    text2 += template.source[i];
     origin.push(i);
   }
-  return { text, origin, placeholders };
+  return { text: text2, origin, placeholders };
 }
 function listTags(template, part) {
-  const { text, placeholders } = stripPlaceholders(template);
-  return findTags(text).map((tag) => {
-    const raw = text.slice(tag.start, tag.end);
+  const { text: text2, placeholders } = stripPlaceholders(template);
+  return findTags(text2).map((tag) => {
+    const raw = text2.slice(tag.start, tag.end);
     const kind = raw.startsWith("{#") ? "comment" : raw.startsWith("{%") || /^\{\{~?\s*[#/^]/.test(raw) || /^\{\{~?\s*else\b/.test(raw) ? "block" : "output";
     return { part, paragraph: paragraphOf(template, placeholders, tag.start), text: raw.replace(/\s+/g, " ").trim(), kind };
   });
@@ -8000,15 +10085,15 @@ function undoAutocorrect(tag) {
   for (const [pattern, replacement] of AUTOCORRECTED) out = out.replace(pattern, replacement);
   return out;
 }
-function findTags(text) {
+function findTags(text2) {
   const tags = [];
-  for (let i = 0; i < text.length - 1; i++) {
-    const opener = OPENERS.find((o) => text.startsWith(o, i));
+  for (let i = 0; i < text2.length - 1; i++) {
+    const opener = OPENERS.find((o) => text2.startsWith(o, i));
     if (!opener) continue;
     const closer = CLOSERS[opener];
-    const end = text.indexOf(closer, i + opener.length);
+    const end = text2.indexOf(closer, i + opener.length);
     if (end === -1) continue;
-    const stop = end + closer.length + (opener === "{{" && text[end + closer.length] === "}" ? 1 : 0);
+    const stop = end + closer.length + (opener === "{{" && text2[end + closer.length] === "}" ? 1 : 0);
     tags.push({ start: i, end: stop });
     i = stop - 1;
   }
@@ -8038,8 +10123,8 @@ var CONTENT = /* @__PURE__ */ new Set(["w:drawing", "w:pict", "w:object", "w:fld
 var JINJA_OPEN = /^(for|if|unless|case|capture|raw|with|macro|call|filter|block|tablerow|comment|autoescape)\b/;
 var JINJA_CLOSE = /^end(for|if|unless|case|capture|raw|with|macro|call|filter|block|tablerow|comment|autoescape)\b/;
 var JINJA_MIDDLE = /^(else|elif|elsif|when)\b/;
-function blockRole(text) {
-  const t = text.trim();
+function blockRole(text2) {
+  const t = text2.trim();
   let m = /^\{%-?\s*([\s\S]*?)\s*-?%\}$/.exec(t);
   if (m && !t.slice(2, -2).includes("%}")) {
     const body = m[1] ?? "";
@@ -8071,14 +10156,14 @@ function dropTaggedFallbacks(xml2, part) {
     if (t.kind === "open" && t.name === "mc:Fallback" && !t.selfClosing) {
       let depth = 1;
       let j = i + 1;
-      let text = "";
+      let text2 = "";
       for (; j < tokens.length && depth > 0; j++) {
         const u = tokens[j];
         if (u.kind === "open" && u.name === "mc:Fallback" && !u.selfClosing) depth++;
         else if (u.kind === "close" && u.name === "mc:Fallback") depth--;
-        else if (u.kind === "text") text += decodeText2(u.raw);
+        else if (u.kind === "text") text2 += decodeText3(u.raw);
       }
-      if (/\{\{|\{%|\{#/.test(text)) {
+      if (/\{\{|\{%|\{#/.test(text2)) {
         i = j - 1;
         continue;
       }
@@ -8119,25 +10204,25 @@ function applyStructure(xml2, part) {
     if (s.role === "open")
       stack.push({ keyword: s.keyword, parent, paragraph: s.info.number, tag: s.tag, after: unitOf(span).end });
     else if (s.role === "close" || s.role === "middle") {
-      const open = s.role === "close" ? stack.pop() : stack.at(-1);
-      if (open && s.role === "close" && LOOPS.has(open.keyword)) {
-        const body = tokens.slice(open.after, unitOf(span).start);
+      const open2 = s.role === "close" ? stack.pop() : stack.at(-1);
+      if (open2 && s.role === "close" && LOOPS.has(open2.keyword)) {
+        const body = tokens.slice(open2.after, unitOf(span).start);
         const reference = body.find((t) => t.kind === "open" && REFERENCES.has(t.name));
         if (reference && reference.kind === "open")
           diagnostics.push({
             severity: "error",
             code: "office-reference-in-loop",
-            message: `The loop from paragraph ${open.paragraph} repeats a ${reference.name.includes("comment") ? "comment" : "footnote or endnote"}, which cannot be copied. Move it out of the loop.`,
+            message: `The loop from paragraph ${open2.paragraph} repeats a ${reference.name.includes("comment") ? "comment" : "footnote or endnote"}, which cannot be copied. Move it out of the loop.`,
             part,
-            paragraph: open.paragraph,
-            text: short2(open.tag)
+            paragraph: open2.paragraph,
+            text: short2(open2.tag)
           });
       }
-      if (open && open.parent !== parent)
+      if (open2 && open2.parent !== parent)
         diagnostics.push({
           severity: "error",
           code: "office-block-unbalanced",
-          message: `${short2(open.tag)} (paragraph ${open.paragraph}) and ${short2(s.tag)} are in different places: one in a table cell or text box, the other outside it. Put both in the same place.`,
+          message: `${short2(open2.tag)} (paragraph ${open2.paragraph}) and ${short2(s.tag)} are in different places: one in a table cell or text box, the other outside it. Put both in the same place.`,
           part,
           paragraph: s.info.number,
           text: short2(s.tag)
@@ -8151,9 +10236,9 @@ function applyStructure(xml2, part) {
   for (const [span, s] of structural) {
     if (rowOf.has(span)) continue;
     const keep = s.info.sectionProperties;
-    let text = element(s.tag);
-    if (keep) text = s.role === "open" ? `<w:p>${keep}</w:p>${text}` : `${text}<w:p>${keep}</w:p>`;
-    replacements.push({ start: span.start, end: span.end, text });
+    let text2 = element(s.tag);
+    if (keep) text2 = s.role === "open" ? `<w:p>${keep}</w:p>${text2}` : `${text2}<w:p>${keep}</w:p>`;
+    replacements.push({ start: span.start, end: span.end, text: text2 });
     const holder = span.parent && BODIES.has(span.parent.name) ? span.parent : null;
     if (holder && !keep) cellsEmptied.set(holder, (cellsEmptied.get(holder) ?? 0) + 1);
   }
@@ -8207,7 +10292,7 @@ function collectParagraphs(tokens, root) {
   const out = [];
   const walk3 = (span) => {
     if (PARAGRAPH.has(span.name)) {
-      let text = "";
+      let text2 = "";
       let hasContent = false;
       let sectionProperties = null;
       let inText = false;
@@ -8218,10 +10303,10 @@ function collectParagraphs(tokens, root) {
           else if (CONTENT.has(t.name)) hasContent = true;
           else if (t.name === "w:sectPr") sectionProperties = "";
         } else if (t.kind === "close" && TEXT.has(t.name)) inText = false;
-        else if (t.kind === "text" && inText) text += decodeText2(t.raw);
+        else if (t.kind === "text" && inText) text2 += decodeText3(t.raw);
       }
       if (sectionProperties !== null) sectionProperties = propertiesOf(tokens, span);
-      out.push({ span, number: out.length + 1, text, hasContent, sectionProperties });
+      out.push({ span, number: out.length + 1, text: text2, hasContent, sectionProperties });
     }
     for (const child2 of span.children) walk3(child2);
   };
@@ -8329,7 +10414,7 @@ function placeSlidePictures(xml2, pattern, drawingFor, pictureMarkup, slide) {
   for (const container of containers) {
     const indexes = [];
     const edits = [];
-    let text = "";
+    let text2 = "";
     let inText = false;
     for (let i = container.start + 1; i < container.end; i++) {
       const t = tokens[i];
@@ -8338,7 +10423,7 @@ function placeSlidePictures(xml2, pattern, drawingFor, pictureMarkup, slide) {
       else if (t.kind === "text" && inText) {
         pattern.lastIndex = 0;
         if (!pattern.test(t.raw)) {
-          text += decodeText2(t.raw);
+          text2 += decodeText3(t.raw);
           continue;
         }
         const segments = t.raw.split(pattern);
@@ -8347,7 +10432,7 @@ function placeSlidePictures(xml2, pattern, drawingFor, pictureMarkup, slide) {
           if (s % 2 === 1) indexes.push(Number(segments[s]));
           else kept += segments[s];
         }
-        text += decodeText2(kept);
+        text2 += decodeText3(kept);
         edits.push({ at: i, raw: kept });
       }
     }
@@ -8366,7 +10451,7 @@ function placeSlidePictures(xml2, pattern, drawingFor, pictureMarkup, slide) {
     }
     const autoFit = tokens.slice(container.start, container.end).some((t) => t.kind === "open" && t.name === "a:spAutoFit");
     const placed = layoutPictures(pictures, box, autoFit).map((b, i) => pictureMarkup(pictures[i], b)).join("");
-    const onlyPictures = container.name === "p:sp" && text.trim() === "";
+    const onlyPictures = container.name === "p:sp" && text2.trim() === "";
     if (onlyPictures) replacements.push({ start: container.start, end: container.end, text: placed });
     else {
       for (const edit of edits) replacements.push({ start: edit.at, end: edit.at, text: edit.raw });
@@ -8639,8 +10724,8 @@ function starterTags(engine) {
     codeFit: engine === "liquid" ? "{{ offer.url | qrcode }}" : "{{ qrcode(offer.url) }}"
   };
 }
-var paragraph = (text, style, bold = false) => `<w:p>${style ? `<w:pPr><w:pStyle w:val="${style}"/></w:pPr>` : ""}<w:r>${bold ? "<w:rPr><w:b/></w:rPr>" : ""}<w:t xml:space="preserve">${escapeText2(text)}</w:t></w:r></w:p>`;
-var cell = (text, width, bold = false) => `<w:tc><w:tcPr><w:tcW w:w="${width}" w:type="dxa"/></w:tcPr>${paragraph(text, void 0, bold)}</w:tc>`;
+var paragraph = (text2, style2, bold = false) => `<w:p>${style2 ? `<w:pPr><w:pStyle w:val="${style2}"/></w:pPr>` : ""}<w:r>${bold ? "<w:rPr><w:b/></w:rPr>" : ""}<w:t xml:space="preserve">${escapeText2(text2)}</w:t></w:r></w:p>`;
+var cell = (text2, width, bold = false) => `<w:tc><w:tcPr><w:tcW w:w="${width}" w:type="dxa"/></w:tcPr>${paragraph(text2, void 0, bold)}</w:tc>`;
 var row = (cells) => `<w:tr>${cells}</w:tr>`;
 function starterDocument(engine) {
   const t = starterTags(engine);
@@ -8683,7 +10768,7 @@ function starterDocument(engine) {
     ["word/document.xml", `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><w:document xmlns:w="${W}"><w:body>${body}</w:body></w:document>`]
   ];
   return {
-    bytes: writeZip(files.map(([name, text]) => ({ name, data: encoder2.encode(text) }))),
+    bytes: writeZip(files.map(([name, text2]) => ({ name, data: encoder2.encode(text2) }))),
     sampleData: starterSampleData()
   };
 }
@@ -8711,15 +10796,15 @@ var CM = 36e4;
 var FONT = "Carlito";
 var ACCENT = "0F766E";
 var emptyTree = '<p:nvGrpSpPr><p:cNvPr id="1" name=""/><p:cNvGrpSpPr/><p:nvPr/></p:nvGrpSpPr><p:grpSpPr/>';
-var run = (text, size, options = {}) => `<a:r><a:rPr lang="en-GB" sz="${size * 100}"${options.bold ? ' b="1"' : ""} dirty="0">${options.color ? `<a:solidFill><a:srgbClr val="${options.color}"/></a:solidFill>` : ""}<a:latin typeface="${FONT}"/></a:rPr><a:t>${escapeText2(text)}</a:t></a:r>`;
-var para = (text, size, options = {}) => `<a:p>${run(text, size, options)}</a:p>`;
+var run = (text2, size, options = {}) => `<a:r><a:rPr lang="en-GB" sz="${size * 100}"${options.bold ? ' b="1"' : ""} dirty="0">${options.color ? `<a:solidFill><a:srgbClr val="${options.color}"/></a:solidFill>` : ""}<a:latin typeface="${FONT}"/></a:rPr><a:t>${escapeText2(text2)}</a:t></a:r>`;
+var para = (text2, size, options = {}) => `<a:p>${run(text2, size, options)}</a:p>`;
 function textBox(id, name, x, y, cx, cy, paragraphs) {
   return `<p:sp><p:nvSpPr><p:cNvPr id="${id}" name="${name}"/><p:cNvSpPr txBox="1"/><p:nvPr/></p:nvSpPr><p:spPr><a:xfrm><a:off x="${x}" y="${y}"/><a:ext cx="${cx}" cy="${cy}"/></a:xfrm><a:prstGeom prst="rect"><a:avLst/></a:prstGeom><a:noFill/></p:spPr><p:txBody><a:bodyPr wrap="square" rtlCol="0"><a:noAutofit/></a:bodyPr><a:lstStyle/>${paragraphs}</p:txBody></p:sp>`;
 }
-function cell2(text, header) {
+function cell2(text2, header) {
   const fill = header ? `<a:solidFill><a:srgbClr val="${ACCENT}"/></a:solidFill>` : "<a:noFill/>";
   const line = `<a:lnB w="6350"><a:solidFill><a:srgbClr val="BFBFBF"/></a:solidFill></a:lnB>`;
-  return `<a:tc><a:txBody><a:bodyPr/><a:lstStyle/>${para(text, 14, header ? { bold: true, color: "FFFFFF" } : {})}</a:txBody><a:tcPr marL="91440" marR="91440" marT="45720" marB="45720">${line}${fill}</a:tcPr></a:tc>`;
+  return `<a:tc><a:txBody><a:bodyPr/><a:lstStyle/>${para(text2, 14, header ? { bold: true, color: "FFFFFF" } : {})}</a:txBody><a:tcPr marL="91440" marR="91440" marT="45720" marB="45720">${line}${fill}</a:tcPr></a:tc>`;
 }
 var tableRow = (a, b, header = false) => `<a:tr h="${Math.round(0.9 * CM)}">${cell2(a, header)}${cell2(b, header)}</a:tr>`;
 function table2(id, x, y, rows) {
@@ -8809,12 +10894,14 @@ function starterPresentation(engine) {
   ];
   const encoder2 = new TextEncoder();
   return {
-    bytes: writeZip(files.map(([name, text]) => ({ name, data: encoder2.encode(text) }))),
+    bytes: writeZip(files.map(([name, text2]) => ({ name, data: encoder2.encode(text2) }))),
     sampleData: starterSampleData()
   };
 }
 export {
   DEFAULT_CHROME_PADDING,
+  DESIGN_LIMITS,
+  DESIGN_VERSION,
   DefaultHelperRegistry,
   EPC_MAX_BYTES,
   EngineSyntaxError,
@@ -8828,32 +10915,52 @@ export {
   analyzeOffice,
   annotateSourcePositions,
   apitemplateRegions,
+  applyRegionEdit,
   assembleDocument,
   brandCss,
   builtinHelpers,
+  canvasDocument,
   chartInitScript,
   chartMarkup,
   chartPayload,
+  chipValues,
   convertScss,
   createHelperRegistry,
+  dataPathPattern,
   defaultHelpers,
+  defaultLayer,
   defaultLimits,
   defaultOutput,
   defaultSettings,
   depthGuard,
+  designBytes,
+  designOutputHash,
+  designStarters,
   diffSchemas,
+  editAttribute,
+  editableRegion,
+  editableRegionAt,
+  emitDesign,
   emptyBrand,
+  emptyDesign,
+  encodeTemplateText,
   enforceLimits,
   engineIds,
   engines,
   epcPayload,
   escapeHtml,
+  findRegionAgain,
   flowDocument,
   fontFaceCss,
+  genericFamily,
   getEngine,
+  googleFont,
+  googleFonts,
+  googleFontsUrl,
   handlebarsEngine,
   helperDocs,
   ibanChecksum,
+  imageIsEmpty,
   imageMarkup,
   imageOutput,
   importApitemplate,
@@ -8870,6 +10977,7 @@ export {
   jinja2Engine,
   jinjaTags,
   jsreportTemplates,
+  layerIdPattern,
   layeredPartials,
   liquidBuiltinFilters,
   liquidEngine,
@@ -8878,6 +10986,8 @@ export {
   mergeSettings,
   mergeSnippetCss,
   mergeSnippetI18n,
+  nearestWeight,
+  nextLayerId,
   normaliseIban,
   normalisePartialName,
   nunjucksBuiltinFilters,
@@ -8890,14 +11000,18 @@ export {
   pageSize,
   pagedDocument,
   paperOf,
+  parseDesign,
   parseSourceAttribute,
   partialInclude,
   printReset,
   qrSvg,
   readJsreportExport,
+  regionChips,
+  regionItems,
   renderOffice,
   renderVersion,
   resolvePath,
+  resolveTranslation,
   scanBlocks,
   schemaPaths,
   slugFromName,
@@ -8912,6 +11026,9 @@ export {
   svgDataUri,
   toDate,
   toNumber,
+  translationItems,
+  translationTarget,
+  translationText,
   validateEpc,
   zoomGestureScript
 };