npm - @ai-matrx/print - Versions diffs - 0.4.0 → 0.5.1 - Mend

@ai-matrx/print 0.4.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

package/dist/flashcards.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/core.ts","../src/flashcards.ts"],"sourcesContent":["/*\n @ai-matrx/print/core — the Block Print contract & print-window composition.\n \n Ported VERBATIM from matrx-frontend `lib/block-print/block-print-utils.ts`\n * (2026-08-29 state, including the `number` and `select` PrintSetting types the\n * commerce label lane added). Zero dependencies; touches `window` only at call\n * time, so the module stays import-inert and RSC-safe.\n \n BlockPrinter is the only interface a host system needs to know about.\n * Each printable unit exports its own BlockPrinter alongside its render\n * component; host code only ever calls print(data, variantId, settings).\n \n `buildFitTextScript` is the ONE auto-shrink script (the flashcards\n * FIT_TEXT pattern, parameterized by selector so the label lane shares it).\n /\n\n// ─── Contract ────────────────────────────────────────────────────────────────\n\nexport interface PrintVariant {\n id: string;\n label: string;\n description?: string;\n}\n\n/\n A single user-configurable setting shown in the print dialog.\n * Extend the discriminated union for new control types\n * without breaking existing printers.\n /\nexport type PrintSetting =\n \| {\n type: \"boolean\";\n id: string;\n label: string;\n description?: string;\n /* Default value shown when the dialog first opens /\n defaultValue: boolean;\n /* Which variant IDs this setting applies to. Omit = applies to all. /\n appliesTo?: string[];\n }\n \| {\n /\n A numeric \"from → to\" range control, rendered as two small number inputs.\n * Writes two entries into the resolved PrintSettings map — one under fromId,\n * one under toId. Printers interpret 0 (or missing) as \"no bound\" by convention.\n /\n type: \"range\";\n /* Stable id used as React key — not written to the settings map /\n id: string;\n label: string;\n description?: string;\n /* Settings map key for the lower bound value /\n fromId: string;\n /* Settings map key for the upper bound value /\n toId: string;\n defaultFrom: number;\n defaultTo: number;\n /* Minimum accepted value for each input (inclusive). Default 0. /\n min?: number;\n /* Placeholder shown when the input is empty (0). Default \"start\" / \"end\". /\n fromPlaceholder?: string;\n toPlaceholder?: string;\n /* Which variant IDs this setting applies to. Omit = applies to all. /\n appliesTo?: string[];\n }\n \| {\n /* A single numeric input (e.g. \"start at label #\", \"copies\"). /\n type: \"number\";\n id: string;\n label: string;\n description?: string;\n defaultValue: number;\n /* Minimum accepted value (inclusive). Default 0. /\n min?: number;\n /* Maximum accepted value (inclusive). Omit = unbounded. /\n max?: number;\n /* Which variant IDs this setting applies to. Omit = applies to all. /\n appliesTo?: string[];\n }\n \| {\n /* A one-of-N choice rendered as a compact segmented row. /\n type: \"select\";\n id: string;\n label: string;\n description?: string;\n options: { value: string; label: string }[];\n defaultValue: string;\n /* Which variant IDs this setting applies to. Omit = applies to all. /\n appliesTo?: string[];\n };\n\n/* A resolved map of setting id → current value, passed to print(). /\nexport type PrintSettings = Record<string, boolean \| string \| number>;\n\n/\n The self-contained print capability that each block can export.\n * Host code only ever calls print(data, variantId, settings) — it never inspects internals.\n /\nexport interface BlockPrinter {\n /* Tooltip / aria-label for the print button in the block header /\n label: string;\n\n /\n Variants offered to the user before printing.\n * Empty array = no options dialog shown; prints immediately with defaults.\n /\n variants: PrintVariant[];\n\n /\n Optional user-configurable settings shown below the variant picker.\n * Omit entirely if the block has no configurable settings.\n /\n settings?: PrintSetting[];\n\n /\n Execute the print.\n * data — the block's structured data (serverData or parsed content)\n * variantId — which variant was chosen (undefined = default / no variants)\n * settings — resolved setting values chosen by the user\n \n MAY resolve to a PrintOutcome (\"opened\" \| \"downloaded\") so the host can\n * tell the user when the popup-blocked download fallback fired; `void`\n * stays legal for printers that don't go through a print window.\n /\n print: (\n data: unknown,\n variantId?: string,\n settings?: PrintSettings,\n ) => void \| PrintOutcome \| Promise<void \| PrintOutcome>;\n}\n\n// ─── Shared Utilities ─────────────────────────────────────────────────────────\n\nconst PRINT_STYLES = `\n , ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n font-size: 11pt;\n line-height: 1.6;\n color: #1a1a1a;\n background: #fff;\n max-width: 860px;\n margin: 0 auto;\n padding: 28px 36px;\n }\n\n .print-actions {\n display: flex;\n gap: 10px;\n margin-bottom: 24px;\n padding-bottom: 18px;\n border-bottom: 2px solid #e5e7eb;\n }\n\n .print-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 20px;\n border-radius: 8px;\n font-size: 13px;\n font-family: inherit;\n cursor: pointer;\n border: none;\n font-weight: 600;\n }\n\n .print-btn-primary { background: #2563eb; color: #fff; }\n .print-btn-secondary { background: #f3f4f6; color: #374151; border: 1px solid #d1d5db; }\n\n h1 { font-size: 22pt; font-weight: 700; margin-bottom: 0.5em; }\n h2 { font-size: 16pt; font-weight: 700; margin: 1.2em 0 0.4em; border-bottom: 1px solid #e5e7eb; padding-bottom: 0.2em; }\n h3 { font-size: 13pt; font-weight: 600; margin: 1em 0 0.3em; }\n p { margin-bottom: 0.7em; }\n\n table {\n width: 100%;\n border-collapse: collapse;\n margin: 1em 0;\n font-size: 10pt;\n }\n th {\n background: #1e293b;\n color: #f8fafc;\n font-weight: 600;\n text-align: left;\n padding: 7px 12px;\n border: 1px solid #334155;\n }\n td {\n padding: 6px 12px;\n border: 1px solid #e2e8f0;\n vertical-align: top;\n }\n tr:nth-child(even) td { background: #f8fafc; }\n\n @media print {\n body { max-width: 100%; padding: 0; }\n .print-actions { display: none !important; }\n th { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n`;\n\nfunction escapeHtml(str: string): string {\n return str\n .replace(/&/g, \"&\")\n .replace(/</g, \"<\")\n .replace(/>/g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\n/*\n Wrap body HTML in a complete, styled print document.\n /\nexport function buildPrintDocument(\n bodyHtml: string,\n title = \"AI Response\",\n extraStyles = \"\",\n): string {\n return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>${escapeHtml(title)}</title>\n <style>\n${PRINT_STYLES}\n${extraStyles}\n </style>\n</head>\n<body>\n <div class=\"print-actions\">\n <button class=\"print-btn print-btn-primary\" onclick=\"window.print()\">Print / Save as PDF</button>\n <button class=\"print-btn print-btn-secondary\" onclick=\"window.close()\">Close</button>\n </div>\n <div class=\"content\">\n${bodyHtml}\n </div>\n</body>\n</html>`;\n}\n\n/\n How a print request actually reached the user.\n \n \"opened\" — a print window/tab was opened and the document written into it.\n * \"downloaded\" — the popup was blocked, so the document was downloaded as an\n * .html file instead (the contract's fallback). Hosts SHOULD\n * surface this to the user (e.g. a toast saying the print file\n * was downloaded) — a blocked popup plus a silent download is\n * indistinguishable from \"nothing happened\", which is exactly\n * how QA filed it (2026-08-30, F5/F6/F8).\n /\nexport type PrintOutcome = \"opened\" \| \"downloaded\";\n\n/\n Open a new browser window and write a complete HTML document into it.\n * Falls back to downloading an .html file if the popup is blocked.\n \n Returns which path was taken so callers can tell the user when the\n * fallback fired. `windowFeatures` customizes the popup geometry (the\n * flashcards fixed-geometry variants pass a wider window).\n /\nexport function openPrintWindow(\n htmlDocument: string,\n filename = \"print\",\n windowFeatures = \"width=920,height=720,scrollbars=yes\",\n): PrintOutcome {\n const win = window.open(\"\", \"_blank\", windowFeatures);\n if (!win) {\n // Popup blocked — fall back to file download\n const blob = new Blob([htmlDocument], { type: \"text/html;charset=utf-8\" });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = `${filename.replace(/\\s+/g, \"-\").toLowerCase()}.html`;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n // Revoke on a macrotask so the browser has started the blob fetch —\n // a synchronous revoke races the download in some engines.\n setTimeout(() => URL.revokeObjectURL(url), 0);\n return \"downloaded\";\n }\n win.document.open();\n win.document.write(htmlDocument);\n win.document.close();\n return \"opened\";\n}\n\n/\n Shorthand: build the document and open it in one call.\n * Returns the same PrintOutcome as openPrintWindow.\n /\nexport function printHtmlContent(\n bodyHtml: string,\n title = \"AI Response\",\n extraStyles = \"\",\n): PrintOutcome {\n const doc = buildPrintDocument(bodyHtml, title, extraStyles);\n return openPrintWindow(doc, title);\n}\n\n/\n Build the auto-shrink script that runs INSIDE a printed window: for every\n * element matching each selector, its font-size is reduced (0.5pt steps, 6pt\n * floor) until it fits its parent element's box. This is the flashcards\n * FIT_TEXT behavior verbatim, parameterized by selector so every lane\n * (flashcards card text, Avery text, label captions) shares the ONE loop.\n \n Pass the same selectors the original used to get byte-identical behavior:\n * flashcards passes `[\".card-text .card-text-inner\", \".avery-text-wrap .avery-text\"]`.\n /\nexport function buildFitTextScript(selectors: readonly string[]): string {\n const selectorsJson = JSON.stringify([...selectors]);\n return `\n<script>\n(function() {\n function fitText(el, container) {\n // container is the bounding box we must fit inside\n var maxW = container.clientWidth;\n var maxH = container.clientHeight;\n var size = parseFloat(window.getComputedStyle(el).fontSize);\n var minSize = 6;\n // Give the element a chance to reflow at current size before measuring\n el.style.fontSize = size + \"pt\";\n while (size > minSize && (el.scrollWidth > maxW + 1 \|\| el.scrollHeight > maxH + 1)) {\n size -= 0.5;\n el.style.fontSize = size + \"pt\";\n }\n }\n function runAll() {\n var selectors = ${selectorsJson};\n for (var s = 0; s < selectors.length; s++) {\n var els = document.querySelectorAll(selectors[s]);\n for (var i = 0; i < els.length; i++) {\n fitText(els[i], els[i].parentElement);\n }\n }\n }\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", runAll);\n } else {\n // document.write pages may already be loaded\n setTimeout(runAll, 0);\n }\n})();\n</script>`;\n}\n\nexport { escapeHtml };\n","/\n FlashcardsBlock — BlockPrinter\n \n Self-contained print logic for flashcard blocks.\n * Exported alongside the component so it travels with the block to the database.\n \n Variants:\n * cut-cards — 4-per-page grid with physical cut lines; designed to be printed, cut, and used as real cards\n * both-sides — 2-column grid showing front + back together (review/overview)\n * study-sheet — compact table (front \| back) for quick reference or cramming\n * front-only — questions/terms only, blank backs for self-testing\n * back-only — answers/definitions only\n /\n\nimport {\n buildPrintDocument,\n openPrintWindow,\n escapeHtml,\n buildFitTextScript,\n type BlockPrinter,\n type PrintOutcome,\n type PrintSettings,\n} from \"./core\";\n\n/\n A single flashcard. Structural port of the host parser's `Flashcard`\n * (matrx-frontend `flashcard-parser.ts`) — identical fields, no import.\n /\nexport interface Flashcard {\n front: string;\n back: string;\n /* Optional face images (durable URLs — fc_detail front_image/back_image).\n * Parsed markdown never sets these; DB-backed callers may. Print + rich\n * renderers consume them when present. /\n frontImageUrl?: string \| null;\n frontImageAlt?: string \| null;\n backImageUrl?: string \| null;\n backImageAlt?: string \| null;\n}\n\n/\n Structural stand-in for the host's generated `FlashcardsBlockData` — the\n * package takes no generated-type dependency; `extractCards` reads `cards`\n * structurally from whatever the host hands it.\n /\ninterface FlashcardsBlockData {\n cards?: unknown;\n title?: unknown;\n}\n\n// ---------------------------------------------------------------------------\n// Settings helpers\n// ---------------------------------------------------------------------------\n\n/* Resolved settings with all defaults filled in — safe to use without null checks /\ninterface CardPrintSettings {\n showSideLabel: boolean; // \"Front\" / \"Back\" label\n showCardNumber: boolean; // \"#1\", \"#2\" … badge\n showTickMarks: boolean; // 4 small tick marks at cut intersection\n showCutLines: boolean; // full dashed crossing lines\n lightBackText: boolean; // print back text in dark gray (~#555) to reduce show-through\n mirrorBack: boolean; // horizontally flip back page text so bleed-through is unreadable\n showImages: boolean; // print face images (durable URLs only) — default ON\n}\n\nconst SETTING_DEFAULTS: CardPrintSettings = {\n showSideLabel: false,\n showCardNumber: false,\n showTickMarks: false,\n showCutLines: false,\n lightBackText: false,\n mirrorBack: false,\n showImages: true,\n};\n\nfunction resolveSettings(raw?: PrintSettings): CardPrintSettings {\n if (!raw) return { ...SETTING_DEFAULTS };\n const b = (key: keyof CardPrintSettings) =>\n raw[key] !== undefined ? Boolean(raw[key]) : SETTING_DEFAULTS[key];\n return {\n showSideLabel: b(\"showSideLabel\"),\n showCardNumber: b(\"showCardNumber\"),\n showTickMarks: b(\"showTickMarks\"),\n showCutLines: b(\"showCutLines\"),\n lightBackText: b(\"lightBackText\"),\n mirrorBack: b(\"mirrorBack\"),\n showImages: b(\"showImages\"),\n };\n}\n\nexport type FlashcardsVariant =\n \| \"landscape-duplex\"\n \| \"landscape-stacked\"\n \| \"portrait-6up-duplex\"\n \| \"portrait-6up-stacked\"\n \| \"avery-5388\"\n \| \"cut-cards\"\n \| \"both-sides\"\n \| \"study-sheet\"\n \| \"front-only\"\n \| \"back-only\";\n\ntype FlashcardsData = { cards: Flashcard[] } \| FlashcardsBlockData \| string;\n\nfunction extractCards(data: unknown): Flashcard[] {\n if (!data) return [];\n if (typeof data === \"object\" && data !== null && \"cards\" in data) {\n const cards = (data as { cards: unknown[] }).cards;\n return Array.isArray(cards) ? (cards as Flashcard[]) : [];\n }\n return [];\n}\n\n/\n Face image for print — durable URL only (the print window is a fresh\n * document; it can load exactly what a browser can fetch unauthenticated).\n * Alt text prints in place when a hotlink has rotted. The custom-geometry\n * variants (landscape / 6-up / Avery) stay text-only by design — their fixed\n * cells can't absorb an image without breaking the die-cut math.\n /\nfunction faceImageHtml(\n card: Flashcard,\n face: \"front\" \| \"back\",\n showImages = true,\n): string {\n if (!showImages) return \"\";\n const url = face === \"front\" ? card.frontImageUrl : card.backImageUrl;\n if (!url \|\| !/^https?:\\/\\//.test(url)) return \"\";\n const alt = (face === \"front\" ? card.frontImageAlt : card.backImageAlt) ?? \"\";\n return `<img class=\"face-image\" src=\"${escapeHtml(url)}\" alt=\"${escapeHtml(alt)}\">`;\n}\n\n// ---------------------------------------------------------------------------\n// Shared base styles — appended after block-print-utils PRINT_STYLES so these win on specificity\n// ---------------------------------------------------------------------------\nconst BASE_STYLES = `\n img.face-image {\n display: block;\n max-width: 100%;\n max-height: 1.6in;\n margin: 0 auto 6px auto;\n object-fit: contain;\n }\n h1.deck-title {\n font-size: 13pt !important;\n font-weight: 700;\n color: #1e293b;\n margin: 0 0 4px 0;\n letter-spacing: -0.01em;\n border-bottom: none !important;\n }\n h2 { border-bottom: none !important; }\n .deck-meta {\n font-size: 8.5pt;\n color: #64748b;\n margin-bottom: 16px;\n }\n .deck-header {\n border-bottom: 1.5px solid #e2e8f0;\n padding-bottom: 10px;\n margin-bottom: 16px;\n }\n\n @media print {\n @page { margin: 14mm 12mm; }\n }\n`;\n\n// ---------------------------------------------------------------------------\n// Variant: Cut-out physical cards (4 per page, front face + scissor guides)\n// ---------------------------------------------------------------------------\nconst CUT_CARD_STYLES = `\n ${BASE_STYLES}\n\n .instructions {\n font-size: 8pt;\n color: #64748b;\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n border-radius: 6px;\n padding: 7px 10px;\n margin-bottom: 14px;\n line-height: 1.5;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0;\n }\n\n .card-cell {\n position: relative;\n border: 1px dashed #cbd5e1;\n padding: 0;\n min-height: 120px;\n }\n\n / Cut-line corner markers /\n .card-cell::before, .card-cell::after {\n content: \"\";\n position: absolute;\n width: 8px;\n height: 8px;\n border-color: #94a3b8;\n border-style: solid;\n }\n .card-cell::before { top: 3px; left: 3px; border-width: 1px 0 0 1px; }\n .card-cell::after { bottom: 3px; right: 3px; border-width: 0 1px 1px 0; }\n\n .card-inner {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 120px;\n }\n\n .card-face {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 12px 14px;\n text-align: center;\n }\n\n .card-front-face {\n background: linear-gradient(135deg, #1e3a5f 0%, #1e40af 100%);\n color: #ffffff;\n border-radius: 0;\n }\n .card-back-face {\n background: #ffffff;\n border-top: 1.5px solid #e2e8f0;\n }\n\n .card-side-label {\n font-size: 7pt;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 6px;\n opacity: 0.65;\n }\n .card-front-face .card-side-label { color: #bfdbfe; }\n .card-back-face .card-side-label { color: #94a3b8; }\n\n .card-number-badge {\n position: absolute;\n top: 6px;\n right: 8px;\n font-size: 7pt;\n color: #94a3b8;\n font-weight: 600;\n }\n\n .front-text {\n font-size: 11pt;\n font-weight: 600;\n line-height: 1.4;\n color: #ffffff;\n }\n .front-text.long { font-size: 9.5pt; }\n .front-text.xlong { font-size: 8.5pt; }\n\n .back-text {\n font-size: 10pt;\n line-height: 1.5;\n color: #1a1a1a;\n white-space: pre-line;\n text-align: left;\n width: 100%;\n }\n .back-text.long { font-size: 9pt; }\n .back-text.xlong { font-size: 8pt; }\n\n .fold-hint {\n font-size: 7pt;\n color: #94a3b8;\n text-align: center;\n margin-top: 10px;\n letter-spacing: 0.04em;\n }\n\n .page-break { page-break-before: always; }\n\n @media print {\n .card-front-face { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n .card-cell { page-break-inside: avoid; break-inside: avoid; }\n .instructions { display: none; }\n }\n`;\n\nfunction sizeClass(text: string): string {\n const len = text.length;\n if (len > 200) return \"xlong\";\n if (len > 100) return \"long\";\n return \"\";\n}\n\nfunction renderCutCards(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const PAGE_SIZE = 4; // cards per page\n const pages: string[] = [];\n\n for (let p = 0; p < Math.ceil(cards.length / PAGE_SIZE); p++) {\n const batch = cards.slice(p PAGE_SIZE, (p + 1) * PAGE_SIZE);\n\n const cells = batch\n .map((card, i) => {\n const globalIdx = startIndex + p * PAGE_SIZE + i + 1;\n const frontSize = sizeClass(card.front);\n const backSize = sizeClass(card.back ?? \"\");\n const backContent = (card.back ?? \"\")\n .split(\"\\n\")\n .map((line) => escapeHtml(line))\n .join(\"<br>\");\n\n return `<div class=\"card-cell\">\n <span class=\"card-number-badge\">#${globalIdx}</span>\n <div class=\"card-inner\">\n <div class=\"card-face card-front-face\">\n <div class=\"card-side-label\">Question / Term</div>\n ${faceImageHtml(card, \"front\", s.showImages)}<div class=\"front-text ${frontSize}\">${escapeHtml(card.front)}</div>\n </div>\n <div class=\"card-face card-back-face\">\n <div class=\"card-side-label\">Answer / Definition</div>\n ${faceImageHtml(card, \"back\", s.showImages)}<div class=\"back-text ${backSize}\">${backContent}</div>\n </div>\n </div>\n</div>`;\n })\n .join(\"\\n\");\n\n const isFirst = p === 0;\n const pageClass = isFirst ? \"\" : ' class=\"page-break\"';\n pages.push(`<div${pageClass}>\n${\n isFirst\n ? `<div class=\"deck-header\">\n <h1 class=\"deck-title\">${escapeHtml(title)}</h1>\n <div class=\"deck-meta\">${cards.length} card${cards.length !== 1 ? \"s\" : \"\"}  ·  Cut along dashed lines</div>\n</div>\n<div class=\"instructions\">\n ✂ Print this page, then cut along the dashed lines. Each cell is one card — front (blue) on top, answer on the bottom.\n Fold in half for a double-sided card, or cut each half separately for separate front/back cards.\n</div>`\n : `<div class=\"deck-meta\" style=\"margin-bottom:10px;\">Cards ${startIndex + p * PAGE_SIZE + 1}–${startIndex + Math.min((p + 1) * PAGE_SIZE, cards.length)}</div>`\n}\n<div class=\"cards-grid\">\n${cells}\n</div>\n<div class=\"fold-hint\">✂ cut along dashed borders · fold on the center line for double-sided cards</div>\n</div>`);\n }\n\n return pages.join(\"\\n\");\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Both sides (2-column card grid, front + back visible)\n// ---------------------------------------------------------------------------\nconst BOTH_SIDES_STYLES = `\n ${BASE_STYLES}\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\n .card-cell {\n border: 1.5px solid #e2e8f0;\n border-radius: 8px;\n overflow: hidden;\n page-break-inside: avoid;\n break-inside: avoid;\n background: #fff;\n box-shadow: 0 1px 3px rgba(0,0,0,0.06);\n }\n .card-front {\n background: #1e293b;\n color: #f1f5f9;\n padding: 10px 14px;\n font-weight: 600;\n font-size: 10.5pt;\n line-height: 1.4;\n position: relative;\n }\n .card-front .card-number { font-size: 7.5pt; color: #64748b; margin-bottom: 4px; }\n .card-back {\n padding: 10px 14px;\n font-size: 10pt;\n line-height: 1.5;\n color: #1a1a1a;\n background: #fff;\n border-top: 1px solid #e2e8f0;\n white-space: pre-line;\n }\n\n @media print {\n .card-front { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n`;\n\nfunction renderBothSides(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const cells = cards\n .map(\n (card, i) => `<div class=\"card-cell\">\n <div class=\"card-front\">\n <div class=\"card-number\">Card ${startIndex + i + 1}</div>\n ${faceImageHtml(card, \"front\", s.showImages)}${escapeHtml(card.front)}\n </div>\n <div class=\"card-back\">${faceImageHtml(card, \"back\", s.showImages)}${escapeHtml(card.back ?? \"\")}</div>\n</div>`,\n )\n .join(\"\\n\");\n\n return `<div class=\"deck-header\">\n <h1 class=\"deck-title\">${escapeHtml(title)}</h1>\n <div class=\"deck-meta\">${cards.length} card${cards.length !== 1 ? \"s\" : \"\"}  ·  Front and back</div>\n</div>\n<div class=\"cards-grid\">\n${cells}\n</div>`;\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Study sheet (full-width table)\n// ---------------------------------------------------------------------------\nconst STUDY_SHEET_STYLES = `\n ${BASE_STYLES}\n\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 8px;\n font-size: 10pt;\n }\n thead th {\n background: #1e293b;\n color: #f1f5f9;\n padding: 8px 12px;\n text-align: left;\n font-size: 8.5pt;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n }\n thead th:first-child { width: 38%; border-radius: 0; }\n\n tbody tr { page-break-inside: avoid; break-inside: avoid; }\n tbody tr:nth-child(even) td { background: #f8fafc; }\n\n tbody td {\n padding: 8px 12px;\n vertical-align: top;\n border-bottom: 1px solid #e2e8f0;\n line-height: 1.5;\n white-space: pre-line;\n }\n tbody td:first-child {\n font-weight: 600;\n border-right: 1px solid #e2e8f0;\n color: #1e3a5f;\n }\n .row-num {\n display: inline-block;\n width: 18px;\n font-size: 8pt;\n color: #94a3b8;\n font-weight: 400;\n margin-right: 4px;\n }\n\n @media print {\n thead th { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n tbody tr:nth-child(even) td { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n`;\n\nfunction renderStudySheet(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const rows = cards\n .map(\n (card, i) => ` <tr>\n <td><span class=\"row-num\">${startIndex + i + 1}.</span>${faceImageHtml(card, \"front\", s.showImages)}${escapeHtml(card.front)}</td>\n <td>${faceImageHtml(card, \"back\", s.showImages)}${escapeHtml(card.back ?? \"\")}</td>\n </tr>`,\n )\n .join(\"\\n\");\n\n return `<div class=\"deck-header\">\n <h1 class=\"deck-title\">${escapeHtml(title)}</h1>\n <div class=\"deck-meta\">${cards.length} card${cards.length !== 1 ? \"s\" : \"\"}  ·  Study sheet</div>\n</div>\n<table>\n <thead>\n <tr>\n <th>Question / Term</th>\n <th>Answer / Definition</th>\n </tr>\n </thead>\n <tbody>\n${rows}\n </tbody>\n</table>`;\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Front only (self-test — blank space for answers)\n// ---------------------------------------------------------------------------\nconst FRONT_ONLY_STYLES = `\n ${BASE_STYLES}\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\n .card-cell {\n border: 1.5px solid #bfdbfe;\n border-radius: 8px;\n overflow: hidden;\n page-break-inside: avoid;\n break-inside: avoid;\n background: #fff;\n }\n .card-front {\n background: linear-gradient(135deg, #1e3a5f 0%, #1e40af 100%);\n color: #ffffff;\n padding: 12px 14px;\n font-weight: 600;\n font-size: 10.5pt;\n line-height: 1.4;\n }\n .card-front .card-number { font-size: 7.5pt; color: #bfdbfe; margin-bottom: 4px; }\n .answer-blank {\n height: 52px;\n border-top: 1px dashed #cbd5e1;\n background: #fafafa;\n position: relative;\n }\n .answer-blank::after {\n content: \"write your answer here\";\n position: absolute;\n bottom: 6px;\n left: 12px;\n font-size: 7pt;\n color: #cbd5e1;\n letter-spacing: 0.04em;\n }\n\n @media print {\n .card-front { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n`;\n\nfunction renderFrontOnly(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const cells = cards\n .map(\n (card, i) => `<div class=\"card-cell\">\n <div class=\"card-front\">\n <div class=\"card-number\">Card ${startIndex + i + 1}</div>\n ${faceImageHtml(card, \"front\", s.showImages)}${escapeHtml(card.front)}\n </div>\n <div class=\"answer-blank\"></div>\n</div>`,\n )\n .join(\"\\n\");\n\n return `<div class=\"deck-header\">\n <h1 class=\"deck-title\">${escapeHtml(title)}</h1>\n <div class=\"deck-meta\">${cards.length} card${cards.length !== 1 ? \"s\" : \"\"}  ·  Self-test — write your answers in the blank space</div>\n</div>\n<div class=\"cards-grid\">\n${cells}\n</div>`;\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Back only (answers / definitions)\n// ---------------------------------------------------------------------------\nconst BACK_ONLY_STYLES = `\n ${BASE_STYLES}\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\n .card-cell {\n border: 1.5px solid #a7f3d0;\n border-radius: 8px;\n overflow: hidden;\n page-break-inside: avoid;\n break-inside: avoid;\n background: #fff;\n }\n .card-back-header {\n background: linear-gradient(135deg, #065f46 0%, #0f766e 100%);\n color: #ecfdf5;\n padding: 10px 14px;\n font-size: 7.5pt;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n }\n .card-back-content {\n padding: 10px 14px;\n font-size: 10pt;\n line-height: 1.5;\n color: #1a1a1a;\n white-space: pre-line;\n }\n\n @media print {\n .card-back-header { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n`;\n\nfunction renderBackOnly(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const cells = cards\n .map(\n (card, i) => `<div class=\"card-cell\">\n <div class=\"card-back-header\">Card ${startIndex + i + 1}</div>\n <div class=\"card-back-content\">${faceImageHtml(card, \"back\", s.showImages)}${escapeHtml(card.back ?? \"\")}</div>\n</div>`,\n )\n .join(\"\\n\");\n\n return `<div class=\"deck-header\">\n <h1 class=\"deck-title\">${escapeHtml(title)}</h1>\n <div class=\"deck-meta\">${cards.length} card${cards.length !== 1 ? \"s\" : \"\"}  ·  Answers and definitions only</div>\n</div>\n<div class=\"cards-grid\">\n${cells}\n</div>`;\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Landscape cut sheet (4 cards per page, 2×2, black & white)\n//\n// Geometry (landscape 11\" × 8.5\"):\n// Page is split into 4 equal quadrants: 5.5\" wide × 4.25\" tall each.\n// Outer margin: 0.5\" on every edge.\n// Inner gap at each cut line: 0.5\" each side → 1\" total dead zone at center.\n// Usable card area: (5.5 − 0.5 − 0.5)\" × (4.25 − 0.5 − 0.5)\" = 4.5\" × 3.25\"\n//\n// Text sizing: font-size uses vw/vh relative units so it always fills the cell.\n// `fit-text` class uses container-relative font that shrinks when content overflows\n// via a JS resize loop in the document itself.\n//\n// Double-sided (duplex) mirroring:\n// When a landscape sheet is flipped on the long (left→right) edge,\n// left and right columns swap. So back page layout is:\n// TL = back[1], TR = back[0], BL = back[3], BR = back[2]\n// ---------------------------------------------------------------------------\n\nconst LANDSCAPE_STYLES = `\n @page { size: landscape; margin: 0; }\n\n , ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n width: 11in;\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\n color: #000;\n / Screen: scroll to see all pages. Print: locked to one page height per .page. /\n }\n\n / The page wrapper takes the full physical page /\n .page {\n width: 11in;\n height: 8.5in;\n position: relative;\n page-break-after: always;\n break-after: page;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr 1fr;\n gap: 0;\n padding: 0.5in;\n / Thin separator visible on screen between pages /\n border-bottom: 2px solid #e2e8f0;\n }\n .page:last-child {\n page-break-after: auto;\n break-after: auto;\n border-bottom: none;\n }\n\n @media print {\n / Do NOT constrain html/body height — that clips pages 2+.\n Page sizing is handled by @page + .page { height: 8.5in } + break-after: page. /\n html, body { width: 11in; height: auto; overflow: visible; }\n .page { border-bottom: none; }\n }\n\n / Each quadrant cell — full 5.5\" × 4.25\" including its half-gutter /\n .quad {\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n padding: 0 0.25in 0.25in 0; / right + bottom inner half-gutters /\n }\n / Top row: add top inner half-gutter via bottom padding of the cell above /\n .quad.top { padding-bottom: 0.25in; padding-top: 0; }\n .quad.bottom { padding-bottom: 0; padding-top: 0.25in; }\n .quad.left { padding-left: 0; padding-right: 0.25in; }\n .quad.right { padding-left: 0.25in; padding-right: 0; }\n\n / The actual card face — no border, no lines. Cuts are the separation. /\n .card-face {\n flex: 1;\n border: none;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0.18in 0.22in;\n overflow: hidden;\n position: relative;\n }\n\n /\n * Cut tick marks — 4 short marks at the exact center intersection.\n * These sit on the .page element (outside all card faces).\n * Each tick is a 0.18in line. Two ticks per axis: one on each side of center.\n /\n\n / Horizontal axis ticks: sit at vertical midpoint, on the left and right edges /\n .tick-h-left, .tick-h-right {\n position: absolute;\n top: 50%;\n width: 0.18in;\n height: 0;\n border-top: 0.6px solid #bbb;\n pointer-events: none;\n }\n .tick-h-left { left: 0.1in; }\n .tick-h-right { right: 0.1in; }\n\n / Vertical axis ticks: sit at horizontal midpoint, on the top and bottom edges /\n .tick-v-top, .tick-v-bottom {\n position: absolute;\n left: 50%;\n height: 0.18in;\n width: 0;\n border-left: 0.6px solid #bbb;\n pointer-events: none;\n }\n .tick-v-top { top: 0.1in; }\n .tick-v-bottom { bottom: 0.1in; }\n\n / Full dashed cut lines (optional — only rendered when showCutLines = true) /\n .cut-line-h {\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n height: 0;\n border-top: 0.6px dashed #bbb;\n pointer-events: none;\n }\n .cut-line-v {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 0;\n border-left: 0.6px dashed #bbb;\n pointer-events: none;\n }\n\n / Card number badge /\n .card-num {\n position: absolute;\n top: 5px;\n right: 7px;\n font-size: 6.5pt;\n color: #999;\n font-weight: 600;\n }\n\n / Side label (FRONT / BACK) /\n .side-label {\n font-size: 6.5pt;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #888;\n margin-bottom: 8px;\n align-self: flex-start;\n }\n\n / The text container — fills remaining space, centers content /\n .card-text {\n flex: 1;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n overflow: hidden;\n }\n\n .card-text-inner {\n font-size: 22pt; / fitText JS shrinks this to fit — start bigger for short fronts /\n font-weight: 600;\n line-height: 1.3;\n white-space: pre-wrap;\n word-break: break-word;\n text-align: center;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n / Multiline prose back: left-align, slightly smaller start /\n .card-text-inner.multiline {\n text-align: left;\n font-size: 15pt;\n font-weight: 400;\n line-height: 1.45;\n }\n\n / Bullet list back /\n ul.card-text-inner.card-list {\n text-align: left;\n font-size: 15pt;\n font-weight: 400;\n line-height: 1.5;\n padding-left: 1.1em;\n margin: 0;\n list-style-type: disc;\n white-space: normal;\n width: 100%;\n }\n ul.card-text-inner.card-list li {\n margin-bottom: 0.25em;\n }\n ul.card-text-inner.card-list li:last-child {\n margin-bottom: 0;\n }\n\n / Print-only: hide the browser action bar /\n @media print {\n .screen-only { display: none !important; }\n }\n`;\n\n/\n Shrink font JS — runs inside the printed window.\n * For each .card-text-inner, reduces font-size until the text fits its container.\n /\nconst FIT_TEXT_SCRIPT = buildFitTextScript([\n \".card-text .card-text-inner\",\n \".avery-text-wrap .avery-text\",\n]);\n\n/* Returns true if the majority of non-empty lines look like bullet items /\nfunction isBulletContent(text: string): boolean {\n const lines = text.split(\"\\n\").filter((l) => l.trim().length > 0);\n if (lines.length < 2) return false;\n const bulletLines = lines.filter((l) => /^\\s[-•]\\s/.test(l));\n return bulletLines.length >= lines.length 0.6; // 60%+ bullet lines = treat as list\n}\n\nfunction isMultiline(text: string): boolean {\n return text.includes(\"\\n\") \|\| text.length > 120;\n}\n\n/*\n Render card back text as either:\n * - A bullet list (<ul><li>…</li></ul>) when content is bullet-style — left-aligned\n * - Plain centered text for normal prose\n * - Front text is always plain centered\n /\nfunction renderCardText(\n text: string,\n isFront: boolean,\n extraStyle = \"\",\n): { html: string; isList: boolean } {\n if (isFront) {\n const styleAttr = extraStyle ? ` style=\"${extraStyle}\"` : \"\";\n return {\n html: `<div class=\"card-text-inner\"${styleAttr}>${escapeHtml(text).replace(/\\n/g, \"<br>\")}</div>`,\n isList: false,\n };\n }\n\n const bullet = isBulletContent(text);\n\n if (bullet) {\n const lines = text.split(\"\\n\");\n const items = lines\n .map((l) => l.trim())\n .filter((l) => l.length > 0)\n .map((l) => l.replace(/^[-•]\\s/, \"\")) // strip leading dash/bullet\n .map((l) => `<li>${escapeHtml(l)}</li>`)\n .join(\"\");\n const styleAttr = extraStyle ? ` style=\"${extraStyle}\"` : \"\";\n return {\n html: `<ul class=\"card-text-inner card-list\"${styleAttr}>${items}</ul>`,\n isList: true,\n };\n }\n\n // Plain multiline or single-line prose\n const ml = isMultiline(text);\n const cls = ml ? \"card-text-inner multiline\" : \"card-text-inner\";\n const styleAttr = extraStyle ? ` style=\"${extraStyle}\"` : \"\";\n return {\n html: `<div class=\"${cls}\"${styleAttr}>${escapeHtml(text).replace(/\\n/g, \"<br>\")}</div>`,\n isList: false,\n };\n}\n\nfunction buildCardFace(\n text: string,\n cardNum: number,\n isFront: boolean,\n s: CardPrintSettings,\n): string {\n const numBadge = s.showCardNumber\n ? `<span class=\"card-num\">#${cardNum}</span>`\n : \"\";\n const sideLabel = s.showSideLabel\n ? `<span class=\"side-label\">${isFront ? \"Front\" : \"Back\"}</span>`\n : \"\";\n\n const textColor = !isFront && s.lightBackText ? \"color:#777;\" : \"\";\n const mirrorXform =\n !isFront && s.mirrorBack ? \"transform:scaleX(-1);display:block;\" : \"\";\n const innerStyle = textColor + mirrorXform;\n\n const { html, isList } = renderCardText(text, isFront, innerStyle);\n // Lists align to the start so bullets sit at top-left; prose/front stays centered\n const cardTextStyle = isList ? ' style=\"align-items:flex-start;\"' : \"\";\n\n return `<div class=\"card-face\">\n ${numBadge}\n ${sideLabel}\n <div class=\"card-text\"${cardTextStyle}>\n ${html}\n </div>\n</div>`;\n}\n\nconst QUAD_CLASSES = [\n \"quad top left\",\n \"quad top right\",\n \"quad bottom left\",\n \"quad bottom right\",\n] as const;\n\nfunction buildPage(cells: string[], s: CardPrintSettings): string {\n const ticks = s.showTickMarks\n ? `<div class=\"tick-h-left\"></div>\n <div class=\"tick-h-right\"></div>\n <div class=\"tick-v-top\"></div>\n <div class=\"tick-v-bottom\"></div>`\n : \"\";\n\n const lines = s.showCutLines\n ? `<div class=\"cut-line-h\"></div>\n <div class=\"cut-line-v\"></div>`\n : \"\";\n\n return `<div class=\"page\">\n ${ticks}\n ${lines}\n ${cells.map((c, i) => `<div class=\"${QUAD_CLASSES[i]!}\">${c}</div>`).join(\"\\n \")}\n</div>`;\n}\n\n/\n landscape-duplex: alternating front/back pages.\n * Front page → [card1F, card2F, card3F, card4F]\n * Back page → [card2B, card1B, card4B, card3B] (mirrored L↔R for duplex flip on long edge)\n \n landscape-stacked: all fronts first, then all backs (same column order both pages).\n /\nfunction renderLandscape(\n cards: Flashcard[],\n title: string,\n mode: \"duplex\" \| \"stacked\",\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const BATCH = 4;\n const pages: string[] = [];\n // stacked mode collects backs separately so EVERY front page precedes EVERY\n // back page — interleaving them per batch (the pre-port behavior) made the\n // single-sided re-feed workflow this variant exists for impossible.\n const backPages: string[] = [];\n const empty = `<div class=\"card-face\"></div>`;\n\n for (let p = 0; p < Math.ceil(cards.length / BATCH); p++) {\n const batch = cards.slice(p BATCH, (p + 1) * BATCH);\n while (batch.length < BATCH) batch.push({ front: \"\", back: \"\" });\n\n const fronts = batch.map((c, i) =>\n c.front\n ? buildCardFace(c.front, startIndex + p * BATCH + i + 1, true, s)\n : empty,\n );\n const backs = batch.map((c, i) =>\n c.back\n ? buildCardFace(c.back ?? \"\", startIndex + p * BATCH + i + 1, false, s)\n : empty,\n );\n\n if (mode === \"duplex\") {\n // batch is padded to BATCH, so every slot below is present\n const backsFlipped = [backs[1]!, backs[0]!, backs[3]!, backs[2]!];\n pages.push(buildPage(fronts, s));\n pages.push(buildPage(backsFlipped, s));\n } else {\n pages.push(buildPage(fronts, s));\n backPages.push(buildPage(backs, s));\n }\n }\n\n return [...pages, ...backPages].join(\"\\n\");\n}\n\n/*\n Landscape cards need a fully custom document — no buildPrintDocument wrapper\n * because that adds max-width, padding, and chrome that fights the precise page geometry.\n /\nfunction openLandscapeWindow(bodyHtml: string, title: string): PrintOutcome {\n const html = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>${escapeHtml(title)}</title>\n <style>${LANDSCAPE_STYLES}</style>\n</head>\n<body>\n<div class=\"screen-only\" style=\"font-family:sans-serif;font-size:12px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;align-items:center;\">\n <button onclick=\"window.print()\" style=\"padding:7px 18px;background:#111;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;\">Print / Save PDF</button>\n <button onclick=\"window.close()\" style=\"padding:7px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;cursor:pointer;\">Close</button>\n <span style=\"color:#64748b;font-size:11px;\">Tip: set your printer to <strong>Landscape</strong> with no additional margins</span>\n</div>\n${bodyHtml}\n${FIT_TEXT_SCRIPT}\n</body>\n</html>`;\n\n // Delegate to the ONE popup-or-download path in core (same fallback\n // filename as before: title, whitespace-dashed, lowercased, \"-flashcards.html\").\n return openPrintWindow(html, `${title}-flashcards`, \"width=1100,height=720,scrollbars=yes\");\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Avery 5388 — 3×5\" index cards, 3 per page, portrait\n//\n// Geometry (portrait 8.5\" × 11\"):\n// Card size: 5\" wide × 3\" tall\n// 3 cards stacked = 9\" height\n// Remaining vertical: 11\" − 9\" = 2\" → 0.5\" top + 0.5\" gap × 2 + 0.5\" bottom\n// Side margins: (8.5\" − 5\") / 2 = 1.75\" each side\n//\n// Layout: page padding 0.5in top/bottom, 1.75in left/right\n// between cards: 0.5in gap\n//\n// Each page = 3 card fronts. Next page = matching 3 card backs (same order).\n// No borders, no lines, no cut marks. Just text centered in each card zone.\n// ---------------------------------------------------------------------------\n\nconst AVERY_5388_STYLES = `\n @page { size: portrait; margin: 0; }\n\n , ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n width: 8.5in;\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\n color: #000;\n }\n\n .avery-page {\n width: 8.5in;\n height: 11in;\n padding: 0.5in 1.75in;\n display: flex;\n flex-direction: column;\n gap: 0.5in;\n page-break-after: always;\n break-after: page;\n border-bottom: 1px solid #e2e8f0; /* screen only separator /\n }\n .avery-page:last-child {\n page-break-after: auto;\n break-after: auto;\n border-bottom: none;\n }\n\n / Each card zone: exactly 5\" × 3\" — position:relative so the inner text can be absolutely centered /\n .avery-card {\n width: 5in;\n height: 3in;\n position: relative;\n overflow: hidden;\n flex-shrink: 0;\n }\n\n / Text centering wrapper — fills the card and centers content in both axes /\n .avery-text-wrap {\n position: absolute;\n inset: 0.2in 0.3in; / inner padding — 0.2in top/bottom, 0.3in left/right /\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n / Side label (tiny, top-left) /\n .avery-side-label {\n position: absolute;\n top: 6px;\n left: 8px;\n font-size: 6pt;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #aaa;\n }\n\n / Card number (tiny, top-right) /\n .avery-card-num {\n position: absolute;\n top: 6px;\n right: 8px;\n font-size: 6pt;\n color: #aaa;\n font-weight: 600;\n }\n\n / The text itself — starts large, fitText JS shrinks it to fit the wrap container /\n .avery-text {\n font-size: 22pt;\n font-weight: 600;\n line-height: 1.3;\n white-space: pre-wrap;\n word-break: break-word;\n text-align: center;\n max-width: 100%;\n }\n .avery-text.multiline {\n font-size: 15pt;\n font-weight: 400;\n text-align: left;\n line-height: 1.45;\n }\n\n / Bullet list back /\n ul.avery-text.card-list {\n text-align: left;\n font-size: 15pt;\n font-weight: 400;\n line-height: 1.5;\n padding-left: 1.1em;\n margin: 0;\n list-style-type: disc;\n white-space: normal;\n width: 100%;\n }\n ul.avery-text.card-list li {\n margin-bottom: 0.3em;\n }\n ul.avery-text.card-list li:last-child {\n margin-bottom: 0;\n }\n\n @media print {\n / Ensure gray text isn't converted to black by color management /\n .avery-text { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n\n @media print {\n html, body { width: 8.5in; height: auto; overflow: visible; }\n .avery-page { border-bottom: none; }\n .screen-only { display: none !important; }\n }\n`;\n\nfunction buildAveryCard(\n text: string,\n cardNum: number,\n isFront: boolean,\n s: CardPrintSettings,\n): string {\n const numBadge = s.showCardNumber\n ? `<span class=\"avery-card-num\">#${cardNum}</span>`\n : \"\";\n const sideLabel = s.showSideLabel\n ? `<span class=\"avery-side-label\">${isFront ? \"Front\" : \"Back\"}</span>`\n : \"\";\n\n const textColor = !isFront && s.lightBackText ? \"color:#777;\" : \"\";\n const mirrorXform = !isFront && s.mirrorBack ? \"transform:scaleX(-1);\" : \"\";\n const innerStyle = textColor + mirrorXform;\n\n // Render with shared logic — detects bullets, builds <ul> if needed\n const isBullet = !isFront && isBulletContent(text);\n const isML = !isFront && isMultiline(text);\n const cls = isBullet\n ? \"avery-text card-list\"\n : isML\n ? \"avery-text multiline\"\n : \"avery-text\";\n const styleAttr = innerStyle ? ` style=\"${innerStyle}\"` : \"\";\n\n let innerHtml: string;\n if (isBullet) {\n const items = text\n .split(\"\\n\")\n .map((l) => l.trim())\n .filter((l) => l.length > 0)\n .map((l) => l.replace(/^[-•]\\s/, \"\"))\n .map((l) => `<li>${escapeHtml(l)}</li>`)\n .join(\"\");\n innerHtml = `<ul class=\"${cls}\"${styleAttr}>${items}</ul>`;\n } else {\n const escaped = escapeHtml(text).replace(/\\n/g, \"<br>\");\n innerHtml = `<div class=\"${cls}\"${styleAttr}>${escaped}</div>`;\n }\n\n // List content: wrap aligns to start; prose/front: centered\n const wrapExtra = isBullet ? ' style=\"align-items:flex-start;\"' : \"\";\n\n return `<div class=\"avery-card\">\n ${numBadge}\n ${sideLabel}\n <div class=\"avery-text-wrap\"${wrapExtra}>\n ${innerHtml}\n </div>\n</div>`;\n}\n\nfunction renderAvery5388(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const BATCH = 3;\n const pages: string[] = [];\n\n for (let p = 0; p < Math.ceil(cards.length / BATCH); p++) {\n const batch = cards.slice(p BATCH, (p + 1) * BATCH);\n\n const frontCells = batch\n .map((c, i) =>\n buildAveryCard(c.front, startIndex + p * BATCH + i + 1, true, s),\n )\n .join(\"\\n\");\n const backCells = batch\n .map((c, i) =>\n buildAveryCard(c.back ?? \"\", startIndex + p * BATCH + i + 1, false, s),\n )\n .join(\"\\n\");\n\n const padCount = BATCH - batch.length;\n const padCells = Array(padCount)\n .fill(`<div class=\"avery-card\"></div>`)\n .join(\"\\n\");\n\n pages.push(`<div class=\"avery-page\">${frontCells}${padCells}</div>`);\n pages.push(`<div class=\"avery-page\">${backCells}${padCells}</div>`);\n }\n\n return pages.join(\"\\n\");\n}\n\nfunction openAveryWindow(bodyHtml: string, title: string): PrintOutcome {\n const html = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>${escapeHtml(title)} — Avery 5388</title>\n <style>${AVERY_5388_STYLES}</style>\n</head>\n<body>\n<div class=\"screen-only\" style=\"font-family:sans-serif;font-size:12px;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;align-items:center;\">\n <button onclick=\"window.print()\" style=\"padding:7px 18px;background:#111;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;\">Print / Save PDF</button>\n <button onclick=\"window.close()\" style=\"padding:7px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;cursor:pointer;\">Close</button>\n <span style=\"color:#64748b;font-size:11px;\">Avery 5388 · 3×5\" index cards · 3 per page · set printer to <strong>Portrait, no margins</strong></span>\n</div>\n${bodyHtml}\n${FIT_TEXT_SCRIPT}\n</body>\n</html>`;\n\n // Delegate to the ONE popup-or-download path in core (same fallback\n // filename as before: title, whitespace-dashed, lowercased, \"-avery5388.html\").\n return openPrintWindow(html, `${title}-avery5388`, \"width=900,height=720,scrollbars=yes\");\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Portrait 6-up (6 cards per page, 2 columns × 3 rows)\n//\n// Geometry (portrait 8.5\" × 11\"):\n// Page is split exactly in half down the middle and into thirds across.\n// Each cell: 4.25\" wide × 3.667\" tall.\n// Inner padding per cell: ~0.22\" gives the text breathing room without\n// pushing content off the cuttable area.\n//\n// Duplex (double-sided) mirroring for portrait:\n// Most printers default to \"flip on long edge\" for portrait duplex, which\n// pivots the sheet around its left (long) edge. Result: left ↔ right\n// columns swap on the back side, rows are unchanged.\n//\n// Front slot order: [0:TL, 1:TR, 2:ML, 3:MR, 4:BL, 5:BR]\n// Back page render: [B1, B0, B3, B2, B5, B4] (columns swapped per row)\n//\n// Content centering:\n// Each card face uses flex centering so short text sits dead-center,\n// multiline prose is left-aligned but still vertically centered, and\n// bullet lists align to the top-left of their cell for readability.\n// ---------------------------------------------------------------------------\n\nconst PORTRAIT_6UP_STYLES = `\n @page { size: portrait; margin: 0; }\n\n , ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n width: 8.5in;\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\n color: #000;\n }\n\n .page-6up {\n width: 8.5in;\n height: 11in;\n position: relative;\n page-break-after: always;\n break-after: page;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr 1fr 1fr;\n gap: 0;\n padding: 0;\n border-bottom: 2px solid #e2e8f0;\n }\n .page-6up:last-child {\n page-break-after: auto;\n break-after: auto;\n border-bottom: none;\n }\n\n @media print {\n html, body { width: 8.5in; height: auto; overflow: visible; }\n .page-6up { border-bottom: none; }\n }\n\n / Each of the 6 cells — clean 4.25\" × 3.667\" zone split by the cuts /\n .cell-6 {\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n padding: 0.2in 0.22in;\n overflow: hidden;\n }\n\n / The actual card face — no border. Cuts are the separation. /\n .card-face {\n flex: 1;\n border: none;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0.1in 0.12in;\n overflow: hidden;\n position: relative;\n }\n\n / Cut tick marks — short marks at each cut intersection with the page edge /\n .tick-v-top, .tick-v-bottom {\n position: absolute;\n left: 50%;\n height: 0.18in;\n width: 0;\n border-left: 0.6px solid #bbb;\n pointer-events: none;\n }\n .tick-v-top { top: 0.1in; }\n .tick-v-bottom { bottom: 0.1in; }\n\n .tick-h-1-left, .tick-h-1-right,\n .tick-h-2-left, .tick-h-2-right {\n position: absolute;\n width: 0.18in;\n height: 0;\n border-top: 0.6px solid #bbb;\n pointer-events: none;\n }\n .tick-h-1-left { top: 33.333%; left: 0.1in; }\n .tick-h-1-right { top: 33.333%; right: 0.1in; }\n .tick-h-2-left { top: 66.667%; left: 0.1in; }\n .tick-h-2-right { top: 66.667%; right: 0.1in; }\n\n / Full dashed cut lines (optional) /\n .cut-line-v {\n position: absolute;\n top: 0; bottom: 0;\n left: 50%;\n width: 0;\n border-left: 0.6px dashed #bbb;\n pointer-events: none;\n }\n .cut-line-h-1, .cut-line-h-2 {\n position: absolute;\n left: 0; right: 0;\n height: 0;\n border-top: 0.6px dashed #bbb;\n pointer-events: none;\n }\n .cut-line-h-1 { top: 33.333%; }\n .cut-line-h-2 { top: 66.667%; }\n\n / Card number badge /\n .card-num {\n position: absolute;\n top: 5px;\n right: 7px;\n font-size: 6.5pt;\n color: #999;\n font-weight: 600;\n }\n\n / Side label (FRONT / BACK) /\n .side-label {\n font-size: 6.5pt;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #888;\n margin-bottom: 6px;\n align-self: flex-start;\n }\n\n / Centered text container — fills the card, both axes centered /\n .card-text {\n flex: 1;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n overflow: hidden;\n }\n\n .card-text-inner {\n font-size: 18pt; / fitText JS shrinks this to fit /\n font-weight: 600;\n line-height: 1.3;\n white-space: pre-wrap;\n word-break: break-word;\n text-align: center;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n .card-text-inner.multiline {\n text-align: left;\n font-size: 13pt;\n font-weight: 400;\n line-height: 1.45;\n }\n\n ul.card-text-inner.card-list {\n text-align: left;\n font-size: 13pt;\n font-weight: 400;\n line-height: 1.5;\n padding-left: 1.1em;\n margin: 0;\n list-style-type: disc;\n white-space: normal;\n width: 100%;\n }\n ul.card-text-inner.card-list li { margin-bottom: 0.2em; }\n ul.card-text-inner.card-list li:last-child { margin-bottom: 0; }\n\n @media print {\n .screen-only { display: none !important; }\n }\n`;\n\nfunction buildPage6Up(cells: string[], s: CardPrintSettings): string {\n const ticks = s.showTickMarks\n ? `<div class=\"tick-v-top\"></div>\n <div class=\"tick-v-bottom\"></div>\n <div class=\"tick-h-1-left\"></div>\n <div class=\"tick-h-1-right\"></div>\n <div class=\"tick-h-2-left\"></div>\n <div class=\"tick-h-2-right\"></div>`\n : \"\";\n\n const lines = s.showCutLines\n ? `<div class=\"cut-line-v\"></div>\n <div class=\"cut-line-h-1\"></div>\n <div class=\"cut-line-h-2\"></div>`\n : \"\";\n\n return `<div class=\"page-6up\">\n ${ticks}\n ${lines}\n ${cells.map((c) => `<div class=\"cell-6\">${c}</div>`).join(\"\\n \")}\n</div>`;\n}\n\n/\n portrait-6up-duplex: alternating front/back pages, backs mirrored for duplex.\n * Front page → [F0, F1, F2, F3, F4, F5] in slot order TL, TR, ML, MR, BL, BR\n * Back page → [B1, B0, B3, B2, B5, B4] (columns swapped for long-edge flip)\n \n portrait-6up-stacked: all fronts first, then all backs (same slot order both).\n /\nfunction renderPortrait6Up(\n cards: Flashcard[],\n title: string,\n mode: \"duplex\" \| \"stacked\",\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const BATCH = 6;\n const pages: string[] = [];\n // stacked mode collects backs separately so EVERY front page precedes EVERY\n // back page — see renderLandscape for the defect this fixes.\n const backPages: string[] = [];\n const empty = `<div class=\"card-face\"></div>`;\n\n for (let p = 0; p < Math.ceil(cards.length / BATCH); p++) {\n const batch = cards.slice(p BATCH, (p + 1) * BATCH);\n while (batch.length < BATCH) batch.push({ front: \"\", back: \"\" });\n\n const fronts = batch.map((c, i) =>\n c.front\n ? buildCardFace(c.front, startIndex + p * BATCH + i + 1, true, s)\n : empty,\n );\n const backs = batch.map((c, i) =>\n c.back\n ? buildCardFace(c.back ?? \"\", startIndex + p * BATCH + i + 1, false, s)\n : empty,\n );\n\n if (mode === \"duplex\") {\n // Long-edge flip swaps columns per row: [TR, TL, MR, ML, BR, BL]\n // batch is padded to BATCH, so every slot below is present\n const backsFlipped = [\n backs[1]!,\n backs[0]!,\n backs[3]!,\n backs[2]!,\n backs[5]!,\n backs[4]!,\n ];\n pages.push(buildPage6Up(fronts, s));\n pages.push(buildPage6Up(backsFlipped, s));\n } else {\n pages.push(buildPage6Up(fronts, s));\n backPages.push(buildPage6Up(backs, s));\n }\n }\n\n return [...pages, ...backPages].join(\"\\n\");\n}\n\nfunction openPortrait6UpWindow(bodyHtml: string, title: string): PrintOutcome {\n const html = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>${escapeHtml(title)} — 6 per page</title>\n <style>${PORTRAIT_6UP_STYLES}</style>\n</head>\n<body>\n<div class=\"screen-only\" style=\"font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;border-bottom:1px solid #e2e8f0;padding:14px 20px;\">\n <div style=\"display:flex;gap:10px;align-items:center;margin-bottom:10px;\">\n <button onclick=\"window.print()\" style=\"padding:8px 20px;background:#111;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;\">Print / Save PDF</button>\n <button onclick=\"window.close()\" style=\"padding:8px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;cursor:pointer;\">Close</button>\n <span style=\"color:#111;font-size:12px;font-weight:600;margin-left:4px;\">6 flashcards per page · cut into 6</span>\n </div>\n <div style=\"background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:10px 14px;font-size:12px;line-height:1.55;color:#78350f;max-width:720px;\">\n <div style=\"font-weight:700;margin-bottom:4px;color:#92400e;\">⚠ Printer settings for duplex alignment</div>\n <strong>- Page Size:</strong> Letter (8.5\" × 11\")<br>\n <strong>- Orientation:</strong> Portrait<br>\n <strong>- Two-sided (Duplex):</strong> On<br>\n <strong>- Flip on:</strong> Long edge<br>\n <strong>- Pages per sheet:</strong> 1<br>\n <strong>- Scale:</strong> 100% / Actual size<br>\n <strong>- Margins:</strong> None<br>\n </div>\n</div>\n${bodyHtml}\n${FIT_TEXT_SCRIPT}\n</body>\n</html>`;\n\n // Delegate to the ONE popup-or-download path in core (same fallback\n // filename as before: title, whitespace-dashed, lowercased, \"-flashcards-6up.html\").\n return openPrintWindow(html, `${title}-flashcards-6up`, \"width=900,height=720,scrollbars=yes\");\n}\n\n// ---------------------------------------------------------------------------\n// Helper: derive a title from the data if available\n// ---------------------------------------------------------------------------\nfunction deriveTitle(data: unknown): string {\n if (data && typeof data === \"object\" && \"title\" in data) {\n const t = (data as { title?: unknown }).title;\n if (typeof t === \"string\" && t.trim()) return t.trim();\n }\n return \"Flashcards\";\n}\n\n// ---------------------------------------------------------------------------\n// Exported printer\n// ---------------------------------------------------------------------------\nexport const flashcardsPrinter: BlockPrinter = {\n label: \"Print flashcards\",\n variants: [\n {\n id: \"portrait-6up-duplex\",\n label: \"Portrait 6-up — duplex (recommended)\",\n description:\n \"6 cards per page (2 columns × 3 rows), portrait. Split down the middle and into thirds. Fronts and backs on alternating pages — backs are mirrored so they align perfectly when duplex-printed (flip on long edge) and cut into 6\",\n },\n {\n id: \"portrait-6up-stacked\",\n label: \"Portrait 6-up — all fronts then all backs\",\n description:\n \"6 cards per page (2 columns × 3 rows), portrait. All front pages first, then all back pages — cut all sheets together for a matching deck\",\n },\n {\n id: \"landscape-duplex\",\n label: \"Landscape cut sheet — duplex (double-sided)\",\n description:\n \"4 cards per page, landscape. Fronts and backs on alternating pages — backs are mirrored so they align perfectly when you flip and cut\",\n },\n {\n id: \"landscape-stacked\",\n label: \"Landscape cut sheet — all fronts then all backs\",\n description:\n \"4 cards per page, landscape. All front pages first, then all back pages — cut all sheets together for a matching deck\",\n },\n {\n id: \"avery-5388\",\n label: 'Avery 5388 — 3×5\" index cards (3 per page)',\n description:\n \"Prints to Avery 5388 card stock. 3 cards per page, portrait. Front page then back page per set of 3 — load the sheet twice to print both sides\",\n },\n {\n id: \"cut-cards\",\n label: \"Cut-out cards (portrait)\",\n description:\n \"4 per page with cut lines — front and back shown together per card\",\n },\n {\n id: \"both-sides\",\n label: \"Both sides per card\",\n description: \"Front and back shown together — best for review or sharing\",\n },\n {\n id: \"study-sheet\",\n label: \"Study sheet (table)\",\n description: \"Compact two-column table — all cards on one or two pages\",\n },\n {\n id: \"front-only\",\n label: \"Questions only (self-test)\",\n description:\n \"Front side with blank space to write answers — print and quiz yourself\",\n },\n {\n id: \"back-only\",\n label: \"Answers only\",\n description: \"Definitions / answers without the questions\",\n },\n ],\n\n settings: [\n {\n type: \"range\" as const,\n id: \"cardRange\",\n label: \"Cards to print\",\n description: \"Leave blank to print the whole deck\",\n fromId: \"fromCard\",\n toId: \"toCard\",\n defaultFrom: 0,\n defaultTo: 0,\n min: 1,\n fromPlaceholder: \"1\",\n toPlaceholder: \"end\",\n },\n {\n type: \"boolean\" as const,\n id: \"showSideLabel\",\n label: \"Show side label\",\n description: 'Prints \"Front\" or \"Back\" in the corner of each card',\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n \"avery-5388\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"showCardNumber\",\n label: \"Show card number\",\n description: \"Prints #1, #2 … in the corner of each card\",\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n \"avery-5388\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"showTickMarks\",\n label: \"Show cut tick marks\",\n description:\n \"Small marks at each cut intersection — where to make each cut\",\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"showCutLines\",\n label: \"Show full cut lines\",\n description:\n \"Dashed lines all the way across the page — helps if you don't have a ruler\",\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"lightBackText\",\n label: \"Light back text (reduce show-through)\",\n description:\n \"Prints the back side in dark gray instead of black — ink is lighter and less visible through the paper\",\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n \"avery-5388\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"mirrorBack\",\n label: \"Mirror back text (best show-through prevention)\",\n description:\n \"Flips back text horizontally — any ink that bleeds through reads backwards and is unrecognizable from the front\",\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n \"avery-5388\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"showImages\",\n label: \"Print face images\",\n description:\n \"Includes each card's front/back image when it has one. The fixed-geometry formats (landscape, 6-up, Avery) are text-only by design\",\n defaultValue: true,\n appliesTo: [\n \"cut-cards\",\n \"both-sides\",\n \"study-sheet\",\n \"front-only\",\n \"back-only\",\n ],\n },\n ],\n\n print(\n data: unknown,\n variantId: string = \"portrait-6up-duplex\",\n rawSettings?: PrintSettings,\n ) {\n const allCards = extractCards(data);\n const title = deriveTitle(data);\n const s = resolveSettings(rawSettings);\n\n if (allCards.length === 0) {\n return openPrintWindow(\n buildPrintDocument(\n \"<p>No flashcard data available to print.</p>\",\n title,\n BASE_STYLES,\n ),\n \"flashcards\",\n );\n }\n\n // Resolve the \"cards to print\" range. 0 / missing / out-of-bounds all\n // fall back to sensible ends. Any invalid input still produces a valid deck.\n const rawFrom =\n typeof rawSettings?.fromCard === \"number\" ? rawSettings.fromCard : 0;\n const rawTo =\n typeof rawSettings?.toCard === \"number\" ? rawSettings.toCard : 0;\n const rangeStart = rawFrom > 0 ? Math.min(rawFrom, allCards.length) : 1;\n const rangeEnd =\n rawTo > 0 ? Math.min(rawTo, allCards.length) : allCards.length;\n const [fromIdx, toIdx] =\n rangeStart <= rangeEnd ? [rangeStart, rangeEnd] : [rangeEnd, rangeStart]; // swap if user inverted them\n const startIndex = fromIdx - 1; // 0-based offset of the first card\n const cards = allCards.slice(startIndex, toIdx);\n\n // Landscape and Avery variants use fully custom documents (precise page geometry)\n if (variantId === \"landscape-duplex\") {\n return openLandscapeWindow(\n renderLandscape(cards, title, \"duplex\", s, startIndex),\n title,\n );\n }\n if (variantId === \"landscape-stacked\") {\n return openLandscapeWindow(\n renderLandscape(cards, title, \"stacked\", s, startIndex),\n title,\n );\n }\n if (variantId === \"portrait-6up-duplex\") {\n return openPortrait6UpWindow(\n renderPortrait6Up(cards, title, \"duplex\", s, startIndex),\n title,\n );\n }\n if (variantId === \"portrait-6up-stacked\") {\n return openPortrait6UpWindow(\n renderPortrait6Up(cards, title, \"stacked\", s, startIndex),\n title,\n );\n }\n if (variantId === \"avery-5388\") {\n return openAveryWindow(renderAvery5388(cards, title, s, startIndex), title);\n }\n\n let bodyHtml: string;\n let styles: string;\n\n switch (variantId as FlashcardsVariant) {\n case \"cut-cards\":\n bodyHtml = renderCutCards(cards, title, s, startIndex);\n styles = CUT_CARD_STYLES;\n break;\n case \"front-only\":\n bodyHtml = renderFrontOnly(cards, title, s, startIndex);\n styles = FRONT_ONLY_STYLES;\n break;\n case \"back-only\":\n bodyHtml = renderBackOnly(cards, title, s, startIndex);\n styles = BACK_ONLY_STYLES;\n break;\n case \"study-sheet\":\n bodyHtml = renderStudySheet(cards, title, s, startIndex);\n styles = STUDY_SHEET_STYLES;\n break;\n case \"both-sides\":\n default:\n bodyHtml = renderBothSides(cards, title, s, startIndex);\n styles = BOTH_SIDES_STYLES;\n break;\n }\n\n return openPrintWindow(\n buildPrintDocument(bodyHtml, title, styles),\n \"flashcards\",\n );\n },\n};\n"],"mappings":";AAqIA,IAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuErB,SAAS,WAAW,KAAqB;AACvC,SAAO,IACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ,EACtB,QAAQ,MAAM,OAAO;AAC1B;AAKO,SAAS,mBACd,UACA,QAAQ,eACR,cAAc,IACN;AACR,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKE,WAAW,KAAK,CAAC;AAAA;AAAA,EAE1B,YAAY;AAAA,EACZ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASX,QAAQ;AAAA;AAAA;AAAA;AAIV;AAuBO,SAAS,gBACd,cACA,WAAW,SACX,iBAAiB,uCACH;AACd,QAAM,MAAM,OAAO,KAAK,IAAI,UAAU,cAAc;AACpD,MAAI,CAAC,KAAK;AAER,UAAM,OAAO,IAAI,KAAK,CAAC,YAAY,GAAG,EAAE,MAAM,0BAA0B,CAAC;AACzE,UAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,UAAM,IAAI,SAAS,cAAc,GAAG;AACpC,MAAE,OAAO;AACT,MAAE,WAAW,GAAG,SAAS,QAAQ,QAAQ,GAAG,EAAE,YAAY,CAAC;AAC3D,aAAS,KAAK,YAAY,CAAC;AAC3B,MAAE,MAAM;AACR,aAAS,KAAK,YAAY,CAAC;AAG3B,eAAW,MAAM,IAAI,gBAAgB,GAAG,GAAG,CAAC;AAC5C,WAAO;AAAA,EACT;AACA,MAAI,SAAS,KAAK;AAClB,MAAI,SAAS,MAAM,YAAY;AAC/B,MAAI,SAAS,MAAM;AACnB,SAAO;AACT;AAyBO,SAAS,mBAAmB,WAAsC;AACvE,QAAM,gBAAgB,KAAK,UAAU,CAAC,GAAG,SAAS,CAAC;AACnD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAiBa,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBnC;;;AC7RA,IAAM,mBAAsC;AAAA,EAC1C,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,YAAY;AACd;AAEA,SAAS,gBAAgB,KAAwC;AAC/D,MAAI,CAAC,IAAK,QAAO,EAAE,GAAG,iBAAiB;AACvC,QAAM,IAAI,CAAC,QACT,IAAI,GAAG,MAAM,SAAY,QAAQ,IAAI,GAAG,CAAC,IAAI,iBAAiB,GAAG;AACnE,SAAO;AAAA,IACL,eAAe,EAAE,eAAe;AAAA,IAChC,gBAAgB,EAAE,gBAAgB;AAAA,IAClC,eAAe,EAAE,eAAe;AAAA,IAChC,cAAc,EAAE,cAAc;AAAA,IAC9B,eAAe,EAAE,eAAe;AAAA,IAChC,YAAY,EAAE,YAAY;AAAA,IAC1B,YAAY,EAAE,YAAY;AAAA,EAC5B;AACF;AAgBA,SAAS,aAAa,MAA4B;AAChD,MAAI,CAAC,KAAM,QAAO,CAAC;AACnB,MAAI,OAAO,SAAS,YAAY,SAAS,QAAQ,WAAW,MAAM;AAChE,UAAM,QAAS,KAA8B;AAC7C,WAAO,MAAM,QAAQ,KAAK,IAAK,QAAwB,CAAC;AAAA,EAC1D;AACA,SAAO,CAAC;AACV;AASA,SAAS,cACP,MACA,MACA,aAAa,MACL;AACR,MAAI,CAAC,WAAY,QAAO;AACxB,QAAM,MAAM,SAAS,UAAU,KAAK,gBAAgB,KAAK;AACzD,MAAI,CAAC,OAAO,CAAC,eAAe,KAAK,GAAG,EAAG,QAAO;AAC9C,QAAM,OAAO,SAAS,UAAU,KAAK,gBAAgB,KAAK,iBAAiB;AAC3E,SAAO,gCAAgC,WAAW,GAAG,CAAC,UAAU,WAAW,GAAG,CAAC;AACjF;AAKA,IAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCpB,IAAM,kBAAkB;AAAA,IACpB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0Hf,SAAS,UAAU,MAAsB;AACvC,QAAM,MAAM,KAAK;AACjB,MAAI,MAAM,IAAK,QAAO;AACtB,MAAI,MAAM,IAAK,QAAO;AACtB,SAAO;AACT;AAEA,SAAS,eACP,OACA,OACA,GACA,aAAa,GACL;AACR,QAAM,YAAY;AAClB,QAAM,QAAkB,CAAC;AAEzB,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK,MAAM,SAAS,SAAS,GAAG,KAAK;AAC5D,UAAM,QAAQ,MAAM,MAAM,IAAI,YAAY,IAAI,KAAK,SAAS;AAE5D,UAAM,QAAQ,MACX,IAAI,CAAC,MAAM,MAAM;AAChB,YAAM,YAAY,aAAa,IAAI,YAAY,IAAI;AACnD,YAAM,YAAY,UAAU,KAAK,KAAK;AACtC,YAAM,WAAW,UAAU,KAAK,QAAQ,EAAE;AAC1C,YAAM,eAAe,KAAK,QAAQ,IAC/B,MAAM,IAAI,EACV,IAAI,CAAC,SAAS,WAAW,IAAI,CAAC,EAC9B,KAAK,MAAM;AAEd,aAAO;AAAA,qCACsB,SAAS;AAAA;AAAA;AAAA;AAAA,QAItC,cAAc,MAAM,SAAS,EAAE,UAAU,CAAC,0BAA0B,SAAS,KAAK,WAAW,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,QAIxG,cAAc,MAAM,QAAQ,EAAE,UAAU,CAAC,yBAAyB,QAAQ,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA,IAI5F,CAAC,EACA,KAAK,IAAI;AAEZ,UAAM,UAAU,MAAM;AACtB,UAAM,YAAY,UAAU,KAAK;AACjC,UAAM,KAAK,OAAO,SAAS;AAAA,EAE7B,UACI;AAAA,2BACqB,WAAW,KAAK,CAAC;AAAA,2BACjB,MAAM,MAAM,QAAQ,MAAM,WAAW,IAAI,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,UAMtE,4DAA4D,aAAa,IAAI,YAAY,CAAC,SAAI,aAAa,KAAK,KAAK,IAAI,KAAK,WAAW,MAAM,MAAM,CAAC,QAC5J;AAAA;AAAA,EAEE,KAAK;AAAA;AAAA;AAAA,OAGA;AAAA,EACL;AAEA,SAAO,MAAM,KAAK,IAAI;AACxB;AAKA,IAAM,oBAAoB;AAAA,IACtB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCf,SAAS,gBACP,OACA,OACA,GACA,aAAa,GACL;AACR,QAAM,QAAQ,MACX;AAAA,IACC,CAAC,MAAM,MAAM;AAAA;AAAA,oCAEiB,aAAa,IAAI,CAAC;AAAA,MAChD,cAAc,MAAM,SAAS,EAAE,UAAU,CAAC,GAAG,WAAW,KAAK,KAAK,CAAC;AAAA;AAAA,2BAE9C,cAAc,MAAM,QAAQ,EAAE,UAAU,CAAC,GAAG,WAAW,KAAK,QAAQ,EAAE,CAAC;AAAA;AAAA,EAE9F,EACC,KAAK,IAAI;AAEZ,SAAO;AAAA,2BACkB,WAAW,KAAK,CAAC;AAAA,2BACjB,MAAM,MAAM,QAAQ,MAAM,WAAW,IAAI,MAAM,EAAE;AAAA;AAAA;AAAA,EAG1E,KAAK;AAAA;AAEP;AAKA,IAAM,qBAAqB;AAAA,IACvB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkDf,SAAS,iBACP,OACA,OACA,GACA,aAAa,GACL;AACR,QAAM,OAAO,MACV;AAAA,IACC,CAAC,MAAM,MAAM;AAAA,gCACa,aAAa,IAAI,CAAC,WAAW,cAAc,MAAM,SAAS,EAAE,UAAU,CAAC,GAAG,WAAW,KAAK,KAAK,CAAC;AAAA,UACtH,cAAc,MAAM,QAAQ,EAAE,UAAU,CAAC,GAAG,WAAW,KAAK,QAAQ,EAAE,CAAC;AAAA;AAAA,EAE7E,EACC,KAAK,IAAI;AAEZ,SAAO;AAAA,2BACkB,WAAW,KAAK,CAAC;AAAA,2BACjB,MAAM,MAAM,QAAQ,MAAM,WAAW,IAAI,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU1E,IAAI;AAAA;AAAA;AAGN;AAKA,IAAM,oBAAoB;AAAA,IACtB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Cf,SAAS,gBACP,OACA,OACA,GACA,aAAa,GACL;AACR,QAAM,QAAQ,MACX;AAAA,IACC,CAAC,MAAM,MAAM;AAAA;AAAA,oCAEiB,aAAa,IAAI,CAAC;AAAA,MAChD,cAAc,MAAM,SAAS,EAAE,UAAU,CAAC,GAAG,WAAW,KAAK,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,EAIrE,EACC,KAAK,IAAI;AAEZ,SAAO;AAAA,2BACkB,WAAW,KAAK,CAAC;AAAA,2BACjB,MAAM,MAAM,QAAQ,MAAM,WAAW,IAAI,MAAM,EAAE;AAAA;AAAA;AAAA,EAG1E,KAAK;AAAA;AAEP;AAKA,IAAM,mBAAmB;AAAA,IACrB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCf,SAAS,eACP,OACA,OACA,GACA,aAAa,GACL;AACR,QAAM,QAAQ,MACX;AAAA,IACC,CAAC,MAAM,MAAM;AAAA,uCACoB,aAAa,IAAI,CAAC;AAAA,mCACtB,cAAc,MAAM,QAAQ,EAAE,UAAU,CAAC,GAAG,WAAW,KAAK,QAAQ,EAAE,CAAC;AAAA;AAAA,EAEtG,EACC,KAAK,IAAI;AAEZ,SAAO;AAAA,2BACkB,WAAW,KAAK,CAAC;AAAA,2BACjB,MAAM,MAAM,QAAQ,MAAM,WAAW,IAAI,MAAM,EAAE;AAAA;AAAA;AAAA,EAG1E,KAAK;AAAA;AAEP;AAqBA,IAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqMzB,IAAM,kBAAkB,mBAAmB;AAAA,EACzC;AAAA,EACA;AACF,CAAC;AAGD,SAAS,gBAAgB,MAAuB;AAC9C,QAAM,QAAQ,KAAK,MAAM,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC;AAChE,MAAI,MAAM,SAAS,EAAG,QAAO;AAC7B,QAAM,cAAc,MAAM,OAAO,CAAC,MAAM,cAAc,KAAK,CAAC,CAAC;AAC7D,SAAO,YAAY,UAAU,MAAM,SAAS;AAC9C;AAEA,SAAS,YAAY,MAAuB;AAC1C,SAAO,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS;AAC9C;AAQA,SAAS,eACP,MACA,SACA,aAAa,IACsB;AACnC,MAAI,SAAS;AACX,UAAMA,aAAY,aAAa,WAAW,UAAU,MAAM;AAC1D,WAAO;AAAA,MACL,MAAM,+BAA+BA,UAAS,IAAI,WAAW,IAAI,EAAE,QAAQ,OAAO,MAAM,CAAC;AAAA,MACzF,QAAQ;AAAA,IACV;AAAA,EACF;AAEA,QAAM,SAAS,gBAAgB,IAAI;AAEnC,MAAI,QAAQ;AACV,UAAM,QAAQ,KAAK,MAAM,IAAI;AAC7B,UAAM,QAAQ,MACX,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EACnB,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1B,IAAI,CAAC,MAAM,EAAE,QAAQ,aAAa,EAAE,CAAC,EACrC,IAAI,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC,OAAO,EACtC,KAAK,EAAE;AACV,UAAMA,aAAY,aAAa,WAAW,UAAU,MAAM;AAC1D,WAAO;AAAA,MACL,MAAM,wCAAwCA,UAAS,IAAI,KAAK;AAAA,MAChE,QAAQ;AAAA,IACV;AAAA,EACF;AAGA,QAAM,KAAK,YAAY,IAAI;AAC3B,QAAM,MAAM,KAAK,8BAA8B;AAC/C,QAAM,YAAY,aAAa,WAAW,UAAU,MAAM;AAC1D,SAAO;AAAA,IACL,MAAM,eAAe,GAAG,IAAI,SAAS,IAAI,WAAW,IAAI,EAAE,QAAQ,OAAO,MAAM,CAAC;AAAA,IAChF,QAAQ;AAAA,EACV;AACF;AAEA,SAAS,cACP,MACA,SACA,SACA,GACQ;AACR,QAAM,WAAW,EAAE,iBACf,2BAA2B,OAAO,YAClC;AACJ,QAAM,YAAY,EAAE,gBAChB,4BAA4B,UAAU,UAAU,MAAM,YACtD;AAEJ,QAAM,YAAY,CAAC,WAAW,EAAE,gBAAgB,gBAAgB;AAChE,QAAM,cACJ,CAAC,WAAW,EAAE,aAAa,wCAAwC;AACrE,QAAM,aAAa,YAAY;AAE/B,QAAM,EAAE,MAAM,OAAO,IAAI,eAAe,MAAM,SAAS,UAAU;AAEjE,QAAM,gBAAgB,SAAS,qCAAqC;AAEpE,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,0BACa,aAAa;AAAA,MACjC,IAAI;AAAA;AAAA;AAGV;AAEA,IAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,UAAU,OAAiB,GAA8B;AAChE,QAAM,QAAQ,EAAE,gBACZ;AAAA;AAAA;AAAA,uCAIA;AAEJ,QAAM,QAAQ,EAAE,eACZ;AAAA,oCAEA;AAEJ,SAAO;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,MAAM,IAAI,CAAC,GAAG,MAAM,eAAe,aAAa,CAAC,CAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,MAAM,CAAC;AAAA;AAEnF;AASA,SAAS,gBACP,OACA,OACA,MACA,GACA,aAAa,GACL;AACR,QAAM,QAAQ;AACd,QAAM,QAAkB,CAAC;AAIzB,QAAM,YAAsB,CAAC;AAC7B,QAAM,QAAQ;AAEd,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK,MAAM,SAAS,KAAK,GAAG,KAAK;AACxD,UAAM,QAAQ,MAAM,MAAM,IAAI,QAAQ,IAAI,KAAK,KAAK;AACpD,WAAO,MAAM,SAAS,MAAO,OAAM,KAAK,EAAE,OAAO,IAAI,MAAM,GAAG,CAAC;AAE/D,UAAM,SAAS,MAAM;AAAA,MAAI,CAAC,GAAG,MAC3B,EAAE,QACE,cAAc,EAAE,OAAO,aAAa,IAAI,QAAQ,IAAI,GAAG,MAAM,CAAC,IAC9D;AAAA,IACN;AACA,UAAM,QAAQ,MAAM;AAAA,MAAI,CAAC,GAAG,MAC1B,EAAE,OACE,cAAc,EAAE,QAAQ,IAAI,aAAa,IAAI,QAAQ,IAAI,GAAG,OAAO,CAAC,IACpE;AAAA,IACN;AAEA,QAAI,SAAS,UAAU;AAErB,YAAM,eAAe,CAAC,MAAM,CAAC,GAAI,MAAM,CAAC,GAAI,MAAM,CAAC,GAAI,MAAM,CAAC,CAAE;AAChE,YAAM,KAAK,UAAU,QAAQ,CAAC,CAAC;AAC/B,YAAM,KAAK,UAAU,cAAc,CAAC,CAAC;AAAA,IACvC,OAAO;AACL,YAAM,KAAK,UAAU,QAAQ,CAAC,CAAC;AAC/B,gBAAU,KAAK,UAAU,OAAO,CAAC,CAAC;AAAA,IACpC;AAAA,EACF;AAEA,SAAO,CAAC,GAAG,OAAO,GAAG,SAAS,EAAE,KAAK,IAAI;AAC3C;AAMA,SAAS,oBAAoB,UAAkB,OAA6B;AAC1E,QAAM,OAAO;AAAA;AAAA;AAAA;AAAA,WAIJ,WAAW,KAAK,CAAC;AAAA,WACjB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQzB,QAAQ;AAAA,EACR,eAAe;AAAA;AAAA;AAMf,SAAO,gBAAgB,MAAM,GAAG,KAAK,eAAe,sCAAsC;AAC5F;AAkBA,IAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsH1B,SAAS,eACP,MACA,SACA,SACA,GACQ;AACR,QAAM,WAAW,EAAE,iBACf,iCAAiC,OAAO,YACxC;AACJ,QAAM,YAAY,EAAE,gBAChB,kCAAkC,UAAU,UAAU,MAAM,YAC5D;AAEJ,QAAM,YAAY,CAAC,WAAW,EAAE,gBAAgB,gBAAgB;AAChE,QAAM,cAAc,CAAC,WAAW,EAAE,aAAa,0BAA0B;AACzE,QAAM,aAAa,YAAY;AAG/B,QAAM,WAAW,CAAC,WAAW,gBAAgB,IAAI;AACjD,QAAM,OAAO,CAAC,WAAW,YAAY,IAAI;AACzC,QAAM,MAAM,WACR,yBACA,OACE,yBACA;AACN,QAAM,YAAY,aAAa,WAAW,UAAU,MAAM;AAE1D,MAAI;AACJ,MAAI,UAAU;AACZ,UAAM,QAAQ,KACX,MAAM,IAAI,EACV,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EACnB,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,EAC1B,IAAI,CAAC,MAAM,EAAE,QAAQ,aAAa,EAAE,CAAC,EACrC,IAAI,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC,OAAO,EACtC,KAAK,EAAE;AACV,gBAAY,cAAc,GAAG,IAAI,SAAS,IAAI,KAAK;AAAA,EACrD,OAAO;AACL,UAAM,UAAU,WAAW,IAAI,EAAE,QAAQ,OAAO,MAAM;AACtD,gBAAY,eAAe,GAAG,IAAI,SAAS,IAAI,OAAO;AAAA,EACxD;AAGA,QAAM,YAAY,WAAW,qCAAqC;AAElE,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,gCACmB,SAAS;AAAA,MACnC,SAAS;AAAA;AAAA;AAGf;AAEA,SAAS,gBACP,OACA,OACA,GACA,aAAa,GACL;AACR,QAAM,QAAQ;AACd,QAAM,QAAkB,CAAC;AAEzB,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK,MAAM,SAAS,KAAK,GAAG,KAAK;AACxD,UAAM,QAAQ,MAAM,MAAM,IAAI,QAAQ,IAAI,KAAK,KAAK;AAEpD,UAAM,aAAa,MAChB;AAAA,MAAI,CAAC,GAAG,MACP,eAAe,EAAE,OAAO,aAAa,IAAI,QAAQ,IAAI,GAAG,MAAM,CAAC;AAAA,IACjE,EACC,KAAK,IAAI;AACZ,UAAM,YAAY,MACf;AAAA,MAAI,CAAC,GAAG,MACP,eAAe,EAAE,QAAQ,IAAI,aAAa,IAAI,QAAQ,IAAI,GAAG,OAAO,CAAC;AAAA,IACvE,EACC,KAAK,IAAI;AAEZ,UAAM,WAAW,QAAQ,MAAM;AAC/B,UAAM,WAAW,MAAM,QAAQ,EAC5B,KAAK,gCAAgC,EACrC,KAAK,IAAI;AAEZ,UAAM,KAAK,2BAA2B,UAAU,GAAG,QAAQ,QAAQ;AACnE,UAAM,KAAK,2BAA2B,SAAS,GAAG,QAAQ,QAAQ;AAAA,EACpE;AAEA,SAAO,MAAM,KAAK,IAAI;AACxB;AAEA,SAAS,gBAAgB,UAAkB,OAA6B;AACtE,QAAM,OAAO;AAAA;AAAA;AAAA;AAAA,WAIJ,WAAW,KAAK,CAAC;AAAA,WACjB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ1B,QAAQ;AAAA,EACR,eAAe;AAAA;AAAA;AAMf,SAAO,gBAAgB,MAAM,GAAG,KAAK,cAAc,qCAAqC;AAC1F;AAyBA,IAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2K5B,SAAS,aAAa,OAAiB,GAA8B;AACnE,QAAM,QAAQ,EAAE,gBACZ;AAAA;AAAA;AAAA;AAAA;AAAA,wCAMA;AAEJ,QAAM,QAAQ,EAAE,eACZ;AAAA;AAAA,sCAGA;AAEJ,SAAO;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,MAAM,IAAI,CAAC,MAAM,uBAAuB,CAAC,QAAQ,EAAE,KAAK,MAAM,CAAC;AAAA;AAEnE;AASA,SAAS,kBACP,OACA,OACA,MACA,GACA,aAAa,GACL;AACR,QAAM,QAAQ;AACd,QAAM,QAAkB,CAAC;AAGzB,QAAM,YAAsB,CAAC;AAC7B,QAAM,QAAQ;AAEd,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK,MAAM,SAAS,KAAK,GAAG,KAAK;AACxD,UAAM,QAAQ,MAAM,MAAM,IAAI,QAAQ,IAAI,KAAK,KAAK;AACpD,WAAO,MAAM,SAAS,MAAO,OAAM,KAAK,EAAE,OAAO,IAAI,MAAM,GAAG,CAAC;AAE/D,UAAM,SAAS,MAAM;AAAA,MAAI,CAAC,GAAG,MAC3B,EAAE,QACE,cAAc,EAAE,OAAO,aAAa,IAAI,QAAQ,IAAI,GAAG,MAAM,CAAC,IAC9D;AAAA,IACN;AACA,UAAM,QAAQ,MAAM;AAAA,MAAI,CAAC,GAAG,MAC1B,EAAE,OACE,cAAc,EAAE,QAAQ,IAAI,aAAa,IAAI,QAAQ,IAAI,GAAG,OAAO,CAAC,IACpE;AAAA,IACN;AAEA,QAAI,SAAS,UAAU;AAGrB,YAAM,eAAe;AAAA,QACnB,MAAM,CAAC;AAAA,QACP,MAAM,CAAC;AAAA,QACP,MAAM,CAAC;AAAA,QACP,MAAM,CAAC;AAAA,QACP,MAAM,CAAC;AAAA,QACP,MAAM,CAAC;AAAA,MACT;AACA,YAAM,KAAK,aAAa,QAAQ,CAAC,CAAC;AAClC,YAAM,KAAK,aAAa,cAAc,CAAC,CAAC;AAAA,IAC1C,OAAO;AACL,YAAM,KAAK,aAAa,QAAQ,CAAC,CAAC;AAClC,gBAAU,KAAK,aAAa,OAAO,CAAC,CAAC;AAAA,IACvC;AAAA,EACF;AAEA,SAAO,CAAC,GAAG,OAAO,GAAG,SAAS,EAAE,KAAK,IAAI;AAC3C;AAEA,SAAS,sBAAsB,UAAkB,OAA6B;AAC5E,QAAM,OAAO;AAAA;AAAA;AAAA;AAAA,WAIJ,WAAW,KAAK,CAAC;AAAA,WACjB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoB5B,QAAQ;AAAA,EACR,eAAe;AAAA;AAAA;AAMf,SAAO,gBAAgB,MAAM,GAAG,KAAK,mBAAmB,qCAAqC;AAC/F;AAKA,SAAS,YAAY,MAAuB;AAC1C,MAAI,QAAQ,OAAO,SAAS,YAAY,WAAW,MAAM;AACvD,UAAM,IAAK,KAA6B;AACxC,QAAI,OAAO,MAAM,YAAY,EAAE,KAAK,EAAG,QAAO,EAAE,KAAK;AAAA,EACvD;AACA,SAAO;AACT;AAKO,IAAM,oBAAkC;AAAA,EAC7C,OAAO;AAAA,EACP,UAAU;AAAA,IACR;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR;AAAA,MACE,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAW;AAAA,MACX,KAAK;AAAA,MACL,iBAAiB;AAAA,MACjB,eAAe;AAAA,IACjB;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,MACF,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,MACF,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,MACF,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,MACF,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,aACE;AAAA,MACF,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,MACE,MACA,YAAoB,uBACpB,aACA;AACA,UAAM,WAAW,aAAa,IAAI;AAClC,UAAM,QAAQ,YAAY,IAAI;AAC9B,UAAM,IAAI,gBAAgB,WAAW;AAErC,QAAI,SAAS,WAAW,GAAG;AACzB,aAAO;AAAA,QACL;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAIA,UAAM,UACJ,OAAO,aAAa,aAAa,WAAW,YAAY,WAAW;AACrE,UAAM,QACJ,OAAO,aAAa,WAAW,WAAW,YAAY,SAAS;AACjE,UAAM,aAAa,UAAU,IAAI,KAAK,IAAI,SAAS,SAAS,MAAM,IAAI;AACtE,UAAM,WACJ,QAAQ,IAAI,KAAK,IAAI,OAAO,SAAS,MAAM,IAAI,SAAS;AAC1D,UAAM,CAAC,SAAS,KAAK,IACnB,cAAc,WAAW,CAAC,YAAY,QAAQ,IAAI,CAAC,UAAU,UAAU;AACzE,UAAM,aAAa,UAAU;AAC7B,UAAM,QAAQ,SAAS,MAAM,YAAY,KAAK;AAG9C,QAAI,cAAc,oBAAoB;AACpC,aAAO;AAAA,QACL,gBAAgB,OAAO,OAAO,UAAU,GAAG,UAAU;AAAA,QACrD;AAAA,MACF;AAAA,IACF;AACA,QAAI,cAAc,qBAAqB;AACrC,aAAO;AAAA,QACL,gBAAgB,OAAO,OAAO,WAAW,GAAG,UAAU;AAAA,QACtD;AAAA,MACF;AAAA,IACF;AACA,QAAI,cAAc,uBAAuB;AACvC,aAAO;AAAA,QACL,kBAAkB,OAAO,OAAO,UAAU,GAAG,UAAU;AAAA,QACvD;AAAA,MACF;AAAA,IACF;AACA,QAAI,cAAc,wBAAwB;AACxC,aAAO;AAAA,QACL,kBAAkB,OAAO,OAAO,WAAW,GAAG,UAAU;AAAA,QACxD;AAAA,MACF;AAAA,IACF;AACA,QAAI,cAAc,cAAc;AAC9B,aAAO,gBAAgB,gBAAgB,OAAO,OAAO,GAAG,UAAU,GAAG,KAAK;AAAA,IAC5E;AAEA,QAAI;AACJ,QAAI;AAEJ,YAAQ,WAAgC;AAAA,MACtC,KAAK;AACH,mBAAW,eAAe,OAAO,OAAO,GAAG,UAAU;AACrD,iBAAS;AACT;AAAA,MACF,KAAK;AACH,mBAAW,gBAAgB,OAAO,OAAO,GAAG,UAAU;AACtD,iBAAS;AACT;AAAA,MACF,KAAK;AACH,mBAAW,eAAe,OAAO,OAAO,GAAG,UAAU;AACrD,iBAAS;AACT;AAAA,MACF,KAAK;AACH,mBAAW,iBAAiB,OAAO,OAAO,GAAG,UAAU;AACvD,iBAAS;AACT;AAAA,MACF,KAAK;AAAA,MACL;AACE,mBAAW,gBAAgB,OAAO,OAAO,GAAG,UAAU;AACtD,iBAAS;AACT;AAAA,IACJ;AAEA,WAAO;AAAA,MACL,mBAAmB,UAAU,OAAO,MAAM;AAAA,MAC1C;AAAA,IACF;AAAA,EACF;AACF;","names":["styleAttr"]}
1	+ {"version":3,"sources":["../src/core.ts","../src/flashcards.ts"],"sourcesContent":["/*\n @ai-matrx/print/core — the Block Print contract & print-window composition.\n \n Ported VERBATIM from matrx-frontend `lib/block-print/block-print-utils.ts`\n * (2026-08-29 state, including the `number` and `select` PrintSetting types the\n * commerce label lane added). Zero dependencies; touches `window` only at call\n * time, so the module stays import-inert and RSC-safe.\n \n BlockPrinter is the only interface a host system needs to know about.\n * Each printable unit exports its own BlockPrinter alongside its render\n * component; host code only ever calls print(data, variantId, settings).\n \n `buildFitTextScript` is the ONE auto-shrink script (the flashcards\n * FIT_TEXT pattern, parameterized by selector so the label lane shares it).\n /\n\n// THE ONE HTML escaper (duplication census row 14). Nine copies of\n// `escapeHtml` were live across the fleet and THEY DID NOT ESCAPE THE SAME\n// CHARACTERS — a string safe through one was an attribute break-out through\n// another. It moved to `@ai-matrx/kit/html-escape` with a decided character\n// set: an HTML escaper must not require this package's jspdf + html2canvas\n// graph. Not re-exported from here; import `@ai-matrx/kit/html-escape`.\nimport { escapeHtml } from \"@ai-matrx/kit/html-escape\";\n\n// ─── Contract ────────────────────────────────────────────────────────────────\n\nexport interface PrintVariant {\n id: string;\n label: string;\n description?: string;\n}\n\n/\n A single user-configurable setting shown in the print dialog.\n * Extend the discriminated union for new control types\n * without breaking existing printers.\n /\nexport type PrintSetting =\n \| {\n type: \"boolean\";\n id: string;\n label: string;\n description?: string;\n /* Default value shown when the dialog first opens /\n defaultValue: boolean;\n /* Which variant IDs this setting applies to. Omit = applies to all. /\n appliesTo?: string[];\n }\n \| {\n /\n A numeric \"from → to\" range control, rendered as two small number inputs.\n * Writes two entries into the resolved PrintSettings map — one under fromId,\n * one under toId. Printers interpret 0 (or missing) as \"no bound\" by convention.\n /\n type: \"range\";\n /* Stable id used as React key — not written to the settings map /\n id: string;\n label: string;\n description?: string;\n /* Settings map key for the lower bound value /\n fromId: string;\n /* Settings map key for the upper bound value /\n toId: string;\n defaultFrom: number;\n defaultTo: number;\n /* Minimum accepted value for each input (inclusive). Default 0. /\n min?: number;\n /* Placeholder shown when the input is empty (0). Default \"start\" / \"end\". /\n fromPlaceholder?: string;\n toPlaceholder?: string;\n /* Which variant IDs this setting applies to. Omit = applies to all. /\n appliesTo?: string[];\n }\n \| {\n /* A single numeric input (e.g. \"start at label #\", \"copies\"). /\n type: \"number\";\n id: string;\n label: string;\n description?: string;\n defaultValue: number;\n /* Minimum accepted value (inclusive). Default 0. /\n min?: number;\n /* Maximum accepted value (inclusive). Omit = unbounded. /\n max?: number;\n /* Which variant IDs this setting applies to. Omit = applies to all. /\n appliesTo?: string[];\n }\n \| {\n /* A one-of-N choice rendered as a compact segmented row. /\n type: \"select\";\n id: string;\n label: string;\n description?: string;\n options: { value: string; label: string }[];\n defaultValue: string;\n /* Which variant IDs this setting applies to. Omit = applies to all. /\n appliesTo?: string[];\n };\n\n/* A resolved map of setting id → current value, passed to print(). /\nexport type PrintSettings = Record<string, boolean \| string \| number>;\n\n/\n The self-contained print capability that each block can export.\n * Host code only ever calls print(data, variantId, settings) — it never inspects internals.\n /\nexport interface BlockPrinter {\n /* Tooltip / aria-label for the print button in the block header /\n label: string;\n\n /\n Variants offered to the user before printing.\n * Empty array = no options dialog shown; prints immediately with defaults.\n /\n variants: PrintVariant[];\n\n /\n Optional user-configurable settings shown below the variant picker.\n * Omit entirely if the block has no configurable settings.\n /\n settings?: PrintSetting[];\n\n /\n Execute the print.\n * data — the block's structured data (serverData or parsed content)\n * variantId — which variant was chosen (undefined = default / no variants)\n * settings — resolved setting values chosen by the user\n \n MAY resolve to a PrintOutcome (\"opened\" \| \"downloaded\") so the host can\n * tell the user when the popup-blocked download fallback fired; `void`\n * stays legal for printers that don't go through a print window.\n /\n print: (\n data: unknown,\n variantId?: string,\n settings?: PrintSettings,\n ) => void \| PrintOutcome \| Promise<void \| PrintOutcome>;\n}\n\n// ─── Shared Utilities ─────────────────────────────────────────────────────────\n\nconst PRINT_STYLES = `\n , ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n font-size: 11pt;\n line-height: 1.6;\n color: #1a1a1a;\n background: #fff;\n max-width: 860px;\n margin: 0 auto;\n padding: 28px 36px;\n }\n\n .print-actions {\n display: flex;\n gap: 10px;\n margin-bottom: 24px;\n padding-bottom: 18px;\n border-bottom: 2px solid #e5e7eb;\n }\n\n .print-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 20px;\n border-radius: 8px;\n font-size: 13px;\n font-family: inherit;\n cursor: pointer;\n border: none;\n font-weight: 600;\n }\n\n .print-btn-primary { background: #2563eb; color: #fff; }\n .print-btn-secondary { background: #f3f4f6; color: #374151; border: 1px solid #d1d5db; }\n\n h1 { font-size: 22pt; font-weight: 700; margin-bottom: 0.5em; }\n h2 { font-size: 16pt; font-weight: 700; margin: 1.2em 0 0.4em; border-bottom: 1px solid #e5e7eb; padding-bottom: 0.2em; }\n h3 { font-size: 13pt; font-weight: 600; margin: 1em 0 0.3em; }\n p { margin-bottom: 0.7em; }\n\n table {\n width: 100%;\n border-collapse: collapse;\n margin: 1em 0;\n font-size: 10pt;\n }\n th {\n background: #1e293b;\n color: #f8fafc;\n font-weight: 600;\n text-align: left;\n padding: 7px 12px;\n border: 1px solid #334155;\n }\n td {\n padding: 6px 12px;\n border: 1px solid #e2e8f0;\n vertical-align: top;\n }\n tr:nth-child(even) td { background: #f8fafc; }\n\n @media print {\n body { max-width: 100%; padding: 0; }\n .print-actions { display: none !important; }\n th { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n`;\n\n/*\n Wrap body HTML in a complete, styled print document.\n /\nexport function buildPrintDocument(\n bodyHtml: string,\n title = \"AI Response\",\n extraStyles = \"\",\n): string {\n return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>${escapeHtml(title)}</title>\n <style>\n${PRINT_STYLES}\n${extraStyles}\n </style>\n</head>\n<body>\n <div class=\"print-actions\">\n <button class=\"print-btn print-btn-primary\" onclick=\"window.print()\">Print / Save as PDF</button>\n <button class=\"print-btn print-btn-secondary\" onclick=\"window.close()\">Close</button>\n </div>\n <div class=\"content\">\n${bodyHtml}\n </div>\n</body>\n</html>`;\n}\n\n/\n How a print request actually reached the user.\n \n \"opened\" — a print window/tab was opened and the document written into it.\n * \"downloaded\" — the popup was blocked, so the document was downloaded as an\n * .html file instead (the contract's fallback). Hosts SHOULD\n * surface this to the user (e.g. a toast saying the print file\n * was downloaded) — a blocked popup plus a silent download is\n * indistinguishable from \"nothing happened\", which is exactly\n * how QA filed it (2026-08-30, F5/F6/F8).\n /\nexport type PrintOutcome = \"opened\" \| \"downloaded\";\n\n/\n Open a new browser window and write a complete HTML document into it.\n * Falls back to downloading an .html file if the popup is blocked.\n \n Returns which path was taken so callers can tell the user when the\n * fallback fired. `windowFeatures` customizes the popup geometry (the\n * flashcards fixed-geometry variants pass a wider window).\n /\nexport function openPrintWindow(\n htmlDocument: string,\n filename = \"print\",\n windowFeatures = \"width=920,height=720,scrollbars=yes\",\n): PrintOutcome {\n const win = window.open(\"\", \"_blank\", windowFeatures);\n if (!win) {\n // Popup blocked — fall back to file download\n const blob = new Blob([htmlDocument], { type: \"text/html;charset=utf-8\" });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = `${filename.replace(/\\s+/g, \"-\").toLowerCase()}.html`;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n // Revoke on a macrotask so the browser has started the blob fetch —\n // a synchronous revoke races the download in some engines.\n setTimeout(() => URL.revokeObjectURL(url), 0);\n return \"downloaded\";\n }\n win.document.open();\n win.document.write(htmlDocument);\n win.document.close();\n return \"opened\";\n}\n\n/\n Shorthand: build the document and open it in one call.\n * Returns the same PrintOutcome as openPrintWindow.\n /\nexport function printHtmlContent(\n bodyHtml: string,\n title = \"AI Response\",\n extraStyles = \"\",\n): PrintOutcome {\n const doc = buildPrintDocument(bodyHtml, title, extraStyles);\n return openPrintWindow(doc, title);\n}\n\n/\n Build the auto-shrink script that runs INSIDE a printed window: for every\n * element matching each selector, its font-size is reduced (0.5pt steps, 6pt\n * floor) until it fits its parent element's box. This is the flashcards\n * FIT_TEXT behavior verbatim, parameterized by selector so every lane\n * (flashcards card text, Avery text, label captions) shares the ONE loop.\n \n Pass the same selectors the original used to get byte-identical behavior:\n * flashcards passes `[\".card-text .card-text-inner\", \".avery-text-wrap .avery-text\"]`.\n /\nexport function buildFitTextScript(selectors: readonly string[]): string {\n const selectorsJson = JSON.stringify([...selectors]);\n return `\n<script>\n(function() {\n function fitText(el, container) {\n // container is the bounding box we must fit inside\n var maxW = container.clientWidth;\n var maxH = container.clientHeight;\n var size = parseFloat(window.getComputedStyle(el).fontSize);\n var minSize = 6;\n // Give the element a chance to reflow at current size before measuring\n el.style.fontSize = size + \"pt\";\n while (size > minSize && (el.scrollWidth > maxW + 1 \|\| el.scrollHeight > maxH + 1)) {\n size -= 0.5;\n el.style.fontSize = size + \"pt\";\n }\n }\n function runAll() {\n var selectors = ${selectorsJson};\n for (var s = 0; s < selectors.length; s++) {\n var els = document.querySelectorAll(selectors[s]);\n for (var i = 0; i < els.length; i++) {\n fitText(els[i], els[i].parentElement);\n }\n }\n }\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", runAll);\n } else {\n // document.write pages may already be loaded\n setTimeout(runAll, 0);\n }\n})();\n</script>`;\n}\n\n","/\n FlashcardsBlock — BlockPrinter\n \n Self-contained print logic for flashcard blocks.\n * Exported alongside the component so it travels with the block to the database.\n \n Variants:\n * cut-cards — 4-per-page grid with physical cut lines; designed to be printed, cut, and used as real cards\n * both-sides — 2-column grid showing front + back together (review/overview)\n * study-sheet — compact table (front \| back) for quick reference or cramming\n * front-only — questions/terms only, blank backs for self-testing\n * back-only — answers/definitions only\n /\n\nimport {\n buildPrintDocument,\n openPrintWindow,\n buildFitTextScript,\n type BlockPrinter,\n type PrintOutcome,\n type PrintSettings,\n} from \"./core\";\nimport { escapeHtml } from \"@ai-matrx/kit/html-escape\";\n\n/\n A single flashcard. Structural port of the host parser's `Flashcard`\n * (matrx-frontend `flashcard-parser.ts`) — identical fields, no import.\n /\nexport interface Flashcard {\n front: string;\n back: string;\n /* Optional face images (durable URLs — fc_detail front_image/back_image).\n * Parsed markdown never sets these; DB-backed callers may. Print + rich\n * renderers consume them when present. /\n frontImageUrl?: string \| null;\n frontImageAlt?: string \| null;\n backImageUrl?: string \| null;\n backImageAlt?: string \| null;\n}\n\n/\n Structural stand-in for the host's generated `FlashcardsBlockData` — the\n * package takes no generated-type dependency; `extractCards` reads `cards`\n * structurally from whatever the host hands it.\n /\ninterface FlashcardsBlockData {\n cards?: unknown;\n title?: unknown;\n}\n\n// ---------------------------------------------------------------------------\n// Settings helpers\n// ---------------------------------------------------------------------------\n\n/* Resolved settings with all defaults filled in — safe to use without null checks /\ninterface CardPrintSettings {\n showSideLabel: boolean; // \"Front\" / \"Back\" label\n showCardNumber: boolean; // \"#1\", \"#2\" … badge\n showTickMarks: boolean; // 4 small tick marks at cut intersection\n showCutLines: boolean; // full dashed crossing lines\n lightBackText: boolean; // print back text in dark gray (~#555) to reduce show-through\n mirrorBack: boolean; // horizontally flip back page text so bleed-through is unreadable\n showImages: boolean; // print face images (durable URLs only) — default ON\n}\n\nconst SETTING_DEFAULTS: CardPrintSettings = {\n showSideLabel: false,\n showCardNumber: false,\n showTickMarks: false,\n showCutLines: false,\n lightBackText: false,\n mirrorBack: false,\n showImages: true,\n};\n\nfunction resolveSettings(raw?: PrintSettings): CardPrintSettings {\n if (!raw) return { ...SETTING_DEFAULTS };\n const b = (key: keyof CardPrintSettings) =>\n raw[key] !== undefined ? Boolean(raw[key]) : SETTING_DEFAULTS[key];\n return {\n showSideLabel: b(\"showSideLabel\"),\n showCardNumber: b(\"showCardNumber\"),\n showTickMarks: b(\"showTickMarks\"),\n showCutLines: b(\"showCutLines\"),\n lightBackText: b(\"lightBackText\"),\n mirrorBack: b(\"mirrorBack\"),\n showImages: b(\"showImages\"),\n };\n}\n\nexport type FlashcardsVariant =\n \| \"landscape-duplex\"\n \| \"landscape-stacked\"\n \| \"portrait-6up-duplex\"\n \| \"portrait-6up-stacked\"\n \| \"avery-5388\"\n \| \"cut-cards\"\n \| \"both-sides\"\n \| \"study-sheet\"\n \| \"front-only\"\n \| \"back-only\";\n\ntype FlashcardsData = { cards: Flashcard[] } \| FlashcardsBlockData \| string;\n\nfunction extractCards(data: unknown): Flashcard[] {\n if (!data) return [];\n if (typeof data === \"object\" && data !== null && \"cards\" in data) {\n const cards = (data as { cards: unknown[] }).cards;\n return Array.isArray(cards) ? (cards as Flashcard[]) : [];\n }\n return [];\n}\n\n/\n Face image for print — durable URL only (the print window is a fresh\n * document; it can load exactly what a browser can fetch unauthenticated).\n * Alt text prints in place when a hotlink has rotted. The custom-geometry\n * variants (landscape / 6-up / Avery) stay text-only by design — their fixed\n * cells can't absorb an image without breaking the die-cut math.\n /\nfunction faceImageHtml(\n card: Flashcard,\n face: \"front\" \| \"back\",\n showImages = true,\n): string {\n if (!showImages) return \"\";\n const url = face === \"front\" ? card.frontImageUrl : card.backImageUrl;\n if (!url \|\| !/^https?:\\/\\//.test(url)) return \"\";\n const alt = (face === \"front\" ? card.frontImageAlt : card.backImageAlt) ?? \"\";\n return `<img class=\"face-image\" src=\"${escapeHtml(url)}\" alt=\"${escapeHtml(alt)}\">`;\n}\n\n// ---------------------------------------------------------------------------\n// Shared base styles — appended after block-print-utils PRINT_STYLES so these win on specificity\n// ---------------------------------------------------------------------------\nconst BASE_STYLES = `\n img.face-image {\n display: block;\n max-width: 100%;\n max-height: 1.6in;\n margin: 0 auto 6px auto;\n object-fit: contain;\n }\n h1.deck-title {\n font-size: 13pt !important;\n font-weight: 700;\n color: #1e293b;\n margin: 0 0 4px 0;\n letter-spacing: -0.01em;\n border-bottom: none !important;\n }\n h2 { border-bottom: none !important; }\n .deck-meta {\n font-size: 8.5pt;\n color: #64748b;\n margin-bottom: 16px;\n }\n .deck-header {\n border-bottom: 1.5px solid #e2e8f0;\n padding-bottom: 10px;\n margin-bottom: 16px;\n }\n\n @media print {\n @page { margin: 14mm 12mm; }\n }\n`;\n\n// ---------------------------------------------------------------------------\n// Variant: Cut-out physical cards (4 per page, front face + scissor guides)\n// ---------------------------------------------------------------------------\nconst CUT_CARD_STYLES = `\n ${BASE_STYLES}\n\n .instructions {\n font-size: 8pt;\n color: #64748b;\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n border-radius: 6px;\n padding: 7px 10px;\n margin-bottom: 14px;\n line-height: 1.5;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0;\n }\n\n .card-cell {\n position: relative;\n border: 1px dashed #cbd5e1;\n padding: 0;\n min-height: 120px;\n }\n\n / Cut-line corner markers /\n .card-cell::before, .card-cell::after {\n content: \"\";\n position: absolute;\n width: 8px;\n height: 8px;\n border-color: #94a3b8;\n border-style: solid;\n }\n .card-cell::before { top: 3px; left: 3px; border-width: 1px 0 0 1px; }\n .card-cell::after { bottom: 3px; right: 3px; border-width: 0 1px 1px 0; }\n\n .card-inner {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 120px;\n }\n\n .card-face {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 12px 14px;\n text-align: center;\n }\n\n .card-front-face {\n background: linear-gradient(135deg, #1e3a5f 0%, #1e40af 100%);\n color: #ffffff;\n border-radius: 0;\n }\n .card-back-face {\n background: #ffffff;\n border-top: 1.5px solid #e2e8f0;\n }\n\n .card-side-label {\n font-size: 7pt;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 6px;\n opacity: 0.65;\n }\n .card-front-face .card-side-label { color: #bfdbfe; }\n .card-back-face .card-side-label { color: #94a3b8; }\n\n .card-number-badge {\n position: absolute;\n top: 6px;\n right: 8px;\n font-size: 7pt;\n color: #94a3b8;\n font-weight: 600;\n }\n\n .front-text {\n font-size: 11pt;\n font-weight: 600;\n line-height: 1.4;\n color: #ffffff;\n }\n .front-text.long { font-size: 9.5pt; }\n .front-text.xlong { font-size: 8.5pt; }\n\n .back-text {\n font-size: 10pt;\n line-height: 1.5;\n color: #1a1a1a;\n white-space: pre-line;\n text-align: left;\n width: 100%;\n }\n .back-text.long { font-size: 9pt; }\n .back-text.xlong { font-size: 8pt; }\n\n .fold-hint {\n font-size: 7pt;\n color: #94a3b8;\n text-align: center;\n margin-top: 10px;\n letter-spacing: 0.04em;\n }\n\n .page-break { page-break-before: always; }\n\n @media print {\n .card-front-face { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n .card-cell { page-break-inside: avoid; break-inside: avoid; }\n .instructions { display: none; }\n }\n`;\n\nfunction sizeClass(text: string): string {\n const len = text.length;\n if (len > 200) return \"xlong\";\n if (len > 100) return \"long\";\n return \"\";\n}\n\nfunction renderCutCards(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const PAGE_SIZE = 4; // cards per page\n const pages: string[] = [];\n\n for (let p = 0; p < Math.ceil(cards.length / PAGE_SIZE); p++) {\n const batch = cards.slice(p PAGE_SIZE, (p + 1) * PAGE_SIZE);\n\n const cells = batch\n .map((card, i) => {\n const globalIdx = startIndex + p * PAGE_SIZE + i + 1;\n const frontSize = sizeClass(card.front);\n const backSize = sizeClass(card.back ?? \"\");\n const backContent = (card.back ?? \"\")\n .split(\"\\n\")\n .map((line) => escapeHtml(line))\n .join(\"<br>\");\n\n return `<div class=\"card-cell\">\n <span class=\"card-number-badge\">#${globalIdx}</span>\n <div class=\"card-inner\">\n <div class=\"card-face card-front-face\">\n <div class=\"card-side-label\">Question / Term</div>\n ${faceImageHtml(card, \"front\", s.showImages)}<div class=\"front-text ${frontSize}\">${escapeHtml(card.front)}</div>\n </div>\n <div class=\"card-face card-back-face\">\n <div class=\"card-side-label\">Answer / Definition</div>\n ${faceImageHtml(card, \"back\", s.showImages)}<div class=\"back-text ${backSize}\">${backContent}</div>\n </div>\n </div>\n</div>`;\n })\n .join(\"\\n\");\n\n const isFirst = p === 0;\n const pageClass = isFirst ? \"\" : ' class=\"page-break\"';\n pages.push(`<div${pageClass}>\n${\n isFirst\n ? `<div class=\"deck-header\">\n <h1 class=\"deck-title\">${escapeHtml(title)}</h1>\n <div class=\"deck-meta\">${cards.length} card${cards.length !== 1 ? \"s\" : \"\"}  ·  Cut along dashed lines</div>\n</div>\n<div class=\"instructions\">\n ✂ Print this page, then cut along the dashed lines. Each cell is one card — front (blue) on top, answer on the bottom.\n Fold in half for a double-sided card, or cut each half separately for separate front/back cards.\n</div>`\n : `<div class=\"deck-meta\" style=\"margin-bottom:10px;\">Cards ${startIndex + p * PAGE_SIZE + 1}–${startIndex + Math.min((p + 1) * PAGE_SIZE, cards.length)}</div>`\n}\n<div class=\"cards-grid\">\n${cells}\n</div>\n<div class=\"fold-hint\">✂ cut along dashed borders · fold on the center line for double-sided cards</div>\n</div>`);\n }\n\n return pages.join(\"\\n\");\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Both sides (2-column card grid, front + back visible)\n// ---------------------------------------------------------------------------\nconst BOTH_SIDES_STYLES = `\n ${BASE_STYLES}\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\n .card-cell {\n border: 1.5px solid #e2e8f0;\n border-radius: 8px;\n overflow: hidden;\n page-break-inside: avoid;\n break-inside: avoid;\n background: #fff;\n box-shadow: 0 1px 3px rgba(0,0,0,0.06);\n }\n .card-front {\n background: #1e293b;\n color: #f1f5f9;\n padding: 10px 14px;\n font-weight: 600;\n font-size: 10.5pt;\n line-height: 1.4;\n position: relative;\n }\n .card-front .card-number { font-size: 7.5pt; color: #64748b; margin-bottom: 4px; }\n .card-back {\n padding: 10px 14px;\n font-size: 10pt;\n line-height: 1.5;\n color: #1a1a1a;\n background: #fff;\n border-top: 1px solid #e2e8f0;\n white-space: pre-line;\n }\n\n @media print {\n .card-front { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n`;\n\nfunction renderBothSides(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const cells = cards\n .map(\n (card, i) => `<div class=\"card-cell\">\n <div class=\"card-front\">\n <div class=\"card-number\">Card ${startIndex + i + 1}</div>\n ${faceImageHtml(card, \"front\", s.showImages)}${escapeHtml(card.front)}\n </div>\n <div class=\"card-back\">${faceImageHtml(card, \"back\", s.showImages)}${escapeHtml(card.back ?? \"\")}</div>\n</div>`,\n )\n .join(\"\\n\");\n\n return `<div class=\"deck-header\">\n <h1 class=\"deck-title\">${escapeHtml(title)}</h1>\n <div class=\"deck-meta\">${cards.length} card${cards.length !== 1 ? \"s\" : \"\"}  ·  Front and back</div>\n</div>\n<div class=\"cards-grid\">\n${cells}\n</div>`;\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Study sheet (full-width table)\n// ---------------------------------------------------------------------------\nconst STUDY_SHEET_STYLES = `\n ${BASE_STYLES}\n\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 8px;\n font-size: 10pt;\n }\n thead th {\n background: #1e293b;\n color: #f1f5f9;\n padding: 8px 12px;\n text-align: left;\n font-size: 8.5pt;\n font-weight: 700;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n }\n thead th:first-child { width: 38%; border-radius: 0; }\n\n tbody tr { page-break-inside: avoid; break-inside: avoid; }\n tbody tr:nth-child(even) td { background: #f8fafc; }\n\n tbody td {\n padding: 8px 12px;\n vertical-align: top;\n border-bottom: 1px solid #e2e8f0;\n line-height: 1.5;\n white-space: pre-line;\n }\n tbody td:first-child {\n font-weight: 600;\n border-right: 1px solid #e2e8f0;\n color: #1e3a5f;\n }\n .row-num {\n display: inline-block;\n width: 18px;\n font-size: 8pt;\n color: #94a3b8;\n font-weight: 400;\n margin-right: 4px;\n }\n\n @media print {\n thead th { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n tbody tr:nth-child(even) td { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n`;\n\nfunction renderStudySheet(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const rows = cards\n .map(\n (card, i) => ` <tr>\n <td><span class=\"row-num\">${startIndex + i + 1}.</span>${faceImageHtml(card, \"front\", s.showImages)}${escapeHtml(card.front)}</td>\n <td>${faceImageHtml(card, \"back\", s.showImages)}${escapeHtml(card.back ?? \"\")}</td>\n </tr>`,\n )\n .join(\"\\n\");\n\n return `<div class=\"deck-header\">\n <h1 class=\"deck-title\">${escapeHtml(title)}</h1>\n <div class=\"deck-meta\">${cards.length} card${cards.length !== 1 ? \"s\" : \"\"}  ·  Study sheet</div>\n</div>\n<table>\n <thead>\n <tr>\n <th>Question / Term</th>\n <th>Answer / Definition</th>\n </tr>\n </thead>\n <tbody>\n${rows}\n </tbody>\n</table>`;\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Front only (self-test — blank space for answers)\n// ---------------------------------------------------------------------------\nconst FRONT_ONLY_STYLES = `\n ${BASE_STYLES}\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\n .card-cell {\n border: 1.5px solid #bfdbfe;\n border-radius: 8px;\n overflow: hidden;\n page-break-inside: avoid;\n break-inside: avoid;\n background: #fff;\n }\n .card-front {\n background: linear-gradient(135deg, #1e3a5f 0%, #1e40af 100%);\n color: #ffffff;\n padding: 12px 14px;\n font-weight: 600;\n font-size: 10.5pt;\n line-height: 1.4;\n }\n .card-front .card-number { font-size: 7.5pt; color: #bfdbfe; margin-bottom: 4px; }\n .answer-blank {\n height: 52px;\n border-top: 1px dashed #cbd5e1;\n background: #fafafa;\n position: relative;\n }\n .answer-blank::after {\n content: \"write your answer here\";\n position: absolute;\n bottom: 6px;\n left: 12px;\n font-size: 7pt;\n color: #cbd5e1;\n letter-spacing: 0.04em;\n }\n\n @media print {\n .card-front { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n`;\n\nfunction renderFrontOnly(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const cells = cards\n .map(\n (card, i) => `<div class=\"card-cell\">\n <div class=\"card-front\">\n <div class=\"card-number\">Card ${startIndex + i + 1}</div>\n ${faceImageHtml(card, \"front\", s.showImages)}${escapeHtml(card.front)}\n </div>\n <div class=\"answer-blank\"></div>\n</div>`,\n )\n .join(\"\\n\");\n\n return `<div class=\"deck-header\">\n <h1 class=\"deck-title\">${escapeHtml(title)}</h1>\n <div class=\"deck-meta\">${cards.length} card${cards.length !== 1 ? \"s\" : \"\"}  ·  Self-test — write your answers in the blank space</div>\n</div>\n<div class=\"cards-grid\">\n${cells}\n</div>`;\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Back only (answers / definitions)\n// ---------------------------------------------------------------------------\nconst BACK_ONLY_STYLES = `\n ${BASE_STYLES}\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\n .card-cell {\n border: 1.5px solid #a7f3d0;\n border-radius: 8px;\n overflow: hidden;\n page-break-inside: avoid;\n break-inside: avoid;\n background: #fff;\n }\n .card-back-header {\n background: linear-gradient(135deg, #065f46 0%, #0f766e 100%);\n color: #ecfdf5;\n padding: 10px 14px;\n font-size: 7.5pt;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n }\n .card-back-content {\n padding: 10px 14px;\n font-size: 10pt;\n line-height: 1.5;\n color: #1a1a1a;\n white-space: pre-line;\n }\n\n @media print {\n .card-back-header { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n`;\n\nfunction renderBackOnly(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const cells = cards\n .map(\n (card, i) => `<div class=\"card-cell\">\n <div class=\"card-back-header\">Card ${startIndex + i + 1}</div>\n <div class=\"card-back-content\">${faceImageHtml(card, \"back\", s.showImages)}${escapeHtml(card.back ?? \"\")}</div>\n</div>`,\n )\n .join(\"\\n\");\n\n return `<div class=\"deck-header\">\n <h1 class=\"deck-title\">${escapeHtml(title)}</h1>\n <div class=\"deck-meta\">${cards.length} card${cards.length !== 1 ? \"s\" : \"\"}  ·  Answers and definitions only</div>\n</div>\n<div class=\"cards-grid\">\n${cells}\n</div>`;\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Landscape cut sheet (4 cards per page, 2×2, black & white)\n//\n// Geometry (landscape 11\" × 8.5\"):\n// Page is split into 4 equal quadrants: 5.5\" wide × 4.25\" tall each.\n// Outer margin: 0.5\" on every edge.\n// Inner gap at each cut line: 0.5\" each side → 1\" total dead zone at center.\n// Usable card area: (5.5 − 0.5 − 0.5)\" × (4.25 − 0.5 − 0.5)\" = 4.5\" × 3.25\"\n//\n// Text sizing: font-size uses vw/vh relative units so it always fills the cell.\n// `fit-text` class uses container-relative font that shrinks when content overflows\n// via a JS resize loop in the document itself.\n//\n// Double-sided (duplex) mirroring:\n// When a landscape sheet is flipped on the long (left→right) edge,\n// left and right columns swap. So back page layout is:\n// TL = back[1], TR = back[0], BL = back[3], BR = back[2]\n// ---------------------------------------------------------------------------\n\nconst LANDSCAPE_STYLES = `\n @page { size: landscape; margin: 0; }\n\n , ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n width: 11in;\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\n color: #000;\n / Screen: scroll to see all pages. Print: locked to one page height per .page. /\n }\n\n / The page wrapper takes the full physical page /\n .page {\n width: 11in;\n height: 8.5in;\n position: relative;\n page-break-after: always;\n break-after: page;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr 1fr;\n gap: 0;\n padding: 0.5in;\n / Thin separator visible on screen between pages /\n border-bottom: 2px solid #e2e8f0;\n }\n .page:last-child {\n page-break-after: auto;\n break-after: auto;\n border-bottom: none;\n }\n\n @media print {\n / Do NOT constrain html/body height — that clips pages 2+.\n Page sizing is handled by @page + .page { height: 8.5in } + break-after: page. /\n html, body { width: 11in; height: auto; overflow: visible; }\n .page { border-bottom: none; }\n }\n\n / Each quadrant cell — full 5.5\" × 4.25\" including its half-gutter /\n .quad {\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n padding: 0 0.25in 0.25in 0; / right + bottom inner half-gutters /\n }\n / Top row: add top inner half-gutter via bottom padding of the cell above /\n .quad.top { padding-bottom: 0.25in; padding-top: 0; }\n .quad.bottom { padding-bottom: 0; padding-top: 0.25in; }\n .quad.left { padding-left: 0; padding-right: 0.25in; }\n .quad.right { padding-left: 0.25in; padding-right: 0; }\n\n / The actual card face — no border, no lines. Cuts are the separation. /\n .card-face {\n flex: 1;\n border: none;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0.18in 0.22in;\n overflow: hidden;\n position: relative;\n }\n\n /\n * Cut tick marks — 4 short marks at the exact center intersection.\n * These sit on the .page element (outside all card faces).\n * Each tick is a 0.18in line. Two ticks per axis: one on each side of center.\n /\n\n / Horizontal axis ticks: sit at vertical midpoint, on the left and right edges /\n .tick-h-left, .tick-h-right {\n position: absolute;\n top: 50%;\n width: 0.18in;\n height: 0;\n border-top: 0.6px solid #bbb;\n pointer-events: none;\n }\n .tick-h-left { left: 0.1in; }\n .tick-h-right { right: 0.1in; }\n\n / Vertical axis ticks: sit at horizontal midpoint, on the top and bottom edges /\n .tick-v-top, .tick-v-bottom {\n position: absolute;\n left: 50%;\n height: 0.18in;\n width: 0;\n border-left: 0.6px solid #bbb;\n pointer-events: none;\n }\n .tick-v-top { top: 0.1in; }\n .tick-v-bottom { bottom: 0.1in; }\n\n / Full dashed cut lines (optional — only rendered when showCutLines = true) /\n .cut-line-h {\n position: absolute;\n left: 0;\n right: 0;\n top: 50%;\n height: 0;\n border-top: 0.6px dashed #bbb;\n pointer-events: none;\n }\n .cut-line-v {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 0;\n border-left: 0.6px dashed #bbb;\n pointer-events: none;\n }\n\n / Card number badge /\n .card-num {\n position: absolute;\n top: 5px;\n right: 7px;\n font-size: 6.5pt;\n color: #999;\n font-weight: 600;\n }\n\n / Side label (FRONT / BACK) /\n .side-label {\n font-size: 6.5pt;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #888;\n margin-bottom: 8px;\n align-self: flex-start;\n }\n\n / The text container — fills remaining space, centers content /\n .card-text {\n flex: 1;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n overflow: hidden;\n }\n\n .card-text-inner {\n font-size: 22pt; / fitText JS shrinks this to fit — start bigger for short fronts /\n font-weight: 600;\n line-height: 1.3;\n white-space: pre-wrap;\n word-break: break-word;\n text-align: center;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n / Multiline prose back: left-align, slightly smaller start /\n .card-text-inner.multiline {\n text-align: left;\n font-size: 15pt;\n font-weight: 400;\n line-height: 1.45;\n }\n\n / Bullet list back /\n ul.card-text-inner.card-list {\n text-align: left;\n font-size: 15pt;\n font-weight: 400;\n line-height: 1.5;\n padding-left: 1.1em;\n margin: 0;\n list-style-type: disc;\n white-space: normal;\n width: 100%;\n }\n ul.card-text-inner.card-list li {\n margin-bottom: 0.25em;\n }\n ul.card-text-inner.card-list li:last-child {\n margin-bottom: 0;\n }\n\n / Print-only: hide the browser action bar /\n @media print {\n .screen-only { display: none !important; }\n }\n`;\n\n/\n Shrink font JS — runs inside the printed window.\n * For each .card-text-inner, reduces font-size until the text fits its container.\n /\nconst FIT_TEXT_SCRIPT = buildFitTextScript([\n \".card-text .card-text-inner\",\n \".avery-text-wrap .avery-text\",\n]);\n\n/* Returns true if the majority of non-empty lines look like bullet items /\nfunction isBulletContent(text: string): boolean {\n const lines = text.split(\"\\n\").filter((l) => l.trim().length > 0);\n if (lines.length < 2) return false;\n const bulletLines = lines.filter((l) => /^\\s[-•]\\s/.test(l));\n return bulletLines.length >= lines.length 0.6; // 60%+ bullet lines = treat as list\n}\n\nfunction isMultiline(text: string): boolean {\n return text.includes(\"\\n\") \|\| text.length > 120;\n}\n\n/*\n Render card back text as either:\n * - A bullet list (<ul><li>…</li></ul>) when content is bullet-style — left-aligned\n * - Plain centered text for normal prose\n * - Front text is always plain centered\n /\nfunction renderCardText(\n text: string,\n isFront: boolean,\n extraStyle = \"\",\n): { html: string; isList: boolean } {\n if (isFront) {\n const styleAttr = extraStyle ? ` style=\"${extraStyle}\"` : \"\";\n return {\n html: `<div class=\"card-text-inner\"${styleAttr}>${escapeHtml(text).replace(/\\n/g, \"<br>\")}</div>`,\n isList: false,\n };\n }\n\n const bullet = isBulletContent(text);\n\n if (bullet) {\n const lines = text.split(\"\\n\");\n const items = lines\n .map((l) => l.trim())\n .filter((l) => l.length > 0)\n .map((l) => l.replace(/^[-•]\\s/, \"\")) // strip leading dash/bullet\n .map((l) => `<li>${escapeHtml(l)}</li>`)\n .join(\"\");\n const styleAttr = extraStyle ? ` style=\"${extraStyle}\"` : \"\";\n return {\n html: `<ul class=\"card-text-inner card-list\"${styleAttr}>${items}</ul>`,\n isList: true,\n };\n }\n\n // Plain multiline or single-line prose\n const ml = isMultiline(text);\n const cls = ml ? \"card-text-inner multiline\" : \"card-text-inner\";\n const styleAttr = extraStyle ? ` style=\"${extraStyle}\"` : \"\";\n return {\n html: `<div class=\"${cls}\"${styleAttr}>${escapeHtml(text).replace(/\\n/g, \"<br>\")}</div>`,\n isList: false,\n };\n}\n\nfunction buildCardFace(\n text: string,\n cardNum: number,\n isFront: boolean,\n s: CardPrintSettings,\n): string {\n const numBadge = s.showCardNumber\n ? `<span class=\"card-num\">#${cardNum}</span>`\n : \"\";\n const sideLabel = s.showSideLabel\n ? `<span class=\"side-label\">${isFront ? \"Front\" : \"Back\"}</span>`\n : \"\";\n\n const textColor = !isFront && s.lightBackText ? \"color:#777;\" : \"\";\n const mirrorXform =\n !isFront && s.mirrorBack ? \"transform:scaleX(-1);display:block;\" : \"\";\n const innerStyle = textColor + mirrorXform;\n\n const { html, isList } = renderCardText(text, isFront, innerStyle);\n // Lists align to the start so bullets sit at top-left; prose/front stays centered\n const cardTextStyle = isList ? ' style=\"align-items:flex-start;\"' : \"\";\n\n return `<div class=\"card-face\">\n ${numBadge}\n ${sideLabel}\n <div class=\"card-text\"${cardTextStyle}>\n ${html}\n </div>\n</div>`;\n}\n\nconst QUAD_CLASSES = [\n \"quad top left\",\n \"quad top right\",\n \"quad bottom left\",\n \"quad bottom right\",\n] as const;\n\nfunction buildPage(cells: string[], s: CardPrintSettings): string {\n const ticks = s.showTickMarks\n ? `<div class=\"tick-h-left\"></div>\n <div class=\"tick-h-right\"></div>\n <div class=\"tick-v-top\"></div>\n <div class=\"tick-v-bottom\"></div>`\n : \"\";\n\n const lines = s.showCutLines\n ? `<div class=\"cut-line-h\"></div>\n <div class=\"cut-line-v\"></div>`\n : \"\";\n\n return `<div class=\"page\">\n ${ticks}\n ${lines}\n ${cells.map((c, i) => `<div class=\"${QUAD_CLASSES[i]!}\">${c}</div>`).join(\"\\n \")}\n</div>`;\n}\n\n/\n landscape-duplex: alternating front/back pages.\n * Front page → [card1F, card2F, card3F, card4F]\n * Back page → [card2B, card1B, card4B, card3B] (mirrored L↔R for duplex flip on long edge)\n \n landscape-stacked: all fronts first, then all backs (same column order both pages).\n /\nfunction renderLandscape(\n cards: Flashcard[],\n title: string,\n mode: \"duplex\" \| \"stacked\",\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const BATCH = 4;\n const pages: string[] = [];\n // stacked mode collects backs separately so EVERY front page precedes EVERY\n // back page — interleaving them per batch (the pre-port behavior) made the\n // single-sided re-feed workflow this variant exists for impossible.\n const backPages: string[] = [];\n const empty = `<div class=\"card-face\"></div>`;\n\n for (let p = 0; p < Math.ceil(cards.length / BATCH); p++) {\n const batch = cards.slice(p BATCH, (p + 1) * BATCH);\n while (batch.length < BATCH) batch.push({ front: \"\", back: \"\" });\n\n const fronts = batch.map((c, i) =>\n c.front\n ? buildCardFace(c.front, startIndex + p * BATCH + i + 1, true, s)\n : empty,\n );\n const backs = batch.map((c, i) =>\n c.back\n ? buildCardFace(c.back ?? \"\", startIndex + p * BATCH + i + 1, false, s)\n : empty,\n );\n\n if (mode === \"duplex\") {\n // batch is padded to BATCH, so every slot below is present\n const backsFlipped = [backs[1]!, backs[0]!, backs[3]!, backs[2]!];\n pages.push(buildPage(fronts, s));\n pages.push(buildPage(backsFlipped, s));\n } else {\n pages.push(buildPage(fronts, s));\n backPages.push(buildPage(backs, s));\n }\n }\n\n return [...pages, ...backPages].join(\"\\n\");\n}\n\n/*\n Landscape cards need a fully custom document — no buildPrintDocument wrapper\n * because that adds max-width, padding, and chrome that fights the precise page geometry.\n /\nfunction openLandscapeWindow(bodyHtml: string, title: string): PrintOutcome {\n const html = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>${escapeHtml(title)}</title>\n <style>${LANDSCAPE_STYLES}</style>\n</head>\n<body>\n<div class=\"screen-only\" style=\"font-family:sans-serif;font-size:12px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;align-items:center;\">\n <button onclick=\"window.print()\" style=\"padding:7px 18px;background:#111;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;\">Print / Save PDF</button>\n <button onclick=\"window.close()\" style=\"padding:7px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;cursor:pointer;\">Close</button>\n <span style=\"color:#64748b;font-size:11px;\">Tip: set your printer to <strong>Landscape</strong> with no additional margins</span>\n</div>\n${bodyHtml}\n${FIT_TEXT_SCRIPT}\n</body>\n</html>`;\n\n // Delegate to the ONE popup-or-download path in core (same fallback\n // filename as before: title, whitespace-dashed, lowercased, \"-flashcards.html\").\n return openPrintWindow(html, `${title}-flashcards`, \"width=1100,height=720,scrollbars=yes\");\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Avery 5388 — 3×5\" index cards, 3 per page, portrait\n//\n// Geometry (portrait 8.5\" × 11\"):\n// Card size: 5\" wide × 3\" tall\n// 3 cards stacked = 9\" height\n// Remaining vertical: 11\" − 9\" = 2\" → 0.5\" top + 0.5\" gap × 2 + 0.5\" bottom\n// Side margins: (8.5\" − 5\") / 2 = 1.75\" each side\n//\n// Layout: page padding 0.5in top/bottom, 1.75in left/right\n// between cards: 0.5in gap\n//\n// Each page = 3 card fronts. Next page = matching 3 card backs (same order).\n// No borders, no lines, no cut marks. Just text centered in each card zone.\n// ---------------------------------------------------------------------------\n\nconst AVERY_5388_STYLES = `\n @page { size: portrait; margin: 0; }\n\n , ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n width: 8.5in;\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\n color: #000;\n }\n\n .avery-page {\n width: 8.5in;\n height: 11in;\n padding: 0.5in 1.75in;\n display: flex;\n flex-direction: column;\n gap: 0.5in;\n page-break-after: always;\n break-after: page;\n border-bottom: 1px solid #e2e8f0; /* screen only separator /\n }\n .avery-page:last-child {\n page-break-after: auto;\n break-after: auto;\n border-bottom: none;\n }\n\n / Each card zone: exactly 5\" × 3\" — position:relative so the inner text can be absolutely centered /\n .avery-card {\n width: 5in;\n height: 3in;\n position: relative;\n overflow: hidden;\n flex-shrink: 0;\n }\n\n / Text centering wrapper — fills the card and centers content in both axes /\n .avery-text-wrap {\n position: absolute;\n inset: 0.2in 0.3in; / inner padding — 0.2in top/bottom, 0.3in left/right /\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n / Side label (tiny, top-left) /\n .avery-side-label {\n position: absolute;\n top: 6px;\n left: 8px;\n font-size: 6pt;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #aaa;\n }\n\n / Card number (tiny, top-right) /\n .avery-card-num {\n position: absolute;\n top: 6px;\n right: 8px;\n font-size: 6pt;\n color: #aaa;\n font-weight: 600;\n }\n\n / The text itself — starts large, fitText JS shrinks it to fit the wrap container /\n .avery-text {\n font-size: 22pt;\n font-weight: 600;\n line-height: 1.3;\n white-space: pre-wrap;\n word-break: break-word;\n text-align: center;\n max-width: 100%;\n }\n .avery-text.multiline {\n font-size: 15pt;\n font-weight: 400;\n text-align: left;\n line-height: 1.45;\n }\n\n / Bullet list back /\n ul.avery-text.card-list {\n text-align: left;\n font-size: 15pt;\n font-weight: 400;\n line-height: 1.5;\n padding-left: 1.1em;\n margin: 0;\n list-style-type: disc;\n white-space: normal;\n width: 100%;\n }\n ul.avery-text.card-list li {\n margin-bottom: 0.3em;\n }\n ul.avery-text.card-list li:last-child {\n margin-bottom: 0;\n }\n\n @media print {\n / Ensure gray text isn't converted to black by color management /\n .avery-text { -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n }\n\n @media print {\n html, body { width: 8.5in; height: auto; overflow: visible; }\n .avery-page { border-bottom: none; }\n .screen-only { display: none !important; }\n }\n`;\n\nfunction buildAveryCard(\n text: string,\n cardNum: number,\n isFront: boolean,\n s: CardPrintSettings,\n): string {\n const numBadge = s.showCardNumber\n ? `<span class=\"avery-card-num\">#${cardNum}</span>`\n : \"\";\n const sideLabel = s.showSideLabel\n ? `<span class=\"avery-side-label\">${isFront ? \"Front\" : \"Back\"}</span>`\n : \"\";\n\n const textColor = !isFront && s.lightBackText ? \"color:#777;\" : \"\";\n const mirrorXform = !isFront && s.mirrorBack ? \"transform:scaleX(-1);\" : \"\";\n const innerStyle = textColor + mirrorXform;\n\n // Render with shared logic — detects bullets, builds <ul> if needed\n const isBullet = !isFront && isBulletContent(text);\n const isML = !isFront && isMultiline(text);\n const cls = isBullet\n ? \"avery-text card-list\"\n : isML\n ? \"avery-text multiline\"\n : \"avery-text\";\n const styleAttr = innerStyle ? ` style=\"${innerStyle}\"` : \"\";\n\n let innerHtml: string;\n if (isBullet) {\n const items = text\n .split(\"\\n\")\n .map((l) => l.trim())\n .filter((l) => l.length > 0)\n .map((l) => l.replace(/^[-•]\\s/, \"\"))\n .map((l) => `<li>${escapeHtml(l)}</li>`)\n .join(\"\");\n innerHtml = `<ul class=\"${cls}\"${styleAttr}>${items}</ul>`;\n } else {\n const escaped = escapeHtml(text).replace(/\\n/g, \"<br>\");\n innerHtml = `<div class=\"${cls}\"${styleAttr}>${escaped}</div>`;\n }\n\n // List content: wrap aligns to start; prose/front: centered\n const wrapExtra = isBullet ? ' style=\"align-items:flex-start;\"' : \"\";\n\n return `<div class=\"avery-card\">\n ${numBadge}\n ${sideLabel}\n <div class=\"avery-text-wrap\"${wrapExtra}>\n ${innerHtml}\n </div>\n</div>`;\n}\n\nfunction renderAvery5388(\n cards: Flashcard[],\n title: string,\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const BATCH = 3;\n const pages: string[] = [];\n\n for (let p = 0; p < Math.ceil(cards.length / BATCH); p++) {\n const batch = cards.slice(p BATCH, (p + 1) * BATCH);\n\n const frontCells = batch\n .map((c, i) =>\n buildAveryCard(c.front, startIndex + p * BATCH + i + 1, true, s),\n )\n .join(\"\\n\");\n const backCells = batch\n .map((c, i) =>\n buildAveryCard(c.back ?? \"\", startIndex + p * BATCH + i + 1, false, s),\n )\n .join(\"\\n\");\n\n const padCount = BATCH - batch.length;\n const padCells = Array(padCount)\n .fill(`<div class=\"avery-card\"></div>`)\n .join(\"\\n\");\n\n pages.push(`<div class=\"avery-page\">${frontCells}${padCells}</div>`);\n pages.push(`<div class=\"avery-page\">${backCells}${padCells}</div>`);\n }\n\n return pages.join(\"\\n\");\n}\n\nfunction openAveryWindow(bodyHtml: string, title: string): PrintOutcome {\n const html = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>${escapeHtml(title)} — Avery 5388</title>\n <style>${AVERY_5388_STYLES}</style>\n</head>\n<body>\n<div class=\"screen-only\" style=\"font-family:sans-serif;font-size:12px;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;align-items:center;\">\n <button onclick=\"window.print()\" style=\"padding:7px 18px;background:#111;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;\">Print / Save PDF</button>\n <button onclick=\"window.close()\" style=\"padding:7px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;cursor:pointer;\">Close</button>\n <span style=\"color:#64748b;font-size:11px;\">Avery 5388 · 3×5\" index cards · 3 per page · set printer to <strong>Portrait, no margins</strong></span>\n</div>\n${bodyHtml}\n${FIT_TEXT_SCRIPT}\n</body>\n</html>`;\n\n // Delegate to the ONE popup-or-download path in core (same fallback\n // filename as before: title, whitespace-dashed, lowercased, \"-avery5388.html\").\n return openPrintWindow(html, `${title}-avery5388`, \"width=900,height=720,scrollbars=yes\");\n}\n\n// ---------------------------------------------------------------------------\n// Variant: Portrait 6-up (6 cards per page, 2 columns × 3 rows)\n//\n// Geometry (portrait 8.5\" × 11\"):\n// Page is split exactly in half down the middle and into thirds across.\n// Each cell: 4.25\" wide × 3.667\" tall.\n// Inner padding per cell: ~0.22\" gives the text breathing room without\n// pushing content off the cuttable area.\n//\n// Duplex (double-sided) mirroring for portrait:\n// Most printers default to \"flip on long edge\" for portrait duplex, which\n// pivots the sheet around its left (long) edge. Result: left ↔ right\n// columns swap on the back side, rows are unchanged.\n//\n// Front slot order: [0:TL, 1:TR, 2:ML, 3:MR, 4:BL, 5:BR]\n// Back page render: [B1, B0, B3, B2, B5, B4] (columns swapped per row)\n//\n// Content centering:\n// Each card face uses flex centering so short text sits dead-center,\n// multiline prose is left-aligned but still vertically centered, and\n// bullet lists align to the top-left of their cell for readability.\n// ---------------------------------------------------------------------------\n\nconst PORTRAIT_6UP_STYLES = `\n @page { size: portrait; margin: 0; }\n\n , ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html, body {\n width: 8.5in;\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\n color: #000;\n }\n\n .page-6up {\n width: 8.5in;\n height: 11in;\n position: relative;\n page-break-after: always;\n break-after: page;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr 1fr 1fr;\n gap: 0;\n padding: 0;\n border-bottom: 2px solid #e2e8f0;\n }\n .page-6up:last-child {\n page-break-after: auto;\n break-after: auto;\n border-bottom: none;\n }\n\n @media print {\n html, body { width: 8.5in; height: auto; overflow: visible; }\n .page-6up { border-bottom: none; }\n }\n\n / Each of the 6 cells — clean 4.25\" × 3.667\" zone split by the cuts /\n .cell-6 {\n display: flex;\n align-items: stretch;\n justify-content: stretch;\n padding: 0.2in 0.22in;\n overflow: hidden;\n }\n\n / The actual card face — no border. Cuts are the separation. /\n .card-face {\n flex: 1;\n border: none;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0.1in 0.12in;\n overflow: hidden;\n position: relative;\n }\n\n / Cut tick marks — short marks at each cut intersection with the page edge /\n .tick-v-top, .tick-v-bottom {\n position: absolute;\n left: 50%;\n height: 0.18in;\n width: 0;\n border-left: 0.6px solid #bbb;\n pointer-events: none;\n }\n .tick-v-top { top: 0.1in; }\n .tick-v-bottom { bottom: 0.1in; }\n\n .tick-h-1-left, .tick-h-1-right,\n .tick-h-2-left, .tick-h-2-right {\n position: absolute;\n width: 0.18in;\n height: 0;\n border-top: 0.6px solid #bbb;\n pointer-events: none;\n }\n .tick-h-1-left { top: 33.333%; left: 0.1in; }\n .tick-h-1-right { top: 33.333%; right: 0.1in; }\n .tick-h-2-left { top: 66.667%; left: 0.1in; }\n .tick-h-2-right { top: 66.667%; right: 0.1in; }\n\n / Full dashed cut lines (optional) /\n .cut-line-v {\n position: absolute;\n top: 0; bottom: 0;\n left: 50%;\n width: 0;\n border-left: 0.6px dashed #bbb;\n pointer-events: none;\n }\n .cut-line-h-1, .cut-line-h-2 {\n position: absolute;\n left: 0; right: 0;\n height: 0;\n border-top: 0.6px dashed #bbb;\n pointer-events: none;\n }\n .cut-line-h-1 { top: 33.333%; }\n .cut-line-h-2 { top: 66.667%; }\n\n / Card number badge /\n .card-num {\n position: absolute;\n top: 5px;\n right: 7px;\n font-size: 6.5pt;\n color: #999;\n font-weight: 600;\n }\n\n / Side label (FRONT / BACK) /\n .side-label {\n font-size: 6.5pt;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #888;\n margin-bottom: 6px;\n align-self: flex-start;\n }\n\n / Centered text container — fills the card, both axes centered /\n .card-text {\n flex: 1;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n overflow: hidden;\n }\n\n .card-text-inner {\n font-size: 18pt; / fitText JS shrinks this to fit /\n font-weight: 600;\n line-height: 1.3;\n white-space: pre-wrap;\n word-break: break-word;\n text-align: center;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n .card-text-inner.multiline {\n text-align: left;\n font-size: 13pt;\n font-weight: 400;\n line-height: 1.45;\n }\n\n ul.card-text-inner.card-list {\n text-align: left;\n font-size: 13pt;\n font-weight: 400;\n line-height: 1.5;\n padding-left: 1.1em;\n margin: 0;\n list-style-type: disc;\n white-space: normal;\n width: 100%;\n }\n ul.card-text-inner.card-list li { margin-bottom: 0.2em; }\n ul.card-text-inner.card-list li:last-child { margin-bottom: 0; }\n\n @media print {\n .screen-only { display: none !important; }\n }\n`;\n\nfunction buildPage6Up(cells: string[], s: CardPrintSettings): string {\n const ticks = s.showTickMarks\n ? `<div class=\"tick-v-top\"></div>\n <div class=\"tick-v-bottom\"></div>\n <div class=\"tick-h-1-left\"></div>\n <div class=\"tick-h-1-right\"></div>\n <div class=\"tick-h-2-left\"></div>\n <div class=\"tick-h-2-right\"></div>`\n : \"\";\n\n const lines = s.showCutLines\n ? `<div class=\"cut-line-v\"></div>\n <div class=\"cut-line-h-1\"></div>\n <div class=\"cut-line-h-2\"></div>`\n : \"\";\n\n return `<div class=\"page-6up\">\n ${ticks}\n ${lines}\n ${cells.map((c) => `<div class=\"cell-6\">${c}</div>`).join(\"\\n \")}\n</div>`;\n}\n\n/\n portrait-6up-duplex: alternating front/back pages, backs mirrored for duplex.\n * Front page → [F0, F1, F2, F3, F4, F5] in slot order TL, TR, ML, MR, BL, BR\n * Back page → [B1, B0, B3, B2, B5, B4] (columns swapped for long-edge flip)\n \n portrait-6up-stacked: all fronts first, then all backs (same slot order both).\n /\nfunction renderPortrait6Up(\n cards: Flashcard[],\n title: string,\n mode: \"duplex\" \| \"stacked\",\n s: CardPrintSettings,\n startIndex = 0,\n): string {\n const BATCH = 6;\n const pages: string[] = [];\n // stacked mode collects backs separately so EVERY front page precedes EVERY\n // back page — see renderLandscape for the defect this fixes.\n const backPages: string[] = [];\n const empty = `<div class=\"card-face\"></div>`;\n\n for (let p = 0; p < Math.ceil(cards.length / BATCH); p++) {\n const batch = cards.slice(p BATCH, (p + 1) * BATCH);\n while (batch.length < BATCH) batch.push({ front: \"\", back: \"\" });\n\n const fronts = batch.map((c, i) =>\n c.front\n ? buildCardFace(c.front, startIndex + p * BATCH + i + 1, true, s)\n : empty,\n );\n const backs = batch.map((c, i) =>\n c.back\n ? buildCardFace(c.back ?? \"\", startIndex + p * BATCH + i + 1, false, s)\n : empty,\n );\n\n if (mode === \"duplex\") {\n // Long-edge flip swaps columns per row: [TR, TL, MR, ML, BR, BL]\n // batch is padded to BATCH, so every slot below is present\n const backsFlipped = [\n backs[1]!,\n backs[0]!,\n backs[3]!,\n backs[2]!,\n backs[5]!,\n backs[4]!,\n ];\n pages.push(buildPage6Up(fronts, s));\n pages.push(buildPage6Up(backsFlipped, s));\n } else {\n pages.push(buildPage6Up(fronts, s));\n backPages.push(buildPage6Up(backs, s));\n }\n }\n\n return [...pages, ...backPages].join(\"\\n\");\n}\n\nfunction openPortrait6UpWindow(bodyHtml: string, title: string): PrintOutcome {\n const html = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>${escapeHtml(title)} — 6 per page</title>\n <style>${PORTRAIT_6UP_STYLES}</style>\n</head>\n<body>\n<div class=\"screen-only\" style=\"font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fff;border-bottom:1px solid #e2e8f0;padding:14px 20px;\">\n <div style=\"display:flex;gap:10px;align-items:center;margin-bottom:10px;\">\n <button onclick=\"window.print()\" style=\"padding:8px 20px;background:#111;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;\">Print / Save PDF</button>\n <button onclick=\"window.close()\" style=\"padding:8px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;cursor:pointer;\">Close</button>\n <span style=\"color:#111;font-size:12px;font-weight:600;margin-left:4px;\">6 flashcards per page · cut into 6</span>\n </div>\n <div style=\"background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:10px 14px;font-size:12px;line-height:1.55;color:#78350f;max-width:720px;\">\n <div style=\"font-weight:700;margin-bottom:4px;color:#92400e;\">⚠ Printer settings for duplex alignment</div>\n <strong>- Page Size:</strong> Letter (8.5\" × 11\")<br>\n <strong>- Orientation:</strong> Portrait<br>\n <strong>- Two-sided (Duplex):</strong> On<br>\n <strong>- Flip on:</strong> Long edge<br>\n <strong>- Pages per sheet:</strong> 1<br>\n <strong>- Scale:</strong> 100% / Actual size<br>\n <strong>- Margins:</strong> None<br>\n </div>\n</div>\n${bodyHtml}\n${FIT_TEXT_SCRIPT}\n</body>\n</html>`;\n\n // Delegate to the ONE popup-or-download path in core (same fallback\n // filename as before: title, whitespace-dashed, lowercased, \"-flashcards-6up.html\").\n return openPrintWindow(html, `${title}-flashcards-6up`, \"width=900,height=720,scrollbars=yes\");\n}\n\n// ---------------------------------------------------------------------------\n// Helper: derive a title from the data if available\n// ---------------------------------------------------------------------------\nfunction deriveTitle(data: unknown): string {\n if (data && typeof data === \"object\" && \"title\" in data) {\n const t = (data as { title?: unknown }).title;\n if (typeof t === \"string\" && t.trim()) return t.trim();\n }\n return \"Flashcards\";\n}\n\n// ---------------------------------------------------------------------------\n// Exported printer\n// ---------------------------------------------------------------------------\nexport const flashcardsPrinter: BlockPrinter = {\n label: \"Print flashcards\",\n variants: [\n {\n id: \"portrait-6up-duplex\",\n label: \"Portrait 6-up — duplex (recommended)\",\n description:\n \"6 cards per page (2 columns × 3 rows), portrait. Split down the middle and into thirds. Fronts and backs on alternating pages — backs are mirrored so they align perfectly when duplex-printed (flip on long edge) and cut into 6\",\n },\n {\n id: \"portrait-6up-stacked\",\n label: \"Portrait 6-up — all fronts then all backs\",\n description:\n \"6 cards per page (2 columns × 3 rows), portrait. All front pages first, then all back pages — cut all sheets together for a matching deck\",\n },\n {\n id: \"landscape-duplex\",\n label: \"Landscape cut sheet — duplex (double-sided)\",\n description:\n \"4 cards per page, landscape. Fronts and backs on alternating pages — backs are mirrored so they align perfectly when you flip and cut\",\n },\n {\n id: \"landscape-stacked\",\n label: \"Landscape cut sheet — all fronts then all backs\",\n description:\n \"4 cards per page, landscape. All front pages first, then all back pages — cut all sheets together for a matching deck\",\n },\n {\n id: \"avery-5388\",\n label: 'Avery 5388 — 3×5\" index cards (3 per page)',\n description:\n \"Prints to Avery 5388 card stock. 3 cards per page, portrait. Front page then back page per set of 3 — load the sheet twice to print both sides\",\n },\n {\n id: \"cut-cards\",\n label: \"Cut-out cards (portrait)\",\n description:\n \"4 per page with cut lines — front and back shown together per card\",\n },\n {\n id: \"both-sides\",\n label: \"Both sides per card\",\n description: \"Front and back shown together — best for review or sharing\",\n },\n {\n id: \"study-sheet\",\n label: \"Study sheet (table)\",\n description: \"Compact two-column table — all cards on one or two pages\",\n },\n {\n id: \"front-only\",\n label: \"Questions only (self-test)\",\n description:\n \"Front side with blank space to write answers — print and quiz yourself\",\n },\n {\n id: \"back-only\",\n label: \"Answers only\",\n description: \"Definitions / answers without the questions\",\n },\n ],\n\n settings: [\n {\n type: \"range\" as const,\n id: \"cardRange\",\n label: \"Cards to print\",\n description: \"Leave blank to print the whole deck\",\n fromId: \"fromCard\",\n toId: \"toCard\",\n defaultFrom: 0,\n defaultTo: 0,\n min: 1,\n fromPlaceholder: \"1\",\n toPlaceholder: \"end\",\n },\n {\n type: \"boolean\" as const,\n id: \"showSideLabel\",\n label: \"Show side label\",\n description: 'Prints \"Front\" or \"Back\" in the corner of each card',\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n \"avery-5388\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"showCardNumber\",\n label: \"Show card number\",\n description: \"Prints #1, #2 … in the corner of each card\",\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n \"avery-5388\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"showTickMarks\",\n label: \"Show cut tick marks\",\n description:\n \"Small marks at each cut intersection — where to make each cut\",\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"showCutLines\",\n label: \"Show full cut lines\",\n description:\n \"Dashed lines all the way across the page — helps if you don't have a ruler\",\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"lightBackText\",\n label: \"Light back text (reduce show-through)\",\n description:\n \"Prints the back side in dark gray instead of black — ink is lighter and less visible through the paper\",\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n \"avery-5388\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"mirrorBack\",\n label: \"Mirror back text (best show-through prevention)\",\n description:\n \"Flips back text horizontally — any ink that bleeds through reads backwards and is unrecognizable from the front\",\n defaultValue: false,\n appliesTo: [\n \"landscape-duplex\",\n \"landscape-stacked\",\n \"portrait-6up-duplex\",\n \"portrait-6up-stacked\",\n \"avery-5388\",\n ],\n },\n {\n type: \"boolean\" as const,\n id: \"showImages\",\n label: \"Print face images\",\n description:\n \"Includes each card's front/back image when it has one. The fixed-geometry formats (landscape, 6-up, Avery) are text-only by design\",\n defaultValue: true,\n appliesTo: [\n \"cut-cards\",\n \"both-sides\",\n \"study-sheet\",\n \"front-only\",\n \"back-only\",\n ],\n },\n ],\n\n print(\n data: unknown,\n variantId: string = \"portrait-6up-duplex\",\n rawSettings?: PrintSettings,\n ) {\n const allCards = extractCards(data);\n const title = deriveTitle(data);\n const s = resolveSettings(rawSettings);\n\n if (allCards.length === 0) {\n return openPrintWindow(\n buildPrintDocument(\n \"<p>No flashcard data available to print.</p>\",\n title,\n BASE_STYLES,\n ),\n \"flashcards\",\n );\n }\n\n // Resolve the \"cards to print\" range. 0 / missing / out-of-bounds all\n // fall back to sensible ends. Any invalid input still produces a valid deck.\n const rawFrom =\n typeof rawSettings?.fromCard === \"number\" ? rawSettings.fromCard : 0;\n const rawTo =\n typeof rawSettings?.toCard === \"number\" ? rawSettings.toCard : 0;\n const rangeStart = rawFrom > 0 ? Math.min(rawFrom, allCards.length) : 1;\n const rangeEnd =\n rawTo > 0 ? Math.min(rawTo, allCards.length) : allCards.length;\n const [fromIdx, toIdx] =\n rangeStart <= rangeEnd ? [rangeStart, rangeEnd] : [rangeEnd, rangeStart]; // swap if user inverted them\n const startIndex = fromIdx - 1; // 0-based offset of the first card\n const cards = allCards.slice(startIndex, toIdx);\n\n // Landscape and Avery variants use fully custom documents (precise page geometry)\n if (variantId === \"landscape-duplex\") {\n return openLandscapeWindow(\n renderLandscape(cards, title, \"duplex\", s, startIndex),\n title,\n );\n }\n if (variantId === \"landscape-stacked\") {\n return openLandscapeWindow(\n renderLandscape(cards, title, \"stacked\", s, startIndex),\n title,\n );\n }\n if (variantId === \"portrait-6up-duplex\") {\n return openPortrait6UpWindow(\n renderPortrait6Up(cards, title, \"duplex\", s, startIndex),\n title,\n );\n }\n if (variantId === \"portrait-6up-stacked\") {\n return openPortrait6UpWindow(\n renderPortrait6Up(cards, title, \"stacked\", s, startIndex),\n title,\n );\n }\n if (variantId === \"avery-5388\") {\n return openAveryWindow(renderAvery5388(cards, title, s, startIndex), title);\n }\n\n let bodyHtml: string;\n let styles: string;\n\n switch (variantId as FlashcardsVariant) {\n case \"cut-cards\":\n bodyHtml = renderCutCards(cards, title, s, startIndex);\n styles = CUT_CARD_STYLES;\n break;\n case \"front-only\":\n bodyHtml = renderFrontOnly(cards, title, s, startIndex);\n styles = FRONT_ONLY_STYLES;\n break;\n case \"back-only\":\n bodyHtml = renderBackOnly(cards, title, s, startIndex);\n styles = BACK_ONLY_STYLES;\n break;\n case \"study-sheet\":\n bodyHtml = renderStudySheet(cards, title, s, startIndex);\n styles = STUDY_SHEET_STYLES;\n break;\n case \"both-sides\":\n default:\n bodyHtml = renderBothSides(cards, title, s, startIndex);\n styles = BOTH_SIDES_STYLES;\n break;\n }\n\n return openPrintWindow(\n buildPrintDocument(bodyHtml, title, styles),\n \"flashcards\",\n );\n },\n};\n"],"mappings":"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","names":["escapeHtml","styleAttr"]}

package/dist/labels.cjs CHANGED Viewed

@@ -49,9 +49,7 @@ __export(labels_exports, {
 module.exports = __toCommonJS(labels_exports);
 // src/core.ts
-function escapeHtml(str) {
-  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
+var import_html_escape = require("@ai-matrx/kit/html-escape");
 function openPrintWindow(htmlDocument, filename = "print", windowFeatures = "width=920,height=720,scrollbars=yes") {
   const win = window.open("", "_blank", windowFeatures);
   if (!win) {
@@ -72,6 +70,9 @@ function openPrintWindow(htmlDocument, filename = "print", windowFeatures = "wid
   return "opened";
 }
+// src/labels.ts
+var import_html_escape2 = require("@ai-matrx/kit/html-escape");
 // src/qr.ts
 var QR_MIN_QUIET_ZONE_MODULES = 4;
 var DEFAULT_QR_EC_LEVEL = "M";
@@ -554,18 +555,18 @@ function buildLabelCellHtml(label, qrDataUri, t, layout, s) {
   const badgeText = label.badge?.trim() ? label.badge.trim() : "";
   if (layout.wide) {
     const lines = s.showLines && label.lines?.length ? label.lines.filter((l) => l.trim()).map(
-      (l) => `<div class="lp-line" style="font-size:8pt;">${escapeHtml(l)}</div>`
+      (l) => `<div class="lp-line" style="font-size:8pt;">${(0, import_html_escape2.escapeHtml)(l)}</div>`
     ).join("") : "";
-    const caption2 = captionText ? `<div class="lp-fit-wrap" style="max-height:${(t.labelHIn * 0.3).toFixed(3)}in;"><div class="lp-fit lp-caption" style="font-size:12pt;">${escapeHtml(captionText)}</div></div>` : "";
-    const badge2 = badgeText ? `<div class="lp-fit-wrap" style="max-height:${layout.badgeZoneIn.toFixed(3)}in;"><div class="lp-fit lp-badge" style="font-size:24pt;">${escapeHtml(badgeText)}</div></div>` : "";
-    const image = isHttpUrl(label.imageUrl) ? `<img class="lp-img" src="${escapeHtml(label.imageUrl)}" alt="" style="height:${(t.labelHIn * 0.35).toFixed(3)}in;" />` : "";
+    const caption2 = captionText ? `<div class="lp-fit-wrap" style="max-height:${(t.labelHIn * 0.3).toFixed(3)}in;"><div class="lp-fit lp-caption" style="font-size:12pt;">${(0, import_html_escape2.escapeHtml)(captionText)}</div></div>` : "";
+    const badge2 = badgeText ? `<div class="lp-fit-wrap" style="max-height:${layout.badgeZoneIn.toFixed(3)}in;"><div class="lp-fit lp-badge" style="font-size:24pt;">${(0, import_html_escape2.escapeHtml)(badgeText)}</div></div>` : "";
+    const image = isHttpUrl(label.imageUrl) ? `<img class="lp-img" src="${(0, import_html_escape2.escapeHtml)(label.imageUrl)}" alt="" style="height:${(t.labelHIn * 0.35).toFixed(3)}in;" />` : "";
     return `<div class="lp-cell-wide" style="height:100%;padding:${layout.padIn}in;gap:${layout.padIn}in;">
       ${qr}
       <div class="lp-text">${badge2}${caption2}${lines}${image}</div>
     </div>`;
   }
-  const caption = captionText ? `<div class="lp-fit-wrap lp-caption-stacked" style="height:${Math.min(0.28, t.labelHIn * 0.16).toFixed(3)}in;"><div class="lp-fit lp-caption" style="font-size:9pt;">${escapeHtml(captionText)}</div></div>` : "";
-  const badge = badgeText ? `<div class="lp-fit-wrap lp-badge-stacked" style="height:${layout.badgeZoneIn.toFixed(3)}in;"><div class="lp-fit lp-badge" style="font-size:18pt;">${escapeHtml(badgeText)}</div></div>` : "";
+  const caption = captionText ? `<div class="lp-fit-wrap lp-caption-stacked" style="height:${Math.min(0.28, t.labelHIn * 0.16).toFixed(3)}in;"><div class="lp-fit lp-caption" style="font-size:9pt;">${(0, import_html_escape2.escapeHtml)(captionText)}</div></div>` : "";
+  const badge = badgeText ? `<div class="lp-fit-wrap lp-badge-stacked" style="height:${layout.badgeZoneIn.toFixed(3)}in;"><div class="lp-fit lp-badge" style="font-size:18pt;">${(0, import_html_escape2.escapeHtml)(badgeText)}</div></div>` : "";
   return `<div class="lp-cell-stacked" style="height:100%;padding:${layout.padIn}in;">
     ${qr}
     ${badge}
@@ -586,12 +587,12 @@ function renderPages(t, cells) {
   return pages.join("\n");
 }
 function openSheetWindow(t, bodyHtml, title, withFitScript, warning) {
-  const warningHtml = warning ? `<div class="screen-only lp-warning" style="font-family:sans-serif;font-size:12px;font-weight:600;padding:9px 16px;background:#fef2f2;color:#991b1b;border-bottom:1px solid #fecaca;">${escapeHtml(warning)}</div>` : "";
+  const warningHtml = warning ? `<div class="screen-only lp-warning" style="font-family:sans-serif;font-size:12px;font-weight:600;padding:9px 16px;background:#fef2f2;color:#991b1b;border-bottom:1px solid #fecaca;">${(0, import_html_escape2.escapeHtml)(warning)}</div>` : "";
   const html = `<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <title>${escapeHtml(title)} \u2014 ${escapeHtml(t.stockCode)}</title>
+  <title>${(0, import_html_escape2.escapeHtml)(title)} \u2014 ${(0, import_html_escape2.escapeHtml)(t.stockCode)}</title>
   <style>${sheetStyles(t)}</style>
 </head>
 <body>
@@ -599,7 +600,7 @@ ${warningHtml}
 <div class="screen-only" style="font-family:sans-serif;font-size:12px;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;">
   <button onclick="window.print()" style="padding:7px 18px;background:#111;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;">Print / Save PDF</button>
   <button onclick="window.close()" style="padding:7px 14px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;cursor:pointer;">Close</button>
-  <span style="color:#64748b;font-size:11px;">${escapeHtml(t.stockCode)} \xB7 ${escapeHtml(t.name)} \xB7 set printer to <strong>100% scale (no "fit to page"), no margins, Portrait</strong></span>
+  <span style="color:#64748b;font-size:11px;">${(0, import_html_escape2.escapeHtml)(t.stockCode)} \xB7 ${(0, import_html_escape2.escapeHtml)(t.name)} \xB7 set printer to <strong>100% scale (no "fit to page"), no margins, Portrait</strong></span>
 </div>
 ${bodyHtml}
 ${withFitScript ? LP_FIT_SCRIPT : ""}
@@ -639,7 +640,7 @@ function buildCalibrationBody(t) {
     mark(gridR, gridB - 0.0104, true),
     mark(gridR - 0.0104, gridB, false)
   ].join("");
-  const banner = `<div style="position:absolute;left:0;right:0;top:${Math.max(0, t.marginTopIn - 0.3).toFixed(2)}in;text-align:center;font-size:7pt;color:#94a3b8;">Calibration \u2014 ${escapeHtml(t.stockCode)} \xB7 hold against your label sheet: every outline must sit on a label</div>`;
+  const banner = `<div style="position:absolute;left:0;right:0;top:${Math.max(0, t.marginTopIn - 0.3).toFixed(2)}in;text-align:center;font-size:7pt;color:#94a3b8;">Calibration \u2014 ${(0, import_html_escape2.escapeHtml)(t.stockCode)} \xB7 hold against your label sheet: every outline must sit on a label</div>`;
   return `<div class="lp-page">${banner}${marks}${cells.join("\n")}</div>`;
 }
 function printCalibrationSheet(template) {