@aceshooting/lyra-ui 3.6.0 → 3.8.0

package/dist/components/code-block/code-block.class.d.ts

@@ -1,6 +1,7 @@
 import { type TemplateResult, type PropertyValues } from 'lit';
 import { LyraElement } from '../../internal/lyra-element.js';
 import { type ShikiLanguageInput } from './code-loader.js';
+import type { LyraAnchor, LyraHighlight } from '../document-viewer/anchors.js';
 import '../skeleton/skeleton.class.js';
 export interface LyraCodeBlockEventMap {
     'lyra-copy': CustomEvent<{
@@ -9,6 +10,17 @@ export interface LyraCodeBlockEventMap {
     'lyra-toggle': CustomEvent<{
         collapsed: boolean;
     }>;
+    'lyra-line-click': CustomEvent<{
+        line: number;
+    }>;
+    'lyra-highlight-activate': CustomEvent<{
+        id: string;
+    }>;
+    'lyra-text-select': CustomEvent<{
+        text: string;
+        anchor: LyraAnchor;
+        rects: DOMRect[];
+    }>;
 }
 /**
  * `<lyra-code-block>` — fenced code display with optional lazy syntax
@@ -56,6 +68,14 @@ export interface LyraCodeBlockEventMap {
  * from `languages` still falls back to the ordinary dynamic-import path
  * unchanged, so this is a partial opt-in, not a replacement for it.
  *
+ * Adopts the `line-range` slice of this library's shared anchor-target contract:
+ * `highlights`/`activeHighlightId` paint (and `highlight-lines` additionally marks) per-line
+ * emphasis in both the shiki and plain-text-fallback rendering paths identically, and
+ * `scrollToAnchor()` resolves a `line-range` anchor. `interactive-lines` is a separate, purely
+ * local affordance that turns the (`line-numbers`-gated) gutter into a keyboard-navigable,
+ * clickable roving-tabindex group emitting `lyra-line-click` — it doesn't require `highlights` to
+ * be set.
+ *
  * @customElement lyra-code-block
  * @event lyra-copy - The copy button was activated. `detail: { text }` is
  *   always the raw `code` value (never the highlighted HTML), and always
@@ -64,6 +84,13 @@ export interface LyraCodeBlockEventMap {
  * @event lyra-toggle - The collapse/expand header button was activated.
  *   `detail: { collapsed }` — same event name and shape convention as
  *   `<lyra-thinking-panel>`'s own `lyra-toggle`.
+ * @event lyra-line-click - A gutter line number was activated (click, or Enter/Space while
+ *   focused) while `interactive-lines` is set. `detail: { line }`.
+ * @event lyra-highlight-activate - Declared for parity with this library's other anchor-target
+ *   viewers so a consumer can attach a listener without a type error; not currently emitted by
+ *   this component. `detail: { id }`.
+ * @event lyra-text-select - Fired when a text selection inside the code body ends. `detail: {
+ *   text, anchor, rects }`; `anchor` is a `line-range` anchor covering the selected lines.
  * @csspart base - The outer container.
  * @csspart header - The row above the code (filename/language/copy/toggle),
  *   present whenever there's anything to put in it.
@@ -79,6 +106,10 @@ export interface LyraCodeBlockEventMap {
  * @csspart pre - The rendered `<pre>` — shiki's own in the highlighted path,
  *   this component's own plain one in the fallback path.
  * @csspart code - The rendered `<code>`, same split as `pre` above.
+ * @csspart line-highlight - A line marked by `highlight-lines` or a `line-range` entry in
+ *   `highlights`.
+ * @csspart line-button - A gutter line-number button, only rendered while `interactive-lines` and
+ *   `line-numbers` are both set.
  */
 export declare class LyraCodeBlock extends LyraElement<LyraCodeBlockEventMap> {
     static styles: import("lit").CSSResultGroup[];
@@ -107,6 +138,21 @@ export declare class LyraCodeBlock extends LyraElement<LyraCodeBlockEventMap> {
     maxHeight: string;
     /** Whether to display one-based line numbers beside the code. */
     lineNumbers: boolean;
+    /** Comma-separated 1-based inclusive line ranges (e.g. `"3-5,7"`) to visually emphasize.
+     *  Declarative sugar over `highlights` — merges with, and renders identically to, any
+     *  `line-range` entries in `highlights`. */
+    highlightLines: string;
+    /** Turns the (`line-numbers`-gated) gutter into a roving-tabindex group of buttons emitting
+     *  `lyra-line-click`. Has no effect while `line-numbers` is unset. */
+    interactiveLines: boolean;
+    /** Host-supplied highlights to paint over the code. Only `line-range` anchors are meaningful
+     *  here — every other `LyraAnchor` kind is ignored. */
+    highlights: LyraHighlight[];
+    /** The `highlights` entry, if any, currently treated as active (`data-active` on its lines). */
+    activeHighlightId: string | null;
+    /** Anchor kinds this component resolves via `scrollToAnchor()`. */
+    readonly anchorKinds: LyraAnchor['kind'][];
+    private focusedLine;
     /** A map of language id to an already-imported shiki grammar module's
      *  default export (e.g. `{ bash: bashGrammar }` where `bashGrammar` came
      *  from a module-scope `import bash from 'shiki/langs/bash.mjs'`). When
@@ -137,6 +183,22 @@ export declare class LyraCodeBlock extends LyraElement<LyraCodeBlockEventMap> {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private preSuppliedGrammar;
+    /** The merged set of one-based line numbers to emphasize: `highlightLines` plus the `line-range`
+     *  slice of `highlights`. Shared by both the shiki transformer options and the plain-text
+     *  fallback path so their emphasis is always identical. */
+    private lineHighlightSet;
+    /** The line numbers covered by the `highlights` entry matching `activeHighlightId`, if any. */
+    private activeHighlightLineSet;
+    private lineCount;
+    /** Resolves a `line-range` anchor (or a `highlights` id string resolving to one) by scrolling
+     *  its start line into view within `[part="body"]`. Resolves `false` when the anchor isn't a
+     *  `line-range`, the id isn't found, or the start line is out of bounds. */
+    scrollToAnchor(target: LyraAnchor | string): Promise<boolean>;
+    private onLineActivate;
+    private onLineKeyDown;
+    /** Anchors a text selection ending inside `[part="body"]` to the `line-range` it spans, so a
+     *  host can persist or otherwise act on it. Fires nothing when there's no active selection. */
+    private onBodyMouseUp;
     protected willUpdate(changed: PropertyValues): void;
     protected updated(): void;
     private syncHighlight;

package/dist/components/code-block/code-block.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.class.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,OAAO,EAQL,KAAK,kBAAkB,EACxB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,+BAA+B,CAAC;AAsCvC,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC3C,aAAa,EAAE,WAAW,CAAC;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACpD;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,2BAA2B;IACf,IAAI,SAAM;IAEtB;;;qCAGiC;IACrB,QAAQ,SAAM;IAE1B,oDAAoD;IACxC,QAAQ,SAAM;IAE1B;;uCAEmC;IACI,eAAe,SAAM;IAE5D,oEAAoE;IACxB,WAAW,UAAS;IAEhE;4CACwC;IACI,SAAS,UAAS;IAE9D,sDAAsD;IACV,QAAQ,UAAQ;IAE5D;wDACoD;IACb,SAAS,SAAM;IAEtD,iEAAiE;IACM,WAAW,UAAS;IAE3F;;;;;;;;;;8DAU0D;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAE/E;;;;;;iDAM6C;IACa,aAAa,UAAS;IAMvE,OAAO,CAAC,eAAe,CAAuB;IAK9C,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,WAAW,CAAC,CAA0B;IAK9C,OAAO,CAAC,cAAc,CAAK;IAE3B,OAAO,CAAC,aAAa,CAAC,CAAgC;IAEtD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA6B;IAEpD,iBAAiB,IAAI,IAAI,CAexB;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAMD,OAAO,CAAC,kBAAkB;IAU1B,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAWlD;IAED,SAAS,CAAC,OAAO,IAAI,IAAI,CAOxB;IAED,OAAO,CAAC,aAAa;IA6CrB,OAAO,CAAC,QAAQ;IAoBhB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,IAAI,CAQV;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,YAAY;IA4CpB,MAAM,IAAI,cAAc,CA4BvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"version":3,"file":"code-block.class.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block.class.ts"],"names":[],"mappings":"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"}

package/dist/components/code-block/code-block.class.js

@@ -10,44 +10,13 @@ import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 import { LyraElement } from '../../internal/lyra-element.js';
 import { nextId } from '../../internal/a11y.js';
 import { chevronIcon } from '../../internal/icons.js';
+import { prefersReducedMotion } from '../../internal/motion.js';
 import { loadShikiHighlighter, loadShikiLanguage, loadShikiHighlighterCore, normalizeShikiLanguage, SHIKI_THEMES, } from './code-loader.js';
 import { styles } from './code-block.styles.js';
-import { codeBlockToggleLabel, codeBlockCopyLabel, codeBlockBodyLabel } from './code-block-shared.js';
+import { codeBlockToggleLabel, codeBlockCopyLabel, codeBlockBodyLabel, codeBlockLineTransformer, parseHighlightLines, } from './code-block-shared.js';
 import '../skeleton/skeleton.class.js';
 /** How long the copy button's confirmation state lasts before reverting. */
 const COPY_CONFIRM_MS = 1500;
-/**
- * Rewrites shiki's generated `<pre>`/`<code>` hast nodes so they carry this
- * component's own `part="pre"`/`part="code"` hooks — the same single-pass
- * "inject part attributes while rendering, not a second DOM walk after
- * insertion" approach `<lyra-markdown>`'s renderer override uses, applied
- * here via shiki's own transformer API instead of a custom marked renderer.
- * Also strips shiki's own default `tabindex="0"` from the `<pre>` — this
- * component's `[part="body"]` wrapper (see `render()`) is the single
- * scrollable/focusable region for the code area, and leaving shiki's own
- * tabindex in place would add a second, redundant tab stop over the same
- * scrollable content.
- */
-function partTransformer(lineNumbers) {
-    return {
-        name: 'lyra-code-block-parts',
-        pre(node) {
-            node.properties.part = ['pre'];
-            if (lineNumbers) {
-                const classes = Array.isArray(node.properties.class)
-                    ? node.properties.class
-                    : node.properties.class
-                        ? [node.properties.class]
-                        : [];
-                node.properties.class = [...classes, 'line-numbers'];
-            }
-            delete node.properties.tabindex;
-        },
-        code(node) {
-            node.properties.part = ['code'];
-        },
-    };
-}
 /**
  * `<lyra-code-block>` — fenced code display with optional lazy syntax
  * highlighting and a copy button. No highlighting grammar ships in this
@@ -94,6 +63,14 @@ function partTransformer(lineNumbers) {
  * from `languages` still falls back to the ordinary dynamic-import path
  * unchanged, so this is a partial opt-in, not a replacement for it.
  *
+ * Adopts the `line-range` slice of this library's shared anchor-target contract:
+ * `highlights`/`activeHighlightId` paint (and `highlight-lines` additionally marks) per-line
+ * emphasis in both the shiki and plain-text-fallback rendering paths identically, and
+ * `scrollToAnchor()` resolves a `line-range` anchor. `interactive-lines` is a separate, purely
+ * local affordance that turns the (`line-numbers`-gated) gutter into a keyboard-navigable,
+ * clickable roving-tabindex group emitting `lyra-line-click` — it doesn't require `highlights` to
+ * be set.
+ *
  * @customElement lyra-code-block
  * @event lyra-copy - The copy button was activated. `detail: { text }` is
  *   always the raw `code` value (never the highlighted HTML), and always
@@ -102,6 +79,13 @@ function partTransformer(lineNumbers) {
  * @event lyra-toggle - The collapse/expand header button was activated.
  *   `detail: { collapsed }` — same event name and shape convention as
  *   `<lyra-thinking-panel>`'s own `lyra-toggle`.
+ * @event lyra-line-click - A gutter line number was activated (click, or Enter/Space while
+ *   focused) while `interactive-lines` is set. `detail: { line }`.
+ * @event lyra-highlight-activate - Declared for parity with this library's other anchor-target
+ *   viewers so a consumer can attach a listener without a type error; not currently emitted by
+ *   this component. `detail: { id }`.
+ * @event lyra-text-select - Fired when a text selection inside the code body ends. `detail: {
+ *   text, anchor, rects }`; `anchor` is a `line-range` anchor covering the selected lines.
  * @csspart base - The outer container.
  * @csspart header - The row above the code (filename/language/copy/toggle),
  *   present whenever there's anything to put in it.
@@ -117,6 +101,10 @@ function partTransformer(lineNumbers) {
  * @csspart pre - The rendered `<pre>` — shiki's own in the highlighted path,
  *   this component's own plain one in the fallback path.
  * @csspart code - The rendered `<code>`, same split as `pre` above.
+ * @csspart line-highlight - A line marked by `highlight-lines` or a `line-range` entry in
+ *   `highlights`.
+ * @csspart line-button - A gutter line-number button, only rendered while `interactive-lines` and
+ *   `line-numbers` are both set.
  */
 export class LyraCodeBlock extends LyraElement {
     constructor() {
@@ -146,6 +134,21 @@ export class LyraCodeBlock extends LyraElement {
         this.maxHeight = '';
         /** Whether to display one-based line numbers beside the code. */
         this.lineNumbers = false;
+        /** Comma-separated 1-based inclusive line ranges (e.g. `"3-5,7"`) to visually emphasize.
+         *  Declarative sugar over `highlights` — merges with, and renders identically to, any
+         *  `line-range` entries in `highlights`. */
+        this.highlightLines = '';
+        /** Turns the (`line-numbers`-gated) gutter into a roving-tabindex group of buttons emitting
+         *  `lyra-line-click`. Has no effect while `line-numbers` is unset. */
+        this.interactiveLines = false;
+        /** Host-supplied highlights to paint over the code. Only `line-range` anchors are meaningful
+         *  here — every other `LyraAnchor` kind is ignored. */
+        this.highlights = [];
+        /** The `highlights` entry, if any, currently treated as active (`data-active` on its lines). */
+        this.activeHighlightId = null;
+        /** Anchor kinds this component resolves via `scrollToAnchor()`. */
+        this.anchorKinds = ['line-range'];
+        this.focusedLine = 1;
         /** When `true`, skips the default `loadShikiHighlighter()` call in `connectedCallback()`
          *  entirely — for a consumer whose `languages` map already covers every language every instance
          *  will ever render, so the bundler has no reachable path from this component to shiki's
@@ -169,6 +172,61 @@ export class LyraCodeBlock extends LyraElement {
         // only the result matching the *current* token is ever applied.
         this.highlightToken = 0;
         this.bodyId = nextId('code-block-body');
+        // Roving-tabindex keyboard navigation across the gutter's line buttons (only rendered by
+        // renderPlainCode() while interactiveLines && lineNumbers are both set).
+        this.onLineKeyDown = (e, line) => {
+            const total = this.lineCount();
+            let next = null;
+            if (e.key === 'ArrowDown')
+                next = Math.min(total, line + 1);
+            else if (e.key === 'ArrowUp')
+                next = Math.max(1, line - 1);
+            else if (e.key === 'Home')
+                next = 1;
+            else if (e.key === 'End')
+                next = total;
+            else if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                this.onLineActivate(line);
+                return;
+            }
+            if (next === null || next === line)
+                return;
+            e.preventDefault();
+            this.focusedLine = next;
+            this.updateComplete.then(() => {
+                this.renderRoot.querySelector(`[data-line="${next}"]`)?.focus();
+            });
+        };
+        /** Anchors a text selection ending inside `[part="body"]` to the `line-range` it spans, so a
+         *  host can persist or otherwise act on it. Fires nothing when there's no active selection. */
+        this.onBodyMouseUp = () => {
+            // `ShadowRoot.getSelection` is a Chromium-only extension absent from the standard DOM lib
+            // types -- same shadow-scoped-selection precedent as <lyra-terminal>'s own onViewportPointerUp.
+            const shadowSelection = this.shadowRoot?.getSelection?.();
+            const selection = shadowSelection ?? window.getSelection();
+            if (!selection || selection.isCollapsed || selection.rangeCount === 0)
+                return;
+            const text = selection.toString();
+            if (!text.trim())
+                return;
+            const range = selection.getRangeAt(0);
+            const lineOf = (node) => {
+                const el = node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
+                const lineEl = el?.closest('[data-line]');
+                const attr = lineEl?.getAttribute('data-line');
+                return attr === null || attr === undefined ? null : Number(attr);
+            };
+            const start = lineOf(range.startContainer);
+            const end = lineOf(range.endContainer);
+            if (start === null || end === null)
+                return;
+            this.emit('lyra-text-select', {
+                text,
+                anchor: { kind: 'line-range', start: Math.min(start, end), end: Math.max(start, end) },
+                rects: Array.from(range.getClientRects()),
+            });
+        };
         this.copy = () => {
             this.writeClipboard(this.code);
             this.emit('lyra-copy', { text: this.code });
@@ -214,13 +272,72 @@ export class LyraCodeBlock extends LyraElement {
         const language = normalizeShikiLanguage(this.language);
         return this.languages?.[language] ?? this.languages?.[this.language];
     }
+    /** The merged set of one-based line numbers to emphasize: `highlightLines` plus the `line-range`
+     *  slice of `highlights`. Shared by both the shiki transformer options and the plain-text
+     *  fallback path so their emphasis is always identical. */
+    lineHighlightSet() {
+        const merged = parseHighlightLines(this.highlightLines);
+        for (const highlight of this.highlights) {
+            if (highlight.anchor.kind !== 'line-range')
+                continue;
+            const end = highlight.anchor.end ?? highlight.anchor.start;
+            for (let n = highlight.anchor.start; n <= end; n++)
+                merged.add(n);
+        }
+        return merged;
+    }
+    /** The line numbers covered by the `highlights` entry matching `activeHighlightId`, if any. */
+    activeHighlightLineSet() {
+        const active = this.highlights.find((h) => h.id === this.activeHighlightId);
+        const result = new Set();
+        if (!active || active.anchor.kind !== 'line-range')
+            return result;
+        const end = active.anchor.end ?? active.anchor.start;
+        for (let n = active.anchor.start; n <= end; n++)
+            result.add(n);
+        return result;
+    }
+    lineCount() {
+        return this.code.split(/\r\n|\r|\n/).length;
+    }
+    /** Resolves a `line-range` anchor (or a `highlights` id string resolving to one) by scrolling
+     *  its start line into view within `[part="body"]`. Resolves `false` when the anchor isn't a
+     *  `line-range`, the id isn't found, or the start line is out of bounds. */
+    async scrollToAnchor(target) {
+        const anchor = typeof target === 'string' ? this.highlights.find((h) => h.id === target)?.anchor : target;
+        if (!anchor || anchor.kind !== 'line-range')
+            return false;
+        if (anchor.start < 1 || anchor.start > this.lineCount())
+            return false;
+        await this.updateComplete;
+        const body = this.renderRoot.querySelector('[part="body"]');
+        const lineEl = this.renderRoot.querySelector(`[data-line="${anchor.start}"]`);
+        if (!body || !lineEl)
+            return false;
+        const offset = lineEl.offsetTop - body.clientHeight / 2;
+        body.scrollTo({ top: Math.max(0, offset), behavior: prefersReducedMotion() ? 'auto' : 'smooth' });
+        return true;
+    }
+    onLineActivate(line) {
+        this.focusedLine = line;
+        this.emit('lyra-line-click', { line });
+    }
     // Mutating `highlightedHtml` here (rather than in `updated()`) absorbs the
     // synchronous case -- language already loaded, see `syncHighlight()` --
     // into this same update cycle instead of scheduling a second one, Lit's
     // documented pattern for deriving one reactive property from a change to
     // others (same approach <lyra-markdown>'s `willUpdate` takes).
     willUpdate(changed) {
-        if (!(changed.has('code') || changed.has('language') || changed.has('languages')))
+        // highlightLines/highlights/activeHighlightId/lineNumbers all feed codeBlockLineTransformer's
+        // options in tokenize() below -- any of them changing (even without code/language/languages
+        // changing) means the cached highlightedHtml needs recomputing to stay in sync.
+        if (!(changed.has('code') ||
+            changed.has('language') ||
+            changed.has('languages') ||
+            changed.has('highlightLines') ||
+            changed.has('highlights') ||
+            changed.has('activeHighlightId') ||
+            changed.has('lineNumbers')))
             return;
         // The default path still waits on `shikiReady` (the shared
         // `loadShikiHighlighter()` singleton), same as always. A `language`
@@ -297,7 +414,13 @@ export class LyraCodeBlock extends LyraElement {
                 // a --lyra-* token. See the dark-mode override in
                 // code-block.styles.ts for how the dark half of this activates.
                 themes: SHIKI_THEMES,
-                transformers: [partTransformer(this.lineNumbers)],
+                transformers: [
+                    codeBlockLineTransformer({
+                        lineNumbers: this.lineNumbers,
+                        highlightedLines: this.lineHighlightSet(),
+                        activeLines: this.activeHighlightLineSet(),
+                    }),
+                ],
             });
         }
         catch {
@@ -306,14 +429,62 @@ export class LyraCodeBlock extends LyraElement {
             return null;
         }
     }
+    // Always splits into per-line spans/buttons (not just while lineNumbers is set) -- the per-line
+    // wrapper is what highlight-lines/highlights/interactive-lines attach to. .split() consumes each
+    // newline character, so a literal '\n' text node is re-inserted between lines to keep the
+    // non-line-numbered case's visual output (relying on [part='pre']'s white-space:pre) identical
+    // to the previous single-text-node rendering -- the line-numbered case's .line elements are
+    // already display:block (code-block.styles.ts) so that text node is inert there. interactiveLines
+    // only takes effect alongside lineNumbers -- the shiki-highlighted path doesn't render gutter
+    // buttons (see the class doc), only data-line/data-highlighted/data-active/part="line-highlight"
+    // from codeBlockLineTransformer above.
     renderPlainCode() {
-        if (!this.lineNumbers)
-            return html `<code part="code">${this.code}</code>`;
-        return html `
-      <code part="code" class="line-numbered-code">
-        ${this.code.split(/\r\n|\r|\n/).map((line) => html `<span class="line">${line}</span>`)}
-      </code>
-    `;
+        const highlighted = this.lineHighlightSet();
+        const active = this.activeHighlightLineSet();
+        const lines = this.code.split(/\r\n|\r|\n/);
+        const interactive = this.interactiveLines && this.lineNumbers;
+        // The `>` sits on its own line right before the expression (and `</code` right after it,
+        // closing on the following line) so no incidental whitespace text node lands inside <code> --
+        // its textContent must be exactly the concatenated line text, matching the pre-existing
+        // single-text-node rendering this replaces.
+        return html `<code part="code" class=${this.lineNumbers ? 'line-numbered-code' : nothing}
+        >${lines.map((line, index) => {
+            const lineNumber = index + 1;
+            const isHighlighted = highlighted.has(lineNumber);
+            const isActive = active.has(lineNumber);
+            const part = interactive
+                ? isHighlighted
+                    ? 'line-button line-highlight'
+                    : 'line-button'
+                : isHighlighted
+                    ? 'line-highlight'
+                    : nothing;
+            const lineTemplate = interactive
+                ? html `<button
+                type="button"
+                class="line"
+                part=${part}
+                data-line=${lineNumber}
+                ?data-highlighted=${isHighlighted}
+                ?data-active=${isActive}
+                aria-label=${this.localize('codeBlockLineLabel', undefined, { line: lineNumber })}
+                tabindex=${this.focusedLine === lineNumber ? 0 : -1}
+                @click=${() => this.onLineActivate(lineNumber)}
+                @keydown=${(e) => this.onLineKeyDown(e, lineNumber)}
+              >${line}</button>`
+                : html `<span
+                class="line"
+                part=${part}
+                data-line=${lineNumber}
+                ?data-highlighted=${isHighlighted}
+                ?data-active=${isActive}
+              >${line}</span>`;
+            // Only the non-line-numbered case needs the newline text node re-inserted -- the
+            // line-numbered case's .line elements are already display:block (code-block.styles.ts),
+            // and its own existing test asserts textContent has no embedded newlines between lines.
+            return index > 0 && !this.lineNumbers ? html `\n${lineTemplate}` : lineTemplate;
+        })}</code
+      >`;
     }
     writeClipboard(text) {
         try {
@@ -388,6 +559,7 @@ export class LyraCodeBlock extends LyraElement {
           tabindex="0"
           ?hidden=${bodyHidden}
           style=${this.maxHeight ? `--lyra-code-block-max-height:${this.maxHeight}` : nothing}
+          @mouseup=${this.onBodyMouseUp}
         >
           ${showSkeleton
             ? html `<lyra-skeleton variant="rect"></lyra-skeleton>`
@@ -426,6 +598,21 @@ __decorate([
 __decorate([
     property({ type: Boolean, attribute: 'line-numbers', reflect: true })
 ], LyraCodeBlock.prototype, "lineNumbers", void 0);
+__decorate([
+    property({ attribute: 'highlight-lines' })
+], LyraCodeBlock.prototype, "highlightLines", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'interactive-lines' })
+], LyraCodeBlock.prototype, "interactiveLines", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraCodeBlock.prototype, "highlights", void 0);
+__decorate([
+    property({ attribute: 'active-highlight-id' })
+], LyraCodeBlock.prototype, "activeHighlightId", void 0);
+__decorate([
+    state()
+], LyraCodeBlock.prototype, "focusedLine", void 0);
 __decorate([
     property({ attribute: false })
 ], LyraCodeBlock.prototype, "languages", void 0);

package/dist/components/code-block/code-block.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.class.js","sourceRoot":"","sources":["../../../src/components/code-block/code-block.class.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"code-block.class.js","sourceRoot":"","sources":["../../../src/components/code-block/code-block.class.ts"],"names":[],"mappings":"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"}

package/dist/components/code-block/code-block.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.styles.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAqNlB,CAAC"}
+{"version":3,"file":"code-block.styles.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8PlB,CAAC"}

package/dist/components/code-block/code-block.styles.js

@@ -185,6 +185,40 @@ export const styles = css `
     text-align: end;
     user-select: none;
   }
+  /* A highlighted line, from either highlight-lines or a line-range entry in highlights --
+     stamped identically by codeBlockLineTransformer (shiki path) and renderPlainCode() (plain
+     path). See the dark-mode block below for why this needs its own !important there. */
+  [part='pre'] [data-highlighted] {
+    background: var(--lyra-color-warning-quiet);
+  }
+  /* The active highlight (highlights entry matching activeHighlightId) gets an outline on top of
+     any background -- inset so it doesn't add to the line's own box size. */
+  [part='pre'] [data-active] {
+    outline: var(--lyra-border-width-thin) solid var(--lyra-color-brand);
+    outline-offset: calc(-1 * var(--lyra-border-width-thin));
+  }
+  /* Native button reset for interactive-lines' gutter-button rendering (renderPlainCode() only --
+     the shiki-highlighted path doesn't render gutter buttons, see the class doc) -- an interactive
+     line's <button class="line"> must look like the plain <span class="line"> it replaces. */
+  [part='pre'] button.line {
+    display: block;
+    inline-size: 100%;
+    margin: 0;
+    padding: 0;
+    border: none;
+    background: none;
+    color: inherit;
+    font: inherit;
+    text-align: start;
+    cursor: pointer;
+  }
+  [part='pre'] button.line:hover {
+    background: var(--lyra-color-brand-quiet);
+  }
+  [part='pre'] button.line:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: calc(-1 * var(--lyra-focus-ring-offset));
+  }
   /*
    * Activates shiki's "dual themes" dark variant. codeToHtml() (see
    * tokenize() in code-block.ts) renders every token with its *light* color
@@ -206,6 +240,13 @@ export const styles = css `
       color: var(--shiki-dark, inherit) !important;
       background-color: var(--shiki-dark-bg, transparent) !important;
     }
+    /* The line-highlight background above is a --lyra-* token, not shiki theme data, but a
+       highlighted line in the shiki path is still a span, matched (and !important-overridden) by
+       the dark-mode rule right above -- re-assert it here at matching specificity+importance so a
+       highlighted line stays visible in dark mode instead of silently losing its background. */
+    [part='pre'] [data-highlighted] {
+      background: var(--lyra-color-warning-quiet) !important;
+    }
   }
   @media (prefers-reduced-motion: reduce) {
     [part='toggle'] .chevron {

package/dist/components/code-block/code-block.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.styles.js","sourceRoot":"","sources":["../../../src/components/code-block/code-block.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqNxB,CAAC"}
+{"version":3,"file":"code-block.styles.js","sourceRoot":"","sources":["../../../src/components/code-block/code-block.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8PxB,CAAC"}

package/dist/components/code-editor/code-editor.class.d.ts

@@ -14,6 +14,11 @@ declare class LyraCodeEditorBase extends LyraElement<LyraCodeEditorEventMap> {
 }
 declare const LyraCodeEditor_base: typeof LyraCodeEditorBase & (new (...args: any[]) => import("../../lyra.js").FormAssociatedInterface);
 /** `<lyra-code-editor>` — dependency-free multiline code editing surface with optional line numbers.
+ *
+ * Keyboard contract (no keyboard trap, WCAG 2.1.2): Tab inserts `tabSize` spaces at the caret.
+ * Shift+Tab is never captured, so it always performs native reverse focus traversal. Pressing
+ * Escape releases the next Tab for native forward traversal instead of indenting; typing any other
+ * key, or focus leaving the editor, re-arms Tab indentation.
  * @customElement lyra-code-editor
  * @slot label - Visible label content.
  * @slot hint - Supporting text.
@@ -32,7 +37,17 @@ export declare class LyraCodeEditor extends LyraCodeEditor_base {
     static styles: import("lit").CSSResultGroup[];
     language: string;
     lineNumbers: boolean;
-    tabSize: number;
+    private _tabSize;
+    /** Spaces inserted per Tab keypress, and the native `tab-size` CSS value. Confirmed-crash
+     *  history: this used to feed `' '.repeat(Math.max(1, this.tabSize))` directly in `onKeyDown`
+     *  below -- `String.prototype.repeat()` throws a `RangeError` for a count of `+Infinity`
+     *  specifically (e.g. a literal `tab-size="Infinity"` attribute, which `Number("Infinity")`
+     *  happily converts to), and `Math.max(1, NaN)` is itself `NaN`, silently producing an empty,
+     *  non-indenting insert for a NaN `tabSize`. Sanitized to a finite integer in `[1, 16]` at
+     *  assignment time instead, so both the `repeat()` call and the inline `tab-size` style always
+     *  see a safe value. */
+    get tabSize(): number;
+    set tabSize(value: number);
     label: string;
     hint: string;
     errorText: string;
@@ -60,6 +75,7 @@ export declare class LyraCodeEditor extends LyraCodeEditor_base {
     private onChange;
     private onFocus;
     private onBlur;
+    private tabBypassArmed;
     private onKeyDown;
     private onLabelSlotChange;
     private onHintSlotChange;