@aceshooting/lyra-ui 2.1.0 → 2.2.0

package/dist/components/source-list/source-list.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-list.class.d.ts","sourceRoot":"","sources":["../../../src/components/source-list/source-list.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,cAAe,SAAQ,WAAW;IAC7C,MAAM,CAAC,MAAM,iCAAgC;IAE7C;2EACuE;IAC3B,QAAQ,UAAS;IAE7D,wEAAwE;IAC5D,KAAK,SAAM;IAEvB;;gFAE4E;IACnC,WAAW,SAAM;IAMjD,OAAO,CAAC,YAAY,CAAK;IAElC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgC;IAEvD,SAAS,CAAC,UAAU,IAAI,IAAI,CAY3B;IAED,YAAY,IAAI,IAAI,CAMnB;IAED;;;iEAG6D;IAC7D,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,MAAM,CAGZ;IAEF,MAAM,IAAI,cAAc,CAoBvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/source-list/source-list.class.js

@@ -0,0 +1,129 @@
+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, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { nextId } from '../../internal/a11y.js';
+import { chevronIcon } from '../../internal/icons.js';
+import { styles } from './source-list.styles.js';
+/**
+ * `<lyra-source-list>` — a collapsible "Sources" panel for one chat message,
+ * grouping a set of `<lyra-source-card>` children (its default-slot light-DOM
+ * children, plain composition — no `.items` array prop, the same shape
+ * `<lyra-split>`'s panels take) behind a single clickable header.
+ *
+ * This library has no built-in i18n/pluralization (see `<lyra-empty>`'s plain
+ * `description` prop for the same stance), so the header text is entirely
+ * consumer-supplied: `label-plural` (e.g. `"3 sources"`) wins when set,
+ * falling back to `label`, falling back to the literal word `"Sources"` — see
+ * each property's own doc. `sourceCount` (a read-only, live-updated count of
+ * the currently-slotted children) is exposed for a consumer who wants to
+ * build that string reactively instead of hand-counting DOM children.
+ *
+ * The card list is removed from the accessibility tree (not just visually
+ * hidden) while collapsed, via the native `hidden` attribute on
+ * `[part="list"]` — a screen reader user tabbing past the header never lands
+ * on off-screen source cards they can't currently see.
+ *
+ * @customElement lyra-source-list
+ * @slot - `<lyra-source-card>` elements (or any content, though the card
+ * pairing is the intended usage).
+ * @event lyra-toggle - The header was activated, expanding or collapsing the
+ * list. `detail: { expanded }`.
+ * @csspart base - The outer container.
+ * @csspart header - The clickable header (`<button>`) toggling `expanded`.
+ * @csspart toggle - The chevron indicator inside the header.
+ * @csspart list - The wrapper around the default slot, `hidden` while collapsed.
+ */
+export class LyraSourceList extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Whether the card list is currently shown. Starts collapsed by default
+         *  so a message's sources don't eat vertical space until asked for. */
+        this.expanded = false;
+        /** Header text used when `label-plural` isn't set, e.g. `"Sources"`. */
+        this.label = '';
+        /** Fully consumer-built, already-pluralized header summary, e.g. `"3 sources"`
+         *  or `"1 source"` — this component never counts or pluralizes on its own
+         *  (see the class doc). Takes precedence over `label` when both are set. */
+        this.labelPlural = '';
+        // Tracks the default slot's assigned-element count purely for the
+        // `sourceCount` convenience getter below -- unlike `<lyra-split>`'s
+        // `panelCount` this never drives layout math, so it's plain @state rather
+        // than something read back out of `updated()`.
+        this.slottedCount = 0;
+        this.listId = nextId('source-list-region');
+        this.onSlotChange = (e) => {
+            this.slottedCount = e.target.assignedElements({ flatten: true }).length;
+        };
+        this.toggle = () => {
+            this.expanded = !this.expanded;
+            this.emit('lyra-toggle', { expanded: this.expanded });
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate() {
+        if (!this.hasUpdated) {
+            // Must count only children assigned to the *default* slot -- same rule
+            // `firstUpdated`/`onSlotChange` apply via `assignedElements()` below --
+            // otherwise a direct child carrying a foreign `slot` attribute makes
+            // this pre-count disagree with the authoritative one, which schedules
+            // a wasted second update (and Lit's dev-mode change-in-update warning).
+            // An explicit `slot=""` still assigns to the default slot per the HTML
+            // slot algorithm, so check the attribute's value rather than its mere
+            // presence.
+            this.slottedCount = Array.from(this.children).filter((el) => !el.getAttribute('slot')).length;
+        }
+    }
+    firstUpdated() {
+        // Fallback reconciliation for slot-forwarding / engines that don't fire
+        // `slotchange` for content present at parse time -- same idiom as
+        // `<lyra-empty>`'s `firstUpdated`.
+        const slot = this.shadowRoot.querySelector('slot');
+        this.slottedCount = slot.assignedElements({ flatten: true }).length;
+    }
+    /** Read-only, live-updated count of the currently-slotted children —
+     *  handy for building a `label-plural` string that stays in sync with
+     *  what's actually slotted without hand-counting DOM children, e.g.
+     *  `list.labelPlural = \`${list.sourceCount} sources\`;`. */
+    get sourceCount() {
+        return this.slottedCount;
+    }
+    render() {
+        const headerText = this.labelPlural || this.label || 'Sources';
+        return html `
+      <div part="base">
+        <button
+          part="header"
+          type="button"
+          aria-expanded=${this.expanded ? 'true' : 'false'}
+          aria-controls=${this.listId}
+          @click=${this.toggle}
+        >
+          <span part="toggle" aria-hidden="true">${chevronIcon()}</span>
+          <span>${headerText}</span>
+        </button>
+        <div part="list" id=${this.listId} ?hidden=${!this.expanded}>
+          <slot @slotchange=${this.onSlotChange}></slot>
+        </div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraSourceList.prototype, "expanded", void 0);
+__decorate([
+    property()
+], LyraSourceList.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'label-plural' })
+], LyraSourceList.prototype, "labelPlural", void 0);
+__decorate([
+    state()
+], LyraSourceList.prototype, "slottedCount", void 0);
+//# sourceMappingURL=source-list.class.js.map

package/dist/components/source-list/source-list.class.js.map

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

package/dist/components/source-list/source-list.d.ts

@@ -1,63 +1,2 @@
-import { type TemplateResult } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-export interface SourceListToggleDetail {
-    expanded: boolean;
-}
-/**
- * `<lyra-source-list>` — a collapsible "Sources" panel for one chat message,
- * grouping a set of `<lyra-source-card>` children (its default-slot light-DOM
- * children, plain composition — no `.items` array prop, the same shape
- * `<lyra-split>`'s panels take) behind a single clickable header.
- *
- * This library has no built-in i18n/pluralization (see `<lyra-empty>`'s plain
- * `description` prop for the same stance), so the header text is entirely
- * consumer-supplied: `label-plural` (e.g. `"3 sources"`) wins when set,
- * falling back to `label`, falling back to the literal word `"Sources"` — see
- * each property's own doc. `sourceCount` (a read-only, live-updated count of
- * the currently-slotted children) is exposed for a consumer who wants to
- * build that string reactively instead of hand-counting DOM children.
- *
- * The card list is removed from the accessibility tree (not just visually
- * hidden) while collapsed, via the native `hidden` attribute on
- * `[part="list"]` — a screen reader user tabbing past the header never lands
- * on off-screen source cards they can't currently see.
- *
- * @customElement lyra-source-list
- * @slot - `<lyra-source-card>` elements (or any content, though the card
- * pairing is the intended usage).
- * @event lyra-toggle - The header was activated, expanding or collapsing the
- * list. `detail: { expanded }`.
- * @csspart base - The outer container.
- * @csspart header - The clickable header (`<button>`) toggling `expanded`.
- * @csspart toggle - The chevron indicator inside the header.
- * @csspart list - The wrapper around the default slot, `hidden` while collapsed.
- */
-export declare class LyraSourceList extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    /** Whether the card list is currently shown. Starts collapsed by default
-     *  so a message's sources don't eat vertical space until asked for. */
-    expanded: boolean;
-    /** Header text used when `label-plural` isn't set, e.g. `"Sources"`. */
-    label: string;
-    /** Fully consumer-built, already-pluralized header summary, e.g. `"3 sources"`
-     *  or `"1 source"` — this component never counts or pluralizes on its own
-     *  (see the class doc). Takes precedence over `label` when both are set. */
-    labelPlural: string;
-    private slottedCount;
-    private readonly listId;
-    protected willUpdate(): void;
-    firstUpdated(): void;
-    /** Read-only, live-updated count of the currently-slotted children —
-     *  handy for building a `label-plural` string that stays in sync with
-     *  what's actually slotted without hand-counting DOM children, e.g.
-     *  `list.labelPlural = \`${list.sourceCount} sources\`;`. */
-    get sourceCount(): number;
-    private onSlotChange;
-    private toggle;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-source-list': LyraSourceList;
-    }
-}
+export * from './source-list.class.js';
+//# sourceMappingURL=source-list.d.ts.map

package/dist/components/source-list/source-list.d.ts.map

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

package/dist/components/source-list/source-list.js

@@ -1,130 +1,5 @@
-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, state } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
+export * from './source-list.class.js';
+import { LyraSourceList } from './source-list.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { nextId } from '../../internal/a11y.js';
-import { chevronIcon } from '../../internal/icons.js';
-import { styles } from './source-list.styles.js';
-/**
- * `<lyra-source-list>` — a collapsible "Sources" panel for one chat message,
- * grouping a set of `<lyra-source-card>` children (its default-slot light-DOM
- * children, plain composition — no `.items` array prop, the same shape
- * `<lyra-split>`'s panels take) behind a single clickable header.
- *
- * This library has no built-in i18n/pluralization (see `<lyra-empty>`'s plain
- * `description` prop for the same stance), so the header text is entirely
- * consumer-supplied: `label-plural` (e.g. `"3 sources"`) wins when set,
- * falling back to `label`, falling back to the literal word `"Sources"` — see
- * each property's own doc. `sourceCount` (a read-only, live-updated count of
- * the currently-slotted children) is exposed for a consumer who wants to
- * build that string reactively instead of hand-counting DOM children.
- *
- * The card list is removed from the accessibility tree (not just visually
- * hidden) while collapsed, via the native `hidden` attribute on
- * `[part="list"]` — a screen reader user tabbing past the header never lands
- * on off-screen source cards they can't currently see.
- *
- * @customElement lyra-source-list
- * @slot - `<lyra-source-card>` elements (or any content, though the card
- * pairing is the intended usage).
- * @event lyra-toggle - The header was activated, expanding or collapsing the
- * list. `detail: { expanded }`.
- * @csspart base - The outer container.
- * @csspart header - The clickable header (`<button>`) toggling `expanded`.
- * @csspart toggle - The chevron indicator inside the header.
- * @csspart list - The wrapper around the default slot, `hidden` while collapsed.
- */
-export class LyraSourceList extends LyraElement {
-    constructor() {
-        super(...arguments);
-        /** Whether the card list is currently shown. Starts collapsed by default
-         *  so a message's sources don't eat vertical space until asked for. */
-        this.expanded = false;
-        /** Header text used when `label-plural` isn't set, e.g. `"Sources"`. */
-        this.label = '';
-        /** Fully consumer-built, already-pluralized header summary, e.g. `"3 sources"`
-         *  or `"1 source"` — this component never counts or pluralizes on its own
-         *  (see the class doc). Takes precedence over `label` when both are set. */
-        this.labelPlural = '';
-        // Tracks the default slot's assigned-element count purely for the
-        // `sourceCount` convenience getter below -- unlike `<lyra-split>`'s
-        // `panelCount` this never drives layout math, so it's plain @state rather
-        // than something read back out of `updated()`.
-        this.slottedCount = 0;
-        this.listId = nextId('source-list-region');
-        this.onSlotChange = (e) => {
-            this.slottedCount = e.target.assignedElements({ flatten: true }).length;
-        };
-        this.toggle = () => {
-            this.expanded = !this.expanded;
-            this.emit('lyra-toggle', { expanded: this.expanded });
-        };
-    }
-    static { this.styles = [LyraElement.styles, styles]; }
-    willUpdate() {
-        if (!this.hasUpdated) {
-            // Must count only children assigned to the *default* slot -- same rule
-            // `firstUpdated`/`onSlotChange` apply via `assignedElements()` below --
-            // otherwise a direct child carrying a foreign `slot` attribute makes
-            // this pre-count disagree with the authoritative one, which schedules
-            // a wasted second update (and Lit's dev-mode change-in-update warning).
-            // An explicit `slot=""` still assigns to the default slot per the HTML
-            // slot algorithm, so check the attribute's value rather than its mere
-            // presence.
-            this.slottedCount = Array.from(this.children).filter((el) => !el.getAttribute('slot')).length;
-        }
-    }
-    firstUpdated() {
-        // Fallback reconciliation for slot-forwarding / engines that don't fire
-        // `slotchange` for content present at parse time -- same idiom as
-        // `<lyra-empty>`'s `firstUpdated`.
-        const slot = this.shadowRoot.querySelector('slot');
-        this.slottedCount = slot.assignedElements({ flatten: true }).length;
-    }
-    /** Read-only, live-updated count of the currently-slotted children —
-     *  handy for building a `label-plural` string that stays in sync with
-     *  what's actually slotted without hand-counting DOM children, e.g.
-     *  `list.labelPlural = \`${list.sourceCount} sources\`;`. */
-    get sourceCount() {
-        return this.slottedCount;
-    }
-    render() {
-        const headerText = this.labelPlural || this.label || 'Sources';
-        return html `
-      <div part="base">
-        <button
-          part="header"
-          type="button"
-          aria-expanded=${this.expanded ? 'true' : 'false'}
-          aria-controls=${this.listId}
-          @click=${this.toggle}
-        >
-          <span part="toggle" aria-hidden="true">${chevronIcon()}</span>
-          <span>${headerText}</span>
-        </button>
-        <div part="list" id=${this.listId} ?hidden=${!this.expanded}>
-          <slot @slotchange=${this.onSlotChange}></slot>
-        </div>
-      </div>
-    `;
-    }
-}
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraSourceList.prototype, "expanded", void 0);
-__decorate([
-    property()
-], LyraSourceList.prototype, "label", void 0);
-__decorate([
-    property({ attribute: 'label-plural' })
-], LyraSourceList.prototype, "labelPlural", void 0);
-__decorate([
-    state()
-], LyraSourceList.prototype, "slottedCount", void 0);
 defineElement('source-list', LyraSourceList);
+//# sourceMappingURL=source-list.js.map

package/dist/components/source-list/source-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-list.js","sourceRoot":"","sources":["../../../src/components/source-list/source-list.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}

package/dist/components/source-list/source-list.styles.d.ts

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

package/dist/components/source-list/source-list.styles.d.ts.map

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

package/dist/components/source-list/source-list.styles.js

@@ -4,7 +4,7 @@ export const styles = css `
     display: block;
   }
   [part='base'] {
-    border: 1px solid var(--lyra-color-border);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
     border-radius: var(--lyra-radius);
     background: var(--lyra-color-surface);
     overflow: hidden;
@@ -19,8 +19,8 @@ export const styles = css `
     background: none;
     color: var(--lyra-color-text);
     font: inherit;
-    font-weight: 600;
-    font-size: 0.875rem;
+    font-weight: var(--lyra-font-weight-semibold);
+    font-size: var(--lyra-font-size-md-sm);
     text-align: start;
     cursor: pointer;
   }
@@ -45,7 +45,7 @@ export const styles = css `
     flex-direction: column;
     gap: var(--lyra-space-s);
     padding: 0 var(--lyra-space-m) var(--lyra-space-m);
-    border-block-start: 1px solid var(--lyra-color-border);
+    border-block-start: var(--lyra-border-width-thin) solid var(--lyra-color-border);
     padding-block-start: var(--lyra-space-m);
   }
   [part='list'][hidden] {
@@ -57,3 +57,4 @@ export const styles = css `
     }
   }
 `;
+//# sourceMappingURL=source-list.styles.js.map

package/dist/components/source-list/source-list.styles.js.map

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

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

@@ -0,0 +1,31 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+/**
+ * `<lyra-sparkline>` — a zero-dependency inline SVG trend chart.
+ * Mirrors the Web Awesome `<wa-sparkline>` API under the `lyra-` prefix.
+ *
+ * @customElement lyra-sparkline
+ * @csspart line - The stroked line path (type="line" and type="area").
+ * @csspart area - The filled area under the line (type="area").
+ * @csspart bar - Each bar rectangle (type="bar").
+ */
+export declare class LyraSparkline extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** The data series to plot. */
+    values: number[];
+    /** Rendering style. */
+    type: 'line' | 'bar' | 'area';
+    /** Lower bound of the value scale (defaults to the data minimum). */
+    min?: number;
+    /** Upper bound of the value scale (defaults to the data maximum). */
+    max?: number;
+    private points;
+    protected willUpdate(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-sparkline': LyraSparkline;
+    }
+}
+//# sourceMappingURL=sparkline.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.class.d.ts","sourceRoot":"","sources":["../../../src/components/sparkline/sparkline.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAkB7D;;;;;;;;GAQG;AACH,qBAAa,aAAc,SAAQ,WAAW;IAC5C,MAAM,CAAC,MAAM,iCAAgC;IAE7C,+BAA+B;IACJ,MAAM,EAAE,MAAM,EAAE,CAAM;IAEjD,uBAAuB;IACX,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAU;IAEnD,qEAAqE;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzC,qEAAqE;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEzC,OAAO,CAAC,MAAM;IA+Bd,SAAS,CAAC,UAAU,IAAI,IAAI,CAiB3B;IAED,MAAM,IAAI,cAAc,CA2CvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/dist/components/sparkline/sparkline.class.js

@@ -0,0 +1,140 @@
+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, svg } from 'lit';
+import { property } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './sparkline.styles.js';
+const VIEW = 100;
+// A <rect> per bar doesn't collapse into one path the way line/area do, so an
+// unbounded `values` array turns directly into that many shadow-DOM nodes --
+// and an uncapped line/area path string grows without bound too. Capping the
+// point count up front (shared by every render type) keeps worst-case
+// DOM/compute bounded without affecting any realistically-sized chart.
+const MAX_POINTS = 500; // shared point-count cap for every render type (line/area/bar)
+function decimate(arr, max) {
+    if (arr.length <= max)
+        return [...arr];
+    const step = (arr.length - 1) / (max - 1); // anchors both the first AND last sample exactly
+    return Array.from({ length: max }, (_, i) => arr[Math.round(i * step)]);
+}
+/**
+ * `<lyra-sparkline>` — a zero-dependency inline SVG trend chart.
+ * Mirrors the Web Awesome `<wa-sparkline>` API under the `lyra-` prefix.
+ *
+ * @customElement lyra-sparkline
+ * @csspart line - The stroked line path (type="line" and type="area").
+ * @csspart area - The filled area under the line (type="area").
+ * @csspart bar - Each bar rectangle (type="bar").
+ */
+export class LyraSparkline extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The data series to plot. */
+        this.values = [];
+        /** Rendering style. */
+        this.type = 'line';
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    points() {
+        // Non-finite samples (NaN/undefined/null from upstream computed data)
+        // can't be plotted or compared -- drop them up front so one bad point
+        // can't inject a literal "NaN" into the path `d` string and truncate
+        // every point that follows it.
+        const raw = this.values.filter((n) => Number.isFinite(n));
+        // Auto min/max is scanned from the full, pre-decimation `values` -- doing
+        // this after decimating would silently narrow the scale to whatever the
+        // sampled subset happens to contain, which can clip or misproportion a
+        // real extreme value that decimation happened to drop. Skip the scan
+        // entirely when both bounds are already given explicitly -- its result
+        // would just be discarded.
+        let autoLo = raw[0];
+        let autoHi = raw[0];
+        if (this.min === undefined || this.max === undefined) {
+            for (const n of raw) {
+                if (n < autoLo)
+                    autoLo = n;
+                if (n > autoHi)
+                    autoHi = n;
+            }
+        }
+        const lo = this.min ?? autoLo;
+        const hi = this.max ?? autoHi;
+        const v = raw.length > MAX_POINTS ? decimate(raw, MAX_POINTS) : raw;
+        const span = hi - lo;
+        return v.map((n, i) => {
+            const x = v.length > 1 ? (i / (v.length - 1)) * VIEW : VIEW / 2;
+            const y = span === 0 ? VIEW / 2 : VIEW - ((n - lo) / span) * VIEW;
+            return [x, y];
+        });
+    }
+    willUpdate() {
+        const v = this.values;
+        this.setAttribute('role', 'img');
+        const last = v.at(-1);
+        // Real-world computed data (ratios, averages, percentages) carries
+        // floating-point noise that isn't meaningful to announce -- round it for
+        // the label the same way a human-facing value would be formatted.
+        const formattedLast = typeof last === 'number' && Number.isFinite(last)
+            ? last.toLocaleString(undefined, { maximumFractionDigits: 2 })
+            : last;
+        this.setAttribute('aria-label', v.length
+            ? this.localize('trendOf', undefined, { count: v.length, value: String(formattedLast ?? '') })
+            : this.localize('noData'));
+    }
+    render() {
+        const v = this.values;
+        if (!v.length) {
+            return html `<svg viewBox="0 0 ${VIEW} ${VIEW}" aria-hidden="true"></svg>`;
+        }
+        const pts = this.points();
+        if (this.type === 'bar') {
+            // Narrow the bar width as the (already decimated-to-MAX_POINTS) point
+            // count grows, so bars stop overlapping once there are more than a
+            // handful -- VIEW / pts.length is each bar's full "slot" width; keep a
+            // small gap between slots by drawing at 70% of it, floored at 1px and
+            // capped at the original fixed 4px for small point counts.
+            const slot = VIEW / pts.length;
+            const barWidth = Math.min(4, Math.max(1, slot * 0.7));
+            const bars = pts.map(([x, y]) => {
+                // Clamp symmetrically: a value below an explicit `min` pushes `y`
+                // above VIEW, and a value above an explicit `max` pushes it below 0 --
+                // only clamping one side left the other free to draw a negative-y,
+                // oversized rect that bled outside the sparkline's box.
+                const barY = Math.min(VIEW, Math.max(0, y));
+                return svg `<rect part="bar" x="${x - barWidth / 2}" y="${barY}" width="${barWidth}" height="${VIEW - barY}"></rect>`;
+            });
+            return html `<svg viewBox="0 0 ${VIEW} ${VIEW}" preserveAspectRatio="none" aria-hidden="true">
+        ${bars}
+      </svg>`;
+        }
+        // pts can end up empty even though `values` itself isn't -- e.g. every
+        // entry was non-finite and got filtered out -- so the single-point
+        // fallback below can't assume pts[0] exists.
+        const d = pts.length > 1
+            ? pts.map(([x, y], i) => `${i ? 'L' : 'M'}${x},${y}`).join(' ')
+            : pts.length === 1
+                ? `M${pts[0][0]},${pts[0][1]} L${pts[0][0]},${pts[0][1]}`
+                : '';
+        return html `<svg viewBox="0 0 ${VIEW} ${VIEW}" preserveAspectRatio="none" aria-hidden="true">
+      ${this.type === 'area' ? svg `<path part="area" d="${d} L${VIEW},${VIEW} L0,${VIEW} Z"></path>` : ''}
+      <path part="line" d="${d}"></path>
+    </svg>`;
+    }
+}
+__decorate([
+    property({ type: Array })
+], LyraSparkline.prototype, "values", void 0);
+__decorate([
+    property()
+], LyraSparkline.prototype, "type", void 0);
+__decorate([
+    property({ type: Number })
+], LyraSparkline.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], LyraSparkline.prototype, "max", void 0);
+//# sourceMappingURL=sparkline.class.js.map

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

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

package/dist/components/sparkline/sparkline.d.ts

@@ -1,30 +1,2 @@
-import { type TemplateResult } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-/**
- * `<lyra-sparkline>` — a zero-dependency inline SVG trend chart.
- * Mirrors the Web Awesome `<wa-sparkline>` API under the `lyra-` prefix.
- *
- * @customElement lyra-sparkline
- * @csspart line - The stroked line path (type="line" and type="area").
- * @csspart area - The filled area under the line (type="area").
- * @csspart bar - Each bar rectangle (type="bar").
- */
-export declare class LyraSparkline extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    /** The data series to plot. */
-    values: number[];
-    /** Rendering style. */
-    type: 'line' | 'bar' | 'area';
-    /** Lower bound of the value scale (defaults to the data minimum). */
-    min?: number;
-    /** Upper bound of the value scale (defaults to the data maximum). */
-    max?: number;
-    private points;
-    protected willUpdate(): void;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-sparkline': LyraSparkline;
-    }
-}
+export * from './sparkline.class.js';
+//# sourceMappingURL=sparkline.d.ts.map

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

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