@dogsbay/elements 0.2.0-beta.12 → 0.2.0-beta.120

package/dist/chunk-MAD6XJY4.js

@@ -0,0 +1,256 @@
+import {
+  isDisabled,
+  ownOne,
+  uid
+} from "./chunk-3AEQ6KHV.js";
+import {
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-K6DPDBAG.js";
+
+// src/db-combobox.ts
+var DbCombobox = class extends DogsbayElement {
+  input = null;
+  listbox = null;
+  empty = null;
+  _open = false;
+  highlighted = null;
+  observer = null;
+  base = uid("db-combobox");
+  optionSeq = 0;
+  get open() {
+    return this._open;
+  }
+  get inline() {
+    return this.hasAttribute("inline");
+  }
+  get filtering() {
+    return (this.getAttribute("filter") ?? "contains") !== "none";
+  }
+  /** All options, in order. Read live, so page-supplied results are always current. */
+  options() {
+    if (!this.listbox) return [];
+    return Array.from(this.listbox.querySelectorAll("[data-part='option']")).filter((o) => o.closest("db-combobox") === this);
+  }
+  visible() {
+    return this.options().filter((o) => !o.hidden && !isDisabled(o));
+  }
+  setup() {
+    this.input = ownOne(this, "[data-part='input']");
+    this.listbox = ownOne(this, "[data-part='listbox']");
+    this.empty = ownOne(this, "[data-part='empty']");
+    if (!this.input || !this.listbox) return;
+    const { input, listbox } = this;
+    listbox.id ||= `${this.base}-listbox`;
+    listbox.setAttribute("role", "listbox");
+    input.setAttribute("role", "combobox");
+    input.setAttribute("aria-autocomplete", "list");
+    input.setAttribute("aria-controls", listbox.id);
+    input.setAttribute("autocomplete", "off");
+    if (!this.inline) listbox.hidden = true;
+    this.prepareOptions();
+    this.syncExpanded();
+  }
+  prepareOptions() {
+    this.options().forEach((o) => {
+      o.id ||= `${this.base}-option-${++this.optionSeq}`;
+      o.setAttribute("role", "option");
+      if (!o.hasAttribute("aria-selected")) o.setAttribute("aria-selected", "false");
+      if (o.matches("a[href], button")) o.setAttribute("tabindex", "-1");
+      o.querySelectorAll("a, button").forEach((el) => el.setAttribute("tabindex", "-1"));
+      if (o.parentElement && o.parentElement !== this.listbox && o.parentElement.localName === "li" && !o.parentElement.hasAttribute("role")) {
+        o.parentElement.setAttribute("role", "none");
+      }
+    });
+  }
+  onInput = () => {
+    if (this.filtering) this.filter(this.input.value);
+    else this.show();
+  };
+  onFocus = () => {
+    if (this.hasAttribute("open-on-focus") || this.filtering && this.input.value) {
+      if (this.filtering) this.filter(this.input.value);
+      else this.show();
+    }
+  };
+  onKey = (e) => {
+    const vis = this.visible();
+    const cur = this.highlighted ? vis.indexOf(this.highlighted) : -1;
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        if (!this._open) this.show();
+        if (vis.length) this.highlight(vis[cur < 0 ? 0 : Math.min(cur + 1, vis.length - 1)]);
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        if (!this._open) this.show();
+        if (vis.length) this.highlight(vis[cur < 0 ? vis.length - 1 : Math.max(cur - 1, 0)]);
+        break;
+      case "Home":
+      case "End":
+        if (this._open && this.highlighted && vis.length) {
+          e.preventDefault();
+          this.highlight(e.key === "Home" ? vis[0] : vis[vis.length - 1]);
+        }
+        break;
+      case "Enter":
+        if (this._open && this.highlighted) {
+          e.preventDefault();
+          this.choose(this.highlighted);
+        }
+        break;
+      case "Escape":
+        if (this._open && !this.inline) {
+          e.preventDefault();
+          e.stopPropagation();
+          this.hide();
+        } else if (this.input.value) {
+          e.preventDefault();
+          e.stopPropagation();
+          this.input.value = "";
+          this.input.dispatchEvent(new Event("input", { bubbles: true }));
+          this.hide();
+        }
+        break;
+      case "Tab":
+        if (!this.inline) this.hide();
+        break;
+    }
+  };
+  onListClick = (e) => {
+    const o = e.target.closest("[data-part='option']");
+    if (!o || o.closest("db-combobox") !== this || isDisabled(o)) return;
+    const link = e.target.closest("a[href]");
+    if (!this.choose(o, !link) && link) e.preventDefault();
+  };
+  onListPointer = (e) => {
+    const o = e.target.closest("[data-part='option']");
+    if (o && o.closest("db-combobox") === this && !isDisabled(o) && !o.hidden) this.highlight(o);
+  };
+  onListDown = (e) => e.preventDefault();
+  // keep focus in the input
+  onDocDown = (e) => {
+    if (this._open && !this.inline && !this.contains(e.target)) this.hide();
+  };
+  connect() {
+    const { input, listbox } = this;
+    if (!input || !listbox) return;
+    input.addEventListener("input", this.onInput);
+    input.addEventListener("focus", this.onFocus);
+    input.addEventListener("keydown", this.onKey);
+    listbox.addEventListener("click", this.onListClick);
+    listbox.addEventListener("pointermove", this.onListPointer);
+    listbox.addEventListener("mousedown", this.onListDown);
+    document.addEventListener("pointerdown", this.onDocDown);
+    if (typeof MutationObserver !== "undefined") {
+      this.observer = new MutationObserver(() => this.onOptionsChanged());
+      this.observer.observe(listbox, { childList: true, subtree: true });
+    }
+  }
+  disconnect() {
+    const { input, listbox } = this;
+    input?.removeEventListener("input", this.onInput);
+    input?.removeEventListener("focus", this.onFocus);
+    input?.removeEventListener("keydown", this.onKey);
+    listbox?.removeEventListener("click", this.onListClick);
+    listbox?.removeEventListener("pointermove", this.onListPointer);
+    listbox?.removeEventListener("mousedown", this.onListDown);
+    document.removeEventListener("pointerdown", this.onDocDown);
+    this.observer?.disconnect();
+    this.observer = null;
+  }
+  /** Re-scan options after the page replaced them (filter="none"). */
+  refresh() {
+    this.onOptionsChanged();
+  }
+  onOptionsChanged() {
+    this.prepareOptions();
+    if (this.highlighted && !this.options().includes(this.highlighted)) this.clearHighlight();
+    const vis = this.visible();
+    if (!this.filtering) {
+      if (vis.length || this.inline) this.show();
+      else this.hide();
+      if (vis.length && !this.highlighted && !this.hasAttribute("no-autohighlight")) this.highlight(vis[0]);
+    }
+    this.syncExpanded();
+    this.dispatchEvent(new CustomEvent("db-combobox:update", { detail: { count: vis.length }, bubbles: true }));
+  }
+  filter(query) {
+    const q = query.toLowerCase().trim();
+    let count = 0;
+    for (const o of this.options()) {
+      const hit = !q || (o.textContent ?? "").toLowerCase().includes(q) || (o.dataset.value ?? "").toLowerCase().includes(q);
+      o.hidden = !hit;
+      if (hit) count++;
+    }
+    if (this.empty) this.empty.hidden = count > 0 || !q;
+    this.clearHighlight();
+    if (count || q && this.empty) this.show();
+    else this.hide();
+    const vis = this.visible();
+    if (vis.length && !this.hasAttribute("no-autohighlight")) this.highlight(vis[0]);
+    this.dispatchEvent(new CustomEvent("db-combobox:update", { detail: { count }, bubbles: true }));
+  }
+  syncExpanded() {
+    if (!this.input) return;
+    const expanded = this.inline ? this.visible().length > 0 : this._open;
+    this.input.setAttribute("aria-expanded", String(expanded));
+    this.setAttribute("data-state", expanded ? "open" : "closed");
+  }
+  show() {
+    if (!this.listbox || this._open) return this.syncExpanded();
+    this._open = true;
+    this.listbox.hidden = false;
+    this.syncExpanded();
+  }
+  hide() {
+    if (!this.listbox) return;
+    this.clearHighlight();
+    if (!this._open) return this.syncExpanded();
+    this._open = false;
+    if (!this.inline) this.listbox.hidden = true;
+    this.syncExpanded();
+  }
+  highlight(o) {
+    if (!this.input) return;
+    this.highlighted?.removeAttribute("data-highlighted");
+    this.highlighted?.setAttribute("aria-selected", "false");
+    this.highlighted = o;
+    o.setAttribute("data-highlighted", "");
+    o.setAttribute("aria-selected", "true");
+    this.input.setAttribute("aria-activedescendant", o.id);
+    o.scrollIntoView?.({ block: "nearest" });
+  }
+  clearHighlight() {
+    this.highlighted?.removeAttribute("data-highlighted");
+    this.highlighted?.setAttribute("aria-selected", "false");
+    this.highlighted = null;
+    this.input?.removeAttribute("aria-activedescendant");
+  }
+  /** Returns false when a `db-combobox:select` listener cancelled the choice. */
+  choose(o, followLink = true) {
+    const value = o.dataset.value ?? "";
+    const text = o.textContent?.trim() ?? value;
+    const ev = new CustomEvent("db-combobox:select", { detail: { value, text, option: o }, bubbles: true, cancelable: true });
+    if (!this.dispatchEvent(ev)) return false;
+    const link = o.matches("a[href]") ? o : o.querySelector("a[href]");
+    if (link) {
+      if (followLink) link.click();
+      return true;
+    }
+    if (this.input) this.input.value = o.getAttribute("data-label") ?? text;
+    if (!this.inline) this.hide();
+    this.dispatchEvent(new CustomEvent("db-combobox:change", { detail: { value, text }, bubbles: true }));
+    return true;
+  }
+};
+ensureDefaultDisplay();
+if (!customElements.get("db-combobox")) {
+  customElements.define("db-combobox", DbCombobox);
+}
+
+export {
+  DbCombobox
+};
+//# sourceMappingURL=chunk-MAD6XJY4.js.map

package/dist/chunk-MAD6XJY4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-combobox.ts"],"sourcesContent":["import { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\nimport { isDisabled, ownOne, uid } from \"./utils.js\";\n\n/**\n * `<db-combobox>` — Editable combobox with a listbox (APG \"Editable\n * Combobox With List Autocomplete\"). Focus stays in the input; the\n * highlighted option is exposed with aria-activedescendant.\n *\n * Parts (same contract as the Astro Combobox):\n *   [data-part=\"input\"]    text input, role=combobox\n *   [data-part=\"listbox\"]  role=listbox\n *   [data-part=\"option\"]   role=option, data-value, data-disabled\n *   [data-part=\"empty\"]    shown when a query has no matches (optional)\n *\n * Attributes:\n *   filter=\"contains\"  (default) the element filters its own options by text\n *   filter=\"none\"      the page supplies options (search results); the element\n *                      watches the listbox and manages highlight and ARIA\n *   inline             the listbox is always shown (e.g. inside a search dialog);\n *                      aria-expanded tracks whether it has options\n *   no-autohighlight   do not highlight the first option when the list changes\n *\n * Choosing an option dispatches a cancelable `db-combobox:select`\n * (detail: { value, text, option }). If not cancelled, a link option\n * (`<a href data-part=\"option\">`, the accessible shape for results that\n * navigate: ARIA allows role=option on a link, but not a link inside an\n * option) is followed; otherwise the input takes the option's text and\n * `db-combobox:change` fires. Wrap link options in `<li role=\"none\">`.\n *\n * Other events: db-combobox:update (detail: { count }) when the visible options change.\n */\nexport class DbCombobox extends DogsbayElement {\n  private input: HTMLInputElement | null = null;\n  private listbox: HTMLElement | null = null;\n  private empty: HTMLElement | null = null;\n  private _open = false;\n  private highlighted: HTMLElement | null = null;\n  private observer: MutationObserver | null = null;\n  private base = uid(\"db-combobox\");\n  private optionSeq = 0;\n\n  get open(): boolean {\n    return this._open;\n  }\n\n  private get inline(): boolean {\n    return this.hasAttribute(\"inline\");\n  }\n\n  private get filtering(): boolean {\n    return (this.getAttribute(\"filter\") ?? \"contains\") !== \"none\";\n  }\n\n  /** All options, in order. Read live, so page-supplied results are always current. */\n  options(): HTMLElement[] {\n    if (!this.listbox) return [];\n    return Array.from(this.listbox.querySelectorAll<HTMLElement>(\"[data-part='option']\")).filter((o) => o.closest(\"db-combobox\") === this);\n  }\n\n  private visible(): HTMLElement[] {\n    return this.options().filter((o) => !o.hidden && !isDisabled(o));\n  }\n\n  protected setup() {\n    this.input = ownOne<HTMLInputElement>(this, \"[data-part='input']\");\n    this.listbox = ownOne(this, \"[data-part='listbox']\");\n    this.empty = ownOne(this, \"[data-part='empty']\");\n    if (!this.input || !this.listbox) return;\n    const { input, listbox } = this;\n    listbox.id ||= `${this.base}-listbox`;\n    listbox.setAttribute(\"role\", \"listbox\");\n    input.setAttribute(\"role\", \"combobox\");\n    input.setAttribute(\"aria-autocomplete\", \"list\");\n    input.setAttribute(\"aria-controls\", listbox.id);\n    input.setAttribute(\"autocomplete\", \"off\");\n    if (!this.inline) listbox.hidden = true;\n    this.prepareOptions();\n    this.syncExpanded();\n  }\n\n  private prepareOptions() {\n    this.options().forEach((o) => {\n      // A running counter, not the index: page-supplied options come and go, and a\n      // reused id would point aria-activedescendant at the wrong option.\n      o.id ||= `${this.base}-option-${++this.optionSeq}`;\n      o.setAttribute(\"role\", \"option\");\n      if (!o.hasAttribute(\"aria-selected\")) o.setAttribute(\"aria-selected\", \"false\");\n      // Options are reached through the combobox, not by Tab.\n      if (o.matches(\"a[href], button\")) o.setAttribute(\"tabindex\", \"-1\");\n      o.querySelectorAll(\"a, button\").forEach((el) => el.setAttribute(\"tabindex\", \"-1\"));\n      if (o.parentElement && o.parentElement !== this.listbox && o.parentElement.localName === \"li\" && !o.parentElement.hasAttribute(\"role\")) {\n        o.parentElement.setAttribute(\"role\", \"none\");\n      }\n    });\n  }\n\n  private onInput = () => {\n    if (this.filtering) this.filter(this.input!.value);\n    else this.show();\n  };\n\n  private onFocus = () => {\n    if (this.hasAttribute(\"open-on-focus\") || (this.filtering && this.input!.value)) {\n      if (this.filtering) this.filter(this.input!.value);\n      else this.show();\n    }\n  };\n\n  private onKey = (e: KeyboardEvent) => {\n    const vis = this.visible();\n    const cur = this.highlighted ? vis.indexOf(this.highlighted) : -1;\n    switch (e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        if (!this._open) this.show();\n        if (vis.length) this.highlight(vis[cur < 0 ? 0 : Math.min(cur + 1, vis.length - 1)]);\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        if (!this._open) this.show();\n        if (vis.length) this.highlight(vis[cur < 0 ? vis.length - 1 : Math.max(cur - 1, 0)]);\n        break;\n      case \"Home\":\n      case \"End\":\n        // In a text field Home/End move the caret unless the list is being navigated.\n        if (this._open && this.highlighted && vis.length) {\n          e.preventDefault();\n          this.highlight(e.key === \"Home\" ? vis[0] : vis[vis.length - 1]);\n        }\n        break;\n      case \"Enter\":\n        if (this._open && this.highlighted) {\n          e.preventDefault();\n          this.choose(this.highlighted);\n        }\n        break;\n      case \"Escape\":\n        if (this._open && !this.inline) {\n          e.preventDefault();\n          e.stopPropagation();\n          this.hide();\n        } else if (this.input!.value) {\n          // Escape on a closed (or inline) list clears the field, per APG.\n          e.preventDefault();\n          e.stopPropagation();\n          this.input!.value = \"\";\n          this.input!.dispatchEvent(new Event(\"input\", { bubbles: true }));\n          // Cleared and closed (APG): the input event would otherwise reopen the full list.\n          this.hide();\n        }\n        break;\n      case \"Tab\":\n        if (!this.inline) this.hide();\n        break;\n    }\n  };\n\n  private onListClick = (e: MouseEvent) => {\n    const o = (e.target as HTMLElement).closest<HTMLElement>(\"[data-part='option']\");\n    if (!o || o.closest(\"db-combobox\") !== this || isDisabled(o)) return;\n    // A real link click navigates by itself; only announce the choice, and stop the\n    // navigation when a listener cancels it.\n    const link = (e.target as HTMLElement).closest(\"a[href]\");\n    if (!this.choose(o, !link) && link) e.preventDefault();\n  };\n\n  private onListPointer = (e: PointerEvent) => {\n    const o = (e.target as HTMLElement).closest<HTMLElement>(\"[data-part='option']\");\n    if (o && o.closest(\"db-combobox\") === this && !isDisabled(o) && !o.hidden) this.highlight(o);\n  };\n\n  private onListDown = (e: Event) => e.preventDefault(); // keep focus in the input\n\n  private onDocDown = (e: PointerEvent) => {\n    if (this._open && !this.inline && !this.contains(e.target as Node)) this.hide();\n  };\n\n  protected connect() {\n    const { input, listbox } = this;\n    if (!input || !listbox) return;\n    input.addEventListener(\"input\", this.onInput);\n    input.addEventListener(\"focus\", this.onFocus);\n    input.addEventListener(\"keydown\", this.onKey);\n    listbox.addEventListener(\"click\", this.onListClick);\n    listbox.addEventListener(\"pointermove\", this.onListPointer as EventListener);\n    listbox.addEventListener(\"mousedown\", this.onListDown);\n    document.addEventListener(\"pointerdown\", this.onDocDown as EventListener);\n    if (typeof MutationObserver !== \"undefined\") {\n      this.observer = new MutationObserver(() => this.onOptionsChanged());\n      this.observer.observe(listbox, { childList: true, subtree: true });\n    }\n  }\n\n  protected disconnect() {\n    const { input, listbox } = this;\n    input?.removeEventListener(\"input\", this.onInput);\n    input?.removeEventListener(\"focus\", this.onFocus);\n    input?.removeEventListener(\"keydown\", this.onKey);\n    listbox?.removeEventListener(\"click\", this.onListClick);\n    listbox?.removeEventListener(\"pointermove\", this.onListPointer as EventListener);\n    listbox?.removeEventListener(\"mousedown\", this.onListDown);\n    document.removeEventListener(\"pointerdown\", this.onDocDown as EventListener);\n    this.observer?.disconnect();\n    this.observer = null;\n  }\n\n  /** Re-scan options after the page replaced them (filter=\"none\"). */\n  refresh() {\n    this.onOptionsChanged();\n  }\n\n  private onOptionsChanged() {\n    this.prepareOptions();\n    if (this.highlighted && !this.options().includes(this.highlighted)) this.clearHighlight();\n    const vis = this.visible();\n    if (!this.filtering) {\n      if (vis.length || this.inline) this.show();\n      else this.hide();\n      if (vis.length && !this.highlighted && !this.hasAttribute(\"no-autohighlight\")) this.highlight(vis[0]);\n    }\n    this.syncExpanded();\n    this.dispatchEvent(new CustomEvent(\"db-combobox:update\", { detail: { count: vis.length }, bubbles: true }));\n  }\n\n  private filter(query: string) {\n    const q = query.toLowerCase().trim();\n    let count = 0;\n    for (const o of this.options()) {\n      const hit = !q || (o.textContent ?? \"\").toLowerCase().includes(q) || (o.dataset.value ?? \"\").toLowerCase().includes(q);\n      o.hidden = !hit;\n      if (hit) count++;\n    }\n    if (this.empty) this.empty.hidden = count > 0 || !q;\n    this.clearHighlight();\n    if (count || (q && this.empty)) this.show();\n    else this.hide();\n    const vis = this.visible();\n    if (vis.length && !this.hasAttribute(\"no-autohighlight\")) this.highlight(vis[0]);\n    this.dispatchEvent(new CustomEvent(\"db-combobox:update\", { detail: { count }, bubbles: true }));\n  }\n\n  private syncExpanded() {\n    if (!this.input) return;\n    const expanded = this.inline ? this.visible().length > 0 : this._open;\n    this.input.setAttribute(\"aria-expanded\", String(expanded));\n    this.setAttribute(\"data-state\", expanded ? \"open\" : \"closed\");\n  }\n\n  show() {\n    if (!this.listbox || this._open) return this.syncExpanded();\n    this._open = true;\n    this.listbox.hidden = false;\n    this.syncExpanded();\n  }\n\n  hide() {\n    if (!this.listbox) return;\n    this.clearHighlight();\n    if (!this._open) return this.syncExpanded();\n    this._open = false;\n    if (!this.inline) this.listbox.hidden = true;\n    this.syncExpanded();\n  }\n\n  private highlight(o: HTMLElement) {\n    if (!this.input) return;\n    this.highlighted?.removeAttribute(\"data-highlighted\");\n    this.highlighted?.setAttribute(\"aria-selected\", \"false\");\n    this.highlighted = o;\n    o.setAttribute(\"data-highlighted\", \"\");\n    // In a list-autocomplete combobox the highlighted option is the selected one (APG).\n    o.setAttribute(\"aria-selected\", \"true\");\n    this.input.setAttribute(\"aria-activedescendant\", o.id);\n    o.scrollIntoView?.({ block: \"nearest\" });\n  }\n\n  private clearHighlight() {\n    this.highlighted?.removeAttribute(\"data-highlighted\");\n    this.highlighted?.setAttribute(\"aria-selected\", \"false\");\n    this.highlighted = null;\n    this.input?.removeAttribute(\"aria-activedescendant\");\n  }\n\n  /** Returns false when a `db-combobox:select` listener cancelled the choice. */\n  private choose(o: HTMLElement, followLink = true): boolean {\n    const value = o.dataset.value ?? \"\";\n    const text = o.textContent?.trim() ?? value;\n    const ev = new CustomEvent(\"db-combobox:select\", { detail: { value, text, option: o }, bubbles: true, cancelable: true });\n    if (!this.dispatchEvent(ev)) return false;\n    const link = o.matches(\"a[href]\") ? (o as HTMLAnchorElement) : o.querySelector<HTMLAnchorElement>(\"a[href]\");\n    if (link) {\n      if (followLink) link.click();\n      return true;\n    }\n    if (this.input) this.input.value = o.getAttribute(\"data-label\") ?? text;\n    if (!this.inline) this.hide();\n    this.dispatchEvent(new CustomEvent(\"db-combobox:change\", { detail: { value, text }, bubbles: true }));\n    return true;\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-combobox\")) {\n  customElements.define(\"db-combobox\", DbCombobox);\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-MEOIAZDF.js

@@ -0,0 +1,140 @@
+import {
+  hideFloating,
+  ownOne,
+  resolveAsChild,
+  showFloating,
+  uid
+} from "./chunk-3AEQ6KHV.js";
+import {
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-K6DPDBAG.js";
+
+// src/db-tooltip.ts
+import { setupFloating } from "@dogsbay/primitives/floating";
+var DbTooltip = class extends DogsbayElement {
+  trigger = null;
+  content = null;
+  cleanupFloating = null;
+  showTimer = null;
+  hideTimer = null;
+  _open = false;
+  get open() {
+    return this._open;
+  }
+  num(name, fallback) {
+    const v = Number(this.getAttribute(name));
+    return Number.isFinite(v) && this.hasAttribute(name) ? v : fallback;
+  }
+  onEnter = (e) => {
+    if (e.pointerType === "touch") return;
+    this.clearTimers();
+    if (!this._open) this.showTimer = setTimeout(() => this.show(), this.num("delay", 200));
+  };
+  onLeave = (e) => {
+    if (e.pointerType === "touch") return;
+    this.clearTimers();
+    this.hideTimer = setTimeout(() => this.hide(), this.num("close-delay", 100));
+  };
+  onContentEnter = () => this.clearTimers();
+  // Keyboard focus only: a mouse press focuses the button too, and would reopen
+  // the tooltip the press just closed.
+  onFocus = () => {
+    let keyboard = true;
+    try {
+      keyboard = this.trigger.matches(":focus-visible");
+    } catch {
+    }
+    if (!keyboard) return;
+    this.clearTimers();
+    this.show();
+  };
+  onBlur = () => this.hide();
+  onPress = () => this.hide();
+  // Capture phase, consumed: Escape dismisses only the tooltip, not a popover or
+  // dialog around its trigger (WCAG 1.4.13, APG tooltip).
+  onKey = (e) => {
+    if (e.key === "Escape" && this._open) {
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      this.hide();
+    }
+  };
+  setup() {
+    this.trigger = resolveAsChild(ownOne(this, "[data-part='trigger']"));
+    this.content = ownOne(this, "[data-part='content']");
+    if (!this.trigger || !this.content) return;
+    this.content.id ||= uid("db-tooltip");
+    this.content.setAttribute("role", "tooltip");
+    this.content.hidden = true;
+    const described = (this.trigger.getAttribute("aria-describedby") ?? "").split(/\s+/).filter(Boolean);
+    if (!described.includes(this.content.id)) this.trigger.setAttribute("aria-describedby", [...described, this.content.id].join(" "));
+    this.setState("closed");
+  }
+  connect() {
+    const { trigger, content } = this;
+    if (!trigger || !content) return;
+    trigger.addEventListener("pointerenter", this.onEnter);
+    trigger.addEventListener("pointerleave", this.onLeave);
+    trigger.addEventListener("focus", this.onFocus);
+    trigger.addEventListener("blur", this.onBlur);
+    trigger.addEventListener("pointerdown", this.onPress);
+    content.addEventListener("pointerenter", this.onContentEnter);
+    content.addEventListener("pointerleave", this.onLeave);
+  }
+  disconnect() {
+    const { trigger, content } = this;
+    trigger?.removeEventListener("pointerenter", this.onEnter);
+    trigger?.removeEventListener("pointerleave", this.onLeave);
+    trigger?.removeEventListener("focus", this.onFocus);
+    trigger?.removeEventListener("blur", this.onBlur);
+    trigger?.removeEventListener("pointerdown", this.onPress);
+    content?.removeEventListener("pointerenter", this.onContentEnter);
+    content?.removeEventListener("pointerleave", this.onLeave);
+    this.hide();
+  }
+  clearTimers() {
+    if (this.showTimer) clearTimeout(this.showTimer);
+    if (this.hideTimer) clearTimeout(this.hideTimer);
+    this.showTimer = this.hideTimer = null;
+  }
+  setState(state) {
+    this.setAttribute("data-state", state);
+    this.content?.setAttribute("data-state", state);
+  }
+  show() {
+    const { trigger, content } = this;
+    if (!trigger || !content || this._open) return;
+    this._open = true;
+    this.clearTimers();
+    const layer = showFloating(content);
+    this.setState("open");
+    this.cleanupFloating = setupFloating(trigger, content, {
+      placement: this.getAttribute("placement") || content.dataset.side || "top",
+      offset: 8,
+      strategy: layer === "top-layer" ? "fixed" : "absolute"
+    });
+    document.addEventListener("keydown", this.onKey, true);
+    this.dispatchEvent(new CustomEvent("db-tooltip:open", { bubbles: true }));
+  }
+  hide() {
+    this.clearTimers();
+    if (!this._open || !this.content) return;
+    this._open = false;
+    document.removeEventListener("keydown", this.onKey, true);
+    this.cleanupFloating?.();
+    this.cleanupFloating = null;
+    hideFloating(this.content);
+    this.setState("closed");
+    this.dispatchEvent(new CustomEvent("db-tooltip:close", { bubbles: true }));
+  }
+};
+ensureDefaultDisplay();
+if (!customElements.get("db-tooltip")) {
+  customElements.define("db-tooltip", DbTooltip);
+}
+
+export {
+  DbTooltip
+};
+//# sourceMappingURL=chunk-MEOIAZDF.js.map

package/dist/chunk-MEOIAZDF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-tooltip.ts"],"sourcesContent":["import { setupFloating, type FloatingOptions } from \"@dogsbay/primitives/floating\";\nimport { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\nimport { hideFloating, ownOne, resolveAsChild, showFloating, uid } from \"./utils.js\";\n\ntype Placement = NonNullable<FloatingOptions[\"placement\"]>;\n\n/**\n * `<db-tooltip>` — Short description shown on hover and keyboard focus\n * (APG \"Tooltip\"). The trigger is described by the content\n * (aria-describedby), so screen readers announce it without showing it.\n *\n * WCAG 1.4.13 (content on hover or focus):\n *   - hoverable: the pointer can move from the trigger onto the tooltip\n *     without it closing (`close-delay`, default 100 ms);\n *   - dismissible: Escape hides it, whether it opened from hover or focus;\n *   - persistent: it stays until the pointer leaves, focus moves or Escape.\n *\n * Attributes:\n *   delay        — ms before showing on hover (default 200)\n *   close-delay  — ms grace period on leave (default 100)\n *   placement    — \"top\" (default), or data-side on the content\n *\n * Parts: [data-part=\"trigger\"] (`data-as-child` supported), [data-part=\"content\"]\n *\n * Events: db-tooltip:open, db-tooltip:close\n */\nexport class DbTooltip extends DogsbayElement {\n  private trigger: HTMLElement | null = null;\n  private content: HTMLElement | null = null;\n  private cleanupFloating: (() => void) | null = null;\n  private showTimer: ReturnType<typeof setTimeout> | null = null;\n  private hideTimer: ReturnType<typeof setTimeout> | null = null;\n  private _open = false;\n\n  get open(): boolean {\n    return this._open;\n  }\n\n  private num(name: string, fallback: number): number {\n    const v = Number(this.getAttribute(name));\n    return Number.isFinite(v) && this.hasAttribute(name) ? v : fallback;\n  }\n\n  private onEnter = (e: PointerEvent) => {\n    if (e.pointerType === \"touch\") return;\n    this.clearTimers();\n    if (!this._open) this.showTimer = setTimeout(() => this.show(), this.num(\"delay\", 200));\n  };\n\n  private onLeave = (e: PointerEvent) => {\n    if (e.pointerType === \"touch\") return;\n    this.clearTimers();\n    this.hideTimer = setTimeout(() => this.hide(), this.num(\"close-delay\", 100));\n  };\n\n  private onContentEnter = () => this.clearTimers();\n\n  // Keyboard focus only: a mouse press focuses the button too, and would reopen\n  // the tooltip the press just closed.\n  private onFocus = () => {\n    let keyboard = true;\n    try {\n      keyboard = this.trigger!.matches(\":focus-visible\");\n    } catch {\n      /* :focus-visible unsupported: treat as keyboard */\n    }\n    if (!keyboard) return;\n    this.clearTimers();\n    this.show();\n  };\n\n  private onBlur = () => this.hide();\n\n  private onPress = () => this.hide();\n\n  // Capture phase, consumed: Escape dismisses only the tooltip, not a popover or\n  // dialog around its trigger (WCAG 1.4.13, APG tooltip).\n  private onKey = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\" && this._open) {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n      this.hide();\n    }\n  };\n\n  protected setup() {\n    this.trigger = resolveAsChild(ownOne(this, \"[data-part='trigger']\"));\n    this.content = ownOne(this, \"[data-part='content']\");\n    if (!this.trigger || !this.content) return;\n    this.content.id ||= uid(\"db-tooltip\");\n    this.content.setAttribute(\"role\", \"tooltip\");\n    this.content.hidden = true;\n    const described = (this.trigger.getAttribute(\"aria-describedby\") ?? \"\").split(/\\s+/).filter(Boolean);\n    if (!described.includes(this.content.id)) this.trigger.setAttribute(\"aria-describedby\", [...described, this.content.id].join(\" \"));\n    this.setState(\"closed\");\n  }\n\n  protected connect() {\n    const { trigger, content } = this;\n    if (!trigger || !content) return;\n    trigger.addEventListener(\"pointerenter\", this.onEnter);\n    trigger.addEventListener(\"pointerleave\", this.onLeave);\n    trigger.addEventListener(\"focus\", this.onFocus);\n    trigger.addEventListener(\"blur\", this.onBlur);\n    trigger.addEventListener(\"pointerdown\", this.onPress);\n    content.addEventListener(\"pointerenter\", this.onContentEnter);\n    content.addEventListener(\"pointerleave\", this.onLeave);\n  }\n\n  protected disconnect() {\n    const { trigger, content } = this;\n    trigger?.removeEventListener(\"pointerenter\", this.onEnter);\n    trigger?.removeEventListener(\"pointerleave\", this.onLeave);\n    trigger?.removeEventListener(\"focus\", this.onFocus);\n    trigger?.removeEventListener(\"blur\", this.onBlur);\n    trigger?.removeEventListener(\"pointerdown\", this.onPress);\n    content?.removeEventListener(\"pointerenter\", this.onContentEnter);\n    content?.removeEventListener(\"pointerleave\", this.onLeave);\n    this.hide();\n  }\n\n  private clearTimers() {\n    if (this.showTimer) clearTimeout(this.showTimer);\n    if (this.hideTimer) clearTimeout(this.hideTimer);\n    this.showTimer = this.hideTimer = null;\n  }\n\n  private setState(state: \"open\" | \"closed\") {\n    this.setAttribute(\"data-state\", state);\n    this.content?.setAttribute(\"data-state\", state);\n  }\n\n  show() {\n    const { trigger, content } = this;\n    if (!trigger || !content || this._open) return;\n    this._open = true;\n    this.clearTimers();\n    const layer = showFloating(content);\n    this.setState(\"open\");\n    this.cleanupFloating = setupFloating(trigger, content, {\n      placement: (this.getAttribute(\"placement\") || content.dataset.side || \"top\") as Placement,\n      offset: 8,\n      strategy: layer === \"top-layer\" ? \"fixed\" : \"absolute\",\n    });\n    document.addEventListener(\"keydown\", this.onKey, true);\n    this.dispatchEvent(new CustomEvent(\"db-tooltip:open\", { bubbles: true }));\n  }\n\n  hide() {\n    this.clearTimers();\n    if (!this._open || !this.content) return;\n    this._open = false;\n    document.removeEventListener(\"keydown\", this.onKey, true);\n    this.cleanupFloating?.();\n    this.cleanupFloating = null;\n    hideFloating(this.content);\n    this.setState(\"closed\");\n    this.dispatchEvent(new CustomEvent(\"db-tooltip:close\", { bubbles: true }));\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-tooltip\")) {\n  customElements.define(\"db-tooltip\", DbTooltip);\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-LFXZQ4YV.js → chunk-QSRUT67Y.js}

@@ -1,6 +1,7 @@
 import {
-  DogsbayElement
-} from "./chunk-XBMLE4N3.js";
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-K6DPDBAG.js";
 
 // src/db-link-button.ts
 var DbLinkButton = class extends DogsbayElement {
@@ -27,6 +28,7 @@ var DbLinkButton = class extends DogsbayElement {
     this.appendChild(this.anchor);
   }
 };
+ensureDefaultDisplay();
 if (!customElements.get("db-link-button")) {
   customElements.define("db-link-button", DbLinkButton);
 }
@@ -34,4 +36,4 @@ if (!customElements.get("db-link-button")) {
 export {
   DbLinkButton
 };
-//# sourceMappingURL=chunk-LFXZQ4YV.js.map
+//# sourceMappingURL=chunk-QSRUT67Y.js.map

package/dist/chunk-QSRUT67Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-link-button.ts"],"sourcesContent":["import { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\n\n/**\n * `<db-link-button>` — Styled link that looks like a button.\n *\n * Attributes:\n *   href     — target URL (required)\n *   variant  — \"primary\" | \"secondary\" | \"outline\" (default: \"primary\")\n *\n * Light DOM: renders as an <a> tag with button styling.\n * Works in both Astro (matches Button component) and Obsidian.\n *\n * In Astro, the format-astro serializer maps link-button TreeNode to\n * the Button.astro component with href prop.\n *\n * In Obsidian, the plugin emits <db-link-button> which this element\n * auto-upgrades with styling and keyboard navigation.\n */\nexport class DbLinkButton extends DogsbayElement {\n  private anchor: HTMLAnchorElement | null = null;\n\n  protected setup() {\n    const href = this.getAttribute(\"href\") || \"#\";\n    const variant = this.getAttribute(\"variant\") || \"primary\";\n    const text = this.textContent?.trim() || href;\n\n    // Create the anchor element\n    this.anchor = document.createElement(\"a\");\n    this.anchor.href = href;\n    this.anchor.textContent = text;\n    this.anchor.className = \"db-link-button-anchor\";\n    this.anchor.dataset.variant = variant;\n\n    // External links open in new tab\n    if (href.startsWith(\"http\")) {\n      this.anchor.target = \"_blank\";\n      this.anchor.rel = \"noopener noreferrer\";\n\n      // Add external icon\n      const icon = document.createElement(\"span\");\n      icon.className = \"db-link-button-icon\";\n      icon.setAttribute(\"aria-hidden\", \"true\");\n      icon.textContent = \"↗\";\n      this.anchor.appendChild(icon);\n    }\n\n    this.textContent = \"\";\n    this.appendChild(this.anchor);\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-link-button\")) {\n  customElements.define(\"db-link-button\", DbLinkButton);\n}\n"],"mappings":";;;;;;AAkBO,IAAM,eAAN,cAA2B,eAAe;AAAA,EACvC,SAAmC;AAAA,EAEjC,QAAQ;AAChB,UAAM,OAAO,KAAK,aAAa,MAAM,KAAK;AAC1C,UAAM,UAAU,KAAK,aAAa,SAAS,KAAK;AAChD,UAAM,OAAO,KAAK,aAAa,KAAK,KAAK;AAGzC,SAAK,SAAS,SAAS,cAAc,GAAG;AACxC,SAAK,OAAO,OAAO;AACnB,SAAK,OAAO,cAAc;AAC1B,SAAK,OAAO,YAAY;AACxB,SAAK,OAAO,QAAQ,UAAU;AAG9B,QAAI,KAAK,WAAW,MAAM,GAAG;AAC3B,WAAK,OAAO,SAAS;AACrB,WAAK,OAAO,MAAM;AAGlB,YAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,YAAY;AACjB,WAAK,aAAa,eAAe,MAAM;AACvC,WAAK,cAAc;AACnB,WAAK,OAAO,YAAY,IAAI;AAAA,IAC9B;AAEA,SAAK,cAAc;AACnB,SAAK,YAAY,KAAK,MAAM;AAAA,EAC9B;AACF;AAEA,qBAAqB;AAErB,IAAI,CAAC,eAAe,IAAI,gBAAgB,GAAG;AACzC,iBAAe,OAAO,kBAAkB,YAAY;AACtD;","names":[]}