@aceshooting/lyra-ui 2.1.0 → 2.3.0

package/dist/components/playback/playback.d.ts

@@ -1,71 +1,2 @@
-import { type TemplateResult, type PropertyValues } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-/**
- * `<lyra-playback>` — steps an index through `[0, length)` on a fixed
- * interval (play/pause), the common building block behind ad-hoc
- * play-timers in time-series dashboards.
- *
- * @customElement lyra-playback
- * @event lyra-play - Fired when playback starts.
- * @event lyra-pause - Fired when playback stops (including auto-pause).
- * @event lyra-step - `detail: { index }`, fired on every tick and manual step.
- * @csspart base - The playback controls wrapper.
- * @csspart play-button - The play/pause button.
- * @csspart slider - The playback position slider.
- */
-export declare class LyraPlayback extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    static properties: {
-        playing: {
-            type: BooleanConstructor;
-            reflect: boolean;
-            noAccessor: boolean;
-        };
-        loop: {
-            type: BooleanConstructor;
-        };
-    };
-    length: number;
-    index: number;
-    intervalMs: number;
-    loop: boolean;
-    /**
-     * Re-declared as a Lit reactive property (shadowing the inherited plain
-     * `HTMLElement.hidden` IDL property) so that setting `el.hidden = true` —
-     * or the `hidden` attribute — actually enters Lit's change-tracking system
-     * and the `willUpdate` auto-pause guard below can see it via `changed`.
-     * `reflect: true` preserves the native attribute-reflection behavior.
-     */
-    hidden: boolean;
-    private timer?;
-    private _playing;
-    get playing(): boolean;
-    set playing(next: boolean);
-    /** Largest index reachable at the current `length` (never negative, and
-     * never NaN — a non-finite `length` falls back to 0 rather than leaking a
-     * literal "NaN" into the rendered slider's `max` attribute). */
-    private get maxIndex();
-    disconnectedCallback(): void;
-    protected willUpdate(changed: PropertyValues): void;
-    /** Start playback; no-op if there's nothing to advance through. */
-    play(): void;
-    /** Stop playback. */
-    pause(): void;
-    /** Toggle between playing and paused. */
-    toggle(): void;
-    private scheduleTick;
-    private tick;
-    private setIndex;
-    /** Advance one step without starting playback. */
-    next(): void;
-    /** Go back one step without starting playback. */
-    previous(): void;
-    /** Jump to an explicit index, pausing playback. */
-    goTo(index: number): void;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-playback': LyraPlayback;
-    }
-}
+export * from './playback.class.js';
+//# sourceMappingURL=playback.d.ts.map

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

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

package/dist/components/playback/playback.js

@@ -1,252 +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 } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
+export * from './playback.class.js';
+import { LyraPlayback } from './playback.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { playIcon, pauseIcon } from '../../internal/icons.js';
-import { finiteCount, finiteDuration, MAX_TIMEOUT_MS } from '../../internal/numbers.js';
-import { styles } from './playback.styles.js';
-const MIN_INTERVAL_MS = 16; // ~one animation frame; prevents a near-zero-delay tick loop
-// Deduplicated per distinct bad value (like the analogous one-time warnings
-// in lyra-heatmap/lyra-word-cloud) rather than a single once-ever flag, so a
-// later, genuinely different bad value is never silently swallowed by an
-// earlier, unrelated one.
-const warnedInvalidIntervals = new Set();
-function warnInvalidInterval(value) {
-    if (warnedInvalidIntervals.has(value))
-        return;
-    warnedInvalidIntervals.add(value);
-    // The clamp fires for any value outside the timer-safe range, so report the
-    // reason that actually applies instead of collapsing every bad value into
-    // one misleading "non-finite or non-positive" message.
-    const reason = !Number.isFinite(value)
-        ? 'non-finite'
-        : value < MIN_INTERVAL_MS
-            ? `below the ${MIN_INTERVAL_MS}ms floor`
-            : `above the ${MAX_TIMEOUT_MS}ms ceiling`;
-    console.warn(`<lyra-playback> interval-ms (${value}) is ${reason}; clamping to ${MIN_INTERVAL_MS}ms.`);
-}
-/**
- * `<lyra-playback>` — steps an index through `[0, length)` on a fixed
- * interval (play/pause), the common building block behind ad-hoc
- * play-timers in time-series dashboards.
- *
- * @customElement lyra-playback
- * @event lyra-play - Fired when playback starts.
- * @event lyra-pause - Fired when playback stops (including auto-pause).
- * @event lyra-step - `detail: { index }`, fired on every tick and manual step.
- * @csspart base - The playback controls wrapper.
- * @csspart play-button - The play/pause button.
- * @csspart slider - The playback position slider.
- */
-export class LyraPlayback extends LyraElement {
-    constructor() {
-        super(...arguments);
-        this.length = 0;
-        this.index = 0;
-        this.intervalMs = 900;
-        // `playing` is declared via `static properties` above (noAccessor) with a
-        // hand-written accessor below, so a direct `el.playing = true/false`
-        // assignment always drives the real timer — not just calls through
-        // play()/pause().
-        this.loop = true;
-        /**
-         * Re-declared as a Lit reactive property (shadowing the inherited plain
-         * `HTMLElement.hidden` IDL property) so that setting `el.hidden = true` —
-         * or the `hidden` attribute — actually enters Lit's change-tracking system
-         * and the `willUpdate` auto-pause guard below can see it via `changed`.
-         * `reflect: true` preserves the native attribute-reflection behavior.
-         */
-        this.hidden = false;
-        this._playing = false;
-    }
-    static { this.styles = [LyraElement.styles, styles]; }
-    static { this.properties = {
-        playing: { type: Boolean, reflect: true, noAccessor: true },
-        loop: { type: Boolean },
-    }; }
-    get playing() {
-        return this._playing;
-    }
-    set playing(next) {
-        const old = this._playing;
-        if (next === old)
-            return;
-        this._playing = next;
-        if (next) {
-            if (finiteCount(this.length) <= 1) {
-                this._playing = false;
-                return;
-            }
-            this.emit('lyra-play');
-            this.scheduleTick();
-        }
-        else {
-            window.clearTimeout(this.timer);
-            this.timer = undefined;
-            this.emit('lyra-pause');
-        }
-        this.requestUpdate('playing', old);
-    }
-    /** Largest index reachable at the current `length` (never negative, and
-     * never NaN — a non-finite `length` falls back to 0 rather than leaking a
-     * literal "NaN" into the rendered slider's `max` attribute). */
-    get maxIndex() {
-        return Math.max(0, finiteCount(this.length) - 1);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.pause();
-    }
-    willUpdate(changed) {
-        if (changed.has('hidden') && this.hidden)
-            this.pause();
-        // A non-finite `length`/`index` (e.g. externally assigned NaN) must not
-        // linger: `maxIndex` already falls back to a safe value for rendering,
-        // but `next()`/`previous()` compare `index`/`length` directly and would
-        // otherwise stay permanently bricked (NaN comparisons are always
-        // false). Checked unconditionally — not just under the `length` branch
-        // below — so a corrupted `index` alone still self-heals on the very next
-        // update, without requiring `length` to also change.
-        const length = finiteCount(this.length);
-        const index = finiteCount(this.index);
-        if (length !== this.length)
-            this.length = length;
-        if (index !== this.index)
-            this.index = index;
-        if (changed.has('length')) {
-            // If length is externally reduced to <= 1 while playing, the timer
-            // would otherwise keep firing forever — and the play button (the only
-            // control that could stop it) becomes ?disabled at that point, leaving
-            // no way to stop it from the rendered UI.
-            if (this.length <= 1)
-                this.pause();
-            // Re-clamp `index` into the new `[0, length)` range on any shrink, not
-            // just the <= 1 case above, so it never lingers out of bounds.
-            if (this.index > this.maxIndex)
-                this.index = this.maxIndex;
-        }
-    }
-    /** Start playback; no-op if there's nothing to advance through. */
-    play() {
-        if (this.playing || finiteCount(this.length) <= 1)
-            return;
-        this.playing = true;
-    }
-    /** Stop playback. */
-    pause() {
-        if (!this.playing)
-            return;
-        this.playing = false;
-    }
-    /** Toggle between playing and paused. */
-    toggle() {
-        this.playing = !this.playing;
-    }
-    // A self-rescheduling `setTimeout` (rather than one long-lived
-    // `setInterval`) so `intervalMs` is re-read fresh before every tick, the
-    // same way `tick()` already re-reads `this.loop` on every fire — changing
-    // `interval-ms` live takes effect on the very next step instead of only
-    // after a pause/play cycle.
-    scheduleTick() {
-        const rawDelay = this.intervalMs;
-        const delay = finiteDuration(rawDelay, MIN_INTERVAL_MS, MIN_INTERVAL_MS);
-        if (delay !== rawDelay)
-            warnInvalidInterval(rawDelay);
-        // Self-identifying: a synchronous pause()+play() (or a synchronous
-        // play() from a 'lyra-pause'/'lyra-step' listener) invoked while this
-        // callback is running schedules its own new timer and overwrites
-        // `this.timer` before this callback resumes. Only the timer that is
-        // still the current one is allowed to reschedule itself — every other,
-        // now-superseded chain quietly stops instead of spawning a second,
-        // untracked chain that pause()/disconnectedCallback() can never reach.
-        const id = window.setTimeout(() => {
-            this.tick();
-            if (this.playing && this.timer === id)
-                this.scheduleTick();
-        }, delay);
-        this.timer = id;
-    }
-    tick() {
-        const length = finiteCount(this.length);
-        const next = finiteCount(this.index) + 1;
-        if (next >= length) {
-            if (this.loop)
-                this.setIndex(0);
-            else {
-                this.setIndex(length - 1);
-                this.pause();
-            }
-        }
-        else {
-            this.setIndex(next);
-        }
-    }
-    setIndex(i) {
-        this.index = finiteCount(i, 0, this.maxIndex);
-        this.emit('lyra-step', { index: this.index });
-    }
-    /** Advance one step without starting playback. */
-    next() {
-        const index = finiteCount(this.index);
-        if (index + 1 < finiteCount(this.length))
-            this.setIndex(index + 1);
-    }
-    /** Go back one step without starting playback. */
-    previous() {
-        const index = finiteCount(this.index);
-        if (index > 0)
-            this.setIndex(index - 1);
-    }
-    /** Jump to an explicit index, pausing playback. */
-    goTo(index) {
-        this.pause();
-        this.setIndex(finiteCount(index, 0, this.maxIndex));
-    }
-    render() {
-        const maxIndex = this.maxIndex;
-        const index = finiteCount(this.index, 0, maxIndex);
-        const disabled = finiteCount(this.length) <= 1;
-        return html `
-      <div part="base">
-        <button
-          part="play-button"
-          type="button"
-          aria-label=${this.playing ? 'Pause' : 'Play'}
-          ?disabled=${disabled}
-          @click=${() => this.toggle()}
-        >
-          ${this.playing ? pauseIcon() : playIcon()}
-        </button>
-        <input
-          part="slider"
-          type="range"
-          min="0"
-          max=${maxIndex}
-          .value=${String(index)}
-          aria-label="Playback position"
-          ?disabled=${disabled}
-          @input=${(e) => this.goTo(Number(e.target.value))}
-        />
-      </div>
-    `;
-    }
-}
-__decorate([
-    property({ type: Number })
-], LyraPlayback.prototype, "length", void 0);
-__decorate([
-    property({ type: Number })
-], LyraPlayback.prototype, "index", void 0);
-__decorate([
-    property({ type: Number, attribute: 'interval-ms' })
-], LyraPlayback.prototype, "intervalMs", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraPlayback.prototype, "hidden", void 0);
 defineElement('playback', LyraPlayback);
+//# sourceMappingURL=playback.js.map

package/dist/components/playback/playback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playback.js","sourceRoot":"","sources":["../../../src/components/playback/playback.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC"}

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

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

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

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

package/dist/components/playback/playback.styles.js

@@ -19,7 +19,7 @@ export const styles = css `
     inline-size: var(--lyra-icon-button-size);
     block-size: var(--lyra-icon-button-size);
     border-radius: 50%;
-    border: 1px solid var(--lyra-color-border);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
     background: var(--lyra-color-surface);
     color: var(--lyra-color-text);
     cursor: pointer;
@@ -51,3 +51,4 @@ export const styles = css `
     outline-offset: var(--lyra-focus-ring-offset);
   }
 `;
+//# sourceMappingURL=playback.styles.js.map

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

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

package/dist/components/poll-status/poll-status.class.d.ts

@@ -0,0 +1,54 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../live-region/live-region.class.js';
+export interface LyraPollStatusEventMap {
+    'lyra-poll-due': CustomEvent<undefined>;
+    'lyra-pause-change': CustomEvent<boolean>;
+}
+/**
+ * `<lyra-poll-status>` — a "next scheduled refresh" countdown with a built-in pause control: a
+ * ticking `M:SS` display counting down to the next scheduled action, a "Refreshing…" state at
+ * zero, and a pause/resume toggle. First-party invention (no Web Awesome equivalent); the
+ * closest existing component, `lyra-stream-status`, is scoped to transport/connection-health
+ * phases, a different concern from a scheduled-interval countdown -- this mirrors its internal
+ * `<lyra-live-region>` composition for accessible phase-transition announcements.
+ *
+ * @customElement lyra-poll-status
+ * @event lyra-poll-due - Fired once when the countdown reaches zero (not fired while `paused`).
+ * @event lyra-pause-change - Fired when `paused` changes via the built-in button. `detail: boolean`.
+ * @csspart base - The root wrapper.
+ * @csspart indicator - The pulsing status dot.
+ * @csspart countdown - The `M:SS` (or "Refreshing…") text.
+ * @csspart pause-button - The built-in pause/resume toggle.
+ */
+export declare class LyraPollStatus extends LyraElement<LyraPollStatusEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Milliseconds until the next scheduled action, as of whenever this was last set -- setting it
+     *  (re)starts the countdown from "now." Unset (the default) shows no countdown. */
+    nextInMs?: number;
+    /** Whether the poll cycle is running at all. `true` (the default). */
+    active: boolean;
+    /** User-toggled pause -- while `true`, the countdown display freezes and `lyra-poll-due` never
+     *  fires. `false` (the default). */
+    paused: boolean;
+    private remainingMs;
+    private due;
+    private tickTimer?;
+    private targetAt;
+    private liveRegion?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    private armTicker;
+    private disarmTicker;
+    private announce;
+    private togglePause;
+    private formatCountdown;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-poll-status': LyraPollStatus;
+    }
+}
+//# sourceMappingURL=poll-status.class.d.ts.map

package/dist/components/poll-status/poll-status.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"poll-status.class.d.ts","sourceRoot":"","sources":["../../../src/components/poll-status/poll-status.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,OAAO,qCAAqC,CAAC;AAG7C,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACxC,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC3C;AAID;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,cAAe,SAAQ,WAAW,CAAC,sBAAsB,CAAC;IACrE,MAAM,CAAC,MAAM,iCAAgC;IAE7C;uFACmF;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAEvE,sEAAsE;IAC1B,MAAM,UAAQ;IAE1D;wCACoC;IACQ,MAAM,UAAS;IAElD,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,GAAG,CAAS;IAC7B,OAAO,CAAC,SAAS,CAAC,CAAiC;IACnD,OAAO,CAAC,QAAQ,CAAK;IAEM,OAAO,CAAC,UAAU,CAAC,CAAiB;IAE/D,iBAAiB,IAAI,IAAI,CAGxB;IAED,oBAAoB,IAAI,IAAI,CAG3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAoB/C;IAED,OAAO,CAAC,SAAS;IAajB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,eAAe;IAQvB,MAAM,IAAI,cAAc,CAevB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/poll-status/poll-status.class.js

@@ -0,0 +1,150 @@
+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, nothing } from 'lit';
+import { property, state, query } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { pauseIcon, playIcon } from '../../internal/icons.js';
+import '../live-region/live-region.class.js';
+import { styles } from './poll-status.styles.js';
+const TICK_MS = 1000;
+/**
+ * `<lyra-poll-status>` — a "next scheduled refresh" countdown with a built-in pause control: a
+ * ticking `M:SS` display counting down to the next scheduled action, a "Refreshing…" state at
+ * zero, and a pause/resume toggle. First-party invention (no Web Awesome equivalent); the
+ * closest existing component, `lyra-stream-status`, is scoped to transport/connection-health
+ * phases, a different concern from a scheduled-interval countdown -- this mirrors its internal
+ * `<lyra-live-region>` composition for accessible phase-transition announcements.
+ *
+ * @customElement lyra-poll-status
+ * @event lyra-poll-due - Fired once when the countdown reaches zero (not fired while `paused`).
+ * @event lyra-pause-change - Fired when `paused` changes via the built-in button. `detail: boolean`.
+ * @csspart base - The root wrapper.
+ * @csspart indicator - The pulsing status dot.
+ * @csspart countdown - The `M:SS` (or "Refreshing…") text.
+ * @csspart pause-button - The built-in pause/resume toggle.
+ */
+export class LyraPollStatus extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Whether the poll cycle is running at all. `true` (the default). */
+        this.active = true;
+        /** User-toggled pause -- while `true`, the countdown display freezes and `lyra-poll-due` never
+         *  fires. `false` (the default). */
+        this.paused = false;
+        this.remainingMs = 0;
+        this.due = false;
+        this.targetAt = 0;
+        this.togglePause = () => {
+            this.paused = !this.paused;
+            this.emit('lyra-pause-change', this.paused);
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.active && !this.paused)
+            this.armTicker();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.disarmTicker();
+    }
+    updated(changed) {
+        if (changed.has('nextInMs') && this.nextInMs != null) {
+            this.targetAt = Date.now() + this.nextInMs;
+            this.due = false;
+            this.remainingMs = this.nextInMs;
+            if (this.active && !this.paused)
+                this.armTicker();
+        }
+        if (changed.has('paused')) {
+            if (this.paused) {
+                this.disarmTicker();
+                this.announce('Paused.');
+            }
+            else {
+                if (this.active)
+                    this.armTicker();
+                this.announce('Resumed.');
+            }
+        }
+        if (changed.has('active')) {
+            if (this.active && !this.paused)
+                this.armTicker();
+            else
+                this.disarmTicker();
+        }
+    }
+    armTicker() {
+        this.disarmTicker();
+        this.tickTimer = setInterval(() => {
+            this.remainingMs = Math.max(0, this.targetAt - Date.now());
+            if (this.remainingMs === 0 && !this.due) {
+                this.due = true;
+                this.disarmTicker();
+                this.emit('lyra-poll-due');
+                this.announce('Refreshing now.');
+            }
+        }, TICK_MS);
+    }
+    disarmTicker() {
+        if (this.tickTimer !== undefined) {
+            clearInterval(this.tickTimer);
+            this.tickTimer = undefined;
+        }
+    }
+    announce(text) {
+        const region = this.liveRegion;
+        if (!region)
+            return;
+        region.mode = 'polite';
+        region.announce(text, { force: true });
+    }
+    formatCountdown() {
+        if (this.due)
+            return 'Refreshing…';
+        const totalSeconds = Math.ceil(this.remainingMs / 1000);
+        const minutes = Math.floor(totalSeconds / 60);
+        const seconds = totalSeconds % 60;
+        return `${minutes}:${String(seconds).padStart(2, '0')}`;
+    }
+    render() {
+        return html `
+      <div part="base">
+        <span part="indicator" aria-hidden="true" ?data-due=${this.due}></span>
+        <span part="countdown">${this.nextInMs != null ? this.formatCountdown() : nothing}</span>
+        <button
+          part="pause-button"
+          type="button"
+          aria-pressed=${this.paused ? 'true' : 'false'}
+          aria-label=${this.paused ? 'Resume' : 'Pause'}
+          @click=${this.togglePause}
+        >${this.paused ? playIcon() : pauseIcon()}</button>
+        <lyra-live-region></lyra-live-region>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Number, attribute: 'next-in-ms' })
+], LyraPollStatus.prototype, "nextInMs", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraPollStatus.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraPollStatus.prototype, "paused", void 0);
+__decorate([
+    state()
+], LyraPollStatus.prototype, "remainingMs", void 0);
+__decorate([
+    state()
+], LyraPollStatus.prototype, "due", void 0);
+__decorate([
+    query('lyra-live-region')
+], LyraPollStatus.prototype, "liveRegion", void 0);
+//# sourceMappingURL=poll-status.class.js.map

package/dist/components/poll-status/poll-status.class.js.map

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

package/dist/components/poll-status/poll-status.d.ts

@@ -0,0 +1,3 @@
+export * from './poll-status.class.js';
+import '../live-region/live-region.js';
+//# sourceMappingURL=poll-status.d.ts.map

package/dist/components/poll-status/poll-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"poll-status.d.ts","sourceRoot":"","sources":["../../../src/components/poll-status/poll-status.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AAGvC,OAAO,+BAA+B,CAAC"}

package/dist/components/poll-status/poll-status.js

@@ -0,0 +1,6 @@
+export * from './poll-status.class.js';
+import { LyraPollStatus } from './poll-status.class.js';
+import { defineElement } from '../../internal/prefix.js';
+import '../live-region/live-region.js';
+defineElement('poll-status', LyraPollStatus);
+//# sourceMappingURL=poll-status.js.map

package/dist/components/poll-status/poll-status.js.map

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

package/dist/components/poll-status/poll-status.styles.d.ts

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

package/dist/components/poll-status/poll-status.styles.d.ts.map

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

package/dist/components/poll-status/poll-status.styles.js

@@ -0,0 +1,53 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-flex;
+  }
+  [part='base'] {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--lyra-space-xs);
+    font-size: var(--lyra-font-size-sm);
+    color: var(--lyra-color-text-quiet);
+  }
+  [part='indicator'] {
+    display: inline-block;
+    inline-size: var(--lyra-size-0-375rem);
+    block-size: var(--lyra-size-0-375rem);
+    border-radius: var(--lyra-radius-pill);
+    background: var(--lyra-color-brand);
+    animation: lyra-poll-status-pulse 2s ease-in-out infinite;
+  }
+  [part='indicator'][data-due] {
+    background: var(--lyra-color-success);
+  }
+  @keyframes lyra-poll-status-pulse {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.4;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    [part='indicator'] {
+      animation: none;
+    }
+  }
+  [part='pause-button'] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    background: transparent;
+    color: inherit;
+    cursor: pointer;
+    padding: var(--lyra-size-0-125rem);
+    border-radius: var(--lyra-radius);
+  }
+  [part='pause-button']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: var(--lyra-focus-ring-offset);
+  }
+`;
+//# sourceMappingURL=poll-status.styles.js.map

package/dist/components/poll-status/poll-status.styles.js.map

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