@aparte/plugin-diff 0.0.0-stage → 1.7.0

package/dist/index.js

@@ -0,0 +1,1082 @@
+import { pluralize, subscribeConfigChange, resolveConfig } from "@aparte/core";
+import { p as parseUnifiedDiff, d as diffTexts, a as splitLines } from "./setup-CQYdbRuR.js";
+import { f, s } from "./setup-CQYdbRuR.js";
+const BY_EXTENSION = {
+  ts: "typescript",
+  mts: "typescript",
+  cts: "typescript",
+  tsx: "tsx",
+  js: "javascript",
+  mjs: "javascript",
+  cjs: "javascript",
+  jsx: "jsx",
+  md: "markdown",
+  markdown: "markdown",
+  mdx: "mdx",
+  py: "python",
+  rb: "ruby",
+  rs: "rust",
+  kt: "kotlin",
+  kts: "kotlin",
+  h: "c",
+  hpp: "cpp",
+  cc: "cpp",
+  cxx: "cpp",
+  cs: "csharp",
+  sh: "shellscript",
+  bash: "shellscript",
+  zsh: "shellscript",
+  ps1: "powershell",
+  yml: "yaml",
+  htm: "html",
+  svg: "xml",
+  patch: "diff"
+};
+const BY_NAME = { dockerfile: "dockerfile", makefile: "make" };
+function languageOfPath(path) {
+  const name = path.slice(path.lastIndexOf("/") + 1).toLowerCase();
+  if (BY_NAME[name]) return BY_NAME[name];
+  const dot = name.lastIndexOf(".");
+  if (dot <= 0) return "";
+  const extension = name.slice(dot + 1);
+  return BY_EXTENSION[extension] ?? extension;
+}
+async function highlightLines(config, lines, language) {
+  if (!lines.length || !config.hasHighlightProvider() || typeof document === "undefined") return null;
+  let html;
+  try {
+    html = await config.highlightCode(lines.join("\n"), language || "text", { fallback: false });
+  } catch {
+    return null;
+  }
+  const box = document.createElement("div");
+  box.innerHTML = html;
+  const cut = box.querySelectorAll(".line");
+  if (cut.length !== lines.length) return null;
+  return { lines: [...cut].map((line) => line.innerHTML), className: box.querySelector("pre")?.className.trim() ?? "" };
+}
+const styles = "/*\n * @aparte/plugin-diff — a change, line by line.\n *\n * Only what is the plugin's own: the file's frame and header, the grid of lines, the folds,\n * the comments. The buttons are core's `aparte-btn`, the field core's `aparte-field`, the\n * tags core's `aparte-badge`; this sheet places them and draws none of them.\n *\n * The lines are one grid per file — old number, new number, marker, code — so the numbers\n * line up whatever their width, and each row is a subgrid that paints its own tint. The grid\n * carries `dir=\"ltr\"`: code reads left to right in a right-to-left page; everything around\n * it uses logical properties and follows the page.\n *\n * The tints are the plugin's tokens, each falling back to core's: added on the success\n * surface, removed on the error surface, so a theme that moves those moves the diff.\n */\naparte-diff {\n    display: block;\n    min-inline-size: 0;\n    color: var(--aparte-text);\n    font-family: var(--aparte-font-family);\n    font-size: var(--aparte-font-size-sm);\n}\n\naparte-diff[hidden] {\n    display: none;\n}\n\n.aparte-diff-file {\n    overflow: hidden;\n    border: var(--aparte-border-width) solid var(--aparte-code-border);\n    border-radius: var(--aparte-radius-md);\n    background: var(--aparte-code-bg);\n}\n\n.aparte-diff-file + .aparte-diff-file {\n    margin-block-start: var(--aparte-space-3);\n}\n\n/* ── The header: path, what happened, counts ─────────────────────────────── */\n\n.aparte-diff-file__head {\n    display: flex;\n    align-items: center;\n    gap: var(--aparte-space-2);\n    padding: var(--aparte-space-1) var(--aparte-space-2);\n    background: var(--aparte-code-header-bg);\n    color: var(--aparte-code-header-text);\n}\n\n/* The path takes the room, and its button reads from the leading edge. */\n.aparte-diff-file__toggle {\n    flex: 1 1 auto;\n    justify-content: flex-start;\n    min-inline-size: 0;\n    color: inherit;\n}\n\n.aparte-diff-file__chevron {\n    display: inline-flex;\n    flex: none;\n    transition: transform var(--aparte-duration-fast);\n}\n\n.aparte-diff-file__toggle[aria-expanded='false'] > .aparte-diff-file__chevron {\n    transform: rotate(-90deg);\n}\n\n.aparte-diff-file__toggle[aria-expanded='false']:dir(rtl) > .aparte-diff-file__chevron {\n    transform: rotate(90deg);\n}\n\n.aparte-diff-file__path {\n    overflow: hidden;\n    font-family: var(--aparte-code-font-family);\n    font-weight: var(--aparte-font-weight-semibold);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.aparte-diff-file__status {\n    flex: none;\n}\n\n.aparte-diff-file__stat {\n    display: inline-flex;\n    flex: none;\n    gap: var(--aparte-space-2);\n    padding-inline-end: var(--aparte-space-1);\n    font-family: var(--aparte-code-font-family);\n    font-variant-numeric: tabular-nums;\n}\n\n.aparte-diff-file__added {\n    color: var(--aparte-diff-added-ink, var(--aparte-success-ink));\n}\n\n.aparte-diff-file__removed {\n    color: var(--aparte-diff-removed-ink, var(--aparte-error-ink));\n}\n\n/* ── The lines ───────────────────────────────────────────────────────────── */\n\n/* The rule under the header belongs to the lines: a folded file has none. */\n.aparte-diff-file__lines {\n    display: grid;\n    grid-template-columns: max-content max-content max-content minmax(0, 1fr);\n    border-block-start: var(--aparte-border-width) solid var(--aparte-code-border);\n    font-family: var(--aparte-code-font-family);\n    font-size: var(--aparte-code-block-font-size);\n    line-height: var(--aparte-code-block-line-height);\n}\n\n.aparte-diff-file__lines[hidden] {\n    display: none;\n}\n\n.aparte-diff-line {\n    display: grid;\n    grid-column: 1 / -1;\n    grid-template-columns: subgrid;\n}\n\n.aparte-diff-line[data-kind='add'] {\n    background: var(--aparte-diff-added-bg, var(--aparte-success-surface));\n}\n\n.aparte-diff-line[data-kind='del'] {\n    background: var(--aparte-diff-removed-bg, var(--aparte-error-surface));\n}\n\n/* Picked for a comment: its own tint, and a bar on the leading edge of the code. */\n.aparte-diff-line[data-selected] {\n    background: var(--aparte-diff-selected-bg, var(--aparte-surface-hover));\n    box-shadow: inset var(--aparte-space-1) 0 0 var(--aparte-primary);\n}\n\n.aparte-diff-line:focus {\n    outline: none;\n}\n\n/* The two numbers. A `<span>`, or with `commentable` a button that draws as a number: no chrome. */\n.aparte-diff-line__gutter {\n    display: grid;\n    grid-column: span 2;\n    grid-template-columns: subgrid;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    background: none;\n    color: var(--aparte-text-muted);\n    font: inherit;\n    user-select: none;\n}\n\nbutton.aparte-diff-line__gutter {\n    cursor: pointer;\n}\n\nbutton.aparte-diff-line__gutter:hover,\n.aparte-diff-line[data-selected] > .aparte-diff-line__gutter {\n    color: var(--aparte-text);\n}\n\nbutton.aparte-diff-line__gutter:focus-visible {\n    outline: var(--aparte-focus-outline-width) solid var(--aparte-border-focus);\n    outline-offset: calc(-1 * var(--aparte-focus-outline-width));\n}\n\n.aparte-diff-line__num {\n    min-inline-size: 3ch;\n    padding-inline: var(--aparte-space-2);\n    font-variant-numeric: tabular-nums;\n    text-align: end;\n}\n\n.aparte-diff-line__marker {\n    padding-inline: var(--aparte-space-1);\n    color: var(--aparte-text-muted);\n    user-select: none;\n}\n\n.aparte-diff-line[data-kind='add'] > .aparte-diff-line__marker {\n    color: var(--aparte-diff-added-ink, var(--aparte-success-ink));\n}\n\n.aparte-diff-line[data-kind='del'] > .aparte-diff-line__marker {\n    color: var(--aparte-diff-removed-ink, var(--aparte-error-ink));\n}\n\n/* Wraps rather than scrolls: no line hides past the edge, and the view needs no tab stop to scroll. */\n.aparte-diff-line__code {\n    padding-block: 0;\n    padding-inline: 0 var(--aparte-space-3);\n    border: 0;\n    background: none;\n    color: inherit;\n    font: inherit;\n    overflow-wrap: anywhere;\n    tab-size: 4;\n    white-space: pre-wrap;\n}\n\n/* ── Between the lines ───────────────────────────────────────────────────── */\n\n.aparte-diff-fold,\n.aparte-diff-eof,\n.aparte-diff-file__lines > .aparte-diff-empty,\n.aparte-diff-file__lines > .aparte-diff-binary {\n    grid-column: 1 / -1;\n}\n\n.aparte-diff-fold {\n    display: flex;\n    align-items: center;\n    gap: var(--aparte-space-2);\n    min-inline-size: 0;\n    padding: var(--aparte-space-1) var(--aparte-space-2);\n    background: var(--aparte-surface-2);\n    color: var(--aparte-text-muted);\n    font-family: var(--aparte-font-family);\n    font-size: var(--aparte-font-size-sm);\n}\n\n.aparte-diff-fold__show {\n    flex: none;\n}\n\n.aparte-diff-fold__count {\n    flex: none;\n    padding-inline: var(--aparte-space-2);\n}\n\n.aparte-diff-fold__section {\n    min-inline-size: 0;\n    overflow: hidden;\n    font-family: var(--aparte-code-font-family);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.aparte-diff-eof {\n    padding-inline-start: var(--aparte-space-3);\n    color: var(--aparte-text-muted);\n    font-family: var(--aparte-font-family);\n    font-size: var(--aparte-font-size-xs);\n}\n\n.aparte-diff-empty,\n.aparte-diff-binary {\n    margin: 0;\n    padding: var(--aparte-space-3);\n    color: var(--aparte-text-muted);\n    font-family: var(--aparte-font-family);\n}\n\n/* ── Comments ────────────────────────────────────────────────────────────── */\n\n.aparte-diff-comment,\n.aparte-diff-form {\n    grid-column: 1 / -1;\n    margin-block: var(--aparte-space-2);\n    margin-inline: var(--aparte-space-3);\n    font-family: var(--aparte-font-family);\n    font-size: var(--aparte-font-size-sm);\n    line-height: var(--aparte-line-height-normal);\n}\n\n.aparte-diff-comment {\n    padding: var(--aparte-space-2) var(--aparte-space-3);\n    border: var(--aparte-border-width) solid var(--aparte-border);\n    border-inline-start: var(--aparte-space-1) solid var(--aparte-primary);\n    border-radius: var(--aparte-radius-md);\n    background: var(--aparte-surface-1);\n}\n\n.aparte-diff-comment__head {\n    display: flex;\n    align-items: center;\n    gap: var(--aparte-space-2);\n    color: var(--aparte-text-muted);\n    font-size: var(--aparte-font-size-xs);\n}\n\n.aparte-diff-comment__text {\n    margin-block: var(--aparte-space-1) 0;\n    margin-inline: 0;\n    color: var(--aparte-text);\n    overflow-wrap: anywhere;\n    white-space: pre-wrap;\n}\n\n.aparte-diff-form {\n    display: grid;\n    gap: var(--aparte-space-2);\n}\n\n.aparte-diff-form__label {\n    color: var(--aparte-text-muted);\n    font-size: var(--aparte-font-size-xs);\n}\n\n.aparte-diff-form__actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--aparte-space-2);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .aparte-diff-file__chevron {\n        transition: none;\n    }\n}\n";
+const STYLE_ID = "aparte-diff-styles";
+function ensureStyles(doc = document) {
+  if (doc.getElementById(STYLE_ID)) return;
+  const style = doc.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = styles;
+  doc.head.appendChild(style);
+}
+const WORDS = {
+  /** A file's added lines, said to a screen reader beside the `+3` it shows. */
+  diffAdded: {
+    en: "one:{n} line added|other:{n} lines added",
+    fr: "one:{n} ligne ajoutée|other:{n} lignes ajoutées",
+    de: "one:{n} Zeile hinzugefügt|other:{n} Zeilen hinzugefügt",
+    es: "one:{n} línea añadida|other:{n} líneas añadidas",
+    it: "one:{n} riga aggiunta|other:{n} righe aggiunte",
+    ja: "other:{n} 行追加",
+    ko: "other:{n}줄 추가됨",
+    pt: "one:{n} linha adicionada|other:{n} linhas adicionadas",
+    ru: "one:{n} строка добавлена|few:{n} строки добавлены|many:{n} строк добавлено|other:{n} строки добавлено",
+    zh: "other:新增 {n} 行"
+  },
+  /** A file's removed lines, said to a screen reader beside the `−1` it shows. */
+  diffRemoved: {
+    en: "one:{n} line removed|other:{n} lines removed",
+    fr: "one:{n} ligne supprimée|other:{n} lignes supprimées",
+    de: "one:{n} Zeile entfernt|other:{n} Zeilen entfernt",
+    es: "one:{n} línea eliminada|other:{n} líneas eliminadas",
+    it: "one:{n} riga rimossa|other:{n} righe rimosse",
+    ja: "other:{n} 行削除",
+    ko: "other:{n}줄 삭제됨",
+    pt: "one:{n} linha removida|other:{n} linhas removidas",
+    ru: "one:{n} строка удалена|few:{n} строки удалены|many:{n} строк удалено|other:{n} строки удалено",
+    zh: "other:删除 {n} 行"
+  },
+  /** What the `+` of an added line says to a screen reader. */
+  diffMarkerAdded: {
+    en: "added",
+    fr: "ajoutée",
+    de: "hinzugefügt",
+    es: "añadida",
+    it: "aggiunta",
+    ja: "追加",
+    ko: "추가됨",
+    pt: "adicionada",
+    ru: "добавлена",
+    zh: "新增"
+  },
+  /** What the `−` of a removed line says to a screen reader. */
+  diffMarkerRemoved: {
+    en: "removed",
+    fr: "supprimée",
+    de: "entfernt",
+    es: "eliminada",
+    it: "rimossa",
+    ja: "削除",
+    ko: "삭제됨",
+    pt: "removida",
+    ru: "удалена",
+    zh: "删除"
+  },
+  /** The button over a run of unchanged lines the element can show. */
+  diffShowUnchanged: {
+    en: "one:Show {n} unchanged line|other:Show {n} unchanged lines",
+    fr: "one:Afficher {n} ligne inchangée|other:Afficher {n} lignes inchangées",
+    de: "one:{n} unveränderte Zeile anzeigen|other:{n} unveränderte Zeilen anzeigen",
+    es: "one:Mostrar {n} línea sin cambios|other:Mostrar {n} líneas sin cambios",
+    it: "one:Mostra {n} riga invariata|other:Mostra {n} righe invariate",
+    ja: "other:変更のない {n} 行を表示",
+    ko: "other:변경되지 않은 {n}줄 표시",
+    pt: "one:Mostrar {n} linha inalterada|other:Mostrar {n} linhas inalteradas",
+    ru: "one:Показать {n} неизменённую строку|few:Показать {n} неизменённые строки|many:Показать {n} неизменённых строк|other:Показать {n} неизменённой строки",
+    zh: "other:显示 {n} 行未更改的内容"
+  },
+  /** A run of unchanged lines the diff does not hold (a unified diff's text), between two hunks. */
+  diffUnchanged: {
+    en: "one:{n} unchanged line|other:{n} unchanged lines",
+    fr: "one:{n} ligne inchangée|other:{n} lignes inchangées",
+    de: "one:{n} unveränderte Zeile|other:{n} unveränderte Zeilen",
+    es: "one:{n} línea sin cambios|other:{n} líneas sin cambios",
+    it: "one:{n} riga invariata|other:{n} righe invariate",
+    ja: "other:変更のない {n} 行",
+    ko: "other:변경되지 않은 {n}줄",
+    pt: "one:{n} linha inalterada|other:{n} linhas inalteradas",
+    ru: "one:{n} неизменённая строка|few:{n} неизменённые строки|many:{n} неизменённых строк|other:{n} неизменённой строки",
+    zh: "other:{n} 行未更改"
+  },
+  /** A new file's tag, beside its path. */
+  diffStatusAdded: {
+    en: "Added",
+    fr: "Ajouté",
+    de: "Neu",
+    es: "Añadido",
+    it: "Aggiunto",
+    ja: "追加",
+    ko: "추가됨",
+    pt: "Adicionado",
+    ru: "Добавлен",
+    zh: "新增"
+  },
+  /** A deleted file's tag, beside its path. */
+  diffStatusDeleted: {
+    en: "Deleted",
+    fr: "Supprimé",
+    de: "Gelöscht",
+    es: "Eliminado",
+    it: "Eliminato",
+    ja: "削除",
+    ko: "삭제됨",
+    pt: "Excluído",
+    ru: "Удалён",
+    zh: "已删除"
+  },
+  /** A renamed file's tag, beside its paths. */
+  diffStatusRenamed: {
+    en: "Renamed",
+    fr: "Renommé",
+    de: "Umbenannt",
+    es: "Renombrado",
+    it: "Rinominato",
+    ja: "名前変更",
+    ko: "이름 변경됨",
+    pt: "Renomeado",
+    ru: "Переименован",
+    zh: "已重命名"
+  },
+  /** Where a binary file's lines would be. */
+  diffBinary: {
+    en: "Binary file, no lines to show",
+    fr: "Fichier binaire, aucune ligne à afficher",
+    de: "Binärdatei, keine Zeilen anzuzeigen",
+    es: "Archivo binario, no hay líneas que mostrar",
+    it: "File binario, nessuna riga da mostrare",
+    ja: "バイナリファイルのため表示する行はありません",
+    ko: "바이너리 파일이라 표시할 줄이 없습니다",
+    pt: "Arquivo binário, nenhuma linha para mostrar",
+    ru: "Двоичный файл, строк для показа нет",
+    zh: "二进制文件，没有可显示的行"
+  },
+  /** Under the last line of a file that ends without a newline. */
+  diffNoNewline: {
+    en: "No newline at end of file",
+    fr: "Pas de saut de ligne à la fin du fichier",
+    de: "Kein Zeilenumbruch am Dateiende",
+    es: "Sin salto de línea al final del archivo",
+    it: "Nessun a capo alla fine del file",
+    ja: "ファイル末尾に改行がありません",
+    ko: "파일 끝에 줄바꿈 없음",
+    pt: "Sem quebra de linha no fim do arquivo",
+    ru: "Нет перевода строки в конце файла",
+    zh: "文件末尾没有换行符"
+  },
+  /** An unchanged line's number, as its button and a comment name it. */
+  diffLine: {
+    en: "Line {n}",
+    fr: "Ligne {n}",
+    de: "Zeile {n}",
+    es: "Línea {n}",
+    it: "Riga {n}",
+    ja: "{n} 行目",
+    ko: "{n}번째 줄",
+    pt: "Linha {n}",
+    ru: "Строка {n}",
+    zh: "第 {n} 行"
+  },
+  /** An added line's number, as its button names it. */
+  diffLineAdded: {
+    en: "Added line {n}",
+    fr: "Ligne ajoutée {n}",
+    de: "Hinzugefügte Zeile {n}",
+    es: "Línea añadida {n}",
+    it: "Riga aggiunta {n}",
+    ja: "追加された {n} 行目",
+    ko: "추가된 {n}번째 줄",
+    pt: "Linha adicionada {n}",
+    ru: "Добавленная строка {n}",
+    zh: "新增的第 {n} 行"
+  },
+  /** A removed line's number, as its button and a comment name it. */
+  diffLineRemoved: {
+    en: "Removed line {n}",
+    fr: "Ligne supprimée {n}",
+    de: "Entfernte Zeile {n}",
+    es: "Línea eliminada {n}",
+    it: "Riga rimossa {n}",
+    ja: "削除された {n} 行目",
+    ko: "삭제된 {n}번째 줄",
+    pt: "Linha removida {n}",
+    ru: "Удалённая строка {n}",
+    zh: "删除的第 {n} 行"
+  },
+  /** A range a comment is on. */
+  diffLines: {
+    en: "Lines {start}–{end}",
+    fr: "Lignes {start} à {end}",
+    de: "Zeilen {start}–{end}",
+    es: "Líneas {start}–{end}",
+    it: "Righe {start}–{end}",
+    ja: "{start}〜{end} 行目",
+    ko: "{start}~{end}번째 줄",
+    pt: "Linhas {start}–{end}",
+    ru: "Строки {start}–{end}",
+    zh: "第 {start}–{end} 行"
+  },
+  /** A range of removed lines a comment is on. */
+  diffLinesRemoved: {
+    en: "Removed lines {start}–{end}",
+    fr: "Lignes supprimées {start} à {end}",
+    de: "Entfernte Zeilen {start}–{end}",
+    es: "Líneas eliminadas {start}–{end}",
+    it: "Righe rimosse {start}–{end}",
+    ja: "削除された {start}〜{end} 行目",
+    ko: "삭제된 {start}~{end}번째 줄",
+    pt: "Linhas removidas {start}–{end}",
+    ru: "Удалённые строки {start}–{end}",
+    zh: "删除的第 {start}–{end} 行"
+  },
+  /** The comment field's name, on one line. */
+  diffCommentLine: {
+    en: "Comment on line {n}",
+    fr: "Commenter la ligne {n}",
+    de: "Zeile {n} kommentieren",
+    es: "Comentar la línea {n}",
+    it: "Commenta la riga {n}",
+    ja: "{n} 行目にコメント",
+    ko: "{n}번째 줄에 댓글",
+    pt: "Comentar a linha {n}",
+    ru: "Комментарий к строке {n}",
+    zh: "评论第 {n} 行"
+  },
+  /** The comment field's name, on a range. */
+  diffCommentLines: {
+    en: "Comment on lines {start}–{end}",
+    fr: "Commenter les lignes {start} à {end}",
+    de: "Zeilen {start}–{end} kommentieren",
+    es: "Comentar las líneas {start}–{end}",
+    it: "Commenta le righe {start}–{end}",
+    ja: "{start}〜{end} 行目にコメント",
+    ko: "{start}~{end}번째 줄에 댓글",
+    pt: "Comentar as linhas {start}–{end}",
+    ru: "Комментарий к строкам {start}–{end}",
+    zh: "评论第 {start}–{end} 行"
+  },
+  /** What the empty comment field shows. */
+  diffCommentPlaceholder: {
+    en: "Leave a comment",
+    fr: "Laisser un commentaire",
+    de: "Kommentar schreiben",
+    es: "Deja un comentario",
+    it: "Lascia un commento",
+    ja: "コメントを入力",
+    ko: "댓글 남기기",
+    pt: "Deixe um comentário",
+    ru: "Оставьте комментарий",
+    zh: "留下评论"
+  },
+  /** The button that sends the comment. */
+  diffCommentSubmit: {
+    en: "Comment",
+    fr: "Commenter",
+    de: "Kommentieren",
+    es: "Comentar",
+    it: "Commenta",
+    ja: "コメント",
+    ko: "댓글 달기",
+    pt: "Comentar",
+    ru: "Комментировать",
+    zh: "评论"
+  },
+  /** The button that closes the comment field. */
+  diffCommentCancel: {
+    en: "Cancel",
+    fr: "Annuler",
+    de: "Abbrechen",
+    es: "Cancelar",
+    it: "Annulla",
+    ja: "キャンセル",
+    ko: "취소",
+    pt: "Cancelar",
+    ru: "Отмена",
+    zh: "取消"
+  },
+  /** A comment kept to be sent. */
+  diffCommentPending: {
+    en: "Pending",
+    fr: "En attente",
+    de: "Ausstehend",
+    es: "Pendiente",
+    it: "In attesa",
+    ja: "保留中",
+    ko: "대기 중",
+    pt: "Pendente",
+    ru: "Ожидает",
+    zh: "待发送"
+  },
+  /** A comment that was sent. */
+  diffCommentSent: {
+    en: "Sent",
+    fr: "Envoyé",
+    de: "Gesendet",
+    es: "Enviado",
+    it: "Inviato",
+    ja: "送信済み",
+    ko: "보냄",
+    pt: "Enviado",
+    ru: "Отправлен",
+    zh: "已发送"
+  },
+  /** A diff with no change in it. */
+  diffEmpty: {
+    en: "No changes",
+    fr: "Aucun changement",
+    de: "Keine Änderungen",
+    es: "Sin cambios",
+    it: "Nessuna modifica",
+    ja: "変更はありません",
+    ko: "변경 사항 없음",
+    pt: "Nenhuma alteração",
+    ru: "Изменений нет",
+    zh: "没有更改"
+  }
+};
+function languageOf(config) {
+  const tag = config.getLocale().tag;
+  return typeof tag === "string" && tag ? tag.split("-")[0].toLowerCase() : "en";
+}
+function word(config, key, vars = {}) {
+  const fromApp = config.getLocale()[key];
+  const table = WORDS[key];
+  let text = typeof fromApp === "string" && fromApp || table[languageOf(config)] || table.en;
+  if (typeof vars["n"] === "number" && /^(zero|one|two|few|many|other):/.test(text)) {
+    const tag = config.getLocale().tag;
+    text = pluralize(text, vars["n"], typeof tag === "string" && tag ? tag : void 0);
+  }
+  return text.replace(/\{(\w+)\}/g, (slot, name) => name in vars ? String(vars[name]) : slot);
+}
+const ElementBase = typeof HTMLElement === "undefined" ? class {
+} : HTMLElement;
+const STATUS_BADGES = {
+  added: ["diffStatusAdded", "success"],
+  deleted: ["diffStatusDeleted", "danger"],
+  renamed: ["diffStatusRenamed", "info"]
+};
+let instances = 0;
+const isSide = (side) => typeof side === "string" || side === null;
+function isSource(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const { before, after } = value;
+  return isSide(before) && isSide(after) && (before !== null || after !== null);
+}
+function isFile(value) {
+  return typeof value === "object" && value !== null && Array.isArray(value.hunks);
+}
+function filesOf(input) {
+  const shown = (file, source) => {
+    const old = source ? splitLines(source.before ?? "") : null;
+    const lines = file.hunks.flatMap((h) => h.lines);
+    return {
+      file: {
+        ...file,
+        added: typeof file.added === "number" ? file.added : lines.filter((l) => l.kind === "add").length,
+        removed: typeof file.removed === "number" ? file.removed : lines.filter((l) => l.kind === "del").length
+      },
+      oldLines: old ? old.lines : null,
+      newLines: source ? splitLines(source.after ?? "").lines : null,
+      oldEndsWithNewline: old ? old.endsWithNewline : true,
+      collapsed: false,
+      expanded: /* @__PURE__ */ new Set(),
+      html: null,
+      attempt: 0,
+      roving: null
+    };
+  };
+  const one = (item) => {
+    if (isSource(item)) return [shown(diffTexts(item.before, item.after, { path: item.path, oldPath: item.oldPath }), item)];
+    if (isFile(item)) return [shown(item)];
+    return [];
+  };
+  if (input === null || input === void 0) return [];
+  if (typeof input === "string") return parseUnifiedDiff(input).map((file) => shown(file));
+  if (Array.isArray(input)) return input.flatMap(one);
+  return one(input);
+}
+const firstOld = (h) => h.oldCount > 0 ? h.oldStart : h.oldStart + 1;
+const firstNew = (h) => h.newCount > 0 ? h.newStart : h.newStart + 1;
+function keyOf(line) {
+  return line.kind === "del" ? `o${line.oldLine}` : `n${line.newLine}`;
+}
+function sideOf(line) {
+  return line.kind === "del" ? "old" : "new";
+}
+function numberOn(line, side) {
+  return side === "old" ? line.oldLine : line.newLine;
+}
+function rowsOf(shown) {
+  const { file, oldLines } = shown;
+  const rows = [];
+  const push = (gap) => {
+    const count = gap.to - gap.from + 1;
+    if (count <= 0 && !gap.section) return;
+    if (oldLines && count > 0 && shown.expanded.has(gap.index)) {
+      for (let k = gap.from; k <= gap.to; k++) {
+        const line = { kind: "context", text: oldLines[k - 1] ?? "", oldLine: k, newLine: k + gap.delta };
+        if (k === oldLines.length && !shown.oldEndsWithNewline) line.noNewline = true;
+        rows.push({ type: "line", line });
+      }
+      return;
+    }
+    rows.push({ type: "gap", gap });
+  };
+  let nextOld = 1;
+  let nextNew = 1;
+  file.hunks.forEach((hunk, index) => {
+    push({ index, from: nextOld, to: firstOld(hunk) - 1, delta: firstNew(hunk) - firstOld(hunk), section: hunk.section });
+    for (const line of hunk.lines) rows.push({ type: "line", line });
+    nextOld = firstOld(hunk) + hunk.oldCount;
+    nextNew = firstNew(hunk) + hunk.newCount;
+  });
+  if (oldLines && file.hunks.length) push({ index: file.hunks.length, from: nextOld, to: oldLines.length, delta: nextNew - nextOld });
+  return rows;
+}
+function el(doc, tag, className, text) {
+  const node = doc.createElement(tag);
+  if (className) node.className = className;
+  if (text !== void 0) node.textContent = text;
+  return node;
+}
+class AparteDiff extends ElementBase {
+  static get observedAttributes() {
+    return ["commentable"];
+  }
+  _input = null;
+  _shown = [];
+  /** Each file's element, as last drawn. */
+  _files = [];
+  _comments = [];
+  _id = `aparte-diff-${++instances}`;
+  _generation = 0;
+  _stopConfig = null;
+  _selection = null;
+  _form = null;
+  /** Whether the reader opened the field (it then follows the selection through a redraw). */
+  _writing = false;
+  /** Each line row's line. */
+  _lineOf = /* @__PURE__ */ new WeakMap();
+  // ── What the app sets ──────────────────────────────────────────────────
+  /** The change to show: a unified diff's text, `{ path, before, after }`, or a list of files (`AparteDiffFile` or texts). */
+  get diff() {
+    return this._input;
+  }
+  set diff(value) {
+    this._input = value ?? null;
+    this._shown = filesOf(this._input);
+    this._generation++;
+    this._selection = null;
+    this._writing = false;
+    this._form?.node.remove();
+    if (this.isConnected) {
+      this._render();
+      void this._highlight();
+    }
+  }
+  /** The comments to show under their lines, with their state. The element only shows them. */
+  get comments() {
+    return this._comments;
+  }
+  set comments(value) {
+    this._comments = Array.isArray(value) ? [...value] : [];
+    if (this.isConnected) this._render();
+  }
+  /** Whether a reader can comment on a line. Reflects the `commentable` attribute. */
+  get commentable() {
+    return this.hasAttribute("commentable");
+  }
+  set commentable(value) {
+    this.toggleAttribute("commentable", Boolean(value));
+  }
+  // ── Lifecycle ──────────────────────────────────────────────────────────
+  connectedCallback() {
+    ensureStyles(this.ownerDocument);
+    this.addEventListener("click", this._onClick);
+    this.addEventListener("keydown", this._onKeydown);
+    this.addEventListener("keyup", this._onKeyup);
+    this._stopConfig?.();
+    this._stopConfig = subscribeConfigChange(this, () => this._onConfigChange());
+    this._render();
+    void this._highlight();
+  }
+  disconnectedCallback() {
+    this.removeEventListener("click", this._onClick);
+    this.removeEventListener("keydown", this._onKeydown);
+    this.removeEventListener("keyup", this._onKeyup);
+    this._stopConfig?.();
+    this._stopConfig = null;
+  }
+  attributeChangedCallback(name, previous, value) {
+    if (name !== "commentable" || previous === null === (value === null)) return;
+    if (value === null) {
+      this._selection = null;
+      this._writing = false;
+      this._form?.node.remove();
+    }
+    if (this.isConnected) this._render();
+  }
+  // ── Drawing ────────────────────────────────────────────────────────────
+  get _config() {
+    return resolveConfig(this);
+  }
+  _word(key, vars) {
+    return word(this._config, key, vars);
+  }
+  _onConfigChange() {
+    if (!this._config.hasHighlightProvider()) for (const shown of this._shown) shown.html = null;
+    this._render();
+    void this._highlight(true);
+  }
+  /** Draw every file again from the state, the reader's selection, field and focus kept. */
+  _render() {
+    const doc = this.ownerDocument;
+    const active = doc.activeElement;
+    const focus = active && this.contains(active) ? this._focusKey(active) : null;
+    this._files = this._shown.map((_, i) => this._renderFile(i));
+    if (this._input === null) {
+      this.replaceChildren();
+      return;
+    }
+    if (!this._shown.length) {
+      this.replaceChildren(this._message("aparte-diff-empty", "diffEmpty"));
+      return;
+    }
+    this.replaceChildren(...this._files);
+    this._paintSelection();
+    if (this._writing) this._placeForm(false);
+    if (focus) this._restoreFocus(focus);
+  }
+  _renderFile(index) {
+    const doc = this.ownerDocument;
+    const shown = this._shown[index];
+    const { file } = shown;
+    const status = file.status ?? (file.oldPath && file.oldPath !== file.path ? "renamed" : "modified");
+    const root = el(doc, "div", "aparte-diff-file");
+    root.dataset["path"] = file.path;
+    root.dataset["file"] = String(index);
+    const head = el(doc, "div", "aparte-diff-file__head");
+    const toggle = el(doc, "button", "aparte-btn aparte-btn--ghost aparte-btn--sm aparte-diff-file__toggle");
+    toggle.type = "button";
+    toggle.setAttribute("aria-expanded", String(!shown.collapsed));
+    toggle.setAttribute("aria-controls", `${this._id}-f${index}`);
+    const chevron = el(doc, "span", "aparte-diff-file__chevron");
+    chevron.setAttribute("aria-hidden", "true");
+    chevron.innerHTML = this._config.getIcon("expand");
+    const path = el(doc, "span", "aparte-diff-file__path", status === "renamed" && file.oldPath ? `${file.oldPath} → ${file.path}` : file.path);
+    toggle.append(chevron, path);
+    head.append(toggle);
+    const badge = STATUS_BADGES[status];
+    if (badge) head.append(el(doc, "span", `aparte-badge aparte-badge--sm aparte-badge--${badge[1]} aparte-diff-file__status`, this._word(badge[0])));
+    if (!file.binary) {
+      const stat = el(doc, "span", "aparte-diff-file__stat");
+      const added = el(doc, "span", "aparte-diff-file__added", `+${file.added}`);
+      const removed = el(doc, "span", "aparte-diff-file__removed", `−${file.removed}`);
+      added.setAttribute("aria-hidden", "true");
+      removed.setAttribute("aria-hidden", "true");
+      const said = el(doc, "span", "aparte-sr-only", `${this._word("diffAdded", { n: file.added })}, ${this._word("diffRemoved", { n: file.removed })}`);
+      stat.append(added, removed, said);
+      head.append(stat);
+    }
+    const lines = el(doc, "div", "aparte-diff-file__lines");
+    lines.id = `${this._id}-f${index}`;
+    lines.setAttribute("dir", "ltr");
+    lines.hidden = shown.collapsed;
+    if (file.binary) lines.append(this._message("aparte-diff-binary", "diffBinary"));
+    else if (!file.hunks.length) {
+      if (status !== "renamed") lines.append(this._message("aparte-diff-empty", "diffEmpty"));
+    } else this._fillLines(lines, index);
+    root.append(head, lines);
+    return root;
+  }
+  _message(className, key) {
+    const p = el(this.ownerDocument, "p", className, this._word(key));
+    p.setAttribute("dir", "auto");
+    return p;
+  }
+  /** The rows of file `index`, its comments under their lines. */
+  _fillLines(lines, index) {
+    const shown = this._shown[index];
+    const commentable = this.commentable;
+    const rows = rowsOf(shown);
+    const lineRows = [];
+    for (const row of rows) {
+      if (row.type === "gap") {
+        lines.append(this._gapRow(row.gap, index, Boolean(shown.oldLines)));
+        continue;
+      }
+      const node = this._lineRow(row.line, index, commentable);
+      lineRows.push(node);
+      lines.append(node);
+      if (row.line.noNewline) {
+        const eof = el(this.ownerDocument, "div", "aparte-diff-eof", this._word("diffNoNewline"));
+        eof.setAttribute("dir", "auto");
+        lines.append(eof);
+      }
+    }
+    if (commentable && lineRows.length) {
+      const roving = lineRows.find((r) => r.dataset["key"] === shown.roving) ?? lineRows[0];
+      shown.roving = roving.dataset["key"];
+      roving.querySelector(".aparte-diff-line__gutter").tabIndex = 0;
+    }
+    this._placeComments(lines, shown, lineRows);
+  }
+  _gapRow(gap, file, expandable) {
+    const doc = this.ownerDocument;
+    const row = el(doc, "div", "aparte-diff-fold");
+    row.setAttribute("dir", "auto");
+    const count = gap.to - gap.from + 1;
+    if (count > 0) {
+      if (expandable) {
+        const show = el(doc, "button", "aparte-btn aparte-btn--ghost aparte-btn--sm aparte-diff-fold__show", this._word("diffShowUnchanged", { n: count }));
+        show.type = "button";
+        show.dataset["file"] = String(file);
+        show.dataset["gap"] = String(gap.index);
+        row.append(show);
+      } else row.append(el(doc, "span", "aparte-diff-fold__count", this._word("diffUnchanged", { n: count })));
+    }
+    if (gap.section) row.append(el(doc, "span", "aparte-diff-fold__section", gap.section));
+    return row;
+  }
+  _lineRow(line, file, commentable) {
+    const doc = this.ownerDocument;
+    const shown = this._shown[file];
+    const row = el(doc, "div", "aparte-diff-line");
+    row.dataset["kind"] = line.kind;
+    row.dataset["key"] = keyOf(line);
+    this._lineOf.set(row, line);
+    const gutter = commentable ? el(doc, "button", "aparte-diff-line__gutter") : el(doc, "span", "aparte-diff-line__gutter");
+    gutter.append(
+      this._number("old", line.oldLine),
+      this._number("new", line.newLine)
+    );
+    const code = el(doc, "code", "aparte-diff-line__code");
+    if (commentable) {
+      const button = gutter;
+      button.type = "button";
+      button.tabIndex = -1;
+      const n = numberOn(line, sideOf(line));
+      button.setAttribute("aria-label", this._word(line.kind === "add" ? "diffLineAdded" : line.kind === "del" ? "diffLineRemoved" : "diffLine", { n }));
+      button.setAttribute("aria-pressed", "false");
+      code.id = `${this._id}-${file}-${keyOf(line)}`;
+      button.setAttribute("aria-describedby", code.id);
+    }
+    const marker = el(doc, "span", "aparte-diff-line__marker", line.kind === "add" ? "+" : line.kind === "del" ? "−" : " ");
+    marker.setAttribute("aria-hidden", "true");
+    row.append(gutter, marker);
+    if (line.kind !== "context") row.append(el(doc, "span", "aparte-sr-only", this._word(line.kind === "add" ? "diffMarkerAdded" : "diffMarkerRemoved")));
+    if (!this._colour(code, shown, line)) code.textContent = line.text;
+    row.append(code);
+    return row;
+  }
+  /** Put the highlighter's colours in a line's code, with its block's classes; `false` when it has none for it. */
+  _colour(code, shown, line) {
+    const html = this._htmlOf(shown, line);
+    if (html === void 0) return false;
+    code.innerHTML = html;
+    code.className = shown.html.className ? `aparte-diff-line__code ${shown.html.className}` : "aparte-diff-line__code";
+    return true;
+  }
+  _number(side, value) {
+    const num = el(this.ownerDocument, "span", "aparte-diff-line__num", value === void 0 ? "" : String(value));
+    num.dataset["side"] = side;
+    return num;
+  }
+  _htmlOf(shown, line) {
+    if (!shown.html) return void 0;
+    if (line.kind === "del") return shown.html.old.get(line.oldLine);
+    if (line.kind === "add") return shown.html.new.get(line.newLine);
+    return shown.html.new.get(line.newLine) ?? shown.html.old.get(line.oldLine);
+  }
+  /** The comments the app handed back, each under the line it ends on, or at the end of its file when that line is folded. */
+  _placeComments(lines, shown, rows) {
+    const { file } = shown;
+    const after = /* @__PURE__ */ new Map();
+    for (const comment of this._comments) {
+      const ours = comment.path === file.path || comment.side === "old" && comment.path === file.oldPath;
+      if (!ours) continue;
+      const row = rows.find((r) => {
+        const line = this._lineOf.get(r);
+        if (comment.side === "old" ? line.kind === "add" : line.kind === "del") return false;
+        return numberOn(line, comment.side) === comment.endLine;
+      });
+      const node = this._commentNode(comment);
+      if (!row) {
+        lines.append(node);
+        continue;
+      }
+      (after.get(row) ?? row).after(node);
+      after.set(row, node);
+    }
+  }
+  _commentNode(comment) {
+    const doc = this.ownerDocument;
+    const node = el(doc, "div", "aparte-diff-comment");
+    node.setAttribute("dir", "auto");
+    if (comment.state) node.dataset["state"] = comment.state;
+    const head = el(doc, "div", "aparte-diff-comment__head");
+    head.append(el(doc, "span", "aparte-diff-comment__lines", this._rangeWords(comment.side, comment.startLine, comment.endLine)));
+    if (comment.state === "pending" || comment.state === "sent") {
+      const pending = comment.state === "pending";
+      head.append(el(doc, "span", `aparte-badge aparte-badge--sm aparte-badge--${pending ? "warning" : "success"} aparte-diff-comment__state`, this._word(pending ? "diffCommentPending" : "diffCommentSent")));
+    }
+    node.append(head, el(doc, "p", "aparte-diff-comment__text", comment.text));
+    return node;
+  }
+  /** "Line 12", "Lines 12–14", "Removed line 5". */
+  _rangeWords(side, start, end) {
+    if (start === end) return this._word(side === "old" ? "diffLineRemoved" : "diffLine", { n: start });
+    return this._word(side === "old" ? "diffLinesRemoved" : "diffLines", { start, end });
+  }
+  // ── Colours ────────────────────────────────────────────────────────────
+  /**
+   * Colour each file not coloured yet — or, `again`, every file — each side as one text, and
+   * put the colours in the lines on screen. A file is coloured only once its highlighter
+   * answered: one that failed (still loading its grammars) leaves it plain, to be tried again.
+   */
+  async _highlight(again = false) {
+    const config = this._config;
+    if (!config.hasHighlightProvider()) return;
+    const generation = this._generation;
+    await Promise.all(this._shown.map(async (shown, index) => {
+      if (shown.html && !again) return;
+      const attempt = ++shown.attempt;
+      const language = languageOfPath(shown.file.path);
+      const side = (which) => {
+        const full = which === "old" ? shown.oldLines : shown.newLines;
+        if (full) return { lines: full, numbers: full.map((_, i) => i + 1) };
+        const own = shown.file.hunks.flatMap((h) => h.lines).filter((l) => l.kind === "context" || l.kind === (which === "old" ? "del" : "add"));
+        return { lines: own.map((l) => l.text), numbers: own.map((l) => numberOn(l, which)) };
+      };
+      const old = side("old");
+      const next = side("new");
+      const [oldHtml, newHtml] = await Promise.all([highlightLines(config, old.lines, language), highlightLines(config, next.lines, language)]);
+      if (generation !== this._generation || attempt !== shown.attempt || !oldHtml && !newHtml) return;
+      shown.html = {
+        old: new Map((oldHtml?.lines ?? []).map((html, i) => [old.numbers[i], html])),
+        new: new Map((newHtml?.lines ?? []).map((html, i) => [next.numbers[i], html])),
+        className: newHtml?.className ?? oldHtml?.className ?? ""
+      };
+      this._paintColours(index);
+    }));
+  }
+  _paintColours(index) {
+    const shown = this._shown[index];
+    const lines = this._linesOf(index);
+    if (!lines) return;
+    for (const row of lines.querySelectorAll(".aparte-diff-line")) {
+      const line = this._lineOf.get(row);
+      if (line) this._colour(row.querySelector(".aparte-diff-line__code"), shown, line);
+    }
+  }
+  _linesOf(index) {
+    return this._files[index]?.querySelector(":scope > .aparte-diff-file__lines") ?? null;
+  }
+  /** The line row of file `index` with the key `key`, if it is drawn. */
+  _rowOf(index, key) {
+    const lines = this._linesOf(index);
+    return lines ? [...lines.querySelectorAll(":scope > .aparte-diff-line")].find((row) => row.dataset["key"] === key) : void 0;
+  }
+  // ── What the reader does ───────────────────────────────────────────────
+  _onClick = (event) => {
+    const target = event.target;
+    if (!target || !this.contains(target)) return;
+    const toggle = target.closest(".aparte-diff-file__toggle");
+    if (toggle) {
+      const index = Number(toggle.closest(".aparte-diff-file").dataset["file"]);
+      const shown = this._shown[index];
+      shown.collapsed = !shown.collapsed;
+      toggle.setAttribute("aria-expanded", String(!shown.collapsed));
+      this._linesOf(index).hidden = shown.collapsed;
+      return;
+    }
+    const show = target.closest(".aparte-diff-fold__show");
+    if (show) {
+      this._expand(Number(show.dataset["file"]), Number(show.dataset["gap"]));
+      return;
+    }
+    const gutter = target.closest("button.aparte-diff-line__gutter");
+    if (gutter && this.commentable) this._pick(gutter.closest(".aparte-diff-line"), event.shiftKey);
+  };
+  _onKeydown = (event) => {
+    const target = event.target;
+    if (!target || !this.commentable) return;
+    if (this._form?.node.contains(target)) {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        event.stopPropagation();
+        this._letGo(true);
+      } else if (event.key === "Enter" && (event.ctrlKey || event.metaKey) && target === this._form.input) {
+        event.preventDefault();
+        this._send();
+      }
+      return;
+    }
+    const gutter = target.closest("button.aparte-diff-line__gutter");
+    if (!gutter || !this.contains(gutter)) return;
+    const row = gutter.closest(".aparte-diff-line");
+    const rows = this._rowsAround(row);
+    const at = rows.indexOf(row);
+    const moves = { ArrowDown: at + 1, ArrowUp: at - 1, Home: 0, End: rows.length - 1 };
+    const move = moves[event.key];
+    if (move !== void 0) {
+      event.preventDefault();
+      const next = rows[Math.max(0, Math.min(rows.length - 1, move))];
+      if (event.shiftKey && (event.key === "ArrowDown" || event.key === "ArrowUp")) this._stretch(row, next);
+      this._focusRow(next);
+      return;
+    }
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      this._pick(row, event.shiftKey, true);
+      return;
+    }
+    if (event.key === "Escape" && this._selection) {
+      event.preventDefault();
+      this._letGo(true);
+    }
+  };
+  /** A button acts on Space's keyup: the keydown already did. */
+  _onKeyup = (event) => {
+    if (event.key === " " && event.target?.closest?.("button.aparte-diff-line__gutter")) event.preventDefault();
+  };
+  /** The line rows of the file `row` is in. */
+  _rowsAround(row) {
+    return [...row.closest(".aparte-diff-file__lines").querySelectorAll(":scope > .aparte-diff-line")];
+  }
+  _fileOf(row) {
+    return Number(row.closest(".aparte-diff-file").dataset["file"]);
+  }
+  /** Move the file's tab stop to `row`'s number, and the focus with it. */
+  _focusRow(row) {
+    const shown = this._shown[this._fileOf(row)];
+    for (const other of this._rowsAround(row)) other.querySelector(".aparte-diff-line__gutter").tabIndex = -1;
+    const gutter = row.querySelector(".aparte-diff-line__gutter");
+    gutter.tabIndex = 0;
+    shown.roving = row.dataset["key"];
+    gutter.focus();
+  }
+  /** Shift+arrow: the selection runs from where it started (or from `from`) to `to`. */
+  _stretch(from, to) {
+    const file = this._fileOf(from);
+    const selection = this._selection;
+    if (!selection || selection.file !== file) this._selection = { file, anchor: from.dataset["key"], focus: to.dataset["key"] };
+    else selection.focus = to.dataset["key"];
+    this._paintSelection();
+    if (this._writing) this._placeForm(false);
+  }
+  /** A click (or Enter, Space) on a line number: that line, or the selection stretched to it; then the field. */
+  _pick(row, stretch, keyboard = false) {
+    const file = this._fileOf(row);
+    const key = row.dataset["key"];
+    const selection = this._selection;
+    if (stretch && selection && selection.file === file) selection.focus = key;
+    else if (!(keyboard && selection && selection.file === file && this._selectedRows().includes(row))) {
+      this._selection = { file, anchor: key, focus: key };
+    }
+    const shown = this._shown[file];
+    shown.roving = key;
+    for (const other of this._rowsAround(row)) other.querySelector(".aparte-diff-line__gutter").tabIndex = other === row ? 0 : -1;
+    this._paintSelection();
+    this._writing = true;
+    this._placeForm(true);
+  }
+  _selectedRows() {
+    const selection = this._selection;
+    const lines = selection && this._linesOf(selection.file);
+    if (!selection || !lines) return [];
+    const rows = [...lines.querySelectorAll(":scope > .aparte-diff-line")];
+    const a = rows.findIndex((r) => r.dataset["key"] === selection.anchor);
+    const b = rows.findIndex((r) => r.dataset["key"] === selection.focus);
+    if (a < 0 || b < 0) return [];
+    return rows.slice(Math.min(a, b), Math.max(a, b) + 1);
+  }
+  _paintSelection() {
+    const selected = new Set(this._selectedRows());
+    for (const row of this.querySelectorAll(".aparte-diff-line")) {
+      const on = selected.has(row);
+      row.toggleAttribute("data-selected", on);
+      const gutter = row.querySelector("button.aparte-diff-line__gutter");
+      gutter?.setAttribute("aria-pressed", String(on));
+    }
+  }
+  /** What the selection covers: its side, its first and last line there, and those lines' text. */
+  _range() {
+    const rows = this._selectedRows();
+    const selection = this._selection;
+    if (!rows.length || !selection) return null;
+    const anchor = rows.find((r) => r.dataset["key"] === selection.anchor);
+    const side = sideOf(this._lineOf.get(anchor));
+    const lines = rows.map((r) => this._lineOf.get(r)).filter((l) => numberOn(l, side) !== void 0 && (side === "old" ? l.kind !== "add" : l.kind !== "del"));
+    const numbers = lines.map((l) => numberOn(l, side));
+    return {
+      path: side === "old" ? this._shown[selection.file].file.oldPath ?? this._shown[selection.file].file.path : this._shown[selection.file].file.path,
+      side,
+      startLine: Math.min(...numbers),
+      endLine: Math.max(...numbers),
+      code: lines.map((l) => l.text).join("\n")
+    };
+  }
+  /** The field, under the selection's last line, named for what it covers. */
+  _placeForm(focus) {
+    const rows = this._selectedRows();
+    const range = this._range();
+    if (!rows.length || !range) return;
+    const form = this._form ?? this._buildForm();
+    form.label.textContent = range.startLine === range.endLine ? this._word("diffCommentLine", { n: range.startLine }) : this._word("diffCommentLines", { start: range.startLine, end: range.endLine });
+    form.input.placeholder = this._word("diffCommentPlaceholder");
+    form.submit.textContent = this._word("diffCommentSubmit");
+    form.cancel.textContent = this._word("diffCommentCancel");
+    form.submit.disabled = !form.input.value.trim();
+    rows[rows.length - 1].after(form.node);
+    if (focus) form.input.focus();
+  }
+  _buildForm() {
+    const doc = this.ownerDocument;
+    const node = el(doc, "form", "aparte-diff-form");
+    node.setAttribute("dir", "auto");
+    const label = el(doc, "label", "aparte-diff-form__label");
+    const input = el(doc, "textarea", "aparte-field aparte-field--sm aparte-field--textarea aparte-diff-form__input");
+    input.id = `${this._id}-comment`;
+    input.rows = 3;
+    input.setAttribute("dir", "auto");
+    label.htmlFor = input.id;
+    const actions = el(doc, "div", "aparte-diff-form__actions");
+    const cancel = el(doc, "button", "aparte-btn aparte-btn--ghost aparte-btn--sm aparte-diff-form__cancel");
+    cancel.type = "button";
+    const submit = el(doc, "button", "aparte-btn aparte-btn--primary aparte-btn--solid aparte-btn--sm aparte-diff-form__submit");
+    submit.type = "submit";
+    actions.append(cancel, submit);
+    node.append(label, input, actions);
+    input.addEventListener("input", () => {
+      submit.disabled = !input.value.trim();
+    });
+    node.addEventListener("submit", (event) => {
+      event.preventDefault();
+      this._send();
+    });
+    cancel.addEventListener("click", () => this._letGo(true));
+    this._form = { node, input, label, submit, cancel };
+    return this._form;
+  }
+  _send() {
+    const form = this._form;
+    const range = this._range();
+    const text = form?.input.value.trim() ?? "";
+    if (!form || !range || !text) return;
+    const detail = { ...range, text };
+    const kept = this.dispatchEvent(new CustomEvent("aparte-diff-comment", {
+      detail,
+      bubbles: true,
+      composed: true,
+      cancelable: true
+    }));
+    if (!kept) return;
+    form.input.value = "";
+    this._letGo(true);
+  }
+  /** Close the field and drop the selection; the focus goes back to the line it ended on. */
+  _letGo(returnFocus) {
+    const last = this._selectedRows().at(-1);
+    this._selection = null;
+    this._writing = false;
+    this._form?.node.remove();
+    this._paintSelection();
+    if (returnFocus && last) this._focusRow(last);
+  }
+  /** Show the unchanged run `gap` of file `index`, and carry on from its first line. */
+  _expand(index, gap) {
+    const shown = this._shown[index];
+    const before = rowsOf(shown).find((r) => r.type === "gap" && r.gap.index === gap);
+    shown.expanded.add(gap);
+    const lines = this._linesOf(index);
+    if (!lines) return;
+    lines.replaceChildren();
+    this._fillLines(lines, index);
+    this._paintSelection();
+    if (this._writing && this._selection?.file === index) this._placeForm(false);
+    if (!before) return;
+    const first = this._rowOf(index, `n${before.gap.from + before.gap.delta}`);
+    if (!first) return;
+    if (this.commentable) this._focusRow(first);
+    else {
+      first.tabIndex = -1;
+      first.focus();
+    }
+  }
+  // ── Focus across a redraw ──────────────────────────────────────────────
+  _focusKey(active) {
+    if (this._form && active === this._form.input) return "form";
+    const file = active.closest(".aparte-diff-file")?.dataset["file"];
+    if (file === void 0) return null;
+    if (active.closest(".aparte-diff-file__toggle")) return `toggle:${file}`;
+    const show = active.closest(".aparte-diff-fold__show");
+    if (show) return `gap:${file}:${show.dataset["gap"]}`;
+    const row = active.closest(".aparte-diff-line");
+    return row ? `line:${file}:${row.dataset["key"]}` : null;
+  }
+  _restoreFocus(key) {
+    if (key === "form") {
+      if (this._form?.node.isConnected) this._form.input.focus();
+      return;
+    }
+    const [kind, file, rest] = key.split(":");
+    const index = Number(file);
+    const scope = this._files[index];
+    const target = kind === "toggle" ? scope?.querySelector(".aparte-diff-file__toggle") : kind === "gap" ? [...scope?.querySelectorAll(".aparte-diff-fold__show") ?? []].find((b) => b.dataset["gap"] === rest) : this._rowOf(index, rest ?? "")?.querySelector(".aparte-diff-line__gutter");
+    if (target instanceof HTMLButtonElement) target.focus();
+  }
+}
+if (typeof customElements !== "undefined" && !customElements.get("aparte-diff")) customElements.define("aparte-diff", AparteDiff);
+export {
+  AparteDiff,
+  diffTexts,
+  f as formatUnifiedDiff,
+  parseUnifiedDiff,
+  s as setupDiff
+};
+//# sourceMappingURL=index.js.map