@dogsbay/elements 0.2.0-beta.114 → 0.2.0-beta.116

package/dist/chunk-EGU66XCL.js

@@ -0,0 +1,116 @@
+import {
+  focusables,
+  hideFloating,
+  ownOne,
+  resolveAsChild,
+  showFloating,
+  uid
+} from "./chunk-3AEQ6KHV.js";
+import {
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-K6DPDBAG.js";
+
+// src/db-popover.ts
+import { DismissController } from "@dogsbay/primitives/dismiss";
+import { setupFloating } from "@dogsbay/primitives/floating";
+var DbPopover = class extends DogsbayElement {
+  trigger = null;
+  content = null;
+  dismiss = null;
+  cleanupFloating = null;
+  _open = false;
+  get open() {
+    return this._open;
+  }
+  onTriggerClick = () => this.toggle();
+  onContentClick = (e) => {
+    const close = e.target.closest("[data-part='close']");
+    if (close && close.closest("db-popover") === this) this.close("close-press");
+  };
+  setup() {
+    this.trigger = resolveAsChild(ownOne(this, "[data-part='trigger']"));
+    this.content = ownOne(this, "[data-part='content']");
+    if (!this.trigger || !this.content) return;
+    const content = this.content;
+    content.id ||= uid("db-popover");
+    if (!content.hasAttribute("role")) content.setAttribute("role", "dialog");
+    if (!content.hasAttribute("aria-labelledby") && !content.hasAttribute("aria-label")) {
+      this.trigger.id ||= uid("db-popover-trigger");
+      content.setAttribute("aria-labelledby", this.trigger.id);
+    }
+    content.hidden = true;
+    this.trigger.setAttribute("aria-haspopup", "dialog");
+    this.trigger.setAttribute("aria-controls", content.id);
+    this.trigger.setAttribute("aria-expanded", "false");
+    this.setState("closed");
+    this.dismiss = new DismissController(content, { onDismiss: (reason) => this.close(reason) });
+  }
+  connect() {
+    this.trigger?.addEventListener("click", this.onTriggerClick);
+    this.content?.addEventListener("click", this.onContentClick);
+  }
+  disconnect() {
+    this.trigger?.removeEventListener("click", this.onTriggerClick);
+    this.content?.removeEventListener("click", this.onContentClick);
+    if (this._open) this.close("api");
+  }
+  setState(state) {
+    this.setAttribute("data-state", state);
+    this.content?.setAttribute("data-state", state);
+  }
+  placement() {
+    const attr = this.getAttribute("placement");
+    if (attr) return attr;
+    const side = this.content?.dataset.side || "bottom";
+    const align = this.content?.dataset.align || "center";
+    return `${side}${align !== "center" ? `-${align}` : ""}`;
+  }
+  toggle() {
+    if (this._open) this.close("trigger-press");
+    else this.show();
+  }
+  show() {
+    const { trigger, content } = this;
+    if (!trigger || !content || this._open) return;
+    this._open = true;
+    const layer = showFloating(content);
+    this.setState("open");
+    trigger.setAttribute("aria-expanded", "true");
+    this.cleanupFloating = setupFloating(trigger, content, {
+      placement: this.placement(),
+      offset: Number(this.getAttribute("offset") ?? 8),
+      strategy: layer === "top-layer" ? "fixed" : "absolute"
+    });
+    this.dismiss?.activate();
+    if (!this.hasAttribute("no-autofocus")) {
+      requestAnimationFrame(() => {
+        if (this._open) (focusables(content)[0] ?? content).focus({ preventScroll: true });
+      });
+    }
+    this.dispatchEvent(new CustomEvent("db-popover:open", { bubbles: true }));
+  }
+  close(reason = "api") {
+    const { trigger, content } = this;
+    if (!trigger || !content || !this._open) return;
+    this._open = false;
+    this.dismiss?.deactivate();
+    this.cleanupFloating?.();
+    this.cleanupFloating = null;
+    const hadFocus = content.contains(document.activeElement);
+    hideFloating(content);
+    this.setState("closed");
+    trigger.setAttribute("aria-expanded", "false");
+    if (reason !== "outside-press" && (hadFocus || reason === "escape-key" || reason === "close-press")) trigger.focus();
+    this.dispatchEvent(new CustomEvent("db-popover:close", { detail: { reason }, bubbles: true }));
+  }
+};
+ensureDefaultDisplay();
+if (!customElements.get("db-popover")) {
+  customElements.define("db-popover", DbPopover);
+}
+
+export {
+  DbPopover
+};
+//# sourceMappingURL=chunk-EGU66XCL.js.map

package/dist/chunk-EGU66XCL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-popover.ts"],"sourcesContent":["import { DismissController } from \"@dogsbay/primitives/dismiss\";\nimport { setupFloating, type FloatingOptions } from \"@dogsbay/primitives/floating\";\nimport { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\nimport { focusables, hideFloating, ownOne, resolveAsChild, showFloating, uid } from \"./utils.js\";\n\ntype Placement = NonNullable<FloatingOptions[\"placement\"]>;\n\n/**\n * `<db-popover>` — Non-modal floating panel (APG \"Dialog\", non-modal).\n *\n * Same parts as the Astro Popover. The content opens in the browser's top\n * layer (Popover API) where available, so no ancestor's `overflow` clips it\n * and it needs no portal, and floating-ui positions it next to the trigger.\n *\n * Attributes:\n *   placement   — \"bottom\" (default), \"top-start\", … (or data-side/data-align on the content)\n *   offset      — gap in px (default 8)\n *   no-autofocus — keep focus on the trigger when opening\n *\n * Parts: [data-part=\"trigger\"], [data-part=\"content\"], [data-part=\"close\"]\n *\n * Focus: opening moves focus to the first focusable element in the content.\n * Escape and the close part return focus to the trigger; an outside click\n * leaves focus where the user clicked.\n *\n * Events: db-popover:open, db-popover:close (detail: { reason })\n */\nexport class DbPopover extends DogsbayElement {\n  private trigger: HTMLElement | null = null;\n  private content: HTMLElement | null = null;\n  private dismiss: DismissController | null = null;\n  private cleanupFloating: (() => void) | null = null;\n  private _open = false;\n\n  get open(): boolean {\n    return this._open;\n  }\n\n  private onTriggerClick = () => this.toggle();\n\n  private onContentClick = (e: Event) => {\n    const close = (e.target as HTMLElement).closest(\"[data-part='close']\");\n    if (close && close.closest(\"db-popover\") === this) this.close(\"close-press\");\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    const content = this.content;\n    content.id ||= uid(\"db-popover\");\n    if (!content.hasAttribute(\"role\")) content.setAttribute(\"role\", \"dialog\");\n    if (!content.hasAttribute(\"aria-labelledby\") && !content.hasAttribute(\"aria-label\")) {\n      this.trigger.id ||= uid(\"db-popover-trigger\");\n      content.setAttribute(\"aria-labelledby\", this.trigger.id);\n    }\n    content.hidden = true;\n    this.trigger.setAttribute(\"aria-haspopup\", \"dialog\");\n    this.trigger.setAttribute(\"aria-controls\", content.id);\n    this.trigger.setAttribute(\"aria-expanded\", \"false\");\n    this.setState(\"closed\");\n    this.dismiss = new DismissController(content, { onDismiss: (reason) => this.close(reason) });\n  }\n\n  protected connect() {\n    this.trigger?.addEventListener(\"click\", this.onTriggerClick);\n    this.content?.addEventListener(\"click\", this.onContentClick);\n  }\n\n  protected disconnect() {\n    this.trigger?.removeEventListener(\"click\", this.onTriggerClick);\n    this.content?.removeEventListener(\"click\", this.onContentClick);\n    if (this._open) this.close(\"api\");\n  }\n\n  private setState(state: \"open\" | \"closed\") {\n    this.setAttribute(\"data-state\", state);\n    this.content?.setAttribute(\"data-state\", state);\n  }\n\n  private placement(): Placement {\n    const attr = this.getAttribute(\"placement\");\n    if (attr) return attr as Placement;\n    const side = this.content?.dataset.side || \"bottom\";\n    const align = this.content?.dataset.align || \"center\";\n    return `${side}${align !== \"center\" ? `-${align}` : \"\"}` as Placement;\n  }\n\n  toggle() {\n    if (this._open) this.close(\"trigger-press\");\n    else this.show();\n  }\n\n  show() {\n    const { trigger, content } = this;\n    if (!trigger || !content || this._open) return;\n    this._open = true;\n    const layer = showFloating(content);\n    this.setState(\"open\");\n    trigger.setAttribute(\"aria-expanded\", \"true\");\n    this.cleanupFloating = setupFloating(trigger, content, {\n      placement: this.placement(),\n      offset: Number(this.getAttribute(\"offset\") ?? 8),\n      strategy: layer === \"top-layer\" ? \"fixed\" : \"absolute\",\n    });\n    this.dismiss?.activate();\n    if (!this.hasAttribute(\"no-autofocus\")) {\n      requestAnimationFrame(() => {\n        if (this._open) (focusables(content)[0] ?? content).focus({ preventScroll: true });\n      });\n    }\n    this.dispatchEvent(new CustomEvent(\"db-popover:open\", { bubbles: true }));\n  }\n\n  close(reason: string = \"api\") {\n    const { trigger, content } = this;\n    if (!trigger || !content || !this._open) return;\n    this._open = false;\n    this.dismiss?.deactivate();\n    this.cleanupFloating?.();\n    this.cleanupFloating = null;\n    const hadFocus = content.contains(document.activeElement);\n    hideFloating(content);\n    this.setState(\"closed\");\n    trigger.setAttribute(\"aria-expanded\", \"false\");\n    if (reason !== \"outside-press\" && (hadFocus || reason === \"escape-key\" || reason === \"close-press\")) trigger.focus();\n    this.dispatchEvent(new CustomEvent(\"db-popover:close\", { detail: { reason }, bubbles: true }));\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-popover\")) {\n  customElements.define(\"db-popover\", DbPopover);\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-THLTJ2HB.js → chunk-ETBBSA3I.js}

@@ -1,7 +1,7 @@
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-ABP4WEKU.js";
+} from "./chunk-K6DPDBAG.js";
 
 // src/db-card.ts
 var DbCard = class extends DogsbayElement {
@@ -51,4 +51,4 @@ if (!customElements.get("db-card")) {
 export {
   DbCard
 };
-//# sourceMappingURL=chunk-THLTJ2HB.js.map
+//# sourceMappingURL=chunk-ETBBSA3I.js.map

package/dist/chunk-FIJZRZEN.js

@@ -0,0 +1,90 @@
+import {
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-K6DPDBAG.js";
+
+// src/db-toc.ts
+var DbToc = class extends DogsbayElement {
+  links = [];
+  headings = [];
+  observer = null;
+  active = null;
+  slugOf(a) {
+    return a.getAttribute("data-toc-slug") ?? safeDecode(a.getAttribute("href").slice(1));
+  }
+  // Headings in a short tail never reach the observed band; at the bottom of the
+  // page the last one is current.
+  onScroll = () => {
+    const doc = document.documentElement;
+    if (window.innerHeight + window.scrollY >= doc.scrollHeight - 2 && this.headings.length) {
+      this.setActive(this.headings[this.headings.length - 1].id);
+    }
+  };
+  setup() {
+    this.links = Array.from(this.querySelectorAll("a[href^='#'], a[data-toc-link]"));
+  }
+  onHash = () => {
+    const id = safeDecode(location.hash.slice(1));
+    if (id && this.headings.some((h) => h.id === id)) this.setActive(id);
+  };
+  connect() {
+    this.headings = this.links.map((a) => document.getElementById(this.slugOf(a))).filter((h) => !!h);
+    if (!this.headings.length) return;
+    const offset = Number(this.getAttribute("offset") ?? 80);
+    if (typeof IntersectionObserver !== "undefined") {
+      this.observer = new IntersectionObserver(
+        (entries) => {
+          const hit = entries.find((e) => e.isIntersecting);
+          if (hit) return this.setActive(hit.target.id);
+          this.setActive(this.lastAbove(offset)?.id ?? null);
+        },
+        { rootMargin: `-${offset}px 0px -70% 0px`, threshold: 0 }
+      );
+      this.headings.forEach((h) => this.observer.observe(h));
+    }
+    window.addEventListener("hashchange", this.onHash);
+    window.addEventListener("scroll", this.onScroll, { passive: true });
+    this.setActive(this.lastAbove(offset)?.id ?? this.headings[0].id);
+  }
+  disconnect() {
+    this.observer?.disconnect();
+    this.observer = null;
+    window.removeEventListener("hashchange", this.onHash);
+    window.removeEventListener("scroll", this.onScroll);
+  }
+  lastAbove(offset) {
+    let last = null;
+    for (const h of this.headings) if (h.getBoundingClientRect().top <= offset + 20) last = h;
+    return last;
+  }
+  setActive(id) {
+    if (!id || id === this.active) return;
+    this.active = id;
+    for (const a of this.links) {
+      if (this.slugOf(a) === id) {
+        a.setAttribute("aria-current", "location");
+        a.setAttribute("data-active", "");
+      } else {
+        a.removeAttribute("aria-current");
+        a.removeAttribute("data-active");
+      }
+    }
+    this.dispatchEvent(new CustomEvent("db-toc:change", { detail: { id }, bubbles: true }));
+  }
+};
+function safeDecode(s) {
+  try {
+    return decodeURIComponent(s);
+  } catch {
+    return s;
+  }
+}
+ensureDefaultDisplay();
+if (!customElements.get("db-toc")) {
+  customElements.define("db-toc", DbToc);
+}
+
+export {
+  DbToc
+};
+//# sourceMappingURL=chunk-FIJZRZEN.js.map

package/dist/chunk-FIJZRZEN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-toc.ts"],"sourcesContent":["import { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\n\n/**\n * `<db-toc>` — \"On this page\" links that follow the reader (scroll spy).\n *\n * Wraps plain in-page links, so it works as a list of links without\n * JavaScript. The link for the section in view gets `aria-current=\"location\"`\n * and `data-active` (the Astro TableOfContents contract).\n *\n * Links: `a[href^=\"#\"]`, or `[data-toc-link][data-toc-slug]` as in the Astro component.\n *\n * Attributes:\n *   offset — px hidden under a sticky header (default 80)\n *\n * Events: db-toc:change (detail: { id })\n */\nexport class DbToc extends DogsbayElement {\n  private links: HTMLAnchorElement[] = [];\n  private headings: HTMLElement[] = [];\n  private observer: IntersectionObserver | null = null;\n  private active: string | null = null;\n\n  private slugOf(a: HTMLAnchorElement): string {\n    return a.getAttribute(\"data-toc-slug\") ?? safeDecode(a.getAttribute(\"href\")!.slice(1));\n  }\n\n  // Headings in a short tail never reach the observed band; at the bottom of the\n  // page the last one is current.\n  private onScroll = () => {\n    const doc = document.documentElement;\n    if (window.innerHeight + window.scrollY >= doc.scrollHeight - 2 && this.headings.length) {\n      this.setActive(this.headings[this.headings.length - 1].id);\n    }\n  };\n\n  protected setup() {\n    this.links = Array.from(this.querySelectorAll<HTMLAnchorElement>(\"a[href^='#'], a[data-toc-link]\"));\n  }\n\n  private onHash = () => {\n    const id = safeDecode(location.hash.slice(1));\n    if (id && this.headings.some((h) => h.id === id)) this.setActive(id);\n  };\n\n  protected connect() {\n    this.headings = this.links.map((a) => document.getElementById(this.slugOf(a))).filter((h): h is HTMLElement => !!h);\n    if (!this.headings.length) return;\n    const offset = Number(this.getAttribute(\"offset\") ?? 80);\n    if (typeof IntersectionObserver !== \"undefined\") {\n      this.observer = new IntersectionObserver(\n        (entries) => {\n          const hit = entries.find((e) => e.isIntersecting);\n          if (hit) return this.setActive(hit.target.id);\n          this.setActive(this.lastAbove(offset)?.id ?? null);\n        },\n        { rootMargin: `-${offset}px 0px -70% 0px`, threshold: 0 },\n      );\n      this.headings.forEach((h) => this.observer!.observe(h));\n    }\n    window.addEventListener(\"hashchange\", this.onHash);\n    window.addEventListener(\"scroll\", this.onScroll, { passive: true });\n    this.setActive(this.lastAbove(offset)?.id ?? this.headings[0].id);\n  }\n\n  protected disconnect() {\n    this.observer?.disconnect();\n    this.observer = null;\n    window.removeEventListener(\"hashchange\", this.onHash);\n    window.removeEventListener(\"scroll\", this.onScroll);\n  }\n\n  private lastAbove(offset: number): HTMLElement | null {\n    let last: HTMLElement | null = null;\n    for (const h of this.headings) if (h.getBoundingClientRect().top <= offset + 20) last = h;\n    return last;\n  }\n\n  private setActive(id: string | null) {\n    if (!id || id === this.active) return;\n    this.active = id;\n    for (const a of this.links) {\n      if (this.slugOf(a) === id) {\n        a.setAttribute(\"aria-current\", \"location\");\n        a.setAttribute(\"data-active\", \"\");\n      } else {\n        a.removeAttribute(\"aria-current\");\n        a.removeAttribute(\"data-active\");\n      }\n    }\n    this.dispatchEvent(new CustomEvent(\"db-toc:change\", { detail: { id }, bubbles: true }));\n  }\n}\n\nfunction safeDecode(s: string): string {\n  try {\n    return decodeURIComponent(s);\n  } catch {\n    return s;\n  }\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-toc\")) {\n  customElements.define(\"db-toc\", DbToc);\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-ABP4WEKU.js → chunk-K6DPDBAG.js}

@@ -1,7 +1,22 @@
 // src/base.ts
 var DogsbayElement = class extends HTMLElement {
   _initialized = false;
+  _deferred = false;
   connectedCallback() {
+    if (!this._initialized && !this.firstElementChild && typeof document !== "undefined" && document.readyState === "loading") {
+      if (!this._deferred) {
+        this._deferred = true;
+        document.addEventListener(
+          "DOMContentLoaded",
+          () => {
+            this._deferred = false;
+            if (this.isConnected) this.connectedCallback();
+          },
+          { once: true }
+        );
+      }
+      return;
+    }
     if (!this._initialized) {
       this.setup();
       this._initialized = true;
@@ -29,7 +44,15 @@ var DEFAULT_DISPLAY = {
   "db-steps": "block",
   "db-code-block": "block",
   // A link styled as a button — sits in a line of prose.
-  "db-link-button": "inline-block"
+  "db-link-button": "inline-block",
+  // A dialog host only groups its trigger and content; it takes no box of its own.
+  "db-dialog": "contents",
+  "db-popover": "inline-block",
+  "db-tooltip": "inline-block",
+  "db-select": "inline-block",
+  "db-combobox": "block",
+  "db-nav-tree": "block",
+  "db-toc": "block"
 };
 var STYLE_ID = "dogsbay-elements-display";
 function ensureDefaultDisplay() {
@@ -46,4 +69,4 @@ export {
   DogsbayElement,
   ensureDefaultDisplay
 };
-//# sourceMappingURL=chunk-ABP4WEKU.js.map
+//# sourceMappingURL=chunk-K6DPDBAG.js.map

package/dist/chunk-K6DPDBAG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/base.ts"],"sourcesContent":["/**\n * Base class for Dogsbay custom elements.\n *\n * Handles the connect/disconnect lifecycle and ensures one-time setup\n * runs only once even when Obsidian's virtual scrolling removes and\n * re-adds elements to the DOM.\n */\nexport abstract class DogsbayElement extends HTMLElement {\n  private _initialized = false;\n  private _deferred = false;\n\n  connectedCallback() {\n    // A script that runs before the markup is parsed (a classic script in\n    // <head>) connects each element at its start tag, before its children\n    // exist. Wait for the document so setup sees the whole subtree.\n    if (!this._initialized && !this.firstElementChild && typeof document !== \"undefined\" && document.readyState === \"loading\") {\n      // One pending deferral: moving the element while the page loads must not\n      // queue a second one (connect() would then run twice).\n      if (!this._deferred) {\n        this._deferred = true;\n        document.addEventListener(\n          \"DOMContentLoaded\",\n          () => {\n            this._deferred = false;\n            if (this.isConnected) this.connectedCallback();\n          },\n          { once: true },\n        );\n      }\n      return;\n    }\n    if (!this._initialized) {\n      this.setup();\n      this._initialized = true;\n    }\n    this.connect();\n  }\n\n  disconnectedCallback() {\n    this.disconnect();\n  }\n\n  /** One-time setup: query children, generate IDs, set ARIA. */\n  protected setup() {}\n\n  /** Called on every connect: attach event listeners. */\n  protected connect() {}\n\n  /** Called on every disconnect: remove event listeners. */\n  protected disconnect() {}\n}\n\n/**\n * Default `display` for each element.\n *\n * Custom elements have NO user-agent style, so an unstyled one is\n * `display: inline`. That is silently wrong for a container: `w-full`\n * does nothing on an inline box, and a border renders as detached\n * fragments at the start and end of the inline run rather than around\n * the content.\n *\n * `<db-tabs>` carries `border rounded-lg overflow-hidden w-full` from\n * Tabs.astro, so it showed short vertical bars above and below every\n * tab group on every generated site. The other six had the same defect\n * without a border to make it visible.\n */\nconst DEFAULT_DISPLAY: Record<string, string> = {\n  \"db-tabs\": \"block\",\n  \"db-accordion\": \"block\",\n  \"db-collapsible\": \"block\",\n  \"db-card\": \"block\",\n  \"db-steps\": \"block\",\n  \"db-code-block\": \"block\",\n  // A link styled as a button — sits in a line of prose.\n  \"db-link-button\": \"inline-block\",\n  // A dialog host only groups its trigger and content; it takes no box of its own.\n  \"db-dialog\": \"contents\",\n  \"db-popover\": \"inline-block\",\n  \"db-tooltip\": \"inline-block\",\n  \"db-select\": \"inline-block\",\n  \"db-combobox\": \"block\",\n  \"db-nav-tree\": \"block\",\n  \"db-toc\": \"block\",\n};\n\nconst STYLE_ID = \"dogsbay-elements-display\";\n\n/**\n * Give the elements a sane default `display`.\n *\n * Injected from here rather than shipped as CSS because a Dogsbay site\n * scaffolds `global.css` ONCE and copies UI components as source — so\n * neither updates when a package does. The element JS is the only part\n * of an existing site that a version bump actually reaches.\n *\n * `:where()` keeps specificity at zero, so ANY author rule or utility\n * class overrides it — this sets a default, it does not win arguments.\n *\n * Idempotent: safe to call from every element module, and Obsidian's\n * virtual scrolling re-registers freely.\n */\nexport function ensureDefaultDisplay(): void {\n  if (typeof document === \"undefined\") return;\n  if (document.getElementById(STYLE_ID)) return;\n\n  const rules = Object.entries(DEFAULT_DISPLAY)\n    .map(([tag, display]) => `:where(${tag}){display:${display}}`)\n    .join(\"\");\n\n  const style = document.createElement(\"style\");\n  style.id = STYLE_ID;\n  style.textContent = rules;\n  // Prepend so a later author stylesheet wins on equal specificity.\n  document.head.prepend(style);\n}\n"],"mappings":";AAOO,IAAe,iBAAf,cAAsC,YAAY;AAAA,EAC/C,eAAe;AAAA,EACf,YAAY;AAAA,EAEpB,oBAAoB;AAIlB,QAAI,CAAC,KAAK,gBAAgB,CAAC,KAAK,qBAAqB,OAAO,aAAa,eAAe,SAAS,eAAe,WAAW;AAGzH,UAAI,CAAC,KAAK,WAAW;AACnB,aAAK,YAAY;AACjB,iBAAS;AAAA,UACP;AAAA,UACA,MAAM;AACJ,iBAAK,YAAY;AACjB,gBAAI,KAAK,YAAa,MAAK,kBAAkB;AAAA,UAC/C;AAAA,UACA,EAAE,MAAM,KAAK;AAAA,QACf;AAAA,MACF;AACA;AAAA,IACF;AACA,QAAI,CAAC,KAAK,cAAc;AACtB,WAAK,MAAM;AACX,WAAK,eAAe;AAAA,IACtB;AACA,SAAK,QAAQ;AAAA,EACf;AAAA,EAEA,uBAAuB;AACrB,SAAK,WAAW;AAAA,EAClB;AAAA;AAAA,EAGU,QAAQ;AAAA,EAAC;AAAA;AAAA,EAGT,UAAU;AAAA,EAAC;AAAA;AAAA,EAGX,aAAa;AAAA,EAAC;AAC1B;AAgBA,IAAM,kBAA0C;AAAA,EAC9C,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,iBAAiB;AAAA;AAAA,EAEjB,kBAAkB;AAAA;AAAA,EAElB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,eAAe;AAAA,EACf,eAAe;AAAA,EACf,UAAU;AACZ;AAEA,IAAM,WAAW;AAgBV,SAAS,uBAA6B;AAC3C,MAAI,OAAO,aAAa,YAAa;AACrC,MAAI,SAAS,eAAe,QAAQ,EAAG;AAEvC,QAAM,QAAQ,OAAO,QAAQ,eAAe,EACzC,IAAI,CAAC,CAAC,KAAK,OAAO,MAAM,UAAU,GAAG,aAAa,OAAO,GAAG,EAC5D,KAAK,EAAE;AAEV,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,KAAK;AACX,QAAM,cAAc;AAEpB,WAAS,KAAK,QAAQ,KAAK;AAC7B;","names":[]}

package/dist/{chunk-5S2MMI3R.js → chunk-LAUNXWKJ.js}

@@ -1,7 +1,7 @@
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-ABP4WEKU.js";
+} from "./chunk-K6DPDBAG.js";
 
 // src/db-collapsible.ts
 import { Collapsible } from "@dogsbay/primitives/collapsible";
@@ -45,4 +45,4 @@ if (!customElements.get("db-collapsible")) {
 export {
   DbCollapsible
 };
-//# sourceMappingURL=chunk-5S2MMI3R.js.map
+//# sourceMappingURL=chunk-LAUNXWKJ.js.map

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":[]}