@lo-tek/interfaces 0.0.0 → 0.38.0

package/dist/components/standalone/connection-status/lt-connection-status.js

@@ -0,0 +1,240 @@
+import { defineElement, HostElement, whenUpgraded } from "../../host-element.js";
+import { CONNECTION_STATUS_BAR_CLASS, CONNECTION_STATUS_CLASS, } from "./connection-status.js";
+export const LT_CONNECTION_STATUS_TAG = "lt-connection-status";
+import { DEFAULT_TEXTS } from "../../default-texts.js";
+const DEFAULT_OFFLINE = DEFAULT_TEXTS.connectionOffline;
+const DEFAULT_ONLINE = DEFAULT_TEXTS.connectionOnline;
+/** How long "back online" stays visible. */
+const RECEIPT_MS = 4000;
+/**
+ * Tells the user when the connection to the server is lost.
+ *
+ * By definition the server cannot tell you this. When it is unreachable,
+ * nothing comes from it. So this is a standalone component that creates all
+ * of its content itself.
+ *
+ * It is not decoration in an app that fetches content from the server as it
+ * goes. A page that loses its stream looks perfectly normal but is frozen,
+ * and a user filling in a form over a dead connection loses everything.
+ *
+ * `navigator.onLine` only says whether the machine has a network, not whether
+ * the server answers. That is why `reportFailure()` and `reportSuccess()`
+ * exist: the app calls them when a request fails or succeeds.
+ *
+ * ```ts
+ * const status = document.querySelector("lt-connection-status")
+ * try {
+ *   const response = await fetch("/api/save", { method: "POST", body })
+ *   if (!response.ok) throw new Error(response.statusText)
+ *   status.reportSuccess()
+ * } catch {
+ *   status.reportFailure()
+ * }
+ * ```
+ */
+export class LtConnectionStatus extends HostElement {
+    constructor() {
+        super(...arguments);
+        /** True when the app has reported a failed request, regardless of navigator. */
+        this.failing = false;
+        this.handleOffline = () => {
+            this.showOffline();
+        };
+        this.handleOnline = () => {
+            if (this.failing)
+                return;
+            this.showOnline();
+        };
+    }
+    get offlineText() {
+        return this.getAttribute("offline-text") ?? DEFAULT_OFFLINE;
+    }
+    set offlineText(value) {
+        this.setAttribute("offline-text", value);
+    }
+    get onlineText() {
+        return this.getAttribute("online-text") ?? DEFAULT_ONLINE;
+    }
+    set onlineText(value) {
+        this.setAttribute("online-text", value);
+    }
+    attributeChangedCallback() {
+        // If the text changes while the bar is showing, as when the language
+        // changes, the bar says the new one. `textContent` is only written when
+        // the text differs.
+        const bar = this.bar;
+        if (!bar || bar.textContent === "")
+            return;
+        const text = bar.dataset.state === "offline" ? this.offlineText : this.onlineText;
+        if (bar.textContent !== text)
+            bar.textContent = text;
+    }
+    connectedCallback() {
+        this.classList.add(CONNECTION_STATUS_CLASS);
+        /*
+         * The host is the live region, from the moment it is connected, so the
+         * region exists long before the bar and its text arrive. Only what is
+         * missing: a role or politeness the server wrote stays. When the bar was
+         * the region, it was inserted together with its text, and Firefox sent
+         * no live-region text through AT-SPI at all, so "No connection" was
+         * never announced. `check-accessibility-tree.ts` checks it.
+         */
+        this.markRegion();
+        // A morph without `data-ignore-morph` takes both off, and then the next
+        // outage is never announced. Writing only what is missing keeps the
+        // observer from triggering itself.
+        this.regionObserver = new MutationObserver(() => this.markRegion());
+        this.regionObserver.observe(this, {
+            attributes: true,
+            attributeFilter: ["role", "aria-live"],
+        });
+        window.addEventListener("offline", this.handleOffline);
+        window.addEventListener("online", this.handleOnline);
+        if (!navigator.onLine) {
+            this.showOffline();
+            return;
+        }
+        /*
+         * The element may have been out of the document, and then both the
+         * events and the timer are lost. If the receipt was showing, it stayed
+         * for good, and if the bar said "offline" while the network came back,
+         * it kept saying so until the next time the network dropped. `failing`
+         * is the app's word and not the network's, so it stays.
+         */
+        if (this.bar?.dataset.state === "online")
+            this.scheduleRemoval(this.bar);
+        else if (this.bar?.dataset.state === "offline" && !this.failing) {
+            this.showOnline();
+        }
+    }
+    /**
+     * The region, as a pair and only when both are missing. A role the server
+     * wrote carries its own politeness (`alert` is assertive), and an
+     * `aria-live` added next to it would override that.
+     */
+    markRegion() {
+        if (this.hasAttribute("role") || this.hasAttribute("aria-live"))
+            return;
+        this.setAttribute("role", "status");
+        this.setAttribute("aria-live", "polite");
+    }
+    disconnectedCallback() {
+        this.regionObserver?.disconnect();
+        this.regionObserver = undefined;
+        window.removeEventListener("offline", this.handleOffline);
+        window.removeEventListener("online", this.handleOnline);
+        if (this.timer)
+            window.clearTimeout(this.timer);
+        this.timer = undefined;
+    }
+    /**
+     * The bar, created empty first and filled afterwards.
+     *
+     * A live region must exist before its content arrives, or assistive
+     * technology does not announce the first change. The region is the host
+     * (see `connectedCallback`), so the bar is content inside a region that is
+     * already there; the text is still set in the next frame when the bar is
+     * new, so the bar and its text arrive as two changes.
+     *
+     * The bar is created only when it is needed, not on connection: when it
+     * was in the DOM before React hydrated, React found an element it had not
+     * rendered.
+     */
+    ensureBar() {
+        if (this.bar)
+            return { bar: this.bar, fresh: false };
+        const bar = document.createElement("div");
+        bar.className = CONNECTION_STATUS_BAR_CLASS;
+        this.append(bar);
+        this.bar = bar;
+        return { bar, fresh: true };
+    }
+    write(bar, fresh, state) {
+        // The text is read when it is written, not when it is scheduled. If
+        // `offline-text` changed in the frame between, the bar wrote the old one.
+        const text = () => state === "offline" ? this.offlineText : this.onlineText;
+        if (!fresh || typeof requestAnimationFrame === "undefined") {
+            bar.textContent = text();
+            return;
+        }
+        requestAnimationFrame(() => {
+            // The guard is the state, not the bar: if `reportSuccess()` came in
+            // the same frame, the bar already says "online", and the offline text
+            // must not be written over the receipt.
+            if (this.bar === bar && bar.dataset.state === state) {
+                bar.textContent = text();
+            }
+        });
+    }
+    showOffline() {
+        // Browsers often fire several `offline` events in a row, and the app
+        // can report a failure on top of a network that is already gone. If the
+        // bar already says "offline", there is nothing new to write or report:
+        // each write was announced again, and each report gave the app a new
+        // `connection-lost`.
+        if (this.bar?.dataset.state === "offline")
+            return;
+        if (this.timer)
+            window.clearTimeout(this.timer);
+        const { bar, fresh } = this.ensureBar();
+        bar.dataset.state = "offline";
+        this.write(bar, fresh, "offline");
+        this.emit("connection-lost");
+    }
+    showOnline() {
+        if (!this.bar || this.bar.dataset.state === "online")
+            return;
+        const bar = this.bar;
+        bar.dataset.state = "online";
+        this.write(bar, false, "online");
+        this.emit("connection-restored");
+        this.scheduleRemoval(bar);
+    }
+    scheduleRemoval(bar) {
+        if (this.timer)
+            window.clearTimeout(this.timer);
+        this.timer = window.setTimeout(() => {
+            bar.remove();
+            this.bar = undefined;
+            this.timer = undefined;
+        }, RECEIPT_MS);
+    }
+    emit(name) {
+        this.dispatchEvent(new CustomEvent(name, { bubbles: true, composed: true }));
+    }
+    /** Reports that a request to the server failed. */
+    reportFailure() {
+        if (this.failing)
+            return;
+        this.failing = true;
+        this.showOffline();
+    }
+    /** Reports that a request to the server succeeded again. */
+    reportSuccess() {
+        if (!this.failing)
+            return;
+        this.failing = false;
+        this.showOnline();
+    }
+}
+LtConnectionStatus.observedAttributes = ["offline-text", "online-text"];
+export function defineLtConnectionStatus(tagName = LT_CONNECTION_STATUS_TAG) {
+    defineElement(tagName, LtConnectionStatus);
+}
+/**
+ * `element.reportFailure()`, but waits for the registration first.
+ *
+ * This is where the gap showed up in production: the first message from the
+ * event stream came before `defineLtConnectionStatus()`, and the app got
+ * "reportSuccess is not a function". See `whenUpgraded`.
+ */
+export async function reportFailure(element) {
+    const status = await whenUpgraded(element);
+    status.reportFailure();
+}
+/** `element.reportSuccess()`, but waits for the registration first. */
+export async function reportSuccess(element) {
+    const status = await whenUpgraded(element);
+    status.reportSuccess();
+}
+//# sourceMappingURL=lt-connection-status.js.map

package/dist/components/standalone/connection-status/lt-connection-status.js.map

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

package/dist/components/standalone/toast/lt-toast.d.ts

@@ -0,0 +1,109 @@
+import { HostElement } from "../../host-element.js";
+export declare const LT_TOAST_TAG: "lt-toast";
+export declare const toastColors: readonly ["neutral", "success", "warning", "danger"];
+export type ToastColor = (typeof toastColors)[number];
+export declare function isToastColor(value: unknown): value is ToastColor;
+export type ShowOptions = {
+    /** What the message means. Default: `neutral`. */
+    color?: ToastColor;
+    /** Milliseconds before the message disappears. `0` keeps it. */
+    duration?: number;
+    /**
+     * The screen reader name of the close button. Default: `close-label` on
+     * the host, and otherwise "Close message".
+     */
+    closeLabel?: string;
+};
+/**
+ * The queue of short messages in the corner of the screen.
+ *
+ * This is one of the standalone components, and part of the package you call
+ * instead of writing markup. The element is the container, not the message:
+ * you put it in the app once and call `show()` when there is something to
+ * report. The messages do not exist until an event on the client creates
+ * them, so there is nothing for the server to render.
+ *
+ * The server writes the container with `lt.toast()`, which sets
+ * `data-ignore-morph`. Without it the Datastar morph tears the messages away
+ * at the next patch, because the server's version of the region is empty.
+ *
+ * The container is a `role="status"` region, not `role="alert"`. A message
+ * that appears in the corner should not interrupt what the screen reader is
+ * doing; if the message is important enough to interrupt, it belongs in an
+ * [Alert](../../css/alert/alert.js) in the page itself. The region has
+ * `aria-atomic="false"`: `status` is atomic by default, and then the whole
+ * stack was announced again for every new message.
+ *
+ * Messages that disappear by themselves are an accessibility trap: someone
+ * who reads slowly or uses magnification does not have time to read them. So
+ * the close button is always there, and the timer stops while the mouse or
+ * focus is in the message.
+ *
+ * ```ts
+ * document.querySelector("lt-toast").show("Application sent", {
+ *   color: "success",
+ * })
+ * ```
+ */
+export declare class LtToast extends HostElement {
+    static observedAttributes: readonly ["duration", "label", "close-label"];
+    /**
+     * The screen reader name of the close button in each message shown.
+     * `closeLabel` in `show()` overrides it for one message.
+     */
+    get closeLabel(): string;
+    set closeLabel(value: string);
+    /** Default lifetime in milliseconds. `0` keeps the messages. */
+    get duration(): number;
+    set duration(value: number);
+    /**
+     * Whether the component wrote `aria-label`. Before, `label` overwrote an
+     * `aria-label` the author had set, and when `label` was removed, the old
+     * one stayed.
+     */
+    private ownsLabel;
+    /**
+     * The element focus came from before it entered a message. If the last
+     * message is removed while it has focus, focus goes back there. Before, it
+     * fell to `body`, and the next Tab started at the top of the page. If
+     * focus came from a screen reader or F6, the origin is not known, and focus
+     * still falls.
+     */
+    private focusOrigin;
+    private rememberOrigin;
+    /**
+     * Focus left the region for somewhere else. Then the origin is stale:
+     * without this, focus later came back to an element the user left long
+     * ago, and the page scrolled there. Not when `relatedTarget` is `null`,
+     * because that is also what happens when the message with focus is
+     * removed.
+     */
+    private forgetOrigin;
+    /**
+     * Whether focus is in the element. Read from the component's root node,
+     * not from `document`: when the region is in a shadow root, as in every
+     * preview in the documentation, `document.activeElement` points to the
+     * shadow host. Then it looked as if no message had focus, and focus fell
+     * to `body` instead of to the neighbouring message or where it came from.
+     */
+    private holdsFocus;
+    private restoreFocus;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, _old: string, value: string): void;
+    /** Shows a message, and returns the element it was put in. */
+    show(message: string, options?: ShowOptions): HTMLElement;
+    /** Removes a message. */
+    dismiss(toast: HTMLElement): void;
+    /** Removes all the messages. */
+    clear(): void;
+}
+export declare function defineLtToast(tagName?: string): void;
+/**
+ * `element.show()`, but waits for `defineLtToast()` to have run first.
+ *
+ * See `whenUpgraded` for why: a call before the registration hit a plain
+ * `HTMLElement` without `show`.
+ */
+export declare function showToast(element: Element, message: string, options?: ShowOptions): Promise<HTMLElement>;
+//# sourceMappingURL=lt-toast.d.ts.map

package/dist/components/standalone/toast/lt-toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lt-toast.d.ts","sourceRoot":"","sources":["../../../../src/components/standalone/toast/lt-toast.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,WAAW,EAAgB,MAAM,uBAAuB,CAAA;AAGhF,eAAO,MAAM,YAAY,EAAG,UAAmB,CAAA;AAE/C,eAAO,MAAM,WAAW,sDAAuD,CAAA;AAC/E,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAErD,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,UAAU,CAEhE;AAMD,MAAM,MAAM,WAAW,GAAG;IACxB,kDAAkD;IAClD,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBAAa,OAAQ,SAAQ,WAAW;IACtC,MAAM,CAAC,kBAAkB,gDAAgD;IAEzE;;;OAGG;IACH,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAE3B;IAED,gEAAgE;IAChE,IAAI,QAAQ,IAAI,MAAM,CASrB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAEzB;IAED;;;;OAIG;IACH,OAAO,CAAC,SAAS,CAAQ;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,WAAW,CAA2B;IAE9C,OAAO,CAAC,cAAc,CAKrB;IAED;;;;;;OAMG;IACH,OAAO,CAAC,YAAY,CAGnB;IAED;;;;;;OAMG;IACH,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,YAAY;IAOpB,oBAAoB,IAAI,IAAI;IAM5B,iBAAiB,IAAI,IAAI;IA2BzB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAOzE,8DAA8D;IAC9D,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,WAAW;IA8D7D,yBAAyB;IACzB,OAAO,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAyBjC,gCAAgC;IAChC,KAAK,IAAI,IAAI;CAMd;AAED,wBAAgB,aAAa,CAAC,OAAO,GAAE,MAAqB,GAAG,IAAI,CAElE;AAED;;;;;GAKG;AACH,wBAAsB,SAAS,CAC7B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,WAAgB,GACxB,OAAO,CAAC,WAAW,CAAC,CAGtB"}

package/dist/components/standalone/toast/lt-toast.js

@@ -0,0 +1,256 @@
+import { DEFAULT_TEXTS } from "../../default-texts.js";
+import { defineElement, HostElement, whenUpgraded } from "../../host-element.js";
+import { TOAST_CLASS, TOAST_CLOSE_CLASS, TOAST_MESSAGE_CLASS } from "./toast.js";
+export const LT_TOAST_TAG = "lt-toast";
+export const toastColors = ["neutral", "success", "warning", "danger"];
+export function isToastColor(value) {
+    return toastColors.includes(value);
+}
+const DEFAULT_DURATION = 6000;
+const DEFAULT_LABEL = DEFAULT_TEXTS.toastRegion;
+const DEFAULT_CLOSE_LABEL = DEFAULT_TEXTS.toastClose;
+/**
+ * The queue of short messages in the corner of the screen.
+ *
+ * This is one of the standalone components, and part of the package you call
+ * instead of writing markup. The element is the container, not the message:
+ * you put it in the app once and call `show()` when there is something to
+ * report. The messages do not exist until an event on the client creates
+ * them, so there is nothing for the server to render.
+ *
+ * The server writes the container with `lt.toast()`, which sets
+ * `data-ignore-morph`. Without it the Datastar morph tears the messages away
+ * at the next patch, because the server's version of the region is empty.
+ *
+ * The container is a `role="status"` region, not `role="alert"`. A message
+ * that appears in the corner should not interrupt what the screen reader is
+ * doing; if the message is important enough to interrupt, it belongs in an
+ * [Alert](../../css/alert/alert.js) in the page itself. The region has
+ * `aria-atomic="false"`: `status` is atomic by default, and then the whole
+ * stack was announced again for every new message.
+ *
+ * Messages that disappear by themselves are an accessibility trap: someone
+ * who reads slowly or uses magnification does not have time to read them. So
+ * the close button is always there, and the timer stops while the mouse or
+ * focus is in the message.
+ *
+ * ```ts
+ * document.querySelector("lt-toast").show("Application sent", {
+ *   color: "success",
+ * })
+ * ```
+ */
+export class LtToast extends HostElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Whether the component wrote `aria-label`. Before, `label` overwrote an
+         * `aria-label` the author had set, and when `label` was removed, the old
+         * one stayed.
+         */
+        this.ownsLabel = false;
+        /**
+         * The element focus came from before it entered a message. If the last
+         * message is removed while it has focus, focus goes back there. Before, it
+         * fell to `body`, and the next Tab started at the top of the page. If
+         * focus came from a screen reader or F6, the origin is not known, and focus
+         * still falls.
+         */
+        this.focusOrigin = null;
+        this.rememberOrigin = (event) => {
+            const from = event.relatedTarget;
+            if (from instanceof HTMLElement && !this.contains(from)) {
+                this.focusOrigin = from;
+            }
+        };
+        /**
+         * Focus left the region for somewhere else. Then the origin is stale:
+         * without this, focus later came back to an element the user left long
+         * ago, and the page scrolled there. Not when `relatedTarget` is `null`,
+         * because that is also what happens when the message with focus is
+         * removed.
+         */
+        this.forgetOrigin = (event) => {
+            const to = event.relatedTarget;
+            if (to instanceof Node && !this.contains(to))
+                this.focusOrigin = null;
+        };
+    }
+    /**
+     * The screen reader name of the close button in each message shown.
+     * `closeLabel` in `show()` overrides it for one message.
+     */
+    get closeLabel() {
+        return this.getAttribute("close-label") || DEFAULT_CLOSE_LABEL;
+    }
+    set closeLabel(value) {
+        this.setAttribute("close-label", value);
+    }
+    /** Default lifetime in milliseconds. `0` keeps the messages. */
+    get duration() {
+        // `0` is a valid value and means the messages stay. Without the check
+        // against null here they still disappeared after six seconds, and only
+        // `show(..., { duration: 0 })` worked. An empty attribute is not null:
+        // `Number("")` is 0, and `<lt-toast duration>` kept the messages.
+        const raw = this.getAttribute("duration");
+        if (raw === null || raw.trim() === "")
+            return DEFAULT_DURATION;
+        const value = Number(raw);
+        return Number.isFinite(value) && value >= 0 ? value : DEFAULT_DURATION;
+    }
+    set duration(value) {
+        this.setAttribute("duration", String(value));
+    }
+    /**
+     * Whether focus is in the element. Read from the component's root node,
+     * not from `document`: when the region is in a shadow root, as in every
+     * preview in the documentation, `document.activeElement` points to the
+     * shadow host. Then it looked as if no message had focus, and focus fell
+     * to `body` instead of to the neighbouring message or where it came from.
+     */
+    holdsFocus(element) {
+        const root = this.getRootNode();
+        return element.contains(root.activeElement);
+    }
+    restoreFocus() {
+        const origin = this.focusOrigin;
+        this.focusOrigin = null;
+        // A restore, not a navigation: the page must not scroll.
+        if (origin?.isConnected)
+            origin.focus({ preventScroll: true });
+    }
+    disconnectedCallback() {
+        this.removeEventListener("focusin", this.rememberOrigin);
+        this.removeEventListener("focusout", this.forgetOrigin);
+        this.focusOrigin = null;
+    }
+    connectedCallback() {
+        this.addEventListener("focusin", this.rememberOrigin);
+        this.addEventListener("focusout", this.forgetOrigin);
+        // If the server wrote the region with lt.toast(), all of this is
+        // already there. Here it is only set when missing, so a plain HTML page
+        // without a builder function also gets a region the screen reader
+        // understands.
+        // The class carries the position. It is set here too, so a region
+        // without a builder function, or registered under another name, ends up
+        // in the corner.
+        this.classList.add(TOAST_CLASS);
+        if (!this.hasAttribute("role"))
+            this.setAttribute("role", "status");
+        if (!this.hasAttribute("aria-live")) {
+            this.setAttribute("aria-live", "polite");
+        }
+        if (!this.hasAttribute("aria-atomic")) {
+            this.setAttribute("aria-atomic", "false");
+        }
+        if (!this.hasAttribute("aria-label")) {
+            this.ownsLabel = true;
+            this.setAttribute("aria-label", this.getAttribute("label") ?? DEFAULT_LABEL);
+        }
+    }
+    attributeChangedCallback(name, _old, value) {
+        // `label` can be set after the element is in the DOM, for example by a
+        // framework that fills in the attributes in a later step.
+        if (name !== "label" || !this.ownsLabel)
+            return;
+        this.setAttribute("aria-label", value || DEFAULT_LABEL);
+    }
+    /** Shows a message, and returns the element it was put in. */
+    show(message, options = {}) {
+        const { color = "neutral", duration = this.duration, closeLabel = this.closeLabel, } = options;
+        const toast = document.createElement("div");
+        toast.className = TOAST_MESSAGE_CLASS;
+        // An unknown colour gives no border, instead of a `data-color` without a rule.
+        if (isToastColor(color) && color !== "neutral")
+            toast.dataset.color = color;
+        const text = document.createElement("span");
+        text.textContent = message;
+        toast.append(text);
+        const close = document.createElement("button");
+        close.type = "button";
+        close.className = TOAST_CLOSE_CLASS;
+        close.setAttribute("aria-label", closeLabel);
+        close.textContent = "×";
+        close.addEventListener("click", () => this.dismiss(toast));
+        toast.append(close);
+        this.prepend(toast);
+        if (duration > 0) {
+            let timer = window.setTimeout(() => this.dismiss(toast), duration);
+            /*
+             * The timer stops while the user reads or is on the way to the close
+             * button, and only runs when neither the mouse nor focus is in the
+             * message. The pause used to be two independent pairs, and the mouse
+             * leaving restarted the clock while focus was in the message: it
+             * disappeared from under the user's fingers.
+             */
+            const holds = new Set();
+            const pause = (reason) => {
+                holds.add(reason);
+                window.clearTimeout(timer);
+            };
+            const resume = (reason) => {
+                holds.delete(reason);
+                if (holds.size > 0)
+                    return;
+                window.clearTimeout(timer);
+                timer = window.setTimeout(() => this.dismiss(toast), duration);
+            };
+            toast.addEventListener("mouseenter", () => pause("pointer"));
+            toast.addEventListener("mouseleave", () => resume("pointer"));
+            toast.addEventListener("focusin", () => pause("focus"));
+            toast.addEventListener("focusout", (event) => {
+                // Within the message, from the text to the button: still paused.
+                const next = event.relatedTarget;
+                if (next instanceof Node && toast.contains(next))
+                    return;
+                resume("focus");
+            });
+        }
+        return toast;
+    }
+    /** Removes a message. */
+    dismiss(toast) {
+        if (!this.contains(toast))
+            return;
+        /*
+         * If focus was in the message, as on the close button after Enter, it
+         * would otherwise fall to `body`, and the next Tab starts at the top of
+         * the page. The neighbouring message is the nearest place to continue
+         * from: the one below, otherwise the one above.
+         */
+        const hadFocus = this.holdsFocus(toast);
+        const neighbour = toast.nextElementSibling ?? toast.previousElementSibling;
+        toast.remove();
+        if (hadFocus) {
+            const next = neighbour?.querySelector(`.${TOAST_CLOSE_CLASS}`);
+            if (next)
+                next.focus();
+            else
+                this.restoreFocus();
+        }
+        this.dispatchEvent(new CustomEvent("toast-dismiss", { bubbles: true, composed: true }));
+    }
+    /** Removes all the messages. */
+    clear() {
+        if (this.holdsFocus(this))
+            this.restoreFocus();
+        for (const toast of this.querySelectorAll(`.${TOAST_MESSAGE_CLASS}`)) {
+            toast.remove();
+        }
+    }
+}
+LtToast.observedAttributes = ["duration", "label", "close-label"];
+export function defineLtToast(tagName = LT_TOAST_TAG) {
+    defineElement(tagName, LtToast);
+}
+/**
+ * `element.show()`, but waits for `defineLtToast()` to have run first.
+ *
+ * See `whenUpgraded` for why: a call before the registration hit a plain
+ * `HTMLElement` without `show`.
+ */
+export async function showToast(element, message, options = {}) {
+    const toast = await whenUpgraded(element);
+    return toast.show(message, options);
+}
+//# sourceMappingURL=lt-toast.js.map

package/dist/components/standalone/toast/lt-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lt-toast.js","sourceRoot":"","sources":["../../../../src/components/standalone/toast/lt-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAEhF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAmB,CAAA;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAA;AAG/E,MAAM,UAAU,YAAY,CAAC,KAAc;IACzC,OAAQ,WAAkC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC5D,CAAC;AAED,MAAM,gBAAgB,GAAG,IAAI,CAAA;AAC7B,MAAM,aAAa,GAAG,aAAa,CAAC,WAAW,CAAA;AAC/C,MAAM,mBAAmB,GAAG,aAAa,CAAC,UAAU,CAAA;AAcpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,OAAO,OAAQ,SAAQ,WAAW;IAAxC;;QA+BE;;;;WAIG;QACK,cAAS,GAAG,KAAK,CAAA;QACzB;;;;;;WAMG;QACK,gBAAW,GAAuB,IAAI,CAAA;QAEtC,mBAAc,GAAG,CAAC,KAAiB,EAAQ,EAAE;YACnD,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAA;YAChC,IAAI,IAAI,YAAY,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;gBACxD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;YACzB,CAAC;QACH,CAAC,CAAA;QAED;;;;;;WAMG;QACK,iBAAY,GAAG,CAAC,KAAiB,EAAQ,EAAE;YACjD,MAAM,EAAE,GAAG,KAAK,CAAC,aAAa,CAAA;YAC9B,IAAI,EAAE,YAAY,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;QACvE,CAAC,CAAA;IA6JH,CAAC;IAzNC;;;OAGG;IACH,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,mBAAmB,CAAA;IAChE,CAAC;IAED,IAAI,UAAU,CAAC,KAAa;QAC1B,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;IACzC,CAAC;IAED,gEAAgE;IAChE,IAAI,QAAQ;QACV,sEAAsE;QACtE,uEAAuE;QACvE,uEAAuE;QACvE,kEAAkE;QAClE,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;QACzC,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE;YAAE,OAAO,gBAAgB,CAAA;QAC9D,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;QACzB,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAA;IACxE,CAAC;IAED,IAAI,QAAQ,CAAC,KAAa;QACxB,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;IAC9C,CAAC;IAoCD;;;;;;OAMG;IACK,UAAU,CAAC,OAAgB;QACjC,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAA2B,CAAA;QACxD,OAAO,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC7C,CAAC;IAEO,YAAY;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAA;QAC/B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;QACvB,yDAAyD;QACzD,IAAI,MAAM,EAAE,WAAW;YAAE,MAAM,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;IAChE,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;QACxD,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;QACvD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;IACzB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;QACrD,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;QACpD,iEAAiE;QACjE,wEAAwE;QACxE,kEAAkE;QAClE,eAAe;QACf,kEAAkE;QAClE,wEAAwE;QACxE,iBAAiB;QACjB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;QAC/B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;YAAE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;QACnE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;QAC1C,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;QAC3C,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;YACrC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;YACrB,IAAI,CAAC,YAAY,CACf,YAAY,EACZ,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,aAAa,CAC5C,CAAA;QACH,CAAC;IACH,CAAC;IAED,wBAAwB,CAAC,IAAY,EAAE,IAAY,EAAE,KAAa;QAChE,uEAAuE;QACvE,0DAA0D;QAC1D,IAAI,IAAI,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAM;QAC/C,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,IAAI,aAAa,CAAC,CAAA;IACzD,CAAC;IAED,8DAA8D;IAC9D,IAAI,CAAC,OAAe,EAAE,UAAuB,EAAE;QAC7C,MAAM,EACJ,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,IAAI,CAAC,QAAQ,EACxB,UAAU,GAAG,IAAI,CAAC,UAAU,GAC7B,GAAG,OAAO,CAAA;QAEX,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC3C,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAA;QACrC,+EAA+E;QAC/E,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,SAAS;YAAE,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;QAE3E,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAC3C,IAAI,CAAC,WAAW,GAAG,OAAO,CAAA;QAC1B,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAElB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC9C,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAA;QACrB,KAAK,CAAC,SAAS,GAAG,iBAAiB,CAAA;QACnC,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;QAC5C,KAAK,CAAC,WAAW,GAAG,GAAG,CAAA;QACvB,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;QAC1D,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAEnB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAEnB,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACjB,IAAI,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAA;YAElE;;;;;;eAMG;YACH,MAAM,KAAK,GAAG,IAAI,GAAG,EAAuB,CAAA;YAC5C,MAAM,KAAK,GAAG,CAAC,MAA2B,EAAE,EAAE;gBAC5C,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;gBACjB,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;YAC5B,CAAC,CAAA;YACD,MAAM,MAAM,GAAG,CAAC,MAA2B,EAAE,EAAE;gBAC7C,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;gBACpB,IAAI,KAAK,CAAC,IAAI,GAAG,CAAC;oBAAE,OAAM;gBAC1B,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;gBAC1B,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAA;YAChE,CAAC,CAAA;YAED,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;YAC5D,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;YAC7D,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;YACvD,KAAK,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC3C,iEAAiE;gBACjE,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAA;gBAChC,IAAI,IAAI,YAAY,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;oBAAE,OAAM;gBACxD,MAAM,CAAC,OAAO,CAAC,CAAA;YACjB,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED,yBAAyB;IACzB,OAAO,CAAC,KAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAM;QAEjC;;;;;WAKG;QACH,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;QACvC,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAkB,IAAI,KAAK,CAAC,sBAAsB,CAAA;QAC1E,KAAK,CAAC,MAAM,EAAE,CAAA;QACd,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,IAAI,GAAG,SAAS,EAAE,aAAa,CACnC,IAAI,iBAAiB,EAAE,CACxB,CAAA;YACD,IAAI,IAAI;gBAAE,IAAI,CAAC,KAAK,EAAE,CAAA;;gBACjB,IAAI,CAAC,YAAY,EAAE,CAAA;QAC1B,CAAC;QAED,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CACpE,CAAA;IACH,CAAC;IAED,gCAAgC;IAChC,KAAK;QACH,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YAAE,IAAI,CAAC,YAAY,EAAE,CAAA;QAC9C,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,mBAAmB,EAAE,CAAC,EAAE,CAAC;YACrE,KAAK,CAAC,MAAM,EAAE,CAAA;QAChB,CAAC;IACH,CAAC;;AA1NM,0BAAkB,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,aAAa,CAAU,AAAhD,CAAgD;AA6N3E,MAAM,UAAU,aAAa,CAAC,UAAkB,YAAY;IAC1D,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;AACjC,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,SAAS,CAC7B,OAAgB,EAChB,OAAe,EACf,UAAuB,EAAE;IAEzB,MAAM,KAAK,GAAG,MAAM,YAAY,CAAU,OAAO,CAAC,CAAA;IAClD,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;AACrC,CAAC"}