@pierre/diffs 1.5.0 → 1.5.2

package/dist/editor/editor2.js

@@ -1,5 +1,5 @@
 //#region src/editor/editor.css?inline
-var editor_default = "::selection {\n  background-color: #0000;\n}\n\n[data-deleted-text-selection] [data-deletions] ::selection, [data-deleted-text-selection] [data-line-type=\"change-deletion\"] ::selection {\n  background-color: var(--diffs-editor-selection-bg);\n}\n\n@keyframes blinking {\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n:host, [data-code], [data-content], [data-diff-type=\"split\"][data-overflow=\"wrap\"] {\n  position: relative;\n}\n\n[data-code] {\n  container-type: inline-size;\n}\n\n[data-content] {\n  cursor: text;\n  caret-color: var(--diffs-bg-caret);\n  background-color: #0000;\n  outline: none;\n}\n\n[data-line] {\n  cursor: text;\n  background-color: #0000;\n}\n\n[data-line]:after {\n  content: \"\";\n  z-index: -20;\n  background-color: var(--diffs-line-bg);\n  pointer-events: none;\n  position: absolute;\n  inset: 0;\n}\n\n[data-line][data-editor-active-line]:after {\n  box-shadow: inset 0 0 0 1px var(--diffs-editor-line-highlight-border);\n}\n\n[data-editor-overlay] {\n  display: contents;\n}\n\n[data-caret], [data-edit-prediction], [data-selection-range], [data-match-range], [data-bracket-match-range], [data-edit-prediction-deletion-range], [data-edit-prediction-insertion-range], [data-edit-prediction-replacement-range], [data-marker-range], [data-remote-caret], [data-caret-highlight-range] {\n  height: 1lh;\n  line-height: var(--diffs-line-height);\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n[data-edit-prediction] {\n  z-index: 1;\n  user-select: none;\n  width: max-content;\n  height: auto;\n  color: var(--diffs-editor-edit-prediction-fg, color-mix(in lab, var(--diffs-fg) 45%, transparent));\n  overflow: visible;\n}\n\n[data-edit-prediction-line] {\n  box-sizing: border-box;\n  white-space: pre;\n  width: max-content;\n  min-height: 1lh;\n  display: block;\n}\n\n[data-edit-prediction][data-replacement] [data-edit-prediction-line], [data-edit-prediction-insertion-range], [data-edit-prediction-replacement-range] {\n  background-color: var(--diffs-edit-prediction-bg, var(--diffs-bg));\n}\n\n[data-edit-prediction-suffix] {\n  color: var(--diffs-fg);\n}\n\n[data-edit-prediction][data-wrap] [data-edit-prediction-line] {\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  max-width: 100%;\n}\n\n[data-edit-prediction-line][data-empty]:after {\n  content: \"↵\";\n}\n\n[data-edit-prediction-spacer] {\n  margin-block-end: var(--diffs-edit-prediction-spacer-height);\n}\n\n[data-code][data-deletions] [data-edit-prediction-spacer] {\n  box-sizing: content-box;\n  margin-block-end: 0;\n  padding-block-end: var(--diffs-edit-prediction-spacer-height);\n}\n\n[data-edit-prediction-deletion-range] {\n  --diffs-edit-prediction-deletion-color: var(--diffs-editor-edit-prediction-deletion-fg, color-mix(in lab, var(--diffs-deletion-base) 70%, transparent));\n  z-index: 1;\n  background: linear-gradient(to bottom,\n    transparent calc(50% - .5px),\n    var(--diffs-edit-prediction-deletion-color) calc(50% - .5px),\n    var(--diffs-edit-prediction-deletion-color) calc(50% + .5px),\n    transparent calc(50% + .5px));\n}\n\n[data-edit-prediction-insertion-range] {\n  z-index: 0;\n}\n\n[data-edit-prediction-replacement-range] {\n  z-index: 1;\n}\n\n[data-caret] {\n  z-index: 2;\n  background-color: var(--diffs-bg-caret-override, var(--diffs-editor-cursor-fg, light-dark(color-mix(in lab, var(--diffs-fg) 50%, var(--diffs-bg)), color-mix(in lab, var(--diffs-fg) 75%, var(--diffs-bg)))));\n  visibility: hidden;\n  width: 2px;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [data-caret] {\n    animation: 1.2s .8s infinite blinking;\n  }\n}\n\n[data-selection-range] {\n  z-index: -10;\n  background-color: var(--diffs-editor-selection-bg);\n}\n\n[data-caret-highlight-range] {\n  z-index: -10;\n  background-color: var(--diffs-caret-highlight-bg, var(--diffs-editor-selection-bg));\n}\n\n[data-selection-corner] {\n  background-color: var(--diffs-selection-corner-bg, var(--diffs-bg));\n  width: 100%;\n  height: 100%;\n}\n\n[data-match-range] {\n  z-index: -10;\n  background-color: var(--diffs-editor-match-bg, var(--diffs-editor-selection-bg));\n}\n\n[data-match-range]:not([data-focus]) {\n  background-color: var(--diffs-editor-match-highlight-bg, light-dark(#ff963288, #ff963266));\n}\n\n[data-bracket-match-range] {\n  z-index: -9;\n  box-sizing: border-box;\n  border-bottom: 1px solid\n    var(--diffs-editor-bracket-match-border, color-mix(in lab, var(--diffs-fg) 60%, transparent));\n  background-color: var(--diffs-editor-bracket-match-bg, color-mix(in lab, var(--diffs-fg) 5%, transparent));\n}\n\n[data-rtl] {\n  border-top-left-radius: 3px;\n}\n\n[data-rtr] {\n  border-top-right-radius: 3px;\n}\n\n[data-rbl] {\n  border-bottom-left-radius: 3px;\n}\n\n[data-rbr] {\n  border-bottom-right-radius: 3px;\n}\n\n[data-marker-range] {\n  z-index: 1;\n  background-color: var(--diffs-marker-bg);\n  mask-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjMiPjxwYXRoIGQ9Im0wIDIuNSBsMiAtMS41IGwxIDAgbDIgMS41IGwxIDAiIHN0cm9rZT0iI2ZmZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+\");\n  mask-position: 0 100%;\n  mask-size: 6px 3px;\n  mask-repeat: repeat-x;\n}\n\n[data-marker-error] {\n  --diffs-marker-contrast: light-dark(#fff, #000);\n  --diffs-marker-bg: var(--diffs-editor-error-fg, var(--diffs-deletion-base));\n}\n\n[data-marker-warning] {\n  --diffs-marker-contrast: #000;\n  --diffs-marker-bg: var(--diffs-editor-warning-fg, light-dark(var(--diffs-warning-light), var(--diffs-warning-dark)));\n}\n\n[data-marker-info] {\n  --diffs-marker-contrast: #000;\n  --diffs-marker-bg: var(--diffs-editor-info-fg, var(--diffs-modified-base));\n}\n\n[data-marker-hint] {\n  --diffs-marker-contrast: light-dark(#fff, #000);\n  --diffs-marker-bg: var(--diffs-editor-hint-fg, var(--diffs-fg-number));\n}\n\n@media (width >= 480px) {\n  [data-content] {\n    caret-color: #0000;\n  }\n\n  [data-content]:focus ~ [data-editor-overlay] [data-caret] {\n    visibility: visible;\n  }\n}\n\n[data-editor-widget] {\n  --diffs-widget-fg: var(--diffs-fg);\n  --diffs-widget-bg: color-mix(in lab, var(--diffs-fg) 4%, var(--diffs-bg));\n  --diffs-widget-border: color-mix(in lab, var(--diffs-fg) 20%, transparent);\n  --diffs-widget-shadow: inset 0 0 0 1px var(--diffs-bg), 0 4px 8px #00000013,\n    0 6px 18px #00000013;\n  z-index: 100;\n  width: fit-content;\n  max-width: calc(100% - 24px);\n  font: 14px/20px var(--diffs-header-font-fallback);\n  border: 1px solid var(--diffs-widget-border);\n  background-color: var(--diffs-widget-bg);\n  box-shadow: var(--diffs-widget-shadow);\n  background-clip: padding-box;\n  border-radius: 9px;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n[data-marker-popover], [data-selection-action-popover] {\n  --popover-gap: var(--diffs-popover-gap, var(--diffs-gap-fallback, 8px));\n  --popover-viewport-left: 0px;\n  --popover-viewport-right: 100cqw;\n  --popover-viewport-top: -99999px;\n  --popover-viewport-bottom: 99999px;\n  --popover-min-left: calc(var(--popover-viewport-left) + var(--gutter-width, 0px) + var(--popover-gap));\n  --popover-available-width: max(0px,\n    calc(var(--popover-viewport-right) - var(--popover-min-left) -\n        var(--popover-gap)));\n  max-width: min(640px, var(--popover-available-width));\n  translate: clamp(var(--popover-min-left),\n      var(--popover-x, var(--popover-min-left)),\n      calc(var(--popover-viewport-right) - var(--popover-gap) - 100%))\n    /* Clamp into the scrollport so a popover with no fitting side stays in view. */\n    clamp(var(--popover-viewport-top),\n      calc(var(--popover-y, 0px) + var(--popover-y-shift, 0px)),\n      calc(var(--popover-viewport-bottom) - var(--popover-gap) - 100%));\n}\n\n[data-marker-popover] {\n  --diffs-widget-bg: var(--diffs-marker-bg);\n  --diffs-widget-shadow: 0 4px 8px #00000026, 0 6px 18px #00000026;\n  min-width: min(180px, var(--popover-available-width));\n  overflow-wrap: anywhere;\n  color: var(--diffs-marker-contrast);\n  white-space: normal;\n  pointer-events: auto;\n  border: 0;\n  padding: 8px 12px;\n\n  @supports (color: contrast-color(red)) {\n    color: contrast-color(var(--diffs-marker-bg, var(--diffs-bg)));\n  }\n\n  & [data-marker-message] {\n    white-space: normal;\n    overflow-wrap: anywhere;\n\n    & code {\n      white-space: normal;\n      color: inherit;\n      background-color: #0000;\n      display: inline;\n    }\n  }\n}\n\n[data-selection-action-popover] {\n  pointer-events: auto;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 4px;\n  width: max-content;\n  padding: 4px;\n  display: flex;\n}\n\n[data-search-panel] {\n  z-index: 100;\n  flex-direction: column;\n  justify-content: right;\n  width: 100%;\n  height: 0;\n  display: flex;\n  position: sticky;\n  top: 16px;\n  right: 16px;\n  container: search-panel / inline-size;\n\n  & [data-editor-widget] {\n    z-index: 100;\n    flex-shrink: 0;\n    align-items: stretch;\n    gap: 8px;\n    min-width: 260px;\n    max-width: 100%;\n    margin-inline: auto 16px;\n    padding: 4px;\n    display: flex;\n    position: relative;\n  }\n\n  & svg {\n    fill: currentColor;\n    width: 12px;\n    height: 12px;\n    display: block;\n  }\n}\n\n[data-search-grid] {\n  grid-template-columns: auto auto auto;\n  grid-template-areas: \"find matches nav\"\n                       \"replace actions .\";\n  align-items: center;\n  gap: 4px 6px;\n  width: 100%;\n  display: grid;\n}\n\n[data-input-box][data-find] {\n  grid-area: find;\n}\n\n[data-search-nav] {\n  grid-area: nav;\n}\n\n[data-input-box][data-replace] {\n  grid-area: replace;\n}\n\n[data-replace-actions] {\n  grid-area: actions;\n}\n\n[data-search-grid][data-mode=\"find\"] {\n  grid-template-areas: \"find matches nav\";\n}\n\n[data-search-grid][data-mode=\"find\"] [data-replace-cell] {\n  display: none;\n}\n\n@container search-panel (width < 400px) {\n  [data-search-panel] [data-editor-widget] {\n    padding: 10px;\n  }\n\n  [data-search-grid][data-mode=\"replace\"] {\n    grid-template-columns: auto 1fr auto;\n    grid-template-areas: \"find find find\"\n                         \"replace replace replace\"\n                         \"nav matches actions\";\n  }\n\n  [data-search-grid][data-mode=\"find\"] {\n    grid-template-columns: auto 1fr auto;\n    grid-template-areas: \"find find find\"\n                         \"nav matches matches\";\n  }\n\n  [data-replace-actions] {\n    justify-self: end;\n  }\n\n  [data-search-grid] [data-input-box] {\n    width: auto;\n  }\n}\n\n[data-input-box] {\n  align-items: center;\n  width: 200px;\n  display: flex;\n  position: relative;\n\n  & input {\n    width: 100%;\n    min-width: 0;\n    color: var(--diffs-fg);\n    background-color: var(--diffs-bg);\n    border: 1px solid color-mix(in lab, var(--diffs-fg) 12%, var(--diffs-bg));\n    border-radius: 6px;\n    outline: none;\n    flex-grow: 1;\n    padding-inline: 6px;\n    font-size: 13px;\n    line-height: 24px;\n\n    &::selection {\n      background-color: color-mix(in lab, var(--diffs-fg) 8%, var(--diffs-bg));\n    }\n\n    &:focus-visible {\n      outline: 1px solid var(--diffs-modified-base);\n    }\n  }\n\n  &[data-find] input {\n    padding-inline-end: 72px;\n  }\n\n  & [data-search-icon] {\n    --diffs-search-icon-size: 20px;\n  }\n}\n\n[data-search-toggles] {\n  align-items: center;\n  gap: 1px;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  transform: translateY(-50%);\n}\n\n[data-matches] {\n  white-space: nowrap;\n  min-width: 50px;\n  color: color-mix(in lab, var(--diffs-fg) 50%, var(--diffs-bg));\n  flex-shrink: 0;\n  grid-area: matches;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 20px;\n\n  &[data-no-matches] {\n    color: color-mix(in lab, var(--diffs-fg) 35%, var(--diffs-bg));\n  }\n}\n\n[data-replace-actions], [data-search-nav] {\n  align-items: center;\n  display: flex;\n}\n\n[data-search-icon] {\n  appearance: none;\n  width: var(--diffs-search-icon-size, 24px);\n  height: var(--diffs-search-icon-size, 24px);\n  color: color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg));\n  border-radius: var(--diffs-search-icon-radius, 4px);\n  cursor: pointer;\n  background: none;\n  border: 0;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  transition: background-color .1s ease-in-out, color .1s ease-in-out;\n  display: flex;\n\n  &:disabled {\n    opacity: .25;\n    cursor: default;\n  }\n\n  &:not(:disabled):hover {\n    color: var(--diffs-fg);\n  }\n\n  &:focus-visible {\n    outline: 1px solid var(--diffs-modified-base);\n  }\n\n  &[aria-pressed=\"true\"] {\n    color: var(--diffs-modified-base);\n  }\n}\n\n[data-search-close] {\n  --diffs-search-icon-size: 20px;\n  --diffs-search-icon-radius: 50%;\n  color: var(--diffs-widget-bg);\n  background-color: color-mix(in lab,\n    var(--diffs-widget-fg) 50%,\n    var(--diffs-bg));\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n\n  &:not(:disabled):hover {\n    opacity: 1;\n    color: var(--diffs-widget-bg);\n    background-color: var(--diffs-widget-fg);\n  }\n}\n";
+var editor_default = "@layer base,theme,rendered,unsafe;::selection{background-color:#0000}[data-deleted-text-selection] [data-deletions] ::selection,[data-deleted-text-selection] [data-line-type=change-deletion] ::selection{background-color:var(--diffs-editor-selection-bg)}@keyframes blinking{0%{opacity:1}50%{opacity:0}to{opacity:1}}:host,[data-code],[data-content],[data-diff-type=split][data-overflow=wrap]{position:relative}[data-code]{container-type:inline-size}[data-content]{cursor:text;caret-color:var(--diffs-bg-caret);background-color:#0000;outline:none}[data-line]{cursor:text;background-color:#0000}[data-line]:after{content:\"\";z-index:-20;background-color:var(--diffs-line-bg);pointer-events:none;position:absolute;inset:0}[data-line][data-editor-active-line]:after{box-shadow:inset 0 0 0 1px var(--diffs-editor-line-highlight-border)}[data-editor-overlay]{display:contents}[data-caret],[data-edit-prediction],[data-selection-range],[data-match-range],[data-bracket-match-range],[data-edit-prediction-deletion-range],[data-edit-prediction-insertion-range],[data-edit-prediction-replacement-range],[data-marker-range],[data-remote-caret],[data-caret-highlight-range]{height:1lh;line-height:var(--diffs-line-height);pointer-events:none;position:absolute;top:0;left:0}[data-edit-prediction]{z-index:1;user-select:none;width:max-content;height:auto;color:var(--diffs-editor-edit-prediction-fg,color-mix(in lab, var(--diffs-fg) 45%, transparent));overflow:visible}[data-edit-prediction-line]{box-sizing:border-box;white-space:pre;width:max-content;min-height:1lh;display:block}[data-edit-prediction][data-replacement] [data-edit-prediction-line],[data-edit-prediction-insertion-range],[data-edit-prediction-replacement-range]{background-color:var(--diffs-edit-prediction-bg,var(--diffs-bg))}[data-edit-prediction-suffix]{color:var(--diffs-fg)}[data-edit-prediction][data-wrap] [data-edit-prediction-line]{overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%}[data-edit-prediction-line][data-empty]:after{content:\"↵\"}[data-edit-prediction-spacer]{margin-block-end:var(--diffs-edit-prediction-spacer-height)}[data-code][data-deletions] [data-edit-prediction-spacer]{box-sizing:content-box;margin-block-end:0;padding-block-end:var(--diffs-edit-prediction-spacer-height)}[data-edit-prediction-deletion-range]{--diffs-edit-prediction-deletion-color:var(--diffs-editor-edit-prediction-deletion-fg,color-mix(in lab, var(--diffs-deletion-base) 70%, transparent));z-index:1;background:linear-gradient(to bottom, transparent calc(50% - .5px), var(--diffs-edit-prediction-deletion-color) calc(50% - .5px), var(--diffs-edit-prediction-deletion-color) calc(50% + .5px), transparent calc(50% + .5px))}[data-edit-prediction-insertion-range]{z-index:0}[data-edit-prediction-replacement-range]{z-index:1}[data-caret]{z-index:2;background-color:var(--diffs-bg-caret-override,var(--diffs-editor-cursor-fg,light-dark(color-mix(in lab, var(--diffs-fg) 50%, var(--diffs-bg)),color-mix(in lab, var(--diffs-fg) 75%, var(--diffs-bg)))));visibility:hidden;width:2px}@media (prefers-reduced-motion:no-preference){[data-caret]{animation:1.2s .8s infinite blinking}}[data-selection-range]{z-index:-10;background-color:var(--diffs-editor-selection-bg)}[data-caret-highlight-range]{z-index:-10;background-color:var(--diffs-caret-highlight-bg,var(--diffs-editor-selection-bg))}[data-selection-corner]{background-color:var(--diffs-selection-corner-bg,var(--diffs-bg));width:100%;height:100%}[data-match-range]{z-index:-10;background-color:var(--diffs-editor-match-bg,var(--diffs-editor-selection-bg))}[data-match-range]:not([data-focus]){background-color:var(--diffs-editor-match-highlight-bg,light-dark(#ff963288,#ff963266))}[data-bracket-match-range]{z-index:-9;box-sizing:border-box;border-bottom:1px solid var(--diffs-editor-bracket-match-border,color-mix(in lab, var(--diffs-fg) 60%, transparent));background-color:var(--diffs-editor-bracket-match-bg,color-mix(in lab, var(--diffs-fg) 5%, transparent))}[data-rtl]{border-top-left-radius:3px}[data-rtr]{border-top-right-radius:3px}[data-rbl]{border-bottom-left-radius:3px}[data-rbr]{border-bottom-right-radius:3px}[data-marker-range]{z-index:1;background-color:var(--diffs-marker-bg);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjMiPjxwYXRoIGQ9Im0wIDIuNSBsMiAtMS41IGwxIDAgbDIgMS41IGwxIDAiIHN0cm9rZT0iI2ZmZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+);mask-position:0 100%;mask-size:6px 3px;mask-repeat:repeat-x}[data-marker-error]{--diffs-marker-contrast:light-dark(#fff,#000);--diffs-marker-bg:var(--diffs-editor-error-fg,var(--diffs-deletion-base))}[data-marker-warning]{--diffs-marker-contrast:#000;--diffs-marker-bg:var(--diffs-editor-warning-fg,light-dark(var(--diffs-warning-light),var(--diffs-warning-dark)))}[data-marker-info]{--diffs-marker-contrast:#000;--diffs-marker-bg:var(--diffs-editor-info-fg,var(--diffs-modified-base))}[data-marker-hint]{--diffs-marker-contrast:light-dark(#fff,#000);--diffs-marker-bg:var(--diffs-editor-hint-fg,var(--diffs-fg-number))}@media (width>=480px){[data-content]{caret-color:#0000}[data-content]:focus~[data-editor-overlay] [data-caret]{visibility:visible}}[data-editor-widget]{--diffs-widget-fg:var(--diffs-fg);--diffs-widget-bg:color-mix(in lab, var(--diffs-fg) 4%, var(--diffs-bg));--diffs-widget-border:color-mix(in lab, var(--diffs-fg) 20%, transparent);--diffs-widget-shadow:inset 0 0 0 1px var(--diffs-bg), 0 4px 8px #00000013, 0 6px 18px #00000013;z-index:100;width:fit-content;max-width:calc(100% - 24px);font:14px/20px var(--diffs-header-font-fallback);border:1px solid var(--diffs-widget-border);background-color:var(--diffs-widget-bg);box-shadow:var(--diffs-widget-shadow);background-clip:padding-box;border-radius:9px;position:absolute;top:0;left:0}[data-marker-popover],[data-selection-action-popover]{--popover-gap:var(--diffs-popover-gap,var(--diffs-gap-fallback,8px));--popover-viewport-left:0px;--popover-viewport-right:100cqw;--popover-viewport-top:-99999px;--popover-viewport-bottom:99999px;--popover-min-left:calc(var(--popover-viewport-left) + var(--gutter-width,0px) + var(--popover-gap));--popover-available-width:max(0px, calc(var(--popover-viewport-right) - var(--popover-min-left) - var(--popover-gap)));max-width:min(640px, var(--popover-available-width));translate:clamp(var(--popover-min-left), var(--popover-x,var(--popover-min-left)), calc(var(--popover-viewport-right) - var(--popover-gap) - 100%))  clamp(var(--popover-viewport-top), calc(var(--popover-y,0px) + var(--popover-y-shift,0px)), calc(var(--popover-viewport-bottom) - var(--popover-gap) - 100%))}[data-marker-popover]{--diffs-widget-bg:var(--diffs-marker-bg);--diffs-widget-shadow:0 4px 8px #00000026, 0 6px 18px #00000026;min-width:min(180px, var(--popover-available-width));overflow-wrap:anywhere;color:var(--diffs-marker-contrast);white-space:normal;pointer-events:auto;border:0;padding:8px 12px;@supports (color:contrast-color(red)){color:contrast-color(var(--diffs-marker-bg,var(--diffs-bg)))}& [data-marker-message]{white-space:normal;overflow-wrap:anywhere;& code{white-space:normal;color:inherit;background-color:#0000;display:inline}}}[data-selection-action-popover]{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:4px;width:max-content;padding:4px;display:flex}[data-search-panel]{z-index:100;flex-direction:column;justify-content:right;width:100%;height:0;display:flex;position:sticky;top:16px;right:16px;container:search-panel/inline-size;& [data-editor-widget]{z-index:100;flex-shrink:0;align-items:stretch;gap:8px;min-width:260px;max-width:100%;margin-inline:auto 16px;padding:4px;display:flex;position:relative}& svg{fill:currentColor;width:12px;height:12px;display:block}}[data-search-grid]{grid-template-columns:auto auto auto;grid-template-areas:\"find matches nav\"\"replace actions.\";align-items:center;gap:4px 6px;width:100%;display:grid}[data-input-box][data-find]{grid-area:find}[data-search-nav]{grid-area:nav}[data-input-box][data-replace]{grid-area:replace}[data-replace-actions]{grid-area:actions}[data-search-grid][data-mode=find]{grid-template-areas:\"find matches nav\"}[data-search-grid][data-mode=find] [data-replace-cell]{display:none}@container search-panel (width<400px){[data-search-panel] [data-editor-widget]{padding:10px}[data-search-grid][data-mode=replace]{grid-template-columns:auto 1fr auto;grid-template-areas:\"find find find\"\"replace replace replace\"\"nav matches actions\"}[data-search-grid][data-mode=find]{grid-template-columns:auto 1fr auto;grid-template-areas:\"find find find\"\"nav matches matches\"}[data-replace-actions]{justify-self:end}[data-search-grid] [data-input-box]{width:auto}}[data-input-box]{align-items:center;width:200px;display:flex;position:relative;& input{width:100%;min-width:0;color:var(--diffs-fg);background-color:var(--diffs-bg);border:1px solid color-mix(in lab, var(--diffs-fg) 12%, var(--diffs-bg));border-radius:6px;outline:none;flex-grow:1;padding-inline:6px;font-size:13px;line-height:24px;&::selection{background-color:color-mix(in lab, var(--diffs-fg) 8%, var(--diffs-bg))}&:focus-visible{outline:1px solid var(--diffs-modified-base)}}&[data-find] input{padding-inline-end:72px}& [data-search-icon]{--diffs-search-icon-size:20px}}[data-search-toggles]{align-items:center;gap:1px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}[data-matches]{white-space:nowrap;min-width:50px;color:color-mix(in lab, var(--diffs-fg) 50%, var(--diffs-bg));flex-shrink:0;grid-area:matches;font-size:12px;font-weight:500;line-height:20px;&[data-no-matches]{color:color-mix(in lab, var(--diffs-fg) 35%, var(--diffs-bg))}}[data-replace-actions],[data-search-nav]{align-items:center;display:flex}[data-search-icon]{appearance:none;width:var(--diffs-search-icon-size,24px);height:var(--diffs-search-icon-size,24px);color:color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg));border-radius:var(--diffs-search-icon-radius,4px);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .1s ease-in-out,color .1s ease-in-out;display:flex;&:disabled{opacity:.25;cursor:default}&:not(:disabled):hover{color:var(--diffs-fg)}&:focus-visible{outline:1px solid var(--diffs-modified-base)}&[aria-pressed=true]{color:var(--diffs-modified-base)}}[data-search-close]{--diffs-search-icon-size:20px;--diffs-search-icon-radius:50%;color:var(--diffs-widget-bg);background-color:color-mix(in lab, var(--diffs-widget-fg) 50%, var(--diffs-bg));position:absolute;top:0;right:0;transform:translate(50%,-50%);&:not(:disabled):hover{opacity:1;color:var(--diffs-widget-bg);background-color:var(--diffs-widget-fg)}}\n";
 //#endregion
 export { editor_default as default };
 

package/dist/editor/getChangedDocumentLines.d.ts

@@ -0,0 +1,6 @@
+import { TextDocument, TextDocumentChange } from "./textDocument.js";
+//#region src/editor/getChangedDocumentLines.d.ts
+declare function getChangedDocumentLines(document: Pick<TextDocument, 'getLineText' | 'getText' | 'lineCount'>, change: TextDocumentChange): Map<number, string>;
+//#endregion
+export { getChangedDocumentLines };
+//# sourceMappingURL=getChangedDocumentLines.d.ts.map

package/dist/editor/getChangedDocumentLines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChangedDocumentLines.d.ts","names":[],"sources":["../../src/editor/getChangedDocumentLines.ts"],"mappings":";;iBAMgB,wBACd,UAAU,KAAK,wDACf,QAAQ,qBACP"}

package/dist/editor/getChangedDocumentLines.js

@@ -0,0 +1,35 @@
+import { linesFromFileContents } from "../utils/computeFileOffsets.js";
+//#region src/editor/getChangedDocumentLines.ts
+function getChangedDocumentLines(document, change) {
+	const ranges = change.changedLineChanges?.some(([, , delta]) => delta !== 0) === true ? [[change.startLine, change.endLine]] : change.changedLineRanges;
+	const lines = /* @__PURE__ */ new Map();
+	for (const [start, end] of ranges) {
+		const lastLine = Math.min(end, document.lineCount - 1);
+		if (lastLine < start) continue;
+		if (lastLine === start) {
+			lines.set(start, document.getLineText(start, true));
+			continue;
+		}
+		const endPosition = lastLine + 1 < document.lineCount ? {
+			line: lastLine + 1,
+			character: 0
+		} : {
+			line: lastLine,
+			character: document.getLineText(lastLine).length
+		};
+		const contents = document.getText({
+			start: {
+				line: start,
+				character: 0
+			},
+			end: endPosition
+		});
+		const rangeLines = linesFromFileContents(contents);
+		for (let line = start; line <= lastLine; line++) lines.set(line, rangeLines[line - start]);
+	}
+	return lines;
+}
+//#endregion
+export { getChangedDocumentLines };
+
+//# sourceMappingURL=getChangedDocumentLines.js.map

package/dist/editor/getChangedDocumentLines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChangedDocumentLines.js","names":[],"sources":["../../src/editor/getChangedDocumentLines.ts"],"sourcesContent":["import { linesFromFileContents } from '../utils/computeFileOffsets';\nimport type { TextDocument, TextDocumentChange } from './textDocument';\n\n// Get the current text of all lines affected by an edit, even outside the visible\n// area, so the diff keeps the same text as the editor. Adding or removing lines\n// can change the line numbers between edits, so include those lines too.\nexport function getChangedDocumentLines(\n  document: Pick<TextDocument, 'getLineText' | 'getText' | 'lineCount'>,\n  change: TextDocumentChange\n): Map<number, string> {\n  const ranges =\n    change.changedLineChanges?.some(([, , delta]) => delta !== 0) === true\n      ? [[change.startLine, change.endLine]]\n      : change.changedLineRanges;\n  const lines = new Map<number, string>();\n  for (const [start, end] of ranges) {\n    const lastLine = Math.min(end, document.lineCount - 1);\n    if (lastLine < start) continue;\n    if (lastLine === start) {\n      lines.set(start, document.getLineText(start, true));\n      continue;\n    }\n    // Read a whole range at once to avoid searching the piece table for every\n    // line. Single-line edits above keep the cheaper direct lookup.\n    const endPosition =\n      lastLine + 1 < document.lineCount\n        ? { line: lastLine + 1, character: 0 }\n        : { line: lastLine, character: document.getLineText(lastLine).length };\n    const contents = document.getText({\n      start: { line: start, character: 0 },\n      end: endPosition,\n    });\n    const rangeLines = linesFromFileContents(contents);\n    for (let line = start; line <= lastLine; line++) {\n      lines.set(line, rangeLines[line - start]);\n    }\n  }\n  return lines;\n}\n"],"mappings":";;AAMA,SAAgB,wBACd,UACA,QACqB;CACrB,MAAM,SACJ,OAAO,oBAAoB,MAAM,KAAK,WAAW,UAAU,CAAC,MAAM,OAC9D,CAAC,CAAC,OAAO,WAAW,OAAO,OAAO,CAAC,IACnC,OAAO;CACb,MAAM,wBAAQ,IAAI,IAAoB;CACtC,KAAK,MAAM,CAAC,OAAO,QAAQ,QAAQ;EACjC,MAAM,WAAW,KAAK,IAAI,KAAK,SAAS,YAAY,CAAC;EACrD,IAAI,WAAW,OAAO;EACtB,IAAI,aAAa,OAAO;GACtB,MAAM,IAAI,OAAO,SAAS,YAAY,OAAO,IAAI,CAAC;GAClD;EACF;EAGA,MAAM,cACJ,WAAW,IAAI,SAAS,YACpB;GAAE,MAAM,WAAW;GAAG,WAAW;EAAE,IACnC;GAAE,MAAM;GAAU,WAAW,SAAS,YAAY,QAAQ,CAAC,CAAC;EAAO;EACzE,MAAM,WAAW,SAAS,QAAQ;GAChC,OAAO;IAAE,MAAM;IAAO,WAAW;GAAE;GACnC,KAAK;EACP,CAAC;EACD,MAAM,aAAa,sBAAsB,QAAQ;EACjD,KAAK,IAAI,OAAO,OAAO,QAAQ,UAAU,QACvC,MAAM,IAAI,MAAM,WAAW,OAAO,MAAM;CAE5C;CACA,OAAO;AACT"}

package/dist/renderers/DiffHunksRenderer.d.ts

@@ -133,7 +133,7 @@ declare class DiffHunksRenderer<LAnnotation = undefined> {
    * row set without a line-count change — the host must escalate to a full
    * re-render instead of its cheap refresh path.
    */
-  updateRenderCache(dirtyLines: Map<number, Array<HighlightedToken>>, themeType: 'dark' | 'light', lineCountChangeInFlight?: boolean): boolean;
+  updateRenderCache(dirtyLines: Map<number, Array<HighlightedToken>>, themeType: 'dark' | 'light', lineCountChangeInFlight?: boolean, changedDocumentLines?: ReadonlyMap<number, string>, documentLineCount?: number): boolean;
   private applyExpansionRemap;
   applyDocumentChange(textDocument: TextDocument<'file-diff', LAnnotation>): void;
   private applySessionDocumentChange;

package/dist/renderers/DiffHunksRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DiffHunksRenderer.d.ts","names":[],"sources":["../../src/renderers/DiffHunksRenderer.ts"],"mappings":";;;;;;;UAoJiB,iCAAiC;EAChD,mBAAmB;;UAGJ,6CAA6C,KAC5D;EAGA,kBAAkB;;UAGH;EACf;EACA,UAAU;EACV;EACA;;UAGe;EACf;EACA;EACA;;UAGe;EACf,gBAAgB;EAChB,mBAAmB;EACnB,oBAAoB;;UAUL;EACf;EACA;EACA;EACA;EACA;EACA,eAAe;EACf,eAAe;;UAGA;EACf,SAAS;EACT,QAAQ;;UAGO;EACf,UAAU;EACV,UAAU;;UAGK;EACf,SAAS;EACT,QAAQ;;UAGO;EACf,SAAS;EACT,QAAQ;;UAGO;EACf,UAAU;EACV,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;EACpB,qBAAqB;EACrB,UAAU;EACV;EACA,SAAS;EACT,eAAe;EACf;EACA;EACA;EACA;EACA;EACA;;cAKW,kBAAkB;EAgCpB,SAAS;UACR;UAGA;UACA;WApCD;UAED;UAIA;UAEA;UAEA;UACA;UAEA;UACA;UAGA;UAGA;UAQA;EAER,YACS,UAAS,0BACR,sBACN,YAAY,mBAAmB,yBAEzB,8CACA,gBAAgB;EASnB;EAQA;;;;;;;;;;EA4BA,iBACL,MAAM,kBACN,eAAe;;EA0EV;;;;EAWA;;;;;;;;;;EAiBA,4BAA4B;UAqC3B;MA4BG,aAAa;EAIjB;EAMA,WAAW,SAAS;EAIpB,aAAa,SAAS,QAAQ;EAI9B,WACL,eACA,WAAW,qBACX;EA0BK,gBAAgB,oBAAoB;EAIpC,uBAAuB,YAAY;;EAKnC,oBACL,eAAe,YAAY;EAKtB,mBACL,iBAAiB,mBAAmB;;;;;;;EAyB/B,kBACL,YAAY,YAAY,MAAM,oBAC9B,6BACA;UA+HM;EAWD,oBACL,cAAc,0BAA0B;UAkElC;UAwBA;UAaA;YAOE,2BACR,YACC,6BAA6B;YAStB,yBACR,MACA,QACC,2BAA2B;UAetB;YAKU,iCAChB,KAAK,wBACF;YAGa,+BAChB,KAAK,wBACF;YAEK,0BAA0B;EAiDvB,yBAAyB,QAAQ;EAYvC,QAAQ,MAAM;UAmCb;EAQD,2BAA2B,KAChC;UAeM;;;;;;EA2CD,qBAAqB,MAAM,mBAAmB;UAwB7C;EAiCD,WACL,OAAM,8BACN,cAAa,cACZ;EAiJU,YACX,MAAM,kBACN,cAAa,cACZ,QAAQ;YAMD,iBACR,gBACA,oBACA,mBAAmB,sBAClB;UAeW;UAuBN;EA2CD,mBACL,MAAM,kBACN,QAAQ,kBACR,SAAS,mBACT;UAQM;UAqCA;UAgBA;UAuBA;EAaD,iBAAiB;UAIhB;UAIA;EAgjBD,cACL,6CACA,QAAQ,oBACP;EAyBI,cACL,QAAQ,mBACR,WAAU,mBACT;EAkDI,eACL,QAAQ,mBACR,eAAc;EAKT,kBACL,UAAU,kBACV;UAqBM;UAiEA;UA+DA;UASA"}
+{"version":3,"file":"DiffHunksRenderer.d.ts","names":[],"sources":["../../src/renderers/DiffHunksRenderer.ts"],"mappings":";;;;;;;UAoJiB,iCAAiC;EAChD,mBAAmB;;UAGJ,6CAA6C,KAC5D;EAGA,kBAAkB;;UAGH;EACf;EACA,UAAU;EACV;EACA;;UAGe;EACf;EACA;EACA;;UAGe;EACf,gBAAgB;EAChB,mBAAmB;EACnB,oBAAoB;;UAUL;EACf;EACA;EACA;EACA;EACA;EACA,eAAe;EACf,eAAe;;UAGA;EACf,SAAS;EACT,QAAQ;;UAGO;EACf,UAAU;EACV,UAAU;;UAGK;EACf,SAAS;EACT,QAAQ;;UAGO;EACf,SAAS;EACT,QAAQ;;UAGO;EACf,UAAU;EACV,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;EACpB,qBAAqB;EACrB,UAAU;EACV;EACA,SAAS;EACT,eAAe;EACf;EACA;EACA;EACA;EACA;EACA;;cAKW,kBAAkB;EAgCpB,SAAS;UACR;UAGA;UACA;WApCD;UAED;UAIA;UAEA;UAEA;UACA;UAEA;UACA;UAGA;UAGA;UAQA;EAER,YACS,UAAS,0BACR,sBACN,YAAY,mBAAmB,yBAEzB,8CACA,gBAAgB;EASnB;EAQA;;;;;;;;;;EA4BA,iBACL,MAAM,kBACN,eAAe;;EA0EV;;;;EAWA;;;;;;;;;;EAiBA,4BAA4B;UAqC3B;MA4BG,aAAa;EAIjB;EAMA,WAAW,SAAS;EAIpB,aAAa,SAAS,QAAQ;EAI9B,WACL,eACA,WAAW,qBACX;EA0BK,gBAAgB,oBAAoB;EAIpC,uBAAuB,YAAY;;EAKnC,oBACL,eAAe,YAAY;EAKtB,mBACL,iBAAiB,mBAAmB;;;;;;;EAyB/B,kBACL,YAAY,YAAY,MAAM,oBAC9B,6BACA,mCACA,uBAAuB,6BACvB;UAoKM;EAWD,oBACL,cAAc,0BAA0B;UAkElC;UAwBA;UAaA;YAOE,2BACR,YACC,6BAA6B;YAStB,yBACR,MACA,QACC,2BAA2B;UAetB;YAKU,iCAChB,KAAK,wBACF;YAGa,+BAChB,KAAK,wBACF;YAEK,0BAA0B;EAiDvB,yBAAyB,QAAQ;EAYvC,QAAQ,MAAM;UAmCb;EAQD,2BAA2B,KAChC;UAeM;;;;;;EA2CD,qBAAqB,MAAM,mBAAmB;UAwB7C;EAiCD,WACL,OAAM,8BACN,cAAa,cACZ;EAiJU,YACX,MAAM,kBACN,cAAa,cACZ,QAAQ;YAMD,iBACR,gBACA,oBACA,mBAAmB,sBAClB;UAeW;UAuBN;EA2CD,mBACL,MAAM,kBACN,QAAQ,kBACR,SAAS,mBACT;UAQM;UAqCA;UAgBA;UAuBA;EAaD,iBAAiB;UAIhB;UAIA;EAgjBD,cACL,6CACA,QAAQ,oBACP;EAyBI,cACL,QAAQ,mBACR,WAAU,mBACT;EAkDI,eACL,QAAQ,mBACR,eAAc;EAKT,kBACL,UAAU,kBACV;UAqBM;UAiEA;UA+DA;UASA"}

package/dist/renderers/DiffHunksRenderer.js

@@ -223,7 +223,7 @@ var DiffHunksRenderer = class {
 	* row set without a line-count change — the host must escalate to a full
 	* re-render instead of its cheap refresh path.
 	*/
-	updateRenderCache(dirtyLines, themeType, lineCountChangeInFlight = false) {
+	updateRenderCache(dirtyLines, themeType, lineCountChangeInFlight = false, changedDocumentLines, documentLineCount) {
 		this.pendingStructuralRows = void 0;
 		const { renderCache } = this;
 		if (renderCache == null) return false;
@@ -234,13 +234,27 @@ var DiffHunksRenderer = class {
 		const pendingStructuralRows = this.pendingStructuralRows = lineCountChangeInFlight ? /* @__PURE__ */ new Map() : void 0;
 		const changedAdditionLines = [];
 		const previousAdditionLines = /* @__PURE__ */ new Map();
+		if (pendingStructuralRows == null && changedDocumentLines != null) {
+			const additionLineCount = diff.additionLines.length;
+			const canAppendFinalRow = canAppendFinalDocumentRow(diff.additionLines, documentLineCount);
+			for (const [line, text] of changedDocumentLines) {
+				if (line < 0 || line > additionLineCount || line === additionLineCount && (text === "" || !canAppendFinalRow)) continue;
+				const previous = diff.additionLines[line] ?? "";
+				if (previous !== text) {
+					diff.additionLines[line] = text;
+					changedAdditionLines.push(line);
+					previousAdditionLines.set(line, previous);
+					if (!dirtyLines.has(line)) hastLines[line] = createPlainAdditionLineElement(line, cleanLastNewline(text));
+				}
+			}
+		}
 		for (const [line, tokens] of dirtyLines) {
 			const prevProps = hastLines[line]?.properties ?? {};
 			const lineText = tokens.map((a) => a[2]).join("");
 			const canSyncDiffLine = line < diff.additionLines.length;
 			const prevLine = canSyncDiffLine ? diff.additionLines[line] ?? "" : "";
 			const prevText = cleanLastNewline(prevLine);
-			if (pendingStructuralRows == null && canSyncDiffLine) {
+			if (pendingStructuralRows == null && canSyncDiffLine && changedDocumentLines?.has(line) !== true) {
 				diff.additionLines[line] = applyLineTextWithNewline(prevLine, lineText);
 				if (prevText !== lineText) {
 					changedAdditionLines.push(line);
@@ -1233,6 +1247,9 @@ function realignAdditionHastLines(previousLines, nextLines, hastLines, textDocum
 	for (let index = prefix; index < nextLines.length; index++) realigned[index] ??= createPlainAdditionLineElement(index, textDocument.getLineText(index));
 	return realigned;
 }
+function canAppendFinalDocumentRow(additionLines, documentLineCount) {
+	return documentLineCount === additionLines.length + 1 && additionLines.at(-1)?.endsWith("\n") === true;
+}
 function createPlainAdditionLineElement(lineIndex, lineText, unifiedLineIndex = lineIndex, splitLineIndex = lineIndex) {
 	return {
 		type: "element",