{"version":3,"file":"index.cjs","sources":["webpack://@thai-qr-payment/render/./src/card.ts","webpack://@thai-qr-payment/render/./src/index.ts","webpack://@thai-qr-payment/render/./src/matrix-svg.ts"],"sourcesContent":["/**\n * Card composer: Thai QR Payment header + PromptPay sub-mark + QR\n * matrix + centre-overlay icon. Layout + sizing follows the official\n * BOT/TBA Thai QR Payment brand guideline:\n *\n * - Card aspect 7.4 cm × 10.5 cm (0.7048) — portrait-ish\n * - Navy `#00427A` (\"TQR Maximum Blue\", brand book §4)\n * - Header band ~75 % of card width, ~3.5 : 1 aspect\n * - PromptPay sub-mark *left-aligned* under the header (narrow strip)\n * - QR ~85 % of card width, centred\n * - Centre-overlay icon ~10 % of QR (ECC-H recovers the obscured modules)\n *\n * ┌──────────────────────────┐\n * │ ▓ THAI QR PAYMENT ▓ │ navy band, tight content crop\n * │ ⎡Pmt⎤ │ left-aligned narrow sub-mark\n * ├──────────────────────────┤\n * │ ▓▓▓▓▓▓▓▓▓▓▓▓▓ │\n * │ ▓▓▓▓▓ ┌┐ ▓▓▓▓▓ │\n * │ ▓▓▓▓▓ └┘ ▓▓▓▓▓ │ small icon overlay (~10%)\n * │ ▓▓▓▓▓▓▓▓▓▓▓▓▓ │\n * ├──────────────────────────┤\n * │ optional merchant name │\n * │ optional amount label │\n * └──────────────────────────┘\n *\n * Theme rules:\n * - `theme: 'color'` (default) → Thai_QR_Payment_Logo-01 + PromptPay2 (navy)\n * - `theme: 'silhouette'` → silhouette variant + PromptPay1 (black/white)\n *\n * Default PromptPay variant is `PromptPay2` (color theme) because the\n * brand book pairs the navy header with the navy PromptPay sub-mark.\n * Callers can override with `promptpayLogo` to pick `PromptPay1` (the\n * monochrome rounded-border variant) regardless of theme.\n */\n\nimport { COLOR_LOGOS, SILHOUETTE_LOGOS } from '@thai-qr-payment/assets';\nimport type { QRMatrix } from '@thai-qr-payment/qr';\nimport { escapeXmlAttribute, matrixToPath } from './matrix-svg.js';\n\nexport type CardTheme = 'color' | 'silhouette';\n\nexport interface CardOptions {\n /** Brand artwork flavor. `color` keeps full fidelity, `silhouette` is monochrome. */\n theme?: CardTheme;\n /**\n * Render the caption block (merchant name + amount) below the QR.\n * Defaults to `false` — opt in explicitly, then supply the text via\n * `merchantName` / `amountLabel`.\n */\n showCaption?: boolean;\n /** Optional amount label rendered below the QR. Requires `showCaption`. */\n amountLabel?: string;\n /** Optional merchant name rendered below the QR (above the amount). Requires `showCaption`. */\n merchantName?: string;\n /** Background colour of the entire card. */\n background?: string;\n /** Foreground / accent colour for text + silhouette artwork. */\n accent?: string;\n /** QR module fill colour. Defaults to `#000000` for max scanner contrast. */\n qrColor?: string;\n /** Override the Thai QR Payment header logo by registry name. */\n headerLogo?: keyof typeof COLOR_LOGOS;\n /** Override the PromptPay sub-mark by registry name. */\n promptpayLogo?: keyof typeof COLOR_LOGOS;\n /**\n * Overlay the Thai QR Payment icon at the centre of the QR matrix.\n * Defaults to `true` for `theme: 'color'`, `false` for `'silhouette'`.\n * Always pair with `encodeQR({ errorCorrectionLevel: 'Q' | 'H' })`\n * so the obscured modules are recoverable.\n */\n centerOverlay?: boolean;\n}\n\n// Canvas 600 × 800 (3 : 4). Mirrors kittinan's 1000×1200 5:6 plus 80 px\n// of footer room for optional merchant + amount labels.\nconst CANVAS = { width: 600, height: 800 } as const;\n\n// Header band — full canvas width, ~6:1 aspect (BOT/TBA reference).\n// Acts as a solid navy strip; the logo sits centred inside with\n// generous padding rather than filling the band edge-to-edge.\nconst HEADER_BAND = { x: 0, y: 0, width: 600, height: 110 } as const;\n\n// Logo placement inside the header band — 40 % of canvas width,\n// centred horizontally with vertical padding.\nconst HEADER_LOGO = { x: 195, y: 15, width: 210, height: 80 } as const;\n\n// PromptPay sub-mark — centred under the header. PromptPay2 native\n// aspect 384 : 130 ≈ 2.95 : 1; we scale to 260 × 88 for a chunky\n// readable mark matching the brand reference.\nconst PROMPTPAY_BAND = { x: 170, y: 140, width: 260, height: 88 } as const;\n\n// QR frame — 500 × 500 (83 % of canvas width, larger than v6 to\n// match the brand reference's QR-dominant layout).\nconst QR_FRAME = { x: 50, y: 250, width: 500, height: 500 } as const;\nconst QR_INSET = 14;\nconst QR_BAND = {\n x: QR_FRAME.x + QR_INSET,\n y: QR_FRAME.y + QR_INSET,\n width: QR_FRAME.width - QR_INSET * 2,\n height: QR_FRAME.height - QR_INSET * 2,\n} as const;\n\n// Tight content bbox of `Thai_QR_Payment_Logo-01.svg`. The raw asset\n// is 913 × 376 with ~90 px of empty navy padding top/bottom and ~80 px\n// each side. Cropping to the actual icon+wordmark bbox yields the\n// brand-guide aspect (~3.55 : 1) and removes the floating-in-empty-navy\n// look the previous full-viewBox render produced.\nconst HEADER_VIEWBOX_CROP = '88 75 750 210';\n\n// Icon-only viewBox for the centre overlay. The icon glyph lives at\n// roughly x = 88..318 of the original 0..913 viewBox; we keep the full\n// vertical extent so the navy bg paints the centre overlay square.\nconst ICON_WIDTH = 325;\nconst ICON_HEIGHT = 376;\nconst ICON_VIEWBOX = `0 0 ${ICON_WIDTH} ${ICON_HEIGHT}`;\n/** White breathing room between the centre logo and the QR modules. */\nconst OVERLAY_PAD = 4;\n\n/** Strip the outer `` wrapper so the contents can be reused inside a ``. */\nfunction unwrapSvg(svg: string): { viewBox: string; inner: string } {\n const viewBoxMatch = svg.match(/viewBox=\"([^\"]+)\"/);\n let viewBox = viewBoxMatch?.[1];\n if (viewBox == null) {\n // Asset has no explicit viewBox — derive from width/height. Many\n // hand-authored / Illustrator-exported SVGs omit the viewBox and\n // rely on width/height alone; without this fallback the symbol\n // defaults to \"0 0 100 100\" and the artwork renders 0.5-px tall.\n const widthMatch = svg.match(/]*\\swidth=\"([\\d.]+)\"/);\n const heightMatch = svg.match(/]*\\sheight=\"([\\d.]+)\"/);\n if (widthMatch != null && heightMatch != null) {\n viewBox = `0 0 ${widthMatch[1]} ${heightMatch[1]}`;\n } else {\n viewBox = '0 0 100 100';\n }\n }\n // Some assets (vtracer output) ship with leading ``\n // and/or `` comments before the `