@xtyle/core 0.5.0

package/dist/elements/skeleton.d.ts

@@ -0,0 +1,18 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import type { Size } from "../index.js";
+import { type SkeletonShape } from "../markup/index.js";
+export type { SkeletonShape };
+export declare class XtyleSkeleton extends XtyleElement {
+    private fragment;
+    protected get styleMode(): StyleMode;
+    static get observedAttributes(): string[];
+    get shape(): SkeletonShape;
+    set shape(value: SkeletonShape);
+    get size(): Size;
+    set size(value: Size);
+    attributeChangedCallback(): void;
+    private get bindings();
+    protected template(): string;
+    protected render(): void;
+}
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/elements/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/elements/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIzE,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,qBAAa,aAAc,SAAQ,YAAY;IAC9C,OAAO,CAAC,QAAQ,CAEb;IAEH,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,KAAK,IAAI,aAAa,CAEzB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,aAAa,EAE7B;IAED,IAAI,IAAI,IAAI,IAAI,CAEf;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,EAEnB;IAED,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GAEnB;IAED,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;CAKjC"}

package/dist/elements/skeleton.js

@@ -0,0 +1,44 @@
+import { XtyleElement, define } from "./base.js";
+import { skeletonHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/skeleton/source.generated.js";
+export class XtyleSkeleton extends XtyleElement {
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "skeleton", {
+        applyIntent: () => { },
+    });
+    get styleMode() {
+        return "auto";
+    }
+    static get observedAttributes() {
+        return ["shape", "size"];
+    }
+    get shape() {
+        return this.getAttribute("shape") ?? "text";
+    }
+    set shape(value) {
+        this.setAttribute("shape", value);
+    }
+    get size() {
+        return this.getAttribute("size") ?? "md";
+    }
+    set size(value) {
+        this.setAttribute("size", value);
+    }
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+    }
+    get bindings() {
+        return { shape: this.shape, size: this.size };
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(skeletonHostCss);
+        this.fragment.update(this.bindings);
+    }
+}
+define("xtyle-skeleton", XtyleSkeleton);
+//# sourceMappingURL=skeleton.js.map

package/dist/elements/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/elements/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAkB,MAAM,WAAW,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAsB,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAIrF,MAAM,OAAO,aAAc,SAAQ,YAAY;IACtC,QAAQ,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE;QACrF,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;KACrB,CAAC,CAAC;IAEH,IAAuB,SAAS;QAC/B,OAAO,MAAM,CAAC;IACf,CAAC;IAED,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,KAAK;QACR,OAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,CAAmB,IAAI,MAAM,CAAC;IAChE,CAAC;IACD,IAAI,KAAK,CAAC,KAAoB;QAC7B,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,IAAI,IAAI;QACP,OAAQ,IAAI,CAAC,YAAY,CAAC,MAAM,CAAU,IAAI,IAAI,CAAC;IACpD,CAAC;IACD,IAAI,IAAI,CAAC,KAAW;QACnB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,wBAAwB;QACvB,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACzC,CAAC;IAED,IAAY,QAAQ;QACnB,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IAC/C,CAAC;IAES,QAAQ;QACjB,OAAO,EAAE,CAAC;IACX,CAAC;IAEkB,MAAM;QACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;CACD;AAED,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}

package/dist/elements/slider.d.ts

@@ -0,0 +1,65 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import type { Size, FullTone } from "../index.js";
+export declare class XtyleSlider extends XtyleElement {
+    protected get styleMode(): StyleMode;
+    static formAssociated: boolean;
+    private internals;
+    private elementId;
+    private formatFn;
+    private lastShape;
+    private lastNamed;
+    private pointerWired;
+    private fragment;
+    private initialValue;
+    static get observedAttributes(): string[];
+    constructor();
+    connectedCallback(): void;
+    /** The value a double-click on the thumb restores: an explicit `default`, else the value the slider first rendered with. */
+    get defaultValue(): number;
+    /** Whether clicking the shown value opens an inline editor. On by default when the value is shown; opt out with `static-value`. */
+    get editableValue(): boolean;
+    get min(): number;
+    set min(value: number);
+    get max(): number;
+    set max(value: number);
+    get step(): number;
+    set step(value: number);
+    get value(): number;
+    set value(value: number);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get size(): Size;
+    set size(value: Size);
+    get tone(): FullTone;
+    set tone(value: FullTone);
+    get showValue(): boolean;
+    set showValue(value: boolean);
+    get hideLabel(): boolean;
+    set hideLabel(value: boolean);
+    get format(): ((value: number) => string) | null;
+    set format(fn: ((value: number) => string) | null);
+    private formatValue;
+    private clamp;
+    attributeChangedCallback(): void;
+    private get bindings();
+    /** Structural state ops can't patch incrementally: whether the label / value spans exist
+     * and the header arrangement. A change here rebuilds; a value move is a cheap patch. */
+    private shapeSignature;
+    private keyContext;
+    private get rail();
+    private get thumb();
+    private syncForm;
+    private warnIfUnnamed;
+    private commit;
+    private applyIntent;
+    private valueAtPointer;
+    private onPointerdown;
+    /** The pointer (geometry) path stays host-side: it reads the rail's bounding rect, which the
+     * sandbox can't see. Delegated on the shadow root once, so a remount keeps it live. */
+    private wirePointer;
+    /** Swap the shown value for an inline number editor; Enter or blur commits the typed value (clamped), Escape cancels. */
+    private enterValueEdit;
+    protected template(): string;
+    protected render(): void;
+}
+//# sourceMappingURL=slider.d.ts.map

package/dist/elements/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/elements/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAKlD,qBAAa,WAAY,SAAQ,YAAY;IAC5C,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,SAAS,CAA4D;IAC7E,OAAO,CAAC,QAAQ,CAA4C;IAC5D,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,QAAQ,CAGb;IAEH,OAAO,CAAC,YAAY,CAAc;IAElC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;;IASQ,iBAAiB,IAAI,IAAI;IAQlC,4HAA4H;IAC5H,IAAI,YAAY,IAAI,MAAM,CAIzB;IAED,mIAAmI;IACnI,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IACD,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAEpB;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IACD,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAEpB;IAED,IAAI,IAAI,IAAI,MAAM,CAGjB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAErB;IAED,IAAI,KAAK,IAAI,MAAM,CAGlB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED,IAAI,IAAI,IAAI,IAAI,CAEf;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,EAEnB;IAED,IAAI,IAAI,IAAI,QAAQ,CAEnB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,EAEvB;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;IAED,IAAI,MAAM,IAAI,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,CAE/C;IACD,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,EAGhD;IAED,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,KAAK;IAOb,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GAiBnB;IAED;4FACwF;IACxF,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,UAAU;IAIlB,OAAO,KAAK,IAAI,GAEf;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,aAAa;IAerB;2FACuF;IACvF,OAAO,CAAC,WAAW;IAmBnB,yHAAyH;IACzH,OAAO,CAAC,cAAc;IAuCtB,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;CAcjC"}

package/dist/elements/slider.js

@@ -0,0 +1,295 @@
+import { XtyleElement, define } from "./base.js";
+import { sliderHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/slider/source.generated.js";
+export class XtyleSlider extends XtyleElement {
+    get styleMode() {
+        return "auto";
+    }
+    static formAssociated = true;
+    internals = null;
+    elementId = `xtyle-slider-${Math.random().toString(36).slice(2, 8)}`;
+    formatFn = null;
+    lastShape = "";
+    lastNamed = false;
+    pointerWired = false;
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "slider", {
+        context: (handler) => (handler === "keyAdjust" ? this.keyContext() : undefined),
+        applyIntent: (intent, event) => this.applyIntent(intent, event),
+    });
+    initialValue = Number.NaN;
+    static get observedAttributes() {
+        return ["value", "min", "max", "step", "disabled", "size", "tone", "label", "labelledby", "name", "show-value", "hide-label", "default", "static-value"];
+    }
+    constructor() {
+        super();
+        if (typeof this.attachInternals === "function") {
+            this.internals = this.attachInternals();
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (Number.isNaN(this.initialValue)) {
+            const raw = this.getAttribute("value");
+            this.initialValue = raw === null ? this.min : Number(raw);
+        }
+    }
+    /** The value a double-click on the thumb restores: an explicit `default`, else the value the slider first rendered with. */
+    get defaultValue() {
+        const explicit = this.getAttribute("default");
+        if (explicit !== null && explicit !== "")
+            return this.clamp(Number(explicit));
+        return this.clamp(Number.isNaN(this.initialValue) ? this.min : this.initialValue);
+    }
+    /** Whether clicking the shown value opens an inline editor. On by default when the value is shown; opt out with `static-value`. */
+    get editableValue() {
+        return this.showValue && !this.hasAttribute("static-value");
+    }
+    get min() {
+        return Number(this.getAttribute("min") ?? "0");
+    }
+    set min(value) {
+        this.setAttribute("min", String(value));
+    }
+    get max() {
+        return Number(this.getAttribute("max") ?? "100");
+    }
+    set max(value) {
+        this.setAttribute("max", String(value));
+    }
+    get step() {
+        const step = Number(this.getAttribute("step") ?? "1");
+        return step > 0 ? step : 1;
+    }
+    set step(value) {
+        this.setAttribute("step", String(value));
+    }
+    get value() {
+        const raw = this.getAttribute("value");
+        return this.clamp(raw === null ? this.min : Number(raw));
+    }
+    set value(value) {
+        this.setAttribute("value", String(this.clamp(value)));
+    }
+    get disabled() {
+        return this.hasAttribute("disabled");
+    }
+    set disabled(value) {
+        this.reflectBoolean("disabled", value);
+    }
+    get size() {
+        return this.getAttribute("size") ?? "md";
+    }
+    set size(value) {
+        this.setAttribute("size", value);
+    }
+    get tone() {
+        return this.getAttribute("tone") ?? "accent";
+    }
+    set tone(value) {
+        this.setAttribute("tone", value);
+    }
+    get showValue() {
+        return this.hasAttribute("show-value");
+    }
+    set showValue(value) {
+        this.reflectBoolean("show-value", value);
+    }
+    get hideLabel() {
+        return this.hasAttribute("hide-label");
+    }
+    set hideLabel(value) {
+        this.reflectBoolean("hide-label", value);
+    }
+    get format() {
+        return this.formatFn;
+    }
+    set format(fn) {
+        this.formatFn = typeof fn === "function" ? fn : null;
+        if (this.root.firstChild)
+            this.render();
+    }
+    formatValue(value) {
+        return this.formatFn ? this.formatFn(value) : String(value);
+    }
+    clamp(value) {
+        const { min, max, step } = this;
+        if (Number.isNaN(value))
+            return min;
+        const snapped = Math.round((value - min) / step) * step + min;
+        return Math.min(max, Math.max(min, Number(snapped.toFixed(6))));
+    }
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+    }
+    get bindings() {
+        return {
+            value: this.value,
+            min: this.min,
+            max: this.max,
+            step: this.step,
+            disabled: this.disabled,
+            size: this.size,
+            tone: this.tone,
+            label: this.getAttribute("label"),
+            labelledby: this.getAttribute("labelledby"),
+            showValue: this.showValue,
+            hideLabel: this.hideLabel,
+            valueText: this.formatValue(this.value),
+            elementId: this.elementId,
+            editableValue: this.editableValue,
+        };
+    }
+    /** Structural state ops can't patch incrementally: whether the label / value spans exist
+     * and the header arrangement. A change here rebuilds; a value move is a cheap patch. */
+    shapeSignature() {
+        return `${this.getAttribute("label") != null}|${this.showValue}|${this.hideLabel}`;
+    }
+    keyContext() {
+        return { value: this.value, min: this.min, max: this.max, step: this.step };
+    }
+    get rail() {
+        return this.root.querySelector(".xtyle-slider__rail");
+    }
+    get thumb() {
+        return this.root.querySelector(".xtyle-slider__thumb");
+    }
+    syncForm() {
+        this.internals?.setFormValue(String(this.value));
+    }
+    warnIfUnnamed() {
+        if (!this.getAttribute("label") && !this.getAttribute("labelledby")) {
+            console.warn("xtyle-slider: no accessible name. Provide a `label` or `labelledby` so the slider is announced.");
+        }
+    }
+    commit(next, emit) {
+        if (this.disabled)
+            return;
+        const clamped = this.clamp(next);
+        if (clamped === this.value && emit === "input")
+            return;
+        this.value = clamped;
+        this.render();
+        this.dispatchEvent(new Event(emit, { bubbles: true, composed: true }));
+        this.syncForm();
+    }
+    applyIntent(intent, event) {
+        if (intent.preventDefault)
+            event.preventDefault();
+        if (intent.setValue !== undefined)
+            this.commit(intent.setValue, intent.commit === "input" ? "input" : "change");
+    }
+    valueAtPointer(clientX) {
+        const rail = this.rail;
+        if (!rail)
+            return this.value;
+        const rect = rail.getBoundingClientRect();
+        const fraction = rect.width === 0 ? 0 : (clientX - rect.left) / rect.width;
+        return this.min + Math.min(1, Math.max(0, fraction)) * (this.max - this.min);
+    }
+    onPointerdown(event) {
+        if (this.disabled)
+            return;
+        this.thumb?.focus();
+        event.target.setPointerCapture?.(event.pointerId);
+        this.commit(this.valueAtPointer(event.clientX), "input");
+        const move = (e) => this.commit(this.valueAtPointer(e.clientX), "input");
+        const up = (e) => {
+            this.rail?.removeEventListener("pointermove", move);
+            this.rail?.removeEventListener("pointerup", up);
+            this.commit(this.valueAtPointer(e.clientX), "change");
+        };
+        this.rail?.addEventListener("pointermove", move);
+        this.rail?.addEventListener("pointerup", up);
+    }
+    /** The pointer (geometry) path stays host-side: it reads the rail's bounding rect, which the
+     * sandbox can't see. Delegated on the shadow root once, so a remount keeps it live. */
+    wirePointer() {
+        if (this.pointerWired)
+            return;
+        this.pointerWired = true;
+        this.root.addEventListener("pointerdown", (e) => {
+            const target = e.target;
+            if (target?.closest(".xtyle-slider__rail"))
+                this.onPointerdown(e);
+        });
+        this.root.addEventListener("dblclick", (e) => {
+            const target = e.target;
+            if (!this.disabled && target?.closest(".xtyle-slider__thumb")) {
+                this.commit(this.defaultValue, "change");
+            }
+        });
+        this.root.addEventListener("click", (e) => {
+            const target = e.target;
+            if (this.editableValue && target?.closest(".xtyle-slider__value"))
+                this.enterValueEdit();
+        });
+    }
+    /** Swap the shown value for an inline number editor; Enter or blur commits the typed value (clamped), Escape cancels. */
+    enterValueEdit() {
+        if (this.disabled)
+            return;
+        const valueSpan = this.root.querySelector(".xtyle-slider__value");
+        if (!valueSpan || valueSpan.querySelector("input"))
+            return;
+        const input = document.createElement("input");
+        input.type = "text";
+        input.inputMode = "decimal";
+        input.className = "xtyle-slider__value-input";
+        input.value = String(this.value);
+        input.setAttribute("aria-label", "Edit value");
+        valueSpan.removeAttribute("aria-hidden");
+        valueSpan.replaceChildren(input);
+        input.focus();
+        input.select();
+        let done = false;
+        const finish = (save) => {
+            if (done)
+                return;
+            done = true;
+            input.removeEventListener("keydown", onKey);
+            input.removeEventListener("blur", onBlur);
+            valueSpan.setAttribute("aria-hidden", "true");
+            const next = Number(input.value.trim());
+            if (save && input.value.trim() !== "" && !Number.isNaN(next))
+                this.commit(next, "change");
+            else
+                this.render();
+        };
+        const onKey = (e) => {
+            if (e.key === "Enter") {
+                e.preventDefault();
+                finish(true);
+            }
+            else if (e.key === "Escape") {
+                e.preventDefault();
+                finish(false);
+            }
+        };
+        const onBlur = () => finish(true);
+        input.addEventListener("keydown", onKey);
+        input.addEventListener("blur", onBlur);
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(sliderHostCss);
+        const signature = this.shapeSignature();
+        const firstPaint = !this.lastShape;
+        if (this.lastShape && signature !== this.lastShape)
+            this.fragment.remount();
+        this.lastShape = signature;
+        this.fragment.update(this.bindings);
+        this.wirePointer();
+        const named = !!this.getAttribute("label") || !!this.getAttribute("labelledby");
+        if (firstPaint || named !== this.lastNamed)
+            this.warnIfUnnamed();
+        this.lastNamed = named;
+        this.syncForm();
+    }
+}
+define("xtyle-slider", XtyleSlider);
+//# sourceMappingURL=slider.js.map

package/dist/elements/slider.js.map

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

package/dist/elements/sparkline.d.ts

@@ -0,0 +1,29 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import { type SparklineVariant, type SparklineTone } from "../markup/index.js";
+import { type TimeSample } from "../timeseries.js";
+export type { SparklineVariant, SparklineTone };
+export declare class XtyleSparkline extends XtyleElement {
+    protected get styleMode(): StyleMode;
+    private valuesProp;
+    private pointsProp;
+    private fragment;
+    static get observedAttributes(): string[];
+    get values(): number[];
+    set values(value: number[]);
+    get points(): TimeSample[];
+    set points(value: TimeSample[]);
+    get variant(): SparklineVariant;
+    set variant(value: SparklineVariant);
+    get tone(): SparklineTone;
+    set tone(value: SparklineTone);
+    attributeChangedCallback(name: string): void;
+    private num;
+    /** The time-windowed plot for `points` mode (samples placed by time against the live clock), or
+     * `null` in plain `values` mode. Delegates the window math to the shared `windowedPlot` primitive. */
+    private plot;
+    private get bindings();
+    private wireInteraction;
+    protected template(): string;
+    protected render(): void;
+}
+//# sourceMappingURL=sparkline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../src/elements/sparkline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAoB,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGjG,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEjE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC;AA2BhD,qBAAa,cAAe,SAAQ,YAAY;IAC/C,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,OAAO,CAAC,UAAU,CAAyB;IAC3C,OAAO,CAAC,UAAU,CAA6B;IAC/C,OAAO,CAAC,QAAQ,CAGb;IAEH,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,MAAM,IAAI,MAAM,EAAE,CAErB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,EAGzB;IAED,IAAI,MAAM,IAAI,UAAU,EAAE,CAEzB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,EAG7B;IAED,IAAI,OAAO,IAAI,gBAAgB,CAE9B;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,gBAAgB,EAElC;IAED,IAAI,IAAI,IAAI,aAAa,CAExB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,aAAa,EAE5B;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAM5C,OAAO,CAAC,GAAG;IAKX;0GACsG;IACtG,OAAO,CAAC,IAAI;IAUZ,OAAO,KAAK,QAAQ,GAYnB;IAED,OAAO,CAAC,eAAe;IAyDvB,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;CAKjC"}

package/dist/elements/sparkline.js

@@ -0,0 +1,178 @@
+import { XtyleElement, define } from "./base.js";
+import { sparklineHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/sparkline/source.generated.js";
+import { windowedPlot } from "../timeseries.js";
+const VW = 100;
+const PAD = 3;
+function parseValues(raw) {
+    if (!raw)
+        return [];
+    try {
+        const parsed = JSON.parse(raw);
+        return Array.isArray(parsed) ? parsed.map(Number) : [];
+    }
+    catch {
+        return raw
+            .split(",")
+            .map((s) => Number(s.trim()))
+            .filter((n) => Number.isFinite(n));
+    }
+}
+function parseJson(raw) {
+    if (!raw)
+        return null;
+    try {
+        return JSON.parse(raw);
+    }
+    catch {
+        return null;
+    }
+}
+export class XtyleSparkline extends XtyleElement {
+    get styleMode() {
+        return "auto";
+    }
+    valuesProp = null;
+    pointsProp = null;
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "sparkline", {
+        applyIntent: () => { },
+        afterApply: () => this.wireInteraction(),
+    });
+    static get observedAttributes() {
+        return ["values", "points", "window", "domain", "step", "variant", "tone", "show-end", "min", "max", "label"];
+    }
+    get values() {
+        return this.valuesProp ?? parseValues(this.getAttribute("values"));
+    }
+    set values(value) {
+        this.valuesProp = value;
+        if (this.root.firstChild)
+            this.render();
+    }
+    get points() {
+        return this.pointsProp ?? parseJson(this.getAttribute("points")) ?? [];
+    }
+    set points(value) {
+        this.pointsProp = value;
+        if (this.root.firstChild)
+            this.render();
+    }
+    get variant() {
+        return this.getAttribute("variant") ?? "line";
+    }
+    set variant(value) {
+        this.setAttribute("variant", value);
+    }
+    get tone() {
+        return this.getAttribute("tone") ?? "accent";
+    }
+    set tone(value) {
+        this.setAttribute("tone", value);
+    }
+    attributeChangedCallback(name) {
+        if (name === "values")
+            this.valuesProp = null;
+        if (name === "points")
+            this.pointsProp = null;
+        if (this.root.firstChild)
+            this.render();
+    }
+    num(attr) {
+        const raw = this.getAttribute(attr);
+        return raw !== null && raw !== "" ? Number(raw) : undefined;
+    }
+    /** The time-windowed plot for `points` mode (samples placed by time against the live clock), or
+     * `null` in plain `values` mode. Delegates the window math to the shared `windowedPlot` primitive. */
+    plot() {
+        const points = this.points;
+        if (points.length === 0)
+            return null;
+        return windowedPlot(points, {
+            window: this.num("window"),
+            domain: parseJson(this.getAttribute("domain")),
+            now: Date.now(),
+        });
+    }
+    get bindings() {
+        const plot = this.plot();
+        return {
+            ...(plot ? { plot } : { values: this.values }),
+            variant: this.variant,
+            tone: this.tone,
+            showEnd: this.getAttribute("show-end") !== "false",
+            step: this.hasAttribute("step"),
+            min: this.num("min"),
+            max: this.num("max"),
+            label: this.getAttribute("label"),
+        };
+    }
+    wireInteraction() {
+        const spark = this.root.querySelector(".xtyle-sparkline");
+        const svg = this.root.querySelector(".xtyle-sparkline__svg");
+        const marker = this.root.querySelector(".xtyle-sparkline__marker");
+        const tooltip = this.root.querySelector(".xtyle-sparkline__tooltip");
+        if (!spark || !svg || !marker || !tooltip)
+            return;
+        const plot = this.plot();
+        const values = plot ? plot.map((p) => p.value) : this.values;
+        if (values.length === 0)
+            return;
+        const xs = plot ? plot.map((p) => p.x) : null;
+        const guide = marker.querySelector(".xtyle-sparkline__guide");
+        const dot = marker.querySelector(".xtyle-sparkline__dot");
+        const lo = this.num("min") ?? Math.min(...values);
+        const hi = this.num("max") ?? Math.max(...values);
+        const span = hi - lo || 1;
+        const innerW = VW - PAD * 2;
+        const move = (event) => {
+            const box = svg.getBoundingClientRect();
+            const frac = box.width > 0 ? (event.clientX - box.left) / box.width : 0;
+            let i;
+            if (xs) {
+                const target = Math.max(0, Math.min(1, frac));
+                i = 0;
+                let best = Infinity;
+                for (let k = 0; k < xs.length; k++) {
+                    const d = Math.abs(xs[k] - target);
+                    if (d < best) {
+                        best = d;
+                        i = k;
+                    }
+                }
+            }
+            else {
+                i = Math.max(0, Math.min(values.length - 1, Math.round(frac * (values.length - 1))));
+            }
+            const nx = xs ? xs[i] : values.length <= 1 ? 0.5 : i / (values.length - 1);
+            const vx = PAD + nx * innerW;
+            const vy = PAD + (1 - (values[i] - lo) / span) * (32 - PAD * 2);
+            guide?.setAttribute("x1", String(vx));
+            guide?.setAttribute("x2", String(vx));
+            dot?.setAttribute("cx", String(vx));
+            dot?.setAttribute("cy", String(vy));
+            marker.removeAttribute("hidden");
+            tooltip.textContent = String(values[i]);
+            const sparkBox = spark.getBoundingClientRect();
+            tooltip.style.left = `${(vx / VW) * sparkBox.width}px`;
+            tooltip.style.top = `${(vy / 32) * sparkBox.height}px`;
+            tooltip.hidden = false;
+        };
+        const leave = () => {
+            marker.setAttribute("hidden", "hidden");
+            tooltip.hidden = true;
+        };
+        svg.addEventListener("pointermove", move);
+        svg.addEventListener("pointerleave", leave);
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(sparklineHostCss);
+        this.fragment.update(this.bindings);
+    }
+}
+define("xtyle-sparkline", XtyleSparkline);
+//# sourceMappingURL=sparkline.js.map