39b95c2ede
Pure `nix fmt` output from the commit before this one — no hand edits. 203 files: 52 md, 42 tsx, 32 js, 32 css, 21 ts, 13 html, 8 json, 3 mjs. Reproduce with `nix develop -c nix fmt` on the parent commit; the result should be byte-identical to this tree. None of the 13 `.prettierignore` entries appears here — verified by intersecting the changed-file list against the ignore file, with a control proving the intersection finds a match when one exists.
37 lines
1.6 KiB
JavaScript
37 lines
1.6 KiB
JavaScript
// hive-toast.js — <hive-toast>, one transient notification entry
|
|
// (constructed by `themedToast` in modal.js). Owns its own auto-dismiss
|
|
// timer via connectedCallback/disconnectedCallback (cleared on removal so
|
|
// a toast dismissed early by click doesn't leave a stray timer), rather
|
|
// than a closure-captured timer handle. Callers set `._message`/`._opts`
|
|
// before append — same reason as `<hive-dialog>`. The element itself is
|
|
// the visible toast box (`:host` carries the styling, `:host(.error)` etc.
|
|
// switch on a plain class the host carries) — the message text renders
|
|
// directly in the shadow root rather than via a `<slot>`, since there's no
|
|
// external light-DOM content to project.
|
|
|
|
import { attachShadowCss } from "../shadow-css.js";
|
|
import toastCss from "./hive-toast.css";
|
|
|
|
class HiveToast extends HTMLElement {
|
|
connectedCallback() {
|
|
const { type = "info", duration } = this._opts || {};
|
|
const ms = duration != null ? duration : type === "error" ? 8000 : 4000;
|
|
const root = attachShadowCss(this, toastCss);
|
|
this.classList.add(type);
|
|
this.setAttribute("role", type === "error" ? "alert" : "status");
|
|
root.textContent = this._message || "";
|
|
let removed = false;
|
|
this._remove = () => {
|
|
if (removed) return;
|
|
removed = true;
|
|
this.classList.add("out");
|
|
setTimeout(() => this.remove(), 200);
|
|
};
|
|
this.addEventListener("click", this._remove);
|
|
if (ms > 0) this._timer = setTimeout(this._remove, ms);
|
|
}
|
|
disconnectedCallback() {
|
|
clearTimeout(this._timer);
|
|
}
|
|
}
|
|
customElements.define("hive-toast", HiveToast);
|