@k2b/ui 0.17.0 → 0.19.0

package/dist/browser/inputs/markdown/actions.js

@@ -1,4 +1,5 @@
 import { replaceTextareaRange as replaceRange } from "../editor-dom";
+import { closesCodeFence, openCodeFence } from "./code-zone";
 const lineAt = (value, position) => {
   const lineStart = value.lastIndexOf("\n", position - 1) + 1;
   const nextNewline = value.indexOf("\n", position);
@@ -31,15 +32,17 @@ const toggleInlineWrap = (textarea, marker, placeholder) => {
     selectionEnd
   } = textarea;
   const markerLength = marker.length;
+  // A one-character marker never takes half of a doubled one, so italic `*` leaves bold `**` alone.
+  const doubled = (text, from, step) => markerLength === 1 && text[from] === marker && text[from + step] === marker && text[from + 2 * step] !== marker;
   const before = value.slice(Math.max(0, selectionStart - markerLength), selectionStart);
   const after = value.slice(selectionEnd, selectionEnd + markerLength);
-  if (before === marker && after === marker) {
+  if (before === marker && after === marker && !doubled(value, selectionStart - 1, -1) && !doubled(value, selectionEnd, 1)) {
     replaceRange(textarea, selectionStart - markerLength, selectionEnd + markerLength, value.slice(selectionStart, selectionEnd));
     textarea.setSelectionRange(selectionStart - markerLength, selectionEnd - markerLength);
     return;
   }
   const selected = value.slice(selectionStart, selectionEnd);
-  if (selected.length >= markerLength * 2 && selected.startsWith(marker) && selected.endsWith(marker)) {
+  if (selected.length >= markerLength * 2 && selected.startsWith(marker) && selected.endsWith(marker) && !doubled(selected, 0, 1) && !doubled(selected, selected.length - 1, -1)) {
     const stripped = selected.slice(markerLength, -markerLength);
     replaceRange(textarea, selectionStart, selectionEnd, stripped);
     textarea.setSelectionRange(selectionStart, selectionStart + stripped.length);
@@ -56,6 +59,8 @@ const toggleInlineWrap = (textarea, marker, placeholder) => {
 export const toggleBold = textarea => toggleInlineWrap(textarea, "**", "bold text");
 export const toggleItalic = textarea => toggleInlineWrap(textarea, "*", "italic text");
 export const toggleCode = textarea => toggleInlineWrap(textarea, "`", "code");
+/** Wraps the selection in `marker`, or unwraps it; without a selection the caret lands between two markers. */
+export const toggleInlineMarker = (textarea, marker) => toggleInlineWrap(textarea, marker, "");
 export const insertLink = (textarea, url) => {
   const {
     value,
@@ -112,6 +117,47 @@ export const toggleHeading = (textarea, level) => {
   textarea.setSelectionRange(caret, caret);
 };
 export const toggleBulletList = textarea => togglePrefix(textarea, "- ");
+
+/** Puts the selected lines between ``` fences. Inside a fenced block, from its opening line on, it removes that block's fences. */
+export const toggleCodeBlock = textarea => {
+  const {
+    value
+  } = textarea;
+  const {
+    start,
+    end,
+    lines
+  } = selectedLineRange(textarea);
+  const open = openCodeFence(value, lineAt(value, start).lineEnd);
+  if (open) {
+    const bodyStart = Math.min(lineAt(value, open.start).lineEnd + 1, value.length);
+    // An unclosed block runs to the end of the text.
+    let bodyEnd = value.length;
+    let blockEnd = value.length;
+    for (let lineStart = bodyStart; lineStart < value.length;) {
+      const {
+        lineEnd,
+        line
+      } = lineAt(value, lineStart);
+      if (closesCodeFence(line, open.marker)) {
+        bodyEnd = Math.max(bodyStart, lineStart - 1);
+        blockEnd = lineEnd;
+        break;
+      }
+      lineStart = lineEnd + 1;
+    }
+    const body = value.slice(bodyStart, bodyEnd);
+    replaceRange(textarea, open.start, blockEnd, body);
+    textarea.setSelectionRange(open.start, open.start + body.length);
+    return;
+  }
+  const body = lines.join("\n");
+  // A fence in the selection would close a ``` block early, so the new block's fence is longer than any of them.
+  const longest = Math.max(0, ...lines.map(line => /^(?:[ \t]*>)*[ \t]*(`{3,})/.exec(line)?.[1].length ?? 0));
+  const fence = "`".repeat(Math.max(3, longest + 1));
+  replaceRange(textarea, start, end, `${fence}\n${body}\n${fence}`);
+  textarea.setSelectionRange(start + fence.length + 1, start + fence.length + 1 + body.length);
+};
 export const toggleQuote = textarea => togglePrefix(textarea, "> ");
 export const toggleNumberedList = textarea => {
   const {

package/dist/browser/inputs/markdown/actions.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/markdown/actions.ts"],"sourcesContent":["import { replaceTextareaRange as replaceRange } from \"../editor-dom\";\n\nconst lineAt = (value: string, position: number): { lineStart: number; lineEnd: number; line: string } => {\n  const lineStart = value.lastIndexOf(\"\\n\", position - 1) + 1;\n  const nextNewline = value.indexOf(\"\\n\", position);\n  const lineEnd = nextNewline === -1 ? value.length : nextNewline;\n  return { lineStart, lineEnd, line: value.slice(lineStart, lineEnd) };\n};\n\nconst selectedLineRange = (textarea: HTMLTextAreaElement): { start: number; end: number; lines: string[] } => {\n  const { value, selectionStart, selectionEnd } = textarea;\n  const startLine = lineAt(value, selectionStart);\n  const adjustedEnd =\n    selectionEnd > selectionStart && selectionEnd > 0 && value[selectionEnd - 1] === \"\\n\" ? selectionEnd - 1 : selectionEnd;\n  const endLine = lineAt(value, adjustedEnd);\n  return {\n    start: startLine.lineStart,\n    end: endLine.lineEnd,\n    lines: value.slice(startLine.lineStart, endLine.lineEnd).split(\"\\n\"),\n  };\n};\n\nconst toggleInlineWrap = (textarea: HTMLTextAreaElement, marker: string, placeholder: string): void => {\n  const { value, selectionStart, selectionEnd } = textarea;\n  const markerLength = marker.length;\n  const before = value.slice(Math.max(0, selectionStart - markerLength), selectionStart);\n  const after = value.slice(selectionEnd, selectionEnd + markerLength);\n  if (before === marker && after === marker) {\n    replaceRange(textarea, selectionStart - markerLength, selectionEnd + markerLength, value.slice(selectionStart, selectionEnd));\n    textarea.setSelectionRange(selectionStart - markerLength, selectionEnd - markerLength);\n    return;\n  }\n\n  const selected = value.slice(selectionStart, selectionEnd);\n  if (selected.length >= markerLength * 2 && selected.startsWith(marker) && selected.endsWith(marker)) {\n    const stripped = selected.slice(markerLength, -markerLength);\n    replaceRange(textarea, selectionStart, selectionEnd, stripped);\n    textarea.setSelectionRange(selectionStart, selectionStart + stripped.length);\n    return;\n  }\n\n  if (selectionStart === selectionEnd) {\n    replaceRange(textarea, selectionStart, selectionEnd, marker + placeholder + marker);\n    textarea.setSelectionRange(selectionStart + markerLength, selectionStart + markerLength + placeholder.length);\n  } else {\n    replaceRange(textarea, selectionStart, selectionEnd, marker + selected + marker);\n    textarea.setSelectionRange(selectionStart + markerLength, selectionStart + markerLength + selected.length);\n  }\n};\n\nexport const toggleBold = (textarea: HTMLTextAreaElement): void => toggleInlineWrap(textarea, \"**\", \"bold text\");\nexport const toggleItalic = (textarea: HTMLTextAreaElement): void => toggleInlineWrap(textarea, \"*\", \"italic text\");\nexport const toggleCode = (textarea: HTMLTextAreaElement): void => toggleInlineWrap(textarea, \"`\", \"code\");\n\nexport const insertLink = (textarea: HTMLTextAreaElement, url?: string): void => {\n  const { value, selectionStart, selectionEnd } = textarea;\n  const selected = value.slice(selectionStart, selectionEnd);\n  const label = selected || \"link\";\n  const finalUrl = url ?? \"\";\n  replaceRange(textarea, selectionStart, selectionEnd, `[${label}](${finalUrl})`);\n  if (finalUrl) {\n    textarea.setSelectionRange(selectionStart + 1, selectionStart + 1 + label.length);\n  } else {\n    const caret = selectionStart + label.length + 3;\n    textarea.setSelectionRange(caret, caret);\n  }\n};\n\nconst togglePrefix = (textarea: HTMLTextAreaElement, prefix: string): void => {\n  const { start, end, lines } = selectedLineRange(textarea);\n  const parts = lines.map((line) => {\n    const match = /^(\\s*)(.*)$/.exec(line)!;\n    return { indent: match[1]!, body: match[2]! };\n  });\n  const remove = parts.every(({ body }) => body.startsWith(prefix));\n  const replacement = parts.map(({ indent, body }) => (remove ? indent + body.slice(prefix.length) : indent + prefix + body)).join(\"\\n\");\n  replaceRange(textarea, start, end, replacement);\n  textarea.setSelectionRange(start, start + replacement.length);\n};\n\nexport const toggleHeading = (textarea: HTMLTextAreaElement, level: 1 | 2 | 3): void => {\n  const oldCaret = textarea.selectionStart;\n  const { lineStart, lineEnd, line } = lineAt(textarea.value, oldCaret);\n  const prefix = `${\"#\".repeat(level)} `;\n  const existing = /^(#{1,6})\\s/.exec(line);\n  const next =\n    existing?.[1]?.length === level ? line.slice(existing[0].length) : existing ? prefix + line.slice(existing[0].length) : prefix + line;\n  replaceRange(textarea, lineStart, lineEnd, next);\n  const desired = Math.max(lineStart, oldCaret + next.length - line.length);\n  const caret = Math.min(desired, lineStart + next.length);\n  textarea.setSelectionRange(caret, caret);\n};\n\nexport const toggleBulletList = (textarea: HTMLTextAreaElement): void => togglePrefix(textarea, \"- \");\nexport const toggleQuote = (textarea: HTMLTextAreaElement): void => togglePrefix(textarea, \"> \");\n\nexport const toggleNumberedList = (textarea: HTMLTextAreaElement): void => {\n  const { start, end, lines } = selectedLineRange(textarea);\n  const parts = lines.map((line) => {\n    const match = /^(\\s*)(\\d+\\.\\s)?(.*)$/.exec(line)!;\n    return {\n      indent: match[1] ?? \"\",\n      marker: match[2],\n      body: match[3] ?? \"\",\n    };\n  });\n  const remove = parts.every(({ marker }) => Boolean(marker));\n  const replacement = parts.map(({ indent, body }, index) => (remove ? indent + body : `${indent}${index + 1}. ${body}`)).join(\"\\n\");\n  replaceRange(textarea, start, end, replacement);\n  textarea.setSelectionRange(start, start + replacement.length);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/markdown/actions.ts"],"sourcesContent":["import { replaceTextareaRange as replaceRange } from \"../editor-dom\";\nimport { closesCodeFence, openCodeFence } from \"./code-zone\";\n\nconst lineAt = (value: string, position: number): { lineStart: number; lineEnd: number; line: string } => {\n  const lineStart = value.lastIndexOf(\"\\n\", position - 1) + 1;\n  const nextNewline = value.indexOf(\"\\n\", position);\n  const lineEnd = nextNewline === -1 ? value.length : nextNewline;\n  return { lineStart, lineEnd, line: value.slice(lineStart, lineEnd) };\n};\n\nconst selectedLineRange = (textarea: HTMLTextAreaElement): { start: number; end: number; lines: string[] } => {\n  const { value, selectionStart, selectionEnd } = textarea;\n  const startLine = lineAt(value, selectionStart);\n  const adjustedEnd =\n    selectionEnd > selectionStart && selectionEnd > 0 && value[selectionEnd - 1] === \"\\n\" ? selectionEnd - 1 : selectionEnd;\n  const endLine = lineAt(value, adjustedEnd);\n  return {\n    start: startLine.lineStart,\n    end: endLine.lineEnd,\n    lines: value.slice(startLine.lineStart, endLine.lineEnd).split(\"\\n\"),\n  };\n};\n\nconst toggleInlineWrap = (textarea: HTMLTextAreaElement, marker: string, placeholder: string): void => {\n  const { value, selectionStart, selectionEnd } = textarea;\n  const markerLength = marker.length;\n  // A one-character marker never takes half of a doubled one, so italic `*` leaves bold `**` alone.\n  const doubled = (text: string, from: number, step: 1 | -1) =>\n    markerLength === 1 && text[from] === marker && text[from + step] === marker && text[from + 2 * step] !== marker;\n  const before = value.slice(Math.max(0, selectionStart - markerLength), selectionStart);\n  const after = value.slice(selectionEnd, selectionEnd + markerLength);\n  if (before === marker && after === marker && !doubled(value, selectionStart - 1, -1) && !doubled(value, selectionEnd, 1)) {\n    replaceRange(textarea, selectionStart - markerLength, selectionEnd + markerLength, value.slice(selectionStart, selectionEnd));\n    textarea.setSelectionRange(selectionStart - markerLength, selectionEnd - markerLength);\n    return;\n  }\n\n  const selected = value.slice(selectionStart, selectionEnd);\n  if (\n    selected.length >= markerLength * 2 &&\n    selected.startsWith(marker) &&\n    selected.endsWith(marker) &&\n    !doubled(selected, 0, 1) &&\n    !doubled(selected, selected.length - 1, -1)\n  ) {\n    const stripped = selected.slice(markerLength, -markerLength);\n    replaceRange(textarea, selectionStart, selectionEnd, stripped);\n    textarea.setSelectionRange(selectionStart, selectionStart + stripped.length);\n    return;\n  }\n\n  if (selectionStart === selectionEnd) {\n    replaceRange(textarea, selectionStart, selectionEnd, marker + placeholder + marker);\n    textarea.setSelectionRange(selectionStart + markerLength, selectionStart + markerLength + placeholder.length);\n  } else {\n    replaceRange(textarea, selectionStart, selectionEnd, marker + selected + marker);\n    textarea.setSelectionRange(selectionStart + markerLength, selectionStart + markerLength + selected.length);\n  }\n};\n\nexport const toggleBold = (textarea: HTMLTextAreaElement): void => toggleInlineWrap(textarea, \"**\", \"bold text\");\nexport const toggleItalic = (textarea: HTMLTextAreaElement): void => toggleInlineWrap(textarea, \"*\", \"italic text\");\nexport const toggleCode = (textarea: HTMLTextAreaElement): void => toggleInlineWrap(textarea, \"`\", \"code\");\n/** Wraps the selection in `marker`, or unwraps it; without a selection the caret lands between two markers. */\nexport const toggleInlineMarker = (textarea: HTMLTextAreaElement, marker: string): void => toggleInlineWrap(textarea, marker, \"\");\n\nexport const insertLink = (textarea: HTMLTextAreaElement, url?: string): void => {\n  const { value, selectionStart, selectionEnd } = textarea;\n  const selected = value.slice(selectionStart, selectionEnd);\n  const label = selected || \"link\";\n  const finalUrl = url ?? \"\";\n  replaceRange(textarea, selectionStart, selectionEnd, `[${label}](${finalUrl})`);\n  if (finalUrl) {\n    textarea.setSelectionRange(selectionStart + 1, selectionStart + 1 + label.length);\n  } else {\n    const caret = selectionStart + label.length + 3;\n    textarea.setSelectionRange(caret, caret);\n  }\n};\n\nconst togglePrefix = (textarea: HTMLTextAreaElement, prefix: string): void => {\n  const { start, end, lines } = selectedLineRange(textarea);\n  const parts = lines.map((line) => {\n    const match = /^(\\s*)(.*)$/.exec(line)!;\n    return { indent: match[1]!, body: match[2]! };\n  });\n  const remove = parts.every(({ body }) => body.startsWith(prefix));\n  const replacement = parts.map(({ indent, body }) => (remove ? indent + body.slice(prefix.length) : indent + prefix + body)).join(\"\\n\");\n  replaceRange(textarea, start, end, replacement);\n  textarea.setSelectionRange(start, start + replacement.length);\n};\n\nexport const toggleHeading = (textarea: HTMLTextAreaElement, level: 1 | 2 | 3): void => {\n  const oldCaret = textarea.selectionStart;\n  const { lineStart, lineEnd, line } = lineAt(textarea.value, oldCaret);\n  const prefix = `${\"#\".repeat(level)} `;\n  const existing = /^(#{1,6})\\s/.exec(line);\n  const next =\n    existing?.[1]?.length === level ? line.slice(existing[0].length) : existing ? prefix + line.slice(existing[0].length) : prefix + line;\n  replaceRange(textarea, lineStart, lineEnd, next);\n  const desired = Math.max(lineStart, oldCaret + next.length - line.length);\n  const caret = Math.min(desired, lineStart + next.length);\n  textarea.setSelectionRange(caret, caret);\n};\n\nexport const toggleBulletList = (textarea: HTMLTextAreaElement): void => togglePrefix(textarea, \"- \");\n\n/** Puts the selected lines between ``` fences. Inside a fenced block, from its opening line on, it removes that block's fences. */\nexport const toggleCodeBlock = (textarea: HTMLTextAreaElement): void => {\n  const { value } = textarea;\n  const { start, end, lines } = selectedLineRange(textarea);\n  const open = openCodeFence(value, lineAt(value, start).lineEnd);\n  if (open) {\n    const bodyStart = Math.min(lineAt(value, open.start).lineEnd + 1, value.length);\n    // An unclosed block runs to the end of the text.\n    let bodyEnd = value.length;\n    let blockEnd = value.length;\n    for (let lineStart = bodyStart; lineStart < value.length; ) {\n      const { lineEnd, line } = lineAt(value, lineStart);\n      if (closesCodeFence(line, open.marker)) {\n        bodyEnd = Math.max(bodyStart, lineStart - 1);\n        blockEnd = lineEnd;\n        break;\n      }\n      lineStart = lineEnd + 1;\n    }\n    const body = value.slice(bodyStart, bodyEnd);\n    replaceRange(textarea, open.start, blockEnd, body);\n    textarea.setSelectionRange(open.start, open.start + body.length);\n    return;\n  }\n  const body = lines.join(\"\\n\");\n  // A fence in the selection would close a ``` block early, so the new block's fence is longer than any of them.\n  const longest = Math.max(0, ...lines.map((line) => /^(?:[ \\t]*>)*[ \\t]*(`{3,})/.exec(line)?.[1]!.length ?? 0));\n  const fence = \"`\".repeat(Math.max(3, longest + 1));\n  replaceRange(textarea, start, end, `${fence}\\n${body}\\n${fence}`);\n  textarea.setSelectionRange(start + fence.length + 1, start + fence.length + 1 + body.length);\n};\n\nexport const toggleQuote = (textarea: HTMLTextAreaElement): void => togglePrefix(textarea, \"> \");\n\nexport const toggleNumberedList = (textarea: HTMLTextAreaElement): void => {\n  const { start, end, lines } = selectedLineRange(textarea);\n  const parts = lines.map((line) => {\n    const match = /^(\\s*)(\\d+\\.\\s)?(.*)$/.exec(line)!;\n    return {\n      indent: match[1] ?? \"\",\n      marker: match[2],\n      body: match[3] ?? \"\",\n    };\n  });\n  const remove = parts.every(({ marker }) => Boolean(marker));\n  const replacement = parts.map(({ indent, body }, index) => (remove ? indent + body : `${indent}${index + 1}. ${body}`)).join(\"\\n\");\n  replaceRange(textarea, start, end, replacement);\n  textarea.setSelectionRange(start, start + replacement.length);\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/markdown/code-zone.js

@@ -1,7 +1,43 @@
+/** A fence line: optional quote markers and indentation, then three or more backticks or tildes, then the rest. */
+const fenceLine = /^(?:[ \t]*>)*[ \t]*(`{3,}|~{3,})(.*)$/;
+
+/** Whether `line` closes a block that `marker` opened: the same character, at least as many, nothing after it. */
+export const closesCodeFence = (line, marker) => {
+  const fence = fenceLine.exec(line);
+  return Boolean(fence && fence[1][0] === marker[0] && fence[1].length >= marker.length && !fence[2].trim());
+};
+
+/** How many quotes `line` is in: the `>` markers before its content. */
+const quoteDepth = line => (/^(?:[ \t]*>)*/.exec(line)[0].match(/>/g) ?? []).length;
+
+/** The fenced code block that is still open at `position`, judged by the text before it: its opening line's start and marker. */
+export const openCodeFence = (text, position) => {
+  let open = null;
+  let start = 0;
+  for (const line of text.slice(0, position).split("\n")) {
+    // A block inside a quote ends with that quote, for example at a blank line or an unquoted one.
+    if (open && quoteDepth(line) < open.depth) open = null;
+    if (open) {
+      if (closesCodeFence(line, open.marker)) open = null;
+    } else {
+      const fence = fenceLine.exec(line);
+      // A backtick in the info string makes the line inline code instead of a fence.
+      if (fence && !(fence[1][0] === "`" && fence[2].includes("`"))) open = {
+        start,
+        marker: fence[1],
+        depth: quoteDepth(line)
+      };
+    }
+    start += line.length + 1;
+  }
+  return open && {
+    start: open.start,
+    marker: open.marker
+  };
+};
 export const isInCodeZone = (text, position) => {
+  if (openCodeFence(text, position)) return true;
   const before = text.slice(0, position);
-  const fences = before.match(/^```/gm);
-  if (fences && fences.length % 2 !== 0) return true;
   const line = before.slice(before.lastIndexOf("\n") + 1);
   return (line.match(/`/g) ?? []).length % 2 !== 0;
 };

package/dist/browser/inputs/markdown/code-zone.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/markdown/code-zone.ts"],"sourcesContent":["export const isInCodeZone = (text: string, position: number): boolean => {\n  const before = text.slice(0, position);\n  const fences = before.match(/^```/gm);\n  if (fences && fences.length % 2 !== 0) return true;\n  const line = before.slice(before.lastIndexOf(\"\\n\") + 1);\n  return (line.match(/`/g) ?? []).length % 2 !== 0;\n};\n"],"mappings":"AAAA,OAAO,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,QAAgB,KAAc;EACvE,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;EACtC,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;EACrC,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,IAAI;EAClD,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;EACvD,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AAClD,CAAC","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/markdown/code-zone.ts"],"sourcesContent":["/** A fence line: optional quote markers and indentation, then three or more backticks or tildes, then the rest. */\nconst fenceLine = /^(?:[ \\t]*>)*[ \\t]*(`{3,}|~{3,})(.*)$/;\n\n/** Whether `line` closes a block that `marker` opened: the same character, at least as many, nothing after it. */\nexport const closesCodeFence = (line: string, marker: string): boolean => {\n  const fence = fenceLine.exec(line);\n  return Boolean(fence && fence[1]![0] === marker[0] && fence[1]!.length >= marker.length && !fence[2]!.trim());\n};\n\n/** How many quotes `line` is in: the `>` markers before its content. */\nconst quoteDepth = (line: string): number => (/^(?:[ \\t]*>)*/.exec(line)![0].match(/>/g) ?? []).length;\n\n/** The fenced code block that is still open at `position`, judged by the text before it: its opening line's start and marker. */\nexport const openCodeFence = (text: string, position: number): { start: number; marker: string } | null => {\n  let open: { start: number; marker: string; depth: number } | null = null;\n  let start = 0;\n  for (const line of text.slice(0, position).split(\"\\n\")) {\n    // A block inside a quote ends with that quote, for example at a blank line or an unquoted one.\n    if (open && quoteDepth(line) < open.depth) open = null;\n    if (open) {\n      if (closesCodeFence(line, open.marker)) open = null;\n    } else {\n      const fence = fenceLine.exec(line);\n      // A backtick in the info string makes the line inline code instead of a fence.\n      if (fence && !(fence[1]![0] === \"`\" && fence[2]!.includes(\"`\"))) open = { start, marker: fence[1]!, depth: quoteDepth(line) };\n    }\n    start += line.length + 1;\n  }\n  return open && { start: open.start, marker: open.marker };\n};\n\nexport const isInCodeZone = (text: string, position: number): boolean => {\n  if (openCodeFence(text, position)) return true;\n  const before = text.slice(0, position);\n  const line = before.slice(before.lastIndexOf(\"\\n\") + 1);\n  return (line.match(/`/g) ?? []).length % 2 !== 0;\n};\n"],"mappings":"AAAA;AACA,MAAM,SAAS,GAAG,uCAAuC;;AAEzD;AACA,OAAO,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,MAAc,KAAc;EACxE,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;EAClC,OAAO,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAE,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,IAAI,CAAC,CAAC,CAAC;AAC/G,CAAC;;AAED;AACA,MAAM,UAAU,GAAI,IAAY,IAAa,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM;;AAEtG;AACA,OAAO,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,QAAgB,KAA+C;EACzG,IAAI,IAA6D,GAAG,IAAI;EACxE,IAAI,KAAK,GAAG,CAAC;EACb,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;IACtD;IACA,IAAI,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI;IACtD,IAAI,IAAI,EAAE;MACR,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI;IACrD,CAAC,MAAM;MACL,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;MAClC;MACA,IAAI,KAAK,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG;QAAE,KAAK;QAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAE;QAAE,KAAK,EAAE,UAAU,CAAC,IAAI;MAAE,CAAC;IAC/H;IACA,KAAK,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;EAC1B;EACA,OAAO,IAAI,IAAI;IAAE,KAAK,EAAE,IAAI,CAAC,KAAK;IAAE,MAAM,EAAE,IAAI,CAAC;EAAO,CAAC;AAC3D,CAAC;AAED,OAAO,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,QAAgB,KAAc;EACvE,IAAI,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,OAAO,IAAI;EAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;EACtC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;EACvD,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AAClD,CAAC","ignoreList":[]}

package/dist/browser/inputs/signature-messages.js

@@ -0,0 +1,39 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+
+/**
+ * SignatureInput's own strings. They live beside the component instead of in
+ * the shared catalog, so applications that never render a signature field do
+ * not ship them.
+ */
+const signatureMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      method: "Signature method",
+      draw: "Draw",
+      type: "Type",
+      signHere: "Sign here",
+      drawArea: "Signature area. Draw with a finger, pen, or mouse.",
+      drawn: "Drawn signature",
+      typeName: "Type your name",
+      undo: "Undo"
+    },
+    de: {
+      method: "Art der Unterschrift",
+      draw: "Zeichnen",
+      type: "Tippen",
+      signHere: "Hier unterschreiben",
+      drawArea: "Unterschriftsfeld. Zeichne mit Finger, Stift oder Maus.",
+      drawn: "Gezeichnete Unterschrift",
+      typeName: "Namen eintippen",
+      undo: "Rückgängig"
+    }
+  }
+});
+export const useSignatureMessages = () => {
+  const locale = useLocale();
+  return () => signatureMessages.resolve([locale()]).t;
+};
+export const checkSignatureMessages = () => signatureMessages.check();
+//# sourceMappingURL=signature-messages.js.map

package/dist/browser/inputs/signature-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/signature-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\n/**\n * SignatureInput's own strings. They live beside the component instead of in\n * the shared catalog, so applications that never render a signature field do\n * not ship them.\n */\nconst signatureMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      method: \"Signature method\",\n      draw: \"Draw\",\n      type: \"Type\",\n      signHere: \"Sign here\",\n      drawArea: \"Signature area. Draw with a finger, pen, or mouse.\",\n      drawn: \"Drawn signature\",\n      typeName: \"Type your name\",\n      undo: \"Undo\",\n    },\n    de: {\n      method: \"Art der Unterschrift\",\n      draw: \"Zeichnen\",\n      type: \"Tippen\",\n      signHere: \"Hier unterschreiben\",\n      drawArea: \"Unterschriftsfeld. Zeichne mit Finger, Stift oder Maus.\",\n      drawn: \"Gezeichnete Unterschrift\",\n      typeName: \"Namen eintippen\",\n      undo: \"Rückgängig\",\n    },\n  },\n});\n\nexport const useSignatureMessages = () => {\n  const locale = useLocale();\n  return () => signatureMessages.resolve([locale()]).t;\n};\n\nexport const checkSignatureMessages = () => signatureMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;;AAE1C;AACA;AACA;AACA;AACA;AACA,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC;EACpC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,MAAM,EAAE,kBAAkB;MAC1B,IAAI,EAAE,MAAM;MACZ,IAAI,EAAE,MAAM;MACZ,QAAQ,EAAE,WAAW;MACrB,QAAQ,EAAE,oDAAoD;MAC9D,KAAK,EAAE,iBAAiB;MACxB,QAAQ,EAAE,gBAAgB;MAC1B,IAAI,EAAE;IACR,CAAC;IACD,EAAE,EAAE;MACF,MAAM,EAAE,sBAAsB;MAC9B,IAAI,EAAE,UAAU;MAChB,IAAI,EAAE,QAAQ;MACd,QAAQ,EAAE,qBAAqB;MAC/B,QAAQ,EAAE,yDAAyD;MACnE,KAAK,EAAE,0BAA0B;MACjC,QAAQ,EAAE,iBAAiB;MAC3B,IAAI,EAAE;IACR;EACF;AACF,CAAC,CAAC;AAEF,OAAO,MAAM,oBAAoB,GAAG,MAAM;EACxC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,iBAAiB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,OAAO,MAAM,sBAAsB,GAAG,MAAM,iBAAiB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/inputs/signature.js

@@ -0,0 +1,208 @@
+/**
+ * A signature as the field reports it. `kind` records how it was given, so the
+ * application can keep that fact next to the image. `svg` is a standalone SVG
+ * document whose ink uses `currentColor`, so it renders black as an image. A
+ * value that arrives from a browser is untrusted input: read it with
+ * `parseSignature` before storing or embedding it.
+ */
+
+/** One sampled pointer position in drawing units, with a pressure from 0 to 1. */
+
+/** The drawing space as an SVG viewBox and one closed outline path per stroke. */
+
+const SVG_NS = "http://www.w3.org/2000/svg";
+/** Typed names are laid out at this size; the SVG scales as a whole. */
+const TYPED_FONT_SIZE = 48;
+const TYPED_PADDING = 12;
+const round = value => Math.round(value * 10) / 10;
+const point = (x, y) => `${round(x)} ${round(y)}`;
+
+/** Control characters, lone surrogates, and the two noncharacters XML forbids, which a strict XML parser rejects. */
+const NOT_XML_TEXT = /[\p{Cc}\p{Cs}\uFFFE\uFFFF]/gu;
+
+/** Escapes text for XML content or attributes and drops characters XML cannot hold, so the document stays well-formed. */
+export const escapeXml = text => text.replace(NOT_XML_TEXT, "").replace(/[&<>"']/g, char => ({
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&apos;"
+})[char] ?? char);
+const unescapeXml = text => text.replace(/&(amp|lt|gt|quot|apos);/g, (_, name) => ({
+  amp: "&",
+  lt: "<",
+  gt: ">",
+  quot: '"',
+  apos: "'"
+})[name] ?? "");
+
+/** The name as a typed signature stores it: without characters an SVG cannot hold and without surrounding space. */
+export const signatureName = name => name.replace(NOT_XML_TEXT, "").trim();
+
+/** Stroke width in drawing units at a pressure: light pressure still leaves a readable line. */
+export const strokeWidth = (size, pressure) => size * (0.35 + 0.65 * Math.min(1, Math.max(0, pressure)));
+
+/**
+ * Turns sampled points into one filled outline: both edges follow the points at
+ * half the local stroke width and are smoothed through their midpoints, and
+ * round caps close the ends. A filled outline, unlike a stroked path, can change
+ * width along the line, so pen pressure and drawing speed show in the ink.
+ */
+export const strokeOutline = (points, size) => {
+  const first = points[0];
+  if (!first) return "";
+  if (points.length === 1) {
+    const radius = round(strokeWidth(size, first.pressure) / 2);
+    const arc = x => `A${radius} ${radius} 0 1 0 ${point(x, first.y)}`;
+    return `M${point(first.x - radius, first.y)}${arc(first.x + radius)}${arc(first.x - radius)}Z`;
+  }
+  const left = [];
+  const right = [];
+  points.forEach((current, index) => {
+    const before = points[index - 1] ?? current;
+    const after = points[index + 1] ?? current;
+    const dx = after.x - before.x;
+    const dy = after.y - before.y;
+    const length = Math.hypot(dx, dy) || 1;
+    const radius = strokeWidth(size, current.pressure) / 2;
+    const nx = -dy / length * radius;
+    const ny = dx / length * radius;
+    left.push({
+      x: current.x + nx,
+      y: current.y + ny,
+      radius
+    });
+    right.push({
+      x: current.x - nx,
+      y: current.y - ny,
+      radius
+    });
+  });
+  right.reverse();
+  // Quadratic segments through the midpoints of neighbouring edge points keep the outline smooth without overshoot.
+  const edge = side => side.map((current, index) => {
+    if (index === 0) return "";
+    const next = side[index + 1];
+    if (!next) return `L${point(current.x, current.y)}`;
+    return `Q${point(current.x, current.y)} ${point((current.x + next.x) / 2, (current.y + next.y) / 2)}`;
+  }).join("");
+  const cap = (from, to) => `A${round(from.radius)} ${round(from.radius)} 0 0 0 ${point(to.x, to.y)}`;
+  const start = left[0] ?? right[0];
+  const end = left[left.length - 1];
+  const back = right[0];
+  const backEnd = right[right.length - 1];
+  if (!start || !end || !back || !backEnd) return "";
+  return `M${point(start.x, start.y)}${edge(left)}${cap(end, back)}${edge(right)}${cap(backEnd, start)}Z`;
+};
+
+/** Serializes a drawing as a standalone SVG document; an empty drawing has no value. */
+export const drawingToSvg = drawing => {
+  if (drawing.strokes.length === 0) return null;
+  const width = round(drawing.width);
+  const height = round(drawing.height);
+  const paths = drawing.strokes.map(stroke => `<path d="${escapeXml(stroke)}"/>`).join("");
+  return `<svg xmlns="${SVG_NS}" viewBox="${round(drawing.x)} ${round(drawing.y)} ${width} ${height}" width="${width}" height="${height}"><g fill="currentColor">${paths}</g></svg>`;
+};
+const NUMBER = String.raw`-?\d+(?:\.\d+)?`;
+const SVG_NS_PATTERN = String.raw`http://www\.w3\.org/2000/svg`;
+// Exactly the markup drawingToSvg and typedToSvg write. Path data may only hold the commands and numbers strokeOutline
+// emits, and no attribute or text may hold markup, so a match cannot carry scripts, links, or other elements.
+const DRAWN_SVG = new RegExp(`^<svg xmlns="${SVG_NS_PATTERN}" viewBox="(${NUMBER}) (${NUMBER}) (${NUMBER}) (${NUMBER})" width="${NUMBER}" height="${NUMBER}">` + `<g fill="currentColor">((?:<path d="[MLQAZ\\d .-]+"/>)+)</g></svg>$`);
+const TYPED_SVG = new RegExp(`^<svg xmlns="${SVG_NS_PATTERN}" viewBox="0 0 (\\d+) \\d+" width="\\d+" height="\\d+">` + `<text x="\\d+" y="\\d+" font-family="([^"<>]*)" font-size="\\d+" fill="currentColor">[^<>]*</text></svg>$`);
+
+/** Reads the drawing space and strokes back from an SVG drawingToSvg wrote, so a stored signature can be extended or undone. */
+export const svgToDrawing = svg => {
+  const match = DRAWN_SVG.exec(svg);
+  if (!match) return null;
+  const [x = 0, y = 0, width = 0, height = 0] = match.slice(1, 5).map(Number);
+  if (width <= 0 || height <= 0) return null;
+  const strokes = [...(match[5] ?? "").matchAll(/<path d="([^"]+)"\/>/g)].flatMap(path => path[1] ? [path[1]] : []);
+  return {
+    x,
+    y,
+    width,
+    height,
+    strokes
+  };
+};
+
+/**
+ * Lays out a typed name as an SVG document in the given font family. `measure`
+ * returns the text width at `TYPED_FONT_SIZE`; without one, the width is estimated.
+ */
+export const typedToSvg = (name, fontFamily, measure) => {
+  const font = `${TYPED_FONT_SIZE}px ${fontFamily}`;
+  const textWidth = measure?.(name, font) ?? name.length * TYPED_FONT_SIZE * 0.5;
+  const width = Math.ceil(textWidth + TYPED_PADDING * 2);
+  const height = Math.ceil(TYPED_FONT_SIZE * 1.6);
+  const baseline = Math.round(TYPED_FONT_SIZE * 1.15);
+  return `<svg xmlns="${SVG_NS}" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}">` + `<text x="${TYPED_PADDING}" y="${baseline}" font-family="${escapeXml(fontFamily)}" font-size="${TYPED_FONT_SIZE}" fill="currentColor">${escapeXml(name)}</text></svg>`;
+};
+
+/**
+ * Reads a submitted signature on the server: the JSON string of the field's
+ * hidden input, or a value the browser sent as JSON. It accepts only markup
+ * the field writes and returns it rebuilt, so the result is safe to store and
+ * to embed. An empty or invalid value returns `null`.
+ */
+export const parseSignature = input => {
+  let value = input;
+  if (typeof input === "string") {
+    if (!input) return null;
+    try {
+      value = JSON.parse(input);
+    } catch {
+      return null;
+    }
+  }
+  if (typeof value !== "object" || value === null || !("kind" in value) || !("svg" in value) || typeof value.svg !== "string") return null;
+  if (value.kind === "drawn") {
+    const drawing = svgToDrawing(value.svg);
+    const svg = drawing && drawingToSvg(drawing);
+    return svg ? {
+      kind: "drawn",
+      svg
+    } : null;
+  }
+  if (value.kind !== "typed" || !("name" in value) || typeof value.name !== "string") return null;
+  const name = signatureName(value.name);
+  const match = TYPED_SVG.exec(value.svg);
+  if (!name || !match) return null;
+  const textWidth = Number(match[1]) - TYPED_PADDING * 2;
+  return {
+    kind: "typed",
+    name,
+    svg: typedToSvg(name, unescapeXml(match[2] ?? ""), () => Math.max(0, textWidth))
+  };
+};
+/**
+ * Rasterizes a signature into a PNG data URL in the browser, for a document or
+ * service that needs a bitmap. A typed signature renders with the fonts
+ * installed on this device: an SVG image cannot use the page's web fonts.
+ */
+export const signatureToPng = async (value, options = {}) => {
+  const viewBox = /viewBox="-?[\d.]+ -?[\d.]+ ([\d.]+) ([\d.]+)"/.exec(value.svg);
+  if (!viewBox) throw new Error("The signature SVG has no drawing size.");
+  const scale = options.scale ?? 2;
+  const width = Math.max(1, Math.round(Number(viewBox[1]) * scale));
+  const height = Math.max(1, Math.round(Number(viewBox[2]) * scale));
+  const svg = value.svg.replace("<svg ", `<svg color="${escapeXml(options.color ?? "#000000")}" `);
+  const image = new Image();
+  image.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+  await image.decode();
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const context = canvas.getContext("2d");
+  if (!context) throw new Error("This browser cannot draw a signature image.");
+  if (options.background) {
+    context.fillStyle = options.background;
+    context.fillRect(0, 0, width, height);
+  }
+  context.drawImage(image, 0, 0, width, height);
+  const url = canvas.toDataURL("image/png");
+  // A canvas beyond the browser's size limit returns "data:," instead of failing.
+  if (!url.startsWith("data:image/png")) throw new Error("The signature is too large for a PNG at this scale.");
+  return url;
+};
+//# sourceMappingURL=signature.js.map

package/dist/browser/inputs/signature.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/signature.ts"],"sourcesContent":["/**\n * A signature as the field reports it. `kind` records how it was given, so the\n * application can keep that fact next to the image. `svg` is a standalone SVG\n * document whose ink uses `currentColor`, so it renders black as an image. A\n * value that arrives from a browser is untrusted input: read it with\n * `parseSignature` before storing or embedding it.\n */\nexport type SignatureValue = { kind: \"drawn\"; svg: string } | { kind: \"typed\"; name: string; svg: string };\n\n/** One sampled pointer position in drawing units, with a pressure from 0 to 1. */\nexport type SignaturePoint = { x: number; y: number; pressure: number };\n\n/** The drawing space as an SVG viewBox and one closed outline path per stroke. */\nexport type SignatureDrawing = { x: number; y: number; width: number; height: number; strokes: readonly string[] };\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n/** Typed names are laid out at this size; the SVG scales as a whole. */\nconst TYPED_FONT_SIZE = 48;\nconst TYPED_PADDING = 12;\n\nconst round = (value: number) => Math.round(value * 10) / 10;\nconst point = (x: number, y: number) => `${round(x)} ${round(y)}`;\n\n/** Control characters, lone surrogates, and the two noncharacters XML forbids, which a strict XML parser rejects. */\nconst NOT_XML_TEXT = /[\\p{Cc}\\p{Cs}\\uFFFE\\uFFFF]/gu;\n\n/** Escapes text for XML content or attributes and drops characters XML cannot hold, so the document stays well-formed. */\nexport const escapeXml = (text: string): string =>\n  text\n    .replace(NOT_XML_TEXT, \"\")\n    .replace(/[&<>\"']/g, (char) => ({ \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\", '\"': \"&quot;\", \"'\": \"&apos;\" })[char] ?? char);\n\nconst unescapeXml = (text: string): string =>\n  text.replace(/&(amp|lt|gt|quot|apos);/g, (_, name: string) => ({ amp: \"&\", lt: \"<\", gt: \">\", quot: '\"', apos: \"'\" })[name] ?? \"\");\n\n/** The name as a typed signature stores it: without characters an SVG cannot hold and without surrounding space. */\nexport const signatureName = (name: string): string => name.replace(NOT_XML_TEXT, \"\").trim();\n\n/** Stroke width in drawing units at a pressure: light pressure still leaves a readable line. */\nexport const strokeWidth = (size: number, pressure: number): number => size * (0.35 + 0.65 * Math.min(1, Math.max(0, pressure)));\n\n/**\n * Turns sampled points into one filled outline: both edges follow the points at\n * half the local stroke width and are smoothed through their midpoints, and\n * round caps close the ends. A filled outline, unlike a stroked path, can change\n * width along the line, so pen pressure and drawing speed show in the ink.\n */\nexport const strokeOutline = (points: readonly SignaturePoint[], size: number): string => {\n  const first = points[0];\n  if (!first) return \"\";\n  if (points.length === 1) {\n    const radius = round(strokeWidth(size, first.pressure) / 2);\n    const arc = (x: number) => `A${radius} ${radius} 0 1 0 ${point(x, first.y)}`;\n    return `M${point(first.x - radius, first.y)}${arc(first.x + radius)}${arc(first.x - radius)}Z`;\n  }\n  type Edge = { x: number; y: number; radius: number };\n  const left: Edge[] = [];\n  const right: Edge[] = [];\n  points.forEach((current, index) => {\n    const before = points[index - 1] ?? current;\n    const after = points[index + 1] ?? current;\n    const dx = after.x - before.x;\n    const dy = after.y - before.y;\n    const length = Math.hypot(dx, dy) || 1;\n    const radius = strokeWidth(size, current.pressure) / 2;\n    const nx = (-dy / length) * radius;\n    const ny = (dx / length) * radius;\n    left.push({ x: current.x + nx, y: current.y + ny, radius });\n    right.push({ x: current.x - nx, y: current.y - ny, radius });\n  });\n  right.reverse();\n  // Quadratic segments through the midpoints of neighbouring edge points keep the outline smooth without overshoot.\n  const edge = (side: readonly Edge[]) =>\n    side\n      .map((current, index) => {\n        if (index === 0) return \"\";\n        const next = side[index + 1];\n        if (!next) return `L${point(current.x, current.y)}`;\n        return `Q${point(current.x, current.y)} ${point((current.x + next.x) / 2, (current.y + next.y) / 2)}`;\n      })\n      .join(\"\");\n  const cap = (from: Edge, to: Edge) => `A${round(from.radius)} ${round(from.radius)} 0 0 0 ${point(to.x, to.y)}`;\n  const start = left[0] ?? right[0];\n  const end = left[left.length - 1];\n  const back = right[0];\n  const backEnd = right[right.length - 1];\n  if (!start || !end || !back || !backEnd) return \"\";\n  return `M${point(start.x, start.y)}${edge(left)}${cap(end, back)}${edge(right)}${cap(backEnd, start)}Z`;\n};\n\n/** Serializes a drawing as a standalone SVG document; an empty drawing has no value. */\nexport const drawingToSvg = (drawing: SignatureDrawing): string | null => {\n  if (drawing.strokes.length === 0) return null;\n  const width = round(drawing.width);\n  const height = round(drawing.height);\n  const paths = drawing.strokes.map((stroke) => `<path d=\"${escapeXml(stroke)}\"/>`).join(\"\");\n  return `<svg xmlns=\"${SVG_NS}\" viewBox=\"${round(drawing.x)} ${round(drawing.y)} ${width} ${height}\" width=\"${width}\" height=\"${height}\"><g fill=\"currentColor\">${paths}</g></svg>`;\n};\n\nconst NUMBER = String.raw`-?\\d+(?:\\.\\d+)?`;\nconst SVG_NS_PATTERN = String.raw`http://www\\.w3\\.org/2000/svg`;\n// Exactly the markup drawingToSvg and typedToSvg write. Path data may only hold the commands and numbers strokeOutline\n// emits, and no attribute or text may hold markup, so a match cannot carry scripts, links, or other elements.\nconst DRAWN_SVG = new RegExp(\n  `^<svg xmlns=\"${SVG_NS_PATTERN}\" viewBox=\"(${NUMBER}) (${NUMBER}) (${NUMBER}) (${NUMBER})\" width=\"${NUMBER}\" height=\"${NUMBER}\">` +\n    `<g fill=\"currentColor\">((?:<path d=\"[MLQAZ\\\\d .-]+\"/>)+)</g></svg>$`,\n);\nconst TYPED_SVG = new RegExp(\n  `^<svg xmlns=\"${SVG_NS_PATTERN}\" viewBox=\"0 0 (\\\\d+) \\\\d+\" width=\"\\\\d+\" height=\"\\\\d+\">` +\n    `<text x=\"\\\\d+\" y=\"\\\\d+\" font-family=\"([^\"<>]*)\" font-size=\"\\\\d+\" fill=\"currentColor\">[^<>]*</text></svg>$`,\n);\n\n/** Reads the drawing space and strokes back from an SVG drawingToSvg wrote, so a stored signature can be extended or undone. */\nexport const svgToDrawing = (svg: string): SignatureDrawing | null => {\n  const match = DRAWN_SVG.exec(svg);\n  if (!match) return null;\n  const [x = 0, y = 0, width = 0, height = 0] = match.slice(1, 5).map(Number);\n  if (width <= 0 || height <= 0) return null;\n  const strokes = [...(match[5] ?? \"\").matchAll(/<path d=\"([^\"]+)\"\\/>/g)].flatMap((path) => (path[1] ? [path[1]] : []));\n  return { x, y, width, height, strokes };\n};\n\n/**\n * Lays out a typed name as an SVG document in the given font family. `measure`\n * returns the text width at `TYPED_FONT_SIZE`; without one, the width is estimated.\n */\nexport const typedToSvg = (name: string, fontFamily: string, measure?: (text: string, font: string) => number | undefined): string => {\n  const font = `${TYPED_FONT_SIZE}px ${fontFamily}`;\n  const textWidth = measure?.(name, font) ?? name.length * TYPED_FONT_SIZE * 0.5;\n  const width = Math.ceil(textWidth + TYPED_PADDING * 2);\n  const height = Math.ceil(TYPED_FONT_SIZE * 1.6);\n  const baseline = Math.round(TYPED_FONT_SIZE * 1.15);\n  return (\n    `<svg xmlns=\"${SVG_NS}\" viewBox=\"0 0 ${width} ${height}\" width=\"${width}\" height=\"${height}\">` +\n    `<text x=\"${TYPED_PADDING}\" y=\"${baseline}\" font-family=\"${escapeXml(fontFamily)}\" font-size=\"${TYPED_FONT_SIZE}\" fill=\"currentColor\">${escapeXml(name)}</text></svg>`\n  );\n};\n\n/**\n * Reads a submitted signature on the server: the JSON string of the field's\n * hidden input, or a value the browser sent as JSON. It accepts only markup\n * the field writes and returns it rebuilt, so the result is safe to store and\n * to embed. An empty or invalid value returns `null`.\n */\nexport const parseSignature = (input: unknown): SignatureValue | null => {\n  let value: unknown = input;\n  if (typeof input === \"string\") {\n    if (!input) return null;\n    try {\n      value = JSON.parse(input);\n    } catch {\n      return null;\n    }\n  }\n  if (typeof value !== \"object\" || value === null || !(\"kind\" in value) || !(\"svg\" in value) || typeof value.svg !== \"string\") return null;\n  if (value.kind === \"drawn\") {\n    const drawing = svgToDrawing(value.svg);\n    const svg = drawing && drawingToSvg(drawing);\n    return svg ? { kind: \"drawn\", svg } : null;\n  }\n  if (value.kind !== \"typed\" || !(\"name\" in value) || typeof value.name !== \"string\") return null;\n  const name = signatureName(value.name);\n  const match = TYPED_SVG.exec(value.svg);\n  if (!name || !match) return null;\n  const textWidth = Number(match[1]) - TYPED_PADDING * 2;\n  return { kind: \"typed\", name, svg: typedToSvg(name, unescapeXml(match[2] ?? \"\"), () => Math.max(0, textWidth)) };\n};\n\nexport type SignaturePngOptions = {\n  /** Device pixels per SVG unit. Defaults to `2`. */\n  scale?: number;\n  /** Ink colour. Defaults to `\"#000000\"`. */\n  color?: string;\n  /** Background fill. Defaults to transparent. */\n  background?: string;\n};\n\n/**\n * Rasterizes a signature into a PNG data URL in the browser, for a document or\n * service that needs a bitmap. A typed signature renders with the fonts\n * installed on this device: an SVG image cannot use the page's web fonts.\n */\nexport const signatureToPng = async (value: SignatureValue, options: SignaturePngOptions = {}): Promise<string> => {\n  const viewBox = /viewBox=\"-?[\\d.]+ -?[\\d.]+ ([\\d.]+) ([\\d.]+)\"/.exec(value.svg);\n  if (!viewBox) throw new Error(\"The signature SVG has no drawing size.\");\n  const scale = options.scale ?? 2;\n  const width = Math.max(1, Math.round(Number(viewBox[1]) * scale));\n  const height = Math.max(1, Math.round(Number(viewBox[2]) * scale));\n  const svg = value.svg.replace(\"<svg \", `<svg color=\"${escapeXml(options.color ?? \"#000000\")}\" `);\n  const image = new Image();\n  image.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;\n  await image.decode();\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = width;\n  canvas.height = height;\n  const context = canvas.getContext(\"2d\");\n  if (!context) throw new Error(\"This browser cannot draw a signature image.\");\n  if (options.background) {\n    context.fillStyle = options.background;\n    context.fillRect(0, 0, width, height);\n  }\n  context.drawImage(image, 0, 0, width, height);\n  const url = canvas.toDataURL(\"image/png\");\n  // A canvas beyond the browser's size limit returns \"data:,\" instead of failing.\n  if (!url.startsWith(\"data:image/png\")) throw new Error(\"The signature is too large for a PNG at this scale.\");\n  return url;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;;AAGA;;AAGA,MAAM,MAAM,GAAG,4BAA4B;AAC3C;AACA,MAAM,eAAe,GAAG,EAAE;AAC1B,MAAM,aAAa,GAAG,EAAE;AAExB,MAAM,KAAK,GAAI,KAAa,IAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,EAAE;AAC5D,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,CAAS,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;;AAEjE;AACA,MAAM,YAAY,GAAG,8BAA8B;;AAEnD;AACA,OAAO,MAAM,SAAS,GAAI,IAAY,IACpC,IAAI,CACD,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CACzB,OAAO,CAAC,UAAU,EAAG,IAAI,IAAK,CAAC;EAAE,GAAG,EAAE,OAAO;EAAE,GAAG,EAAE,MAAM;EAAE,GAAG,EAAE,MAAM;EAAE,GAAG,EAAE,QAAQ;EAAE,GAAG,EAAE;AAAS,CAAC,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC;AAE5H,MAAM,WAAW,GAAI,IAAY,IAC/B,IAAI,CAAC,OAAO,CAAC,0BAA0B,EAAE,CAAC,CAAC,EAAE,IAAY,KAAK,CAAC;EAAE,GAAG,EAAE,GAAG;EAAE,EAAE,EAAE,GAAG;EAAE,EAAE,EAAE,GAAG;EAAE,IAAI,EAAE,GAAG;EAAE,IAAI,EAAE;AAAI,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;;AAEnI;AACA,OAAO,MAAM,aAAa,GAAI,IAAY,IAAa,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;;AAE5F;AACA,OAAO,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,QAAgB,KAAa,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;;AAEhI;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM,aAAa,GAAG,CAAC,MAAiC,EAAE,IAAY,KAAa;EACxF,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;EACvB,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE;EACrB,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;IACvB,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC3D,MAAM,GAAG,GAAI,CAAS,IAAK,IAAI,MAAM,IAAI,MAAM,UAAU,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE;IAC5E,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG;EAChG;EAEA,MAAM,IAAY,GAAG,EAAE;EACvB,MAAM,KAAa,GAAG,EAAE;EACxB,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,KAAK;IACjC,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,OAAO;IAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,OAAO;IAC1C,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;IAC7B,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;IAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC;IACtC,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC;IACtD,MAAM,EAAE,GAAI,CAAC,EAAE,GAAG,MAAM,GAAI,MAAM;IAClC,MAAM,EAAE,GAAI,EAAE,GAAG,MAAM,GAAI,MAAM;IACjC,IAAI,CAAC,IAAI,CAAC;MAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE;MAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE;MAAE;IAAO,CAAC,CAAC;IAC3D,KAAK,CAAC,IAAI,CAAC;MAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE;MAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE;MAAE;IAAO,CAAC,CAAC;EAC9D,CAAC,CAAC;EACF,KAAK,CAAC,OAAO,CAAC,CAAC;EACf;EACA,MAAM,IAAI,GAAI,IAAqB,IACjC,IAAI,CACD,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,KAAK;IACvB,IAAI,KAAK,KAAK,CAAC,EAAE,OAAO,EAAE;IAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,IAAI,EAAE,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE;IACnD,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;EACvG,CAAC,CAAC,CACD,IAAI,CAAC,EAAE,CAAC;EACb,MAAM,GAAG,GAAG,CAAC,IAAU,EAAE,EAAQ,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE;EAC/G,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;EACjC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;EACjC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC;EACrB,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;EACvC,IAAI,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE;EAClD,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG;AACzG,CAAC;;AAED;AACA,OAAO,MAAM,YAAY,GAAI,OAAyB,IAAoB;EACxE,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;EAClC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;EACpC,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAE,MAAM,IAAK,YAAY,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;EAC1F,OAAO,eAAe,MAAM,cAAc,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,MAAM,YAAY,KAAK,aAAa,MAAM,4BAA4B,KAAK,YAAY;AACpL,CAAC;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,iBAAiB;AAC1C,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,8BAA8B;AAC/D;AACA;AACA,MAAM,SAAS,GAAG,IAAI,MAAM,CAC1B,gBAAgB,cAAc,eAAe,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,aAAa,MAAM,aAAa,MAAM,IAAI,GAC/H,qEACJ,CAAC;AACD,MAAM,SAAS,GAAG,IAAI,MAAM,CAC1B,gBAAgB,cAAc,yDAAyD,GACrF,2GACJ,CAAC;;AAED;AACA,OAAO,MAAM,YAAY,GAAI,GAAW,IAA8B;EACpE,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;EACjC,IAAI,CAAC,KAAK,EAAE,OAAO,IAAI;EACvB,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;EAC3E,IAAI,KAAK,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC,EAAE,OAAO,IAAI;EAC1C,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAAC,CAAC,OAAO,CAAE,IAAI,IAAM,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,EAAG,CAAC;EACrH,OAAO;IAAE,CAAC;IAAE,CAAC;IAAE,KAAK;IAAE,MAAM;IAAE;EAAQ,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAE,OAA4D,KAAa;EACpI,MAAM,IAAI,GAAG,GAAG,eAAe,MAAM,UAAU,EAAE;EACjD,MAAM,SAAS,GAAG,OAAO,GAAG,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,eAAe,GAAG,GAAG;EAC9E,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,aAAa,GAAG,CAAC,CAAC;EACtD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,GAAG,CAAC;EAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;EACnD,OACE,eAAe,MAAM,kBAAkB,KAAK,IAAI,MAAM,YAAY,KAAK,aAAa,MAAM,IAAI,GAC9F,YAAY,aAAa,QAAQ,QAAQ,kBAAkB,SAAS,CAAC,UAAU,CAAC,gBAAgB,eAAe,yBAAyB,SAAS,CAAC,IAAI,CAAC,eAAe;AAE1K,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM,cAAc,GAAI,KAAc,IAA4B;EACvE,IAAI,KAAc,GAAG,KAAK;EAC1B,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;IAC7B,IAAI,CAAC,KAAK,EAAE,OAAO,IAAI;IACvB,IAAI;MACF,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC3B,CAAC,CAAC,MAAM;MACN,OAAO,IAAI;IACb;EACF;EACA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,EAAE,MAAM,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,OAAO,IAAI;EACxI,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;IAC1B,MAAM,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;IACvC,MAAM,GAAG,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC;IAC5C,OAAO,GAAG,GAAG;MAAE,IAAI,EAAE,OAAO;MAAE;IAAI,CAAC,GAAG,IAAI;EAC5C;EACA,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,EAAE,MAAM,IAAI,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,OAAO,IAAI;EAC/F,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC;EACtC,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;EACvC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,IAAI;EAChC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,CAAC;EACtD,OAAO;IAAE,IAAI,EAAE,OAAO;IAAE,IAAI;IAAE,GAAG,EAAE,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC;EAAE,CAAC;AAClH,CAAC;AAWD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM,cAAc,GAAG,OAAO,KAAqB,EAAE,OAA4B,GAAG,CAAC,CAAC,KAAsB;EACjH,MAAM,OAAO,GAAG,+CAA+C,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;EAC/E,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC;EACvE,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC;EAChC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;EACjE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;EAClE,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,EAAE,eAAe,SAAS,CAAC,OAAO,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CAAC;EAChG,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAC;EACzB,KAAK,CAAC,GAAG,GAAG,oCAAoC,kBAAkB,CAAC,GAAG,CAAC,EAAE;EACzE,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC;EACpB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;EAC/C,MAAM,CAAC,KAAK,GAAG,KAAK;EACpB,MAAM,CAAC,MAAM,GAAG,MAAM;EACtB,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;EACvC,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC;EAC5E,IAAI,OAAO,CAAC,UAAU,EAAE;IACtB,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,UAAU;IACtC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC;EACvC;EACA,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC;EAC7C,MAAM,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC;EACzC;EACA,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC;EAC7G,OAAO,GAAG;AACZ,CAAC","ignoreList":[]}

package/dist/browser/internal/render-error.js

@@ -0,0 +1,49 @@
+import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ErrorBoundary, untrack } from "solid-js";
+import { Button } from "../actions/Button";
+import { useUiMessages } from "../intl/messages";
+import Placeholder from "../surfaces/Placeholder";
+
+/**
+ * Guards a Solid root that @k2b/ui creates itself, such as a dialog or a floating window. These roots are mostly
+ * opened from a click handler, outside any owner and any island boundary. Without a boundary of their own, content
+ * that throws on an update throws into the code that wrote the signal and leaves other parts of the page stale.
+ * The content is created untracked, as `render()` and components create it, so a signal it reads directly does not
+ * rebuild it. `onClose` adds a Close button for a root whose content draws its own close control.
+ */
+export function RenderErrorBoundary(props) {
+  return _$createComponent(ErrorBoundary, {
+    fallback: error => {
+      globalThis.reportError(error);
+      props.onError?.();
+      return _$createComponent(RenderErrorNotice, {
+        get onClose() {
+          return props.onClose;
+        }
+      });
+    },
+    get children() {
+      return untrack(props.content);
+    }
+  });
+}
+function RenderErrorNotice(props) {
+  const messages = useUiMessages();
+  return _$createComponent(Placeholder, {
+    state: "error",
+    get title() {
+      return messages().couldNotDisplayContent;
+    },
+    get action() {
+      return _$memo(() => !!props.onClose)() ? _$createComponent(Button, {
+        variant: "secondary",
+        onClick: () => props.onClose?.(),
+        get children() {
+          return messages().close;
+        }
+      }) : undefined;
+    }
+  });
+}
+//# sourceMappingURL=render-error.js.map

package/dist/browser/internal/render-error.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["internal/render-error.tsx"],"sourcesContent":["import { ErrorBoundary, type JSX, untrack } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport Placeholder from \"../surfaces/Placeholder\";\n\n/**\n * Guards a Solid root that @k2b/ui creates itself, such as a dialog or a floating window. These roots are mostly\n * opened from a click handler, outside any owner and any island boundary. Without a boundary of their own, content\n * that throws on an update throws into the code that wrote the signal and leaves other parts of the page stale.\n * The content is created untracked, as `render()` and components create it, so a signal it reads directly does not\n * rebuild it. `onClose` adds a Close button for a root whose content draws its own close control.\n */\nexport function RenderErrorBoundary(props: { content: () => JSX.Element; onClose?: () => void; onError?: () => void }): JSX.Element {\n  return (\n    <ErrorBoundary\n      fallback={(error: unknown) => {\n        globalThis.reportError(error);\n        props.onError?.();\n        return <RenderErrorNotice onClose={props.onClose} />;\n      }}\n    >\n      {untrack(props.content)}\n    </ErrorBoundary>\n  );\n}\n\nfunction RenderErrorNotice(props: { onClose?: () => void }): JSX.Element {\n  const messages = useUiMessages();\n  return (\n    <Placeholder\n      state=\"error\"\n      title={messages().couldNotDisplayContent}\n      action={\n        props.onClose ? (\n          <Button variant=\"secondary\" onClick={() => props.onClose?.()}>\n            {messages().close}\n          </Button>\n        ) : undefined\n      }\n    />\n  );\n}\n"],"mappings":";;AAAA,SAAS,aAAa,EAAY,OAAO,QAAQ,UAAU;AAC3D,SAAS,MAAM,QAAQ,mBAAmB;AAC1C,SAAS,aAAa,QAAQ,kBAAkB;AAChD,OAAO,WAAW,MAAM,yBAAyB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS,mBAAmB,CAAC,KAAiF,EAAe;EAClI,yBACG,aAAa;IACZ,QAAQ,EAAG,KAAc,IAAK;MAC5B,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC;MAC7B,KAAK,CAAC,OAAO,GAAG,CAAC;MACjB,yBAAQ,iBAAiB;QAAA,IAAC,OAAO;UAAA,OAAE,KAAK,CAAC,OAAO;QAAA;MAAA;IAClD,CAAC;IAAA;MAAA,OAEA,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;IAAA;EAAA;AAG7B;AAEA,SAAS,iBAAiB,CAAC,KAA+B,EAAe;EACvE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,yBACG,WAAW;IACV,KAAK;IAAA,IACL,KAAK;MAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,sBAAsB;IAAA;IAAA,IACxC,MAAM;MAAA,OACJ,oBAAK,CAAC,OAAO,wBACV,MAAM;QAAC,OAAO;QAAa,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,GAAG,CAAC;QAAA;UAAA,OACzD,QAAQ,CAAC,CAAC,CAAC,KAAK;QAAA;MAAA,KAEjB,SAAS;IAAA;EAAA;AAIrB","ignoreList":[]}