@aceshooting/lyra-ui 2.1.0 → 2.3.0

package/dist/components/toast/toast-item.class.d.ts

@@ -0,0 +1,79 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export type ToastVariant = 'brand' | 'success' | 'warning' | 'danger' | 'neutral';
+export type ToastSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+export interface LyraToastItemEventMap {
+    'lyra-show': CustomEvent<undefined>;
+    'lyra-after-show': CustomEvent<undefined>;
+    'lyra-hide': CustomEvent<undefined>;
+    'lyra-after-hide': CustomEvent<undefined>;
+}
+/**
+ * `<lyra-toast-item>` — a single toast notification.
+ * Mirrors the Web Awesome `<wa-toast-item>` API under the `lyra-` prefix.
+ *
+ * @customElement lyra-toast-item
+ * @slot - The message content.
+ * @slot icon - Optional icon shown at the start.
+ * @event lyra-show - Fired when the item begins showing.
+ * @event lyra-after-show - Fired after the show animation completes.
+ * @event lyra-hide - Fired when the item begins hiding.
+ * @event lyra-after-hide - Fired after the hide animation completes (item then removes itself).
+ * @csspart toast-item - The outer container.
+ * @csspart accent - The colored accent bar.
+ * @csspart icon - The icon wrapper.
+ * @csspart content - The message wrapper.
+ * @csspart close-button - The dismiss button.
+ */
+export declare class LyraToastItem extends LyraElement<LyraToastItemEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Auto-dismiss delay in ms. Set to `Infinity` (or <= 0) to disable. */
+    duration: number;
+    /** Visual size. */
+    size: ToastSize;
+    /** Severity/variant. */
+    variant: ToastVariant;
+    /** Show the icon slot. */
+    withIcon: boolean;
+    private timer?;
+    private elapsedMs;
+    private startedAt;
+    private timerStarted;
+    private showRafId?;
+    private cancelShowAnimation?;
+    private cancelHideAnimation?;
+    private hovering;
+    private focused;
+    private hiding;
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private startTimer;
+    private resumeTimer;
+    private pauseTimer;
+    private clearTimer;
+    /**
+     * Wait for the actual CSS transition/animation on the toast surface. The
+     * computed duration is intentionally read at runtime so a consumer's
+     * `--lyra-toast-show-duration`/`--lyra-toast-hide-duration` override keeps
+     * lifecycle events and removal in sync with the pixels on screen. A small
+     * timeout remains as a safety net for zero-duration transitions, disabled
+     * animation, and browsers that do not dispatch an end event.
+     */
+    private waitForVisualCompletion;
+    private onPointerEnter;
+    private onPointerLeave;
+    private onFocusIn;
+    private onFocusOut;
+    private get closeLabel();
+    /** Hide with animation, then remove from the DOM. */
+    hide(): Promise<void>;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-toast-item': LyraToastItem;
+    }
+}
+//# sourceMappingURL=toast-item.class.d.ts.map

package/dist/components/toast/toast-item.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-item.class.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAiBtD,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,iBAAiB,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC1C,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,iBAAiB,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAC3C;AACD;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,wEAAwE;IAC5C,QAAQ,SAAQ;IAE5C,mBAAmB;IACU,IAAI,EAAE,SAAS,CAAO;IAEnD,wBAAwB;IACK,OAAO,EAAE,YAAY,CAAa;IAE/D,0BAA0B;IAC2B,QAAQ,UAAS;IAEtE,OAAO,CAAC,KAAK,CAAC,CAAS;IACvB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,SAAS,CAAC,CAAS;IAC3B,OAAO,CAAC,mBAAmB,CAAC,CAAa;IACzC,OAAO,CAAC,mBAAmB,CAAC,CAAa;IACzC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAAS;IACf,OAAO,CAAC,MAAM,CAAS;IAEhC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAqBlD;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAQ/C;IAED,YAAY,IAAI,IAAI,CAcnB;IAED,oBAAoB,IAAI,IAAI,CAW3B;IAED,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,WAAW,CAqBjB;IAEF,OAAO,CAAC,UAAU,CAMhB;IAEF,OAAO,CAAC,UAAU;IAKlB;;;;;;;OAOG;IACH,OAAO,CAAC,uBAAuB;IAyC/B,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,UAAU,CAGhB;IAaF,OAAO,KAAK,UAAU,GAUrB;IAED,qDAAqD;IAC/C,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAgB1B;IAED,MAAM,IAAI,cAAc,CAgCvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/toast/toast-item.class.js

@@ -0,0 +1,324 @@
+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 { closeIcon } from '../../internal/icons.js';
+import { styles } from './toast-item.styles.js';
+function prefersReducedMotion() {
+    return typeof window !== 'undefined' && !!window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
+}
+function parseTime(value) {
+    const trimmed = value.trim();
+    if (trimmed.endsWith('ms'))
+        return Number.parseFloat(trimmed);
+    if (trimmed.endsWith('s'))
+        return Number.parseFloat(trimmed) * 1000;
+    return 0;
+}
+function maxCssTime(value) {
+    return Math.max(0, ...value.split(',').map(parseTime).filter(Number.isFinite));
+}
+/**
+ * `<lyra-toast-item>` — a single toast notification.
+ * Mirrors the Web Awesome `<wa-toast-item>` API under the `lyra-` prefix.
+ *
+ * @customElement lyra-toast-item
+ * @slot - The message content.
+ * @slot icon - Optional icon shown at the start.
+ * @event lyra-show - Fired when the item begins showing.
+ * @event lyra-after-show - Fired after the show animation completes.
+ * @event lyra-hide - Fired when the item begins hiding.
+ * @event lyra-after-hide - Fired after the hide animation completes (item then removes itself).
+ * @csspart toast-item - The outer container.
+ * @csspart accent - The colored accent bar.
+ * @csspart icon - The icon wrapper.
+ * @csspart content - The message wrapper.
+ * @csspart close-button - The dismiss button.
+ */
+export class LyraToastItem extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Auto-dismiss delay in ms. Set to `Infinity` (or <= 0) to disable. */
+        this.duration = 5000;
+        /** Visual size. */
+        this.size = 'm';
+        /** Severity/variant. */
+        this.variant = 'neutral';
+        /** Show the icon slot. */
+        this.withIcon = false;
+        this.elapsedMs = 0;
+        this.startedAt = 0;
+        this.timerStarted = false;
+        this.hovering = false;
+        this.focused = false;
+        this.hiding = false;
+        this.resumeTimer = () => {
+            // Guard against an interleaved pointer+focus pause/resume sequence
+            // calling resumeTimer() twice without a pauseTimer() in between --
+            // without clearing here, the earlier setTimeout is orphaned (not
+            // tracked by `this.timer` anymore) and still fires on its own
+            // schedule, auto-dismissing the toast early even after it's paused
+            // again.
+            if (this.timer !== undefined) {
+                clearTimeout(this.timer);
+                this.timer = undefined;
+            }
+            if (!isFinite(this.duration) || this.duration <= 0)
+                return;
+            const remaining = this.duration - this.elapsedMs;
+            // A duration shortened below the already-elapsed time must hide promptly,
+            // not silently never schedule anything.
+            if (remaining <= 0) {
+                void this.hide();
+                return;
+            }
+            this.startedAt = performance.now();
+            this.timer = window.setTimeout(() => this.hide(), remaining);
+        };
+        this.pauseTimer = () => {
+            if (this.timer !== undefined) {
+                clearTimeout(this.timer);
+                this.timer = undefined;
+                this.elapsedMs += performance.now() - this.startedAt;
+            }
+        };
+        // Hover and focus are tracked as independent pause reasons so that
+        // releasing one (e.g. Shift-Tabbing focus away) only resumes the timer
+        // once *neither* modality still holds the toast paused -- otherwise a
+        // pointer resting on the toast would see it auto-dismiss out from under
+        // it the moment focus alone moved away, or vice versa.
+        this.onPointerEnter = () => {
+            this.hovering = true;
+            this.pauseTimer();
+        };
+        this.onPointerLeave = () => {
+            this.hovering = false;
+            if (!this.focused)
+                this.resumeTimer();
+        };
+        this.onFocusIn = () => {
+            this.focused = true;
+            this.pauseTimer();
+        };
+        this.onFocusOut = () => {
+            this.focused = false;
+            if (!this.hovering)
+                this.resumeTimer();
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate(changed) {
+        // `elapsedMs`/`duration` are re-read fresh every time the timer is
+        // (re)scheduled, so a `duration` change while paused (hovering/focused)
+        // or before the timer has ever started needs no action here -- the next
+        // resumeTimer()/startTimer() call already picks up the new value.
+        // Re-evaluate on any duration change once the show sequence has started,
+        // not only while a timer is already actively counting down -- this also
+        // covers duration flipping from disabled (0/Infinity) back to a positive
+        // value, which previously never had `this.timer !== undefined` to gate on.
+        //
+        // This runs in willUpdate() (before render), not updated(), because a
+        // duration shortened below the already-elapsed time makes resumeTimer()
+        // call hide(), which sets the `hiding` state property synchronously --
+        // doing that from updated() sets a reactive property after Lit considers
+        // the update cycle finished, scheduling a redundant extra render pass.
+        // willUpdate() runs before that cycle is considered complete, so the same
+        // set just folds into the render already in progress.
+        if (changed.has('duration') && this.timerStarted && !this.hovering && !this.focused) {
+            this.pauseTimer();
+            this.resumeTimer();
+        }
+    }
+    updated(changed) {
+        if (changed.has('variant')) {
+            // Assertive for actionable severities, polite otherwise. Re-evaluated
+            // on every `variant` change (not just the first render) so a toast
+            // reassigned to `danger`/`warning` after creation is announced as an
+            // interruption instead of keeping its original, now-stale role.
+            this.setAttribute('role', this.variant === 'danger' || this.variant === 'warning' ? 'alert' : 'status');
+        }
+    }
+    firstUpdated() {
+        this.showRafId = requestAnimationFrame(() => {
+            this.showRafId = undefined;
+            // hide() may have already run synchronously before this frame fired
+            // (e.g. a caller creates the toast and immediately dismisses it) --
+            // don't resurrect the show sequence on top of an already-hiding item.
+            if (this.hiding)
+                return;
+            this.setAttribute('data-visible', '');
+            this.emit('lyra-show');
+            void this.waitForVisualCompletion('show').then(() => {
+                if (this.isConnected && !this.hiding)
+                    this.emit('lyra-after-show');
+            });
+            this.startTimer();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.showRafId !== undefined) {
+            cancelAnimationFrame(this.showRafId);
+            this.showRafId = undefined;
+        }
+        this.cancelShowAnimation?.();
+        this.cancelShowAnimation = undefined;
+        this.cancelHideAnimation?.();
+        this.cancelHideAnimation = undefined;
+        this.clearTimer();
+    }
+    startTimer() {
+        this.timerStarted = true;
+        this.elapsedMs = 0;
+        this.resumeTimer();
+    }
+    clearTimer() {
+        if (this.timer !== undefined)
+            clearTimeout(this.timer);
+        this.timer = undefined;
+    }
+    /**
+     * Wait for the actual CSS transition/animation on the toast surface. The
+     * computed duration is intentionally read at runtime so a consumer's
+     * `--lyra-toast-show-duration`/`--lyra-toast-hide-duration` override keeps
+     * lifecycle events and removal in sync with the pixels on screen. A small
+     * timeout remains as a safety net for zero-duration transitions, disabled
+     * animation, and browsers that do not dispatch an end event.
+     */
+    waitForVisualCompletion(kind) {
+        const previous = kind === 'show' ? this.cancelShowAnimation : this.cancelHideAnimation;
+        previous?.();
+        const surface = this.shadowRoot?.querySelector('[part="toast-item"]');
+        if (!surface || prefersReducedMotion())
+            return Promise.resolve();
+        const computed = getComputedStyle(surface);
+        const transitionMs = maxCssTime(computed.transitionDuration) + maxCssTime(computed.transitionDelay);
+        const animationMs = maxCssTime(computed.animationDuration) + maxCssTime(computed.animationDelay);
+        const fallbackMs = Math.max(transitionMs, animationMs);
+        if (fallbackMs <= 0)
+            return Promise.resolve();
+        return new Promise((resolve) => {
+            let settled = false;
+            let timeout;
+            const cancelKey = kind === 'show' ? 'cancelShowAnimation' : 'cancelHideAnimation';
+            const finish = () => {
+                if (settled)
+                    return;
+                settled = true;
+                if (timeout !== undefined)
+                    window.clearTimeout(timeout);
+                surface.removeEventListener('transitionend', onEnd);
+                surface.removeEventListener('animationend', onEnd);
+                if (this[cancelKey] === cancel)
+                    this[cancelKey] = undefined;
+                resolve();
+            };
+            const onEnd = (event) => {
+                if (event.target === surface)
+                    finish();
+            };
+            const cancel = () => finish();
+            surface.addEventListener('transitionend', onEnd);
+            surface.addEventListener('animationend', onEnd);
+            timeout = window.setTimeout(finish, fallbackMs + 50);
+            this[cancelKey] = cancel;
+        });
+    }
+    // A stack of several simultaneously-open toasts otherwise gives every
+    // close button the same bare "Close" label, so screen-reader/switch-access
+    // users can't tell which toast a given button dismisses without first
+    // activating it. Deriving the label from the toast's own message content
+    // mirrors combobox's per-item "Remove X" labeling for the same reason.
+    //
+    // Only direct Text-node children are considered -- the message is always
+    // assigned as plain text (`create()` sets `textContent`), whereas anything
+    // else appended to the host (an action `<button>`, a `slot="icon"` element
+    // and its own descendant text) is a sibling *element*, not a top-level text
+    // node, so it's excluded without needing to know about those features here.
+    get closeLabel() {
+        const text = Array.from(this.childNodes)
+            .filter((node) => node.nodeType === Node.TEXT_NODE)
+            .map((node) => node.textContent ?? '')
+            .join('')
+            .trim()
+            .replace(/\s+/g, ' ');
+        if (!text)
+            return 'Close';
+        const snippet = text.length > 40 ? `${text.slice(0, 40)}…` : text;
+        return `Close: ${snippet}`;
+    }
+    /** Hide with animation, then remove from the DOM. */
+    async hide() {
+        if (this.hiding)
+            return;
+        this.hiding = true;
+        this.cancelShowAnimation?.();
+        this.cancelShowAnimation = undefined;
+        this.clearTimer();
+        this.emit('lyra-hide');
+        this.removeAttribute('data-visible');
+        this.setAttribute('data-hiding', '');
+        await this.waitForVisualCompletion('hide');
+        // A disconnect cancels the visual wait, but it does so without this
+        // reaching its normal completion -- guard against emitting a finished
+        // event or redundantly removing a node already torn down elsewhere.
+        if (!this.isConnected)
+            return;
+        this.emit('lyra-after-hide');
+        this.remove();
+    }
+    render() {
+        return html `
+      <div
+        part="toast-item"
+        @pointerenter=${this.onPointerEnter}
+        @pointerleave=${this.onPointerLeave}
+        @focusin=${this.onFocusIn}
+        @focusout=${this.onFocusOut}
+      >
+        <span part="accent" aria-hidden="true"></span>
+        ${this.withIcon ? html `<span part="icon"><slot name="icon"></slot></span>` : ''}
+        <div part="content"><slot></slot></div>
+        <button
+          part="close-button"
+          type="button"
+          aria-label=${this.closeLabel}
+          aria-disabled=${this.hiding ? 'true' : 'false'}
+          @click=${(e) => {
+            // Reflect the disabled state on the DOM node synchronously, not
+            // just via the reactive binding above -- Lit's re-render from
+            // `this.hiding = true` (inside hide()) lands on the next
+            // microtask, which is too late for a screen reader (or a second
+            // rapid click) that inspects the attribute right after this
+            // handler returns.
+            e.currentTarget.setAttribute('aria-disabled', 'true');
+            void this.hide();
+        }}
+        >
+          ${closeIcon()}
+        </button>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Number })
+], LyraToastItem.prototype, "duration", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraToastItem.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraToastItem.prototype, "variant", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'with-icon' })
+], LyraToastItem.prototype, "withIcon", void 0);
+__decorate([
+    state()
+], LyraToastItem.prototype, "hiding", void 0);
+//# sourceMappingURL=toast-item.class.js.map

package/dist/components/toast/toast-item.class.js.map

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

package/dist/components/toast/toast-item.d.ts

@@ -1,72 +1,2 @@
-import { type TemplateResult, type PropertyValues } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-export type ToastVariant = 'brand' | 'success' | 'warning' | 'danger' | 'neutral';
-export type ToastSize = 'xs' | 's' | 'm' | 'l' | 'xl';
-/**
- * `<lyra-toast-item>` — a single toast notification.
- * Mirrors the Web Awesome `<wa-toast-item>` API under the `lyra-` prefix.
- *
- * @customElement lyra-toast-item
- * @slot - The message content.
- * @slot icon - Optional icon shown at the start.
- * @event lyra-show - Fired when the item begins showing.
- * @event lyra-after-show - Fired after the show animation completes.
- * @event lyra-hide - Fired when the item begins hiding.
- * @event lyra-after-hide - Fired after the hide animation completes (item then removes itself).
- * @csspart toast-item - The outer container.
- * @csspart accent - The colored accent bar.
- * @csspart icon - The icon wrapper.
- * @csspart content - The message wrapper.
- * @csspart close-button - The dismiss button.
- */
-export declare class LyraToastItem extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    /** Auto-dismiss delay in ms. Set to `Infinity` (or <= 0) to disable. */
-    duration: number;
-    /** Visual size. */
-    size: ToastSize;
-    /** Severity/variant. */
-    variant: ToastVariant;
-    /** Show the icon slot. */
-    withIcon: boolean;
-    private timer?;
-    private elapsedMs;
-    private startedAt;
-    private timerStarted;
-    private showRafId?;
-    private cancelShowAnimation?;
-    private cancelHideAnimation?;
-    private hovering;
-    private focused;
-    private hiding;
-    protected willUpdate(changed: PropertyValues): void;
-    protected updated(changed: PropertyValues): void;
-    firstUpdated(): void;
-    disconnectedCallback(): void;
-    private startTimer;
-    private resumeTimer;
-    private pauseTimer;
-    private clearTimer;
-    /**
-     * Wait for the actual CSS transition/animation on the toast surface. The
-     * computed duration is intentionally read at runtime so a consumer's
-     * `--lyra-toast-show-duration`/`--lyra-toast-hide-duration` override keeps
-     * lifecycle events and removal in sync with the pixels on screen. A small
-     * timeout remains as a safety net for zero-duration transitions, disabled
-     * animation, and browsers that do not dispatch an end event.
-     */
-    private waitForVisualCompletion;
-    private onPointerEnter;
-    private onPointerLeave;
-    private onFocusIn;
-    private onFocusOut;
-    private get closeLabel();
-    /** Hide with animation, then remove from the DOM. */
-    hide(): Promise<void>;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-toast-item': LyraToastItem;
-    }
-}
+export * from './toast-item.class.js';
+//# sourceMappingURL=toast-item.d.ts.map

package/dist/components/toast/toast-item.d.ts.map

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