@aceshooting/lyra-ui 2.11.0 → 2.13.0

package/dist/components/date-picker/date-input.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-input.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAqHlB,CAAC"}
+{"version":3,"file":"date-input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-input.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyHlB,CAAC"}

package/dist/components/date-picker/date-input.styles.js

@@ -69,6 +69,10 @@ export const styles = css `
     line-height: var(--lyra-line-height-none);
     font-size: var(--lyra-font-size-md);
   }
+  [part='clear-button']:hover,
+  [part='expand-button']:hover {
+    color: var(--lyra-color-text);
+  }
   [part='clear-button']:focus-visible,
   [part='expand-button']:focus-visible {
     outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);

package/dist/components/date-picker/date-input.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.styles.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHxB,CAAC"}
+{"version":3,"file":"date-input.styles.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHxB,CAAC"}

package/dist/components/details/accordion-item.class.d.ts

@@ -0,0 +1,10 @@
+import { LyraDetails } from './details.class.js';
+/** `<lyra-accordion-item>` — an accordion-compatible disclosure panel. */
+export declare class LyraAccordionItem extends LyraDetails {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-accordion-item': LyraAccordionItem;
+    }
+}
+//# sourceMappingURL=accordion-item.class.d.ts.map

package/dist/components/details/accordion-item.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.class.d.ts","sourceRoot":"","sources":["../../../src/components/details/accordion-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,0EAA0E;AAC1E,qBAAa,iBAAkB,SAAQ,WAAW;CAAG;AACrD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,qBAAqB,EAAE,iBAAiB,CAAC;KAAE;CAAE"}

package/dist/components/details/accordion-item.class.js

@@ -0,0 +1,5 @@
+import { LyraDetails } from './details.class.js';
+/** `<lyra-accordion-item>` — an accordion-compatible disclosure panel. */
+export class LyraAccordionItem extends LyraDetails {
+}
+//# sourceMappingURL=accordion-item.class.js.map

package/dist/components/details/accordion-item.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.class.js","sourceRoot":"","sources":["../../../src/components/details/accordion-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,0EAA0E;AAC1E,MAAM,OAAO,iBAAkB,SAAQ,WAAW;CAAG"}

package/dist/components/details/accordion-item.d.ts

@@ -0,0 +1,2 @@
+export { LyraAccordionItem } from './accordion-item.class.js';
+//# sourceMappingURL=accordion-item.d.ts.map

package/dist/components/details/accordion-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../src/components/details/accordion-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/details/accordion-item.js

@@ -0,0 +1,5 @@
+export { LyraAccordionItem } from './accordion-item.class.js';
+import { LyraAccordionItem } from './accordion-item.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('accordion-item', LyraAccordionItem);
+//# sourceMappingURL=accordion-item.js.map

package/dist/components/details/accordion-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/components/details/accordion-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC"}

package/dist/components/details/accordion.class.d.ts

@@ -0,0 +1,23 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+/**
+ * `<lyra-accordion>` — coordinates slotted `<lyra-details>` panels.
+ *
+ * @customElement lyra-accordion
+ * @slot - `<lyra-details>` panels.
+ * @csspart base - The accordion wrapper.
+ */
+export declare class LyraAccordion extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    multiple: boolean;
+    private onSlotChange;
+    private bindPanels;
+    private onPanelToggle;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-accordion': LyraAccordion;
+    }
+}
+//# sourceMappingURL=accordion.class.d.ts.map

package/dist/components/details/accordion.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.class.d.ts","sourceRoot":"","sources":["../../../src/components/details/accordion.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D;;;;;;GAMG;AACH,qBAAa,aAAc,SAAQ,WAAW;IAC5C,MAAM,CAAC,MAAM,iCAAgC;IACD,QAAQ,UAAS;IAC7D,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,aAAa,CAOnB;IACF,MAAM,IAAI,cAAc,CAAwF;CACjH;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,gBAAgB,EAAE,aAAa,CAAC;KAAE;CAAE"}

package/dist/components/details/accordion.class.js

@@ -0,0 +1,48 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { tag } from '../../internal/prefix.js';
+import { styles } from './details.styles.js';
+/**
+ * `<lyra-accordion>` — coordinates slotted `<lyra-details>` panels.
+ *
+ * @customElement lyra-accordion
+ * @slot - `<lyra-details>` panels.
+ * @csspart base - The accordion wrapper.
+ */
+export class LyraAccordion extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.multiple = false;
+        this.onSlotChange = () => { this.bindPanels(); };
+        this.onPanelToggle = (event) => {
+            if (this.multiple || !event.detail.open)
+                return;
+            const source = event.target;
+            const selector = `${tag('details')},${tag('accordion-item')}`;
+            for (const panel of [...this.querySelectorAll(selector)]) {
+                if (panel !== source)
+                    panel.open = false;
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    bindPanels() {
+        const selector = `${tag('details')},${tag('accordion-item')}`;
+        for (const panel of [...this.querySelectorAll(selector)]) {
+            panel.removeEventListener('lyra-toggle', this.onPanelToggle);
+            panel.addEventListener('lyra-toggle', this.onPanelToggle);
+        }
+    }
+    render() { return html `<div part="base"><slot @slotchange=${this.onSlotChange}></slot></div>`; }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraAccordion.prototype, "multiple", void 0);
+//# sourceMappingURL=accordion.class.js.map

package/dist/components/details/accordion.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.class.js","sourceRoot":"","sources":["../../../src/components/details/accordion.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C;;;;;;GAMG;AACH,MAAM,OAAO,aAAc,SAAQ,WAAW;IAA9C;;QAE8C,aAAQ,GAAG,KAAK,CAAC;QACrD,iBAAY,GAAG,GAAS,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;QAQlD,kBAAa,GAAG,CAAC,KAAY,EAAQ,EAAE;YAC7C,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAE,KAAwC,CAAC,MAAM,CAAC,IAAI;gBAAE,OAAO;YACpF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;YAC3C,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAC9D,KAAK,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAkB,EAAE,CAAC;gBAC1E,IAAI,KAAK,KAAK,MAAM;oBAAE,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC;IAEJ,CAAC;aAnBQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAGrC,UAAU;QAChB,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;QAC9D,KAAK,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAkB,EAAE,CAAC;YAC1E,KAAK,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,aAA8B,CAAC,CAAC;YAC9E,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,aAA8B,CAAC,CAAC;QAC7E,CAAC;IACH,CAAC;IASD,MAAM,KAAqB,OAAO,IAAI,CAAA,sCAAsC,IAAI,CAAC,YAAY,gBAAgB,CAAC,CAAC,CAAC;CACjH;AAlB6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAkB"}

package/dist/components/details/accordion.d.ts

@@ -0,0 +1,2 @@
+export * from './accordion.class.js';
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/details/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/details/accordion.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/components/details/accordion.js

@@ -0,0 +1,5 @@
+export * from './accordion.class.js';
+import { LyraAccordion } from './accordion.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('accordion', LyraAccordion);
+//# sourceMappingURL=accordion.js.map

package/dist/components/details/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/details/accordion.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC"}

package/dist/components/details/details.class.d.ts

@@ -0,0 +1,33 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export interface LyraDetailsEventMap {
+    'lyra-toggle': CustomEvent<{
+        open: boolean;
+    }>;
+}
+/**
+ * `<lyra-details>` — an accessible disclosure panel.
+ *
+ * @customElement lyra-details
+ * @slot summary - Summary content.
+ * @slot - Panel content.
+ * @event lyra-toggle - The disclosure state changed. `detail: { open }`.
+ * @csspart base - The native details element.
+ * @csspart summary - The summary control.
+ * @csspart content - The panel content.
+ */
+export declare class LyraDetails extends LyraElement<LyraDetailsEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    open: boolean;
+    disabled: boolean;
+    summary: string;
+    private onToggle;
+    private onClick;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-details': LyraDetails;
+    }
+}
+//# sourceMappingURL=details.class.d.ts.map

package/dist/components/details/details.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.class.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,WAAW,mBAAmB;IAAG,aAAa,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAAE;AAEvF;;;;;;;;;;GAUG;AACH,qBAAa,WAAY,SAAQ,WAAW,CAAC,mBAAmB,CAAC;IAC/D,MAAM,CAAC,MAAM,iCAAgC;IACD,IAAI,UAAS;IACb,QAAQ,UAAS;IACjD,OAAO,SAAM;IACzB,OAAO,CAAC,QAAQ,CAKd;IACF,OAAO,CAAC,OAAO,CAEb;IACF,MAAM,IAAI,cAAc,CAOvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,cAAc,EAAE,WAAW,CAAC;KAAE;CAAE"}

package/dist/components/details/details.class.js

@@ -0,0 +1,63 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './details.styles.js';
+/**
+ * `<lyra-details>` — an accessible disclosure panel.
+ *
+ * @customElement lyra-details
+ * @slot summary - Summary content.
+ * @slot - Panel content.
+ * @event lyra-toggle - The disclosure state changed. `detail: { open }`.
+ * @csspart base - The native details element.
+ * @csspart summary - The summary control.
+ * @csspart content - The panel content.
+ */
+export class LyraDetails extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.disabled = false;
+        this.summary = '';
+        this.onToggle = (event) => {
+            const details = event.currentTarget;
+            if (this.disabled && details.open) {
+                details.open = false;
+                return;
+            }
+            this.open = details.open;
+            this.emit('lyra-toggle', { open: this.open });
+        };
+        this.onClick = (event) => {
+            if (this.disabled) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    render() {
+        return html `<details part="base" .open=${this.open} @toggle=${this.onToggle}>
+      <summary part="summary" aria-expanded=${this.open ? 'true' : 'false'} @click=${this.onClick}>
+        ${this.summary || this.localize('details')}<slot name="summary"></slot>
+      </summary>
+      <div part="content"><slot></slot></div>
+    </details>`;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraDetails.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraDetails.prototype, "disabled", void 0);
+__decorate([
+    property()
+], LyraDetails.prototype, "summary", void 0);
+//# sourceMappingURL=details.class.js.map

package/dist/components/details/details.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.class.js","sourceRoot":"","sources":["../../../src/components/details/details.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAI7C;;;;;;;;;;GAUG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAgC;IAAjE;;QAE8C,SAAI,GAAG,KAAK,CAAC;QACb,aAAQ,GAAG,KAAK,CAAC;QACjD,YAAO,GAAG,EAAE,CAAC;QACjB,aAAQ,GAAG,CAAC,KAAY,EAAQ,EAAE;YACxC,MAAM,OAAO,GAAG,KAAK,CAAC,aAAmC,CAAC;YAC1D,IAAI,IAAI,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;gBAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC;gBAAC,OAAO;YAAC,CAAC;YACpE,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;YACzB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAChD,CAAC,CAAC;QACM,YAAO,GAAG,CAAC,KAAY,EAAQ,EAAE;YACvC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAAC,KAAK,CAAC,cAAc,EAAE,CAAC;gBAAC,KAAK,CAAC,eAAe,EAAE,CAAC;YAAC,CAAC;QACzE,CAAC,CAAC;IASJ,CAAC;aArBQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAa7C,MAAM;QACJ,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,QAAQ;8CACjC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,WAAW,IAAI,CAAC,OAAO;UACvF,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;;;eAGnC,CAAC;IACd,CAAC;CACF;AApB6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAc;AACb;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAkB;AACjD;IAAX,QAAQ,EAAE;4CAAc"}

package/dist/components/details/details.d.ts

@@ -0,0 +1,2 @@
+export * from './details.class.js';
+//# sourceMappingURL=details.d.ts.map

package/dist/components/details/details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/details/details.js

@@ -0,0 +1,5 @@
+export * from './details.class.js';
+import { LyraDetails } from './details.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('details', LyraDetails);
+//# sourceMappingURL=details.js.map

package/dist/components/details/details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.js","sourceRoot":"","sources":["../../../src/components/details/details.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC"}

package/dist/components/details/details.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=details.styles.d.ts.map

package/dist/components/details/details.styles.d.ts.map

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

package/dist/components/details/details.styles.js

@@ -0,0 +1,13 @@
+import { css } from 'lit';
+export const styles = css `
+  :host { display: block; }
+  [part='base'] { border-block-end: var(--lyra-border-width-thin) solid var(--lyra-color-border); }
+  [part='summary'] { display: flex; align-items: center; justify-content: space-between; gap: var(--lyra-space-s); padding-block: var(--lyra-space-m); color: var(--lyra-color-text); cursor: pointer; font-weight: var(--lyra-font-weight-semibold); list-style: none; }
+  [part='summary']::-webkit-details-marker { display: none; }
+  [part='summary']::after { content: ''; inline-size: var(--lyra-size-0-5rem); block-size: var(--lyra-size-0-5rem); border-inline-end: var(--lyra-border-width-thin) solid currentColor; border-block-end: var(--lyra-border-width-thin) solid currentColor; transform: rotate(45deg); transition: transform var(--lyra-transition-fast); }
+  :host([open]) [part='summary']::after { transform: rotate(225deg); }
+  :host([disabled]) [part='summary'] { cursor: not-allowed; opacity: var(--lyra-opacity-disabled); }
+  [part='content'] { padding-block-end: var(--lyra-space-m); }
+  @media (prefers-reduced-motion: reduce) { [part='summary']::after { transition: none; } }
+`;
+//# sourceMappingURL=details.styles.js.map

package/dist/components/details/details.styles.js.map

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

package/dist/components/diff-view/diff-view.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diff-view.styles.d.ts","sourceRoot":"","sources":["../../../src/components/diff-view/diff-view.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8ClB,CAAC"}
+{"version":3,"file":"diff-view.styles.d.ts","sourceRoot":"","sources":["../../../src/components/diff-view/diff-view.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAiDlB,CAAC"}

package/dist/components/diff-view/diff-view.styles.js

@@ -41,6 +41,9 @@ export const styles = css `
     padding: var(--lyra-size-0-125rem) var(--lyra-space-s);
     cursor: pointer;
   }
+  [part='copy-button']:hover {
+    border-color: var(--lyra-color-brand);
+  }
   [part='copy-button']:focus-visible {
     outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
     outline-offset: var(--lyra-focus-ring-offset);

package/dist/components/diff-view/diff-view.styles.js.map

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

package/dist/components/divider/divider.class.d.ts

@@ -0,0 +1,20 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export type DividerOrientation = 'horizontal' | 'vertical';
+/**
+ * `<lyra-divider>` — a themeable semantic separator.
+ *
+ * @customElement lyra-divider
+ * @csspart base - The separator element.
+ */
+export declare class LyraDivider extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    orientation: DividerOrientation;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-divider': LyraDivider;
+    }
+}
+//# sourceMappingURL=divider.class.d.ts.map

package/dist/components/divider/divider.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.class.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D;;;;;GAKG;AACH,qBAAa,WAAY,SAAQ,WAAW;IAC1C,MAAM,CAAC,MAAM,iCAAgC;IAChB,WAAW,EAAE,kBAAkB,CAAgB;IAC5E,MAAM,IAAI,cAAc,CAAyF;CAClH;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,cAAc,EAAE,WAAW,CAAC;KAAE;CAAE"}

package/dist/components/divider/divider.class.js

@@ -0,0 +1,28 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './divider.styles.js';
+/**
+ * `<lyra-divider>` — a themeable semantic separator.
+ *
+ * @customElement lyra-divider
+ * @csspart base - The separator element.
+ */
+export class LyraDivider extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.orientation = 'horizontal';
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    render() { return html `<hr part="base" role="separator" aria-orientation=${this.orientation}>`; }
+}
+__decorate([
+    property({ reflect: true })
+], LyraDivider.prototype, "orientation", void 0);
+//# sourceMappingURL=divider.class.js.map

package/dist/components/divider/divider.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.class.js","sourceRoot":"","sources":["../../../src/components/divider/divider.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAI7C;;;;;GAKG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAW;IAA5C;;QAE+B,gBAAW,GAAuB,YAAY,CAAC;IAE9E,CAAC;aAHQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAE7C,MAAM,KAAqB,OAAO,IAAI,CAAA,qDAAqD,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;CAClH;AAF8B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAgD"}

package/dist/components/divider/divider.d.ts

@@ -0,0 +1,2 @@
+export * from './divider.class.js';
+//# sourceMappingURL=divider.d.ts.map

package/dist/components/divider/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/divider/divider.js

@@ -0,0 +1,5 @@
+export * from './divider.class.js';
+import { LyraDivider } from './divider.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('divider', LyraDivider);
+//# sourceMappingURL=divider.js.map

package/dist/components/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC"}

package/dist/components/divider/divider.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=divider.styles.d.ts.map

package/dist/components/divider/divider.styles.d.ts.map

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

package/dist/components/divider/divider.styles.js

@@ -0,0 +1,8 @@
+import { css } from 'lit';
+export const styles = css `
+  :host { display: block; }
+  [part='base'] { border: 0; border-block-start: var(--lyra-border-width-thin) solid var(--lyra-color-border); margin: 0; }
+  :host([orientation='vertical']) { display: inline-block; block-size: 100%; }
+  :host([orientation='vertical']) [part='base'] { block-size: 100%; border-block-start: 0; border-inline-start: var(--lyra-border-width-thin) solid var(--lyra-color-border); }
+`;
+//# sourceMappingURL=divider.styles.js.map

package/dist/components/divider/divider.styles.js.map

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

package/dist/components/document-preview/document-preview.class.d.ts

@@ -41,8 +41,9 @@ export interface LyraDocumentPreviewEventMap {
  * The one piece of async work this component *does* own is fetching a
  * `text/*`/`application/json` `src` itself (there's no other way to get a
  * `<pre>`'s text content from a URL) — gated behind the same generation-
- * counter guard `<lyra-tool-result-view>`'s `resolve()` uses, so a `src`
- * reassigned mid-fetch can't have a stale response clobber a newer one. A
+ * counter guard `<lyra-tool-result-view>`'s `resolve()` uses, plus an
+ * `AbortController`, so a `src` reassigned mid-fetch cancels the obsolete
+ * request and can't have a stale response clobber a newer one. A
  * failure here (network error, non-2xx response) renders inline via
  * `[part="error"]` and fires `lyra-render-error`, independently of the
  * host-owned `status` prop — mirrors `<lyra-markdown>`'s identical stance
@@ -92,6 +93,9 @@ export interface LyraDocumentPreviewEventMap {
  * @csspart spinner - The converting/loading indicator — indeterminate (`role="status"`) or, once numeric progress is known, a determinate `role="progressbar"`. Used both for `status="converting"` and for this component's own in-flight text fetch.
  * @csspart error - The error message region (`role="alert"`) — used both for `status="error"` and for a failed text fetch.
  * @csspart download-link - The `<a download>` affordance in the generic fallback. Only rendered when `src` is set and safe for link navigation.
+ * @cssprop [--lyra-document-preview-max-height=none] - Maximum body block size before the preview scrolls internally.
+ * @cssprop [--lyra-document-preview-font=var(--lyra-font-mono)] - Font used for plain-text previews.
+ * @cssprop [--lyra-document-preview-spin-duration=0.8s] - Duration of one indeterminate loading-indicator rotation.
  */
 export declare class LyraDocumentPreview extends LyraElement<LyraDocumentPreviewEventMap> {
     static styles: import("lit").CSSResultGroup[];
@@ -104,6 +108,10 @@ export declare class LyraDocumentPreview extends LyraElement<LyraDocumentPreview
     mimeType: string;
     /** Shown in the header and used as the download link's suggested filename. */
     filename: string;
+    /** Alternative text for an image preview. When omitted, `filename` (or a
+     * localized generic fallback) is used. Set this explicitly to an empty
+     * string when the preview image is decorative. */
+    alt?: string;
     /** Host-owned lifecycle state. `"converting"` shows the spinner regardless
      *  of `mime-type`/`src`; `"error"` shows `errorMessage` regardless of
      *  either. `"idle"`/`"ready"` both resume normal format dispatch — this
@@ -122,6 +130,10 @@ export declare class LyraDocumentPreview extends LyraElement<LyraDocumentPreview
     private hasUnsupportedSlot;
     private textFetch;
     private fetchGeneration;
+    private fetchController?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private invalidateTextFetch;
     protected willUpdate(changed: PropertyValues): void;
     private fetchText;
     private onUnsupportedSlotChange;

package/dist/components/document-preview/document-preview.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document-preview.class.d.ts","sourceRoot":"","sources":["../../../src/components/document-preview/document-preview.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAA0B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3G,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;AAoF9E,MAAM,WAAW,2BAA2B;IAC1C,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACrD,eAAe,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjE;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AACH,qBAAa,mBAAoB,SAAQ,WAAW,CAAC,2BAA2B,CAAC;IAC/E,MAAM,CAAC,MAAM,iCAAwC;IAErD;;;iEAG6D;IACjD,GAAG,SAAM;IAErB,kDAAkD;IACZ,QAAQ,SAAM;IAEpD,8EAA8E;IAClE,QAAQ,SAAM;IAE1B;;;;oCAIgC;IACH,MAAM,EAAE,qBAAqB,CAAU;IAEpE;mFAC+E;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C,2DAA2D;IACjB,YAAY,SAAM;IAE5D;;qEAEiE;IAC1B,SAAS,SAAM;IAE7C,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,SAAS,CAAmC;IAM7D,OAAO,CAAC,eAAe,CAAK;IAE5B,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CA+BlD;YAEa,SAAS;IAiBvB,OAAO,CAAC,uBAAuB,CAE7B;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF;;;;;0CAKsC;IACtC,OAAO,CAAC,aAAa;IA2BrB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,sBAAsB;IAuB9B;;;0CAGsC;IACtC,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,UAAU;IAelB,MAAM,IAAI,cAAc,CASvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF"}
+{"version":3,"file":"document-preview.class.d.ts","sourceRoot":"","sources":["../../../src/components/document-preview/document-preview.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAA0B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3G,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;AAoF9E,MAAM,WAAW,2BAA2B;IAC1C,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACrD,eAAe,EAAE,WAAW,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjE;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFG;AACH,qBAAa,mBAAoB,SAAQ,WAAW,CAAC,2BAA2B,CAAC;IAC/E,MAAM,CAAC,MAAM,iCAAwC;IAErD;;;iEAG6D;IACjD,GAAG,SAAM;IAErB,kDAAkD;IACZ,QAAQ,SAAM;IAEpD,8EAA8E;IAClE,QAAQ,SAAM;IAE1B;;sDAEkD;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;oCAIgC;IACH,MAAM,EAAE,qBAAqB,CAAU;IAEpE;mFAC+E;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C,2DAA2D;IACjB,YAAY,SAAM;IAE5D;;qEAEiE;IAC1B,SAAS,SAAM;IAE7C,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,SAAS,CAAmC;IAM7D,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,eAAe,CAAC,CAAkB;IAE1C,iBAAiB,IAAI,IAAI,CAYxB;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAED,OAAO,CAAC,mBAAmB;IAO3B,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CA8BlD;YAEa,SAAS;IAsBvB,OAAO,CAAC,uBAAuB,CAE7B;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF;;;;;0CAKsC;IACtC,OAAO,CAAC,aAAa;IA2BrB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,sBAAsB;IAuB9B;;;0CAGsC;IACtC,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,UAAU;IAelB,MAAM,IAAI,cAAc,CASvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF"}

package/dist/components/document-preview/document-preview.class.js

@@ -102,8 +102,9 @@ function icon(paths) {
  * The one piece of async work this component *does* own is fetching a
  * `text/*`/`application/json` `src` itself (there's no other way to get a
  * `<pre>`'s text content from a URL) — gated behind the same generation-
- * counter guard `<lyra-tool-result-view>`'s `resolve()` uses, so a `src`
- * reassigned mid-fetch can't have a stale response clobber a newer one. A
+ * counter guard `<lyra-tool-result-view>`'s `resolve()` uses, plus an
+ * `AbortController`, so a `src` reassigned mid-fetch cancels the obsolete
+ * request and can't have a stale response clobber a newer one. A
  * failure here (network error, non-2xx response) renders inline via
  * `[part="error"]` and fires `lyra-render-error`, independently of the
  * host-owned `status` prop — mirrors `<lyra-markdown>`'s identical stance
@@ -153,6 +154,9 @@ function icon(paths) {
  * @csspart spinner - The converting/loading indicator — indeterminate (`role="status"`) or, once numeric progress is known, a determinate `role="progressbar"`. Used both for `status="converting"` and for this component's own in-flight text fetch.
  * @csspart error - The error message region (`role="alert"`) — used both for `status="error"` and for a failed text fetch.
  * @csspart download-link - The `<a download>` affordance in the generic fallback. Only rendered when `src` is set and safe for link navigation.
+ * @cssprop [--lyra-document-preview-max-height=none] - Maximum body block size before the preview scrolls internally.
+ * @cssprop [--lyra-document-preview-font=var(--lyra-font-mono)] - Font used for plain-text previews.
+ * @cssprop [--lyra-document-preview-spin-duration=0.8s] - Duration of one indeterminate loading-indicator rotation.
  */
 export class LyraDocumentPreview extends LyraElement {
     constructor() {
@@ -193,6 +197,29 @@ export class LyraDocumentPreview extends LyraElement {
         };
     }
     static { this.styles = [LyraElement.styles, styles, srOnly]; }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasUpdated || this.textFetch.kind !== 'idle')
+            return;
+        const safeTextSrc = safeFetchUrl(this.src);
+        if (classifyFormat(this.mimeType) === 'text' &&
+            safeTextSrc !== null &&
+            this.status !== 'converting' &&
+            this.status !== 'error') {
+            void this.fetchText(safeTextSrc);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.fetchController)
+            this.invalidateTextFetch();
+    }
+    invalidateTextFetch() {
+        this.fetchGeneration++;
+        this.fetchController?.abort();
+        this.fetchController = undefined;
+        this.textFetch = IDLE_TEXT_FETCH;
+    }
     willUpdate(changed) {
         if (!this.hasUpdated) {
             this.hasUnsupportedSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'unsupported');
@@ -217,15 +244,17 @@ export class LyraDocumentPreview extends LyraElement {
             // No longer applicable (format changed away from text, src cleared,
             // or status moved to converting/error) -- invalidate any in-flight
             // fetch and drop the stale result so a later re-entry starts clean.
-            this.fetchGeneration++;
-            this.textFetch = IDLE_TEXT_FETCH;
+            this.invalidateTextFetch();
         }
     }
     async fetchText(url) {
         const generation = ++this.fetchGeneration;
+        this.fetchController?.abort();
+        const controller = new AbortController();
+        this.fetchController = controller;
         this.textFetch = { kind: 'loading' };
         try {
-            const response = await fetch(url);
+            const response = await fetch(url, { signal: controller.signal });
             if (!response.ok)
                 throw new Error(`${response.status} ${response.statusText}`);
             const text = await response.text();
@@ -240,6 +269,10 @@ export class LyraDocumentPreview extends LyraElement {
             this.textFetch = { kind: 'error', message };
             this.emit('lyra-render-error', { error });
         }
+        finally {
+            if (this.fetchController === controller)
+                this.fetchController = undefined;
+        }
     }
     /** Renders `[part="spinner"]` -- indeterminate (`role="status"` + a
      *  visually-hidden label, per the class doc's accessibility note) when
@@ -298,7 +331,10 @@ export class LyraDocumentPreview extends LyraElement {
         const src = safeMediaSrc(this.src);
         if (src === null)
             return this.renderDownloadFallback();
-        return html `<img src=${src} alt=${this.filename || this.localize('documentPreviewAlt')} />`;
+        return html `<img
+      src=${src}
+      alt=${this.alt ?? (this.filename || this.localize('documentPreviewAlt'))}
+    />`;
     }
     renderDownloadFallback() {
         const label = this.filename || this.localize('documentPreviewGenericFile');
@@ -366,6 +402,9 @@ __decorate([
 __decorate([
     property()
 ], LyraDocumentPreview.prototype, "filename", void 0);
+__decorate([
+    property()
+], LyraDocumentPreview.prototype, "alt", void 0);
 __decorate([
     property({ reflect: true })
 ], LyraDocumentPreview.prototype, "status", void 0);