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

package/dist/{chunk-S62ZVVO3.js → chunk-2ZMWJ74J.js}

@@ -1,11 +1,11 @@
 import {
   own,
   uid
-} from "./chunk-3AEQ6KHV.js";
+} from "./chunk-KXCPLIQD.js";
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-nav-tree.ts
 var DbNavTree = class extends DogsbayElement {
@@ -231,4 +231,4 @@ if (!customElements.get("db-nav-tree")) {
 export {
   DbNavTree
 };
-//# sourceMappingURL=chunk-S62ZVVO3.js.map
+//# sourceMappingURL=chunk-2ZMWJ74J.js.map

package/dist/{chunk-CLUADA3G.js → chunk-5KHESKQR.js}

@@ -1,7 +1,7 @@
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-accordion.ts
 import { CompositeNavigation } from "@dogsbay/primitives/composite";
@@ -94,4 +94,4 @@ if (!customElements.get("db-accordion")) {
 export {
   DbAccordion
 };
-//# sourceMappingURL=chunk-CLUADA3G.js.map
+//# sourceMappingURL=chunk-5KHESKQR.js.map

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

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

package/dist/{chunk-EGU66XCL.js → chunk-6QAYHFIQ.js}

@@ -5,11 +5,11 @@ import {
   resolveAsChild,
   showFloating,
   uid
-} from "./chunk-3AEQ6KHV.js";
+} from "./chunk-KXCPLIQD.js";
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-popover.ts
 import { DismissController } from "@dogsbay/primitives/dismiss";
@@ -113,4 +113,4 @@ if (!customElements.get("db-popover")) {
 export {
   DbPopover
 };
-//# sourceMappingURL=chunk-EGU66XCL.js.map
+//# sourceMappingURL=chunk-6QAYHFIQ.js.map

package/dist/{chunk-4YPDR3W6.js → chunk-6ZKFQBCF.js}

@@ -1,7 +1,7 @@
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-tabs.ts
 import { CompositeNavigation } from "@dogsbay/primitives/composite";
@@ -187,4 +187,4 @@ if (!customElements.get("db-tabs")) {
 export {
   DbTabs
 };
-//# sourceMappingURL=chunk-4YPDR3W6.js.map
+//# sourceMappingURL=chunk-6ZKFQBCF.js.map

package/dist/{chunk-VW7HZY2B.js → chunk-AVQ7KRRE.js}

@@ -1,7 +1,7 @@
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-steps.ts
 var DbSteps = class extends DogsbayElement {
@@ -21,4 +21,4 @@ if (!customElements.get("db-steps")) {
 export {
   DbSteps
 };
-//# sourceMappingURL=chunk-VW7HZY2B.js.map
+//# sourceMappingURL=chunk-AVQ7KRRE.js.map

package/dist/{chunk-V4P3UR4I.js → chunk-CD3G6HKT.js}

@@ -1,7 +1,7 @@
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-code-block.ts
 var DbCodeBlock = class extends DogsbayElement {
@@ -88,4 +88,4 @@ if (!customElements.get("db-code-block")) {
 export {
   DbCodeBlock
 };
-//# sourceMappingURL=chunk-V4P3UR4I.js.map
+//# sourceMappingURL=chunk-CD3G6HKT.js.map

package/dist/{chunk-FIJZRZEN.js → chunk-EPHDSTM7.js}

@@ -1,7 +1,10 @@
+import {
+  safeDecode
+} from "./chunk-KXCPLIQD.js";
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-toc.ts
 var DbToc = class extends DogsbayElement {
@@ -72,13 +75,6 @@ var DbToc = class extends DogsbayElement {
     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);
@@ -87,4 +83,4 @@ if (!customElements.get("db-toc")) {
 export {
   DbToc
 };
-//# sourceMappingURL=chunk-FIJZRZEN.js.map
+//# sourceMappingURL=chunk-EPHDSTM7.js.map

package/dist/chunk-EPHDSTM7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-toc.ts"],"sourcesContent":["import { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\nimport { safeDecode } from \"./utils.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\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-MAD6XJY4.js → chunk-GC5HL7FU.js}

@@ -2,11 +2,11 @@ import {
   isDisabled,
   ownOne,
   uid
-} from "./chunk-3AEQ6KHV.js";
+} from "./chunk-KXCPLIQD.js";
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-combobox.ts
 var DbCombobox = class extends DogsbayElement {
@@ -253,4 +253,4 @@ if (!customElements.get("db-combobox")) {
 export {
   DbCombobox
 };
-//# sourceMappingURL=chunk-MAD6XJY4.js.map
+//# sourceMappingURL=chunk-GC5HL7FU.js.map

package/dist/{chunk-3FMXAKOU.js → chunk-HMNRE3FZ.js}

@@ -5,11 +5,11 @@ import {
   ownOne,
   showFloating,
   uid
-} from "./chunk-3AEQ6KHV.js";
+} from "./chunk-KXCPLIQD.js";
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-select.ts
 import { DismissController } from "@dogsbay/primitives/dismiss";
@@ -380,4 +380,4 @@ if (!customElements.get("db-select")) {
 export {
   DbSelect
 };
-//# sourceMappingURL=chunk-3FMXAKOU.js.map
+//# sourceMappingURL=chunk-HMNRE3FZ.js.map

package/dist/{chunk-MEOIAZDF.js → chunk-HMV62CBN.js}

@@ -4,11 +4,11 @@ import {
   resolveAsChild,
   showFloating,
   uid
-} from "./chunk-3AEQ6KHV.js";
+} from "./chunk-KXCPLIQD.js";
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-tooltip.ts
 import { setupFloating } from "@dogsbay/primitives/floating";
@@ -137,4 +137,4 @@ if (!customElements.get("db-tooltip")) {
 export {
   DbTooltip
 };
-//# sourceMappingURL=chunk-MEOIAZDF.js.map
+//# sourceMappingURL=chunk-HMV62CBN.js.map

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

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

package/dist/{chunk-3AEQ6KHV.js → chunk-KXCPLIQD.js}

@@ -55,6 +55,13 @@ function afterAnimations(el, done) {
   if (!anims.length) return done();
   Promise.all(anims.map((a) => a.finished)).then(done, done);
 }
+function safeDecode(s) {
+  try {
+    return decodeURIComponent(s);
+  } catch {
+    return s;
+  }
+}
 
 export {
   uid,
@@ -65,6 +72,7 @@ export {
   showFloating,
   hideFloating,
   focusables,
-  afterAnimations
+  afterAnimations,
+  safeDecode
 };
-//# sourceMappingURL=chunk-3AEQ6KHV.js.map
+//# sourceMappingURL=chunk-KXCPLIQD.js.map

package/dist/{chunk-3AEQ6KHV.js.map → chunk-KXCPLIQD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["/**\n * Shared helpers for the elements. Nothing here touches the DOM at\n * import time, so modules stay safe to import in non-browser tooling.\n */\n\nlet counter = 0;\n\n/** A document-unique id with a readable prefix. */\nexport function uid(prefix: string): string {\n  return `${prefix}-${++counter}`;\n}\n\n/**\n * Descendants of `host` matching `selector` that belong to THIS element,\n * not to a nested element of the same tag. Wrappers are allowed.\n */\nexport function own<T extends HTMLElement = HTMLElement>(host: HTMLElement, selector: string): T[] {\n  const tag = host.localName;\n  return (Array.from(host.querySelectorAll(selector)) as T[]).filter((el) => el.closest(tag) === host);\n}\n\n/** First own descendant matching `selector`, or null. */\nexport function ownOne<T extends HTMLElement = HTMLElement>(host: HTMLElement, selector: string): T | null {\n  return own<T>(host, selector)[0] ?? null;\n}\n\n/**\n * The Astro components' `asChild` pattern: a wrapper `<span data-part=\"x\"\n * data-as-child>` stands in for its first child, which receives the part.\n */\nexport function resolveAsChild(el: HTMLElement | null): HTMLElement | null {\n  if (!el || !el.hasAttribute(\"data-as-child\")) return el;\n  const child = el.firstElementChild as HTMLElement | null;\n  if (!child) return el;\n  const part = el.getAttribute(\"data-part\");\n  if (part) child.setAttribute(\"data-part\", part);\n  return child;\n}\n\nexport function isDisabled(el: Element): boolean {\n  return el.hasAttribute(\"disabled\") || el.getAttribute(\"aria-disabled\") === \"true\" || el.getAttribute(\"data-disabled\") === \"true\";\n}\n\n/**\n * True when the browser supports the Popover API, which puts floating\n * content in the top layer: never clipped by `overflow`, always above\n * other stacking contexts, and no portal needed.\n */\nexport function supportsPopover(): boolean {\n  return typeof HTMLElement !== \"undefined\" && typeof (HTMLElement.prototype as { showPopover?: unknown }).showPopover === \"function\";\n}\n\n/** Show floating content, in the top layer when the browser allows it. */\nexport function showFloating(el: HTMLElement): \"top-layer\" | \"inline\" {\n  el.hidden = false;\n  if (!supportsPopover()) return \"inline\";\n  if (!el.hasAttribute(\"popover\")) el.setAttribute(\"popover\", \"manual\");\n  // The UA stylesheet centres popovers in the viewport; floating-ui positions them instead.\n  el.style.inset = \"auto\";\n  el.style.margin = \"0\";\n  try {\n    if (!el.matches(\":popover-open\")) el.showPopover();\n  } catch {\n    return \"inline\";\n  }\n  return \"top-layer\";\n}\n\nexport function hideFloating(el: HTMLElement): void {\n  if (supportsPopover()) {\n    try {\n      if (el.matches(\":popover-open\")) el.hidePopover();\n    } catch {\n      /* not a popover */\n    }\n  }\n  el.hidden = true;\n}\n\nconst FOCUSABLE =\n  'a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable=\"true\"]';\n\n/** Focusable descendants in document order, skipping hidden ones. */\nexport function focusables(root: HTMLElement): HTMLElement[] {\n  return (Array.from(root.querySelectorAll(FOCUSABLE)) as HTMLElement[]).filter((el) => !el.closest(\"[hidden]\") && !isDisabled(el));\n}\n\n/** Wait for running CSS animations on `el` (exit animations), then run `done`. */\nexport function afterAnimations(el: HTMLElement, done: () => void): void {\n  const anims = typeof el.getAnimations === \"function\" ? el.getAnimations() : [];\n  if (!anims.length) return done();\n  Promise.all(anims.map((a) => a.finished)).then(done, done);\n}\n"],"mappings":";AAKA,IAAI,UAAU;AAGP,SAAS,IAAI,QAAwB;AAC1C,SAAO,GAAG,MAAM,IAAI,EAAE,OAAO;AAC/B;AAMO,SAAS,IAAyC,MAAmB,UAAuB;AACjG,QAAM,MAAM,KAAK;AACjB,SAAQ,MAAM,KAAK,KAAK,iBAAiB,QAAQ,CAAC,EAAU,OAAO,CAAC,OAAO,GAAG,QAAQ,GAAG,MAAM,IAAI;AACrG;AAGO,SAAS,OAA4C,MAAmB,UAA4B;AACzG,SAAO,IAAO,MAAM,QAAQ,EAAE,CAAC,KAAK;AACtC;AAMO,SAAS,eAAe,IAA4C;AACzE,MAAI,CAAC,MAAM,CAAC,GAAG,aAAa,eAAe,EAAG,QAAO;AACrD,QAAM,QAAQ,GAAG;AACjB,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,GAAG,aAAa,WAAW;AACxC,MAAI,KAAM,OAAM,aAAa,aAAa,IAAI;AAC9C,SAAO;AACT;AAEO,SAAS,WAAW,IAAsB;AAC/C,SAAO,GAAG,aAAa,UAAU,KAAK,GAAG,aAAa,eAAe,MAAM,UAAU,GAAG,aAAa,eAAe,MAAM;AAC5H;AAOO,SAAS,kBAA2B;AACzC,SAAO,OAAO,gBAAgB,eAAe,OAAQ,YAAY,UAAwC,gBAAgB;AAC3H;AAGO,SAAS,aAAa,IAAyC;AACpE,KAAG,SAAS;AACZ,MAAI,CAAC,gBAAgB,EAAG,QAAO;AAC/B,MAAI,CAAC,GAAG,aAAa,SAAS,EAAG,IAAG,aAAa,WAAW,QAAQ;AAEpE,KAAG,MAAM,QAAQ;AACjB,KAAG,MAAM,SAAS;AAClB,MAAI;AACF,QAAI,CAAC,GAAG,QAAQ,eAAe,EAAG,IAAG,YAAY;AAAA,EACnD,QAAQ;AACN,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,SAAS,aAAa,IAAuB;AAClD,MAAI,gBAAgB,GAAG;AACrB,QAAI;AACF,UAAI,GAAG,QAAQ,eAAe,EAAG,IAAG,YAAY;AAAA,IAClD,QAAQ;AAAA,IAER;AAAA,EACF;AACA,KAAG,SAAS;AACd;AAEA,IAAM,YACJ;AAGK,SAAS,WAAW,MAAkC;AAC3D,SAAQ,MAAM,KAAK,KAAK,iBAAiB,SAAS,CAAC,EAAoB,OAAO,CAAC,OAAO,CAAC,GAAG,QAAQ,UAAU,KAAK,CAAC,WAAW,EAAE,CAAC;AAClI;AAGO,SAAS,gBAAgB,IAAiB,MAAwB;AACvE,QAAM,QAAQ,OAAO,GAAG,kBAAkB,aAAa,GAAG,cAAc,IAAI,CAAC;AAC7E,MAAI,CAAC,MAAM,OAAQ,QAAO,KAAK;AAC/B,UAAQ,IAAI,MAAM,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAK,MAAM,IAAI;AAC3D;","names":[]}
+{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["/**\n * Shared helpers for the elements. Nothing here touches the DOM at\n * import time, so modules stay safe to import in non-browser tooling.\n */\n\nlet counter = 0;\n\n/** A document-unique id with a readable prefix. */\nexport function uid(prefix: string): string {\n  return `${prefix}-${++counter}`;\n}\n\n/**\n * Descendants of `host` matching `selector` that belong to THIS element,\n * not to a nested element of the same tag. Wrappers are allowed.\n */\nexport function own<T extends HTMLElement = HTMLElement>(host: HTMLElement, selector: string): T[] {\n  const tag = host.localName;\n  return (Array.from(host.querySelectorAll(selector)) as T[]).filter((el) => el.closest(tag) === host);\n}\n\n/** First own descendant matching `selector`, or null. */\nexport function ownOne<T extends HTMLElement = HTMLElement>(host: HTMLElement, selector: string): T | null {\n  return own<T>(host, selector)[0] ?? null;\n}\n\n/**\n * The Astro components' `asChild` pattern: a wrapper `<span data-part=\"x\"\n * data-as-child>` stands in for its first child, which receives the part.\n */\nexport function resolveAsChild(el: HTMLElement | null): HTMLElement | null {\n  if (!el || !el.hasAttribute(\"data-as-child\")) return el;\n  const child = el.firstElementChild as HTMLElement | null;\n  if (!child) return el;\n  const part = el.getAttribute(\"data-part\");\n  if (part) child.setAttribute(\"data-part\", part);\n  return child;\n}\n\nexport function isDisabled(el: Element): boolean {\n  return el.hasAttribute(\"disabled\") || el.getAttribute(\"aria-disabled\") === \"true\" || el.getAttribute(\"data-disabled\") === \"true\";\n}\n\n/**\n * True when the browser supports the Popover API, which puts floating\n * content in the top layer: never clipped by `overflow`, always above\n * other stacking contexts, and no portal needed.\n */\nexport function supportsPopover(): boolean {\n  return typeof HTMLElement !== \"undefined\" && typeof (HTMLElement.prototype as { showPopover?: unknown }).showPopover === \"function\";\n}\n\n/** Show floating content, in the top layer when the browser allows it. */\nexport function showFloating(el: HTMLElement): \"top-layer\" | \"inline\" {\n  el.hidden = false;\n  if (!supportsPopover()) return \"inline\";\n  if (!el.hasAttribute(\"popover\")) el.setAttribute(\"popover\", \"manual\");\n  // The UA stylesheet centres popovers in the viewport; floating-ui positions them instead.\n  el.style.inset = \"auto\";\n  el.style.margin = \"0\";\n  try {\n    if (!el.matches(\":popover-open\")) el.showPopover();\n  } catch {\n    return \"inline\";\n  }\n  return \"top-layer\";\n}\n\nexport function hideFloating(el: HTMLElement): void {\n  if (supportsPopover()) {\n    try {\n      if (el.matches(\":popover-open\")) el.hidePopover();\n    } catch {\n      /* not a popover */\n    }\n  }\n  el.hidden = true;\n}\n\nconst FOCUSABLE =\n  'a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable=\"true\"]';\n\n/** Focusable descendants in document order, skipping hidden ones. */\nexport function focusables(root: HTMLElement): HTMLElement[] {\n  return (Array.from(root.querySelectorAll(FOCUSABLE)) as HTMLElement[]).filter((el) => !el.closest(\"[hidden]\") && !isDisabled(el));\n}\n\n/** Wait for running CSS animations on `el` (exit animations), then run `done`. */\nexport function afterAnimations(el: HTMLElement, done: () => void): void {\n  const anims = typeof el.getAnimations === \"function\" ? el.getAnimations() : [];\n  if (!anims.length) return done();\n  Promise.all(anims.map((a) => a.finished)).then(done, done);\n}\n\n/** decodeURIComponent that returns the input on a malformed escape (`#%E0%A4%A`) instead of throwing. */\nexport function safeDecode(s: string): string {\n  try {\n    return decodeURIComponent(s);\n  } catch {\n    return s;\n  }\n}\n"],"mappings":";AAKA,IAAI,UAAU;AAGP,SAAS,IAAI,QAAwB;AAC1C,SAAO,GAAG,MAAM,IAAI,EAAE,OAAO;AAC/B;AAMO,SAAS,IAAyC,MAAmB,UAAuB;AACjG,QAAM,MAAM,KAAK;AACjB,SAAQ,MAAM,KAAK,KAAK,iBAAiB,QAAQ,CAAC,EAAU,OAAO,CAAC,OAAO,GAAG,QAAQ,GAAG,MAAM,IAAI;AACrG;AAGO,SAAS,OAA4C,MAAmB,UAA4B;AACzG,SAAO,IAAO,MAAM,QAAQ,EAAE,CAAC,KAAK;AACtC;AAMO,SAAS,eAAe,IAA4C;AACzE,MAAI,CAAC,MAAM,CAAC,GAAG,aAAa,eAAe,EAAG,QAAO;AACrD,QAAM,QAAQ,GAAG;AACjB,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,GAAG,aAAa,WAAW;AACxC,MAAI,KAAM,OAAM,aAAa,aAAa,IAAI;AAC9C,SAAO;AACT;AAEO,SAAS,WAAW,IAAsB;AAC/C,SAAO,GAAG,aAAa,UAAU,KAAK,GAAG,aAAa,eAAe,MAAM,UAAU,GAAG,aAAa,eAAe,MAAM;AAC5H;AAOO,SAAS,kBAA2B;AACzC,SAAO,OAAO,gBAAgB,eAAe,OAAQ,YAAY,UAAwC,gBAAgB;AAC3H;AAGO,SAAS,aAAa,IAAyC;AACpE,KAAG,SAAS;AACZ,MAAI,CAAC,gBAAgB,EAAG,QAAO;AAC/B,MAAI,CAAC,GAAG,aAAa,SAAS,EAAG,IAAG,aAAa,WAAW,QAAQ;AAEpE,KAAG,MAAM,QAAQ;AACjB,KAAG,MAAM,SAAS;AAClB,MAAI;AACF,QAAI,CAAC,GAAG,QAAQ,eAAe,EAAG,IAAG,YAAY;AAAA,EACnD,QAAQ;AACN,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,SAAS,aAAa,IAAuB;AAClD,MAAI,gBAAgB,GAAG;AACrB,QAAI;AACF,UAAI,GAAG,QAAQ,eAAe,EAAG,IAAG,YAAY;AAAA,IAClD,QAAQ;AAAA,IAER;AAAA,EACF;AACA,KAAG,SAAS;AACd;AAEA,IAAM,YACJ;AAGK,SAAS,WAAW,MAAkC;AAC3D,SAAQ,MAAM,KAAK,KAAK,iBAAiB,SAAS,CAAC,EAAoB,OAAO,CAAC,OAAO,CAAC,GAAG,QAAQ,UAAU,KAAK,CAAC,WAAW,EAAE,CAAC;AAClI;AAGO,SAAS,gBAAgB,IAAiB,MAAwB;AACvE,QAAM,QAAQ,OAAO,GAAG,kBAAkB,aAAa,GAAG,cAAc,IAAI,CAAC;AAC7E,MAAI,CAAC,MAAM,OAAQ,QAAO,KAAK;AAC/B,UAAQ,IAAI,MAAM,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAK,MAAM,IAAI;AAC3D;AAGO,SAAS,WAAW,GAAmB;AAC5C,MAAI;AACF,WAAO,mBAAmB,CAAC;AAAA,EAC7B,QAAQ;AACN,WAAO;AAAA,EACT;AACF;","names":[]}

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

@@ -40,6 +40,7 @@ var DEFAULT_DISPLAY = {
   "db-tabs": "block",
   "db-accordion": "block",
   "db-collapsible": "block",
+  "db-details-sheet": "block",
   "db-card": "block",
   "db-steps": "block",
   "db-code-block": "block",
@@ -69,4 +70,4 @@ export {
   DogsbayElement,
   ensureDefaultDisplay
 };
-//# sourceMappingURL=chunk-K6DPDBAG.js.map
+//# sourceMappingURL=chunk-MZDGSTI4.js.map

package/dist/chunk-MZDGSTI4.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-details-sheet\": \"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,oBAAoB;AAAA,EACpB,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-P7QNCZF7.js

@@ -0,0 +1,176 @@
+import {
+  safeDecode,
+  uid
+} from "./chunk-KXCPLIQD.js";
+import {
+  DogsbayElement,
+  ensureDefaultDisplay
+} from "./chunk-MZDGSTI4.js";
+
+// src/db-details-sheet.ts
+var DbDetailsSheet = class extends DogsbayElement {
+  details = null;
+  summary = null;
+  dialog = null;
+  body = null;
+  /** Where the moved nodes came from, and the nodes, while the sheet is open. */
+  source = null;
+  moved = [];
+  /** The fragment already acted on: moving a nested sheet in and out of a
+   *  dialog reconnects it, and reopening on every connect made it undismissable. */
+  handledHash = null;
+  get open() {
+    return !!this.dialog?.open;
+  }
+  onSummaryClick = (e) => {
+    const t = e.target;
+    if (t && t !== this.summary && t.closest?.("a[href], button, input, select, textarea, label")?.closest("summary") === this.summary) return;
+    e.preventDefault();
+    this.show();
+  };
+  // A click on the ::backdrop targets the dialog itself, outside its box.
+  onDialogClick = (e) => {
+    const d = this.dialog;
+    if (!d || e.target !== d) return;
+    const r = d.getBoundingClientRect();
+    const inside = e.clientX >= r.left && e.clientX <= r.right && e.clientY >= r.top && e.clientY <= r.bottom;
+    if (!inside && (e.clientX !== 0 || e.clientY !== 0)) d.close();
+  };
+  // Every way the dialog closes (Escape, backdrop, button, api) ends here.
+  onDialogClose = () => this.restore();
+  onHash = () => {
+    this.handledHash = null;
+    this.openForHash();
+  };
+  setup() {
+    const details = Array.from(this.children).find((c) => c.tagName === "DETAILS") ?? null;
+    const summary = details ? Array.from(details.children).find((c) => c.tagName === "SUMMARY") ?? null : null;
+    const dialogOk = typeof HTMLDialogElement !== "undefined" && typeof HTMLDialogElement.prototype.showModal === "function";
+    if (!details || !summary || !dialogOk) return;
+    for (const c of Array.from(details.children)) if (c.getAttribute("role") === "status") c.setAttribute("aria-live", "off");
+    this.details = details;
+    this.summary = summary;
+    details.open = false;
+    ensureSheetStyles();
+    const title = (summary.querySelector("[data-part='title']")?.textContent ?? summary.textContent ?? "").trim();
+    const dialog = document.createElement("dialog");
+    dialog.className = "db-sheet";
+    dialog.id = uid("db-sheet");
+    const heading = document.createElement("h2");
+    heading.className = "db-sheet-title";
+    heading.id = uid("db-sheet-title");
+    heading.textContent = title;
+    dialog.setAttribute("aria-labelledby", heading.id);
+    const close = document.createElement("button");
+    close.type = "button";
+    close.className = "db-sheet-close";
+    close.setAttribute("aria-label", this.getAttribute("close-label") || "Close");
+    close.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>';
+    close.addEventListener("click", () => dialog.close());
+    const header = document.createElement("div");
+    header.className = "db-sheet-header";
+    header.append(heading, close);
+    const body = document.createElement("div");
+    body.className = "db-sheet-body";
+    dialog.append(header, body);
+    this.append(dialog);
+    this.dialog = dialog;
+    this.body = body;
+    summary.setAttribute("aria-haspopup", "dialog");
+    summary.setAttribute("aria-controls", dialog.id);
+    summary.setAttribute("aria-expanded", "false");
+    this.setAttribute("data-state", "closed");
+  }
+  connect() {
+    if (!this.dialog) return;
+    this.summary.addEventListener("click", this.onSummaryClick);
+    this.dialog.addEventListener("click", this.onDialogClick);
+    this.dialog.addEventListener("close", this.onDialogClose);
+    window.addEventListener("hashchange", this.onHash);
+    queueMicrotask(() => this.isConnected && this.openForHash());
+  }
+  disconnect() {
+    if (!this.dialog) return;
+    if (this.dialog.open) this.dialog.close();
+    this.restore(false);
+    this.summary.removeEventListener("click", this.onSummaryClick);
+    this.dialog.removeEventListener("click", this.onDialogClick);
+    this.dialog.removeEventListener("close", this.onDialogClose);
+    window.removeEventListener("hashchange", this.onHash);
+  }
+  show(focusTarget) {
+    const { dialog, details, body } = this;
+    if (!dialog || !details || !body || dialog.open) return;
+    const rest = Array.from(details.childNodes).filter((n) => n !== this.summary);
+    const elements = rest.filter((n) => n.nodeType === Node.ELEMENT_NODE);
+    const wrapper = elements.length === 1 && rest.every((n) => n === elements[0] || !n.textContent?.trim()) ? elements[0] : null;
+    this.source = wrapper ?? details;
+    this.moved = wrapper ? Array.from(wrapper.childNodes) : rest;
+    body.append(...this.moved);
+    dialog.showModal();
+    this.summary.setAttribute("aria-expanded", "true");
+    this.setAttribute("data-state", "open");
+    if (focusTarget && focusTarget !== details) focusTarget.scrollIntoView?.({ block: "start" });
+    this.dispatchEvent(new CustomEvent("db-details-sheet:open", { bubbles: true }));
+  }
+  close() {
+    this.dialog?.close();
+  }
+  restore(focus = true) {
+    if (!this.source) return;
+    this.source.append(...this.moved);
+    this.source = null;
+    this.moved = [];
+    this.summary.setAttribute("aria-expanded", "false");
+    this.setAttribute("data-state", "closed");
+    if (focus && this.isConnected && this.summary.checkVisibility?.() !== false) this.summary.focus();
+    this.dispatchEvent(new CustomEvent("db-details-sheet:close", { bubbles: true }));
+  }
+  /** Open when the URL fragment names the details or something in its body. */
+  openForHash() {
+    const id = safeDecode(location.hash.slice(1));
+    if (!id || !this.details || this.handledHash === location.hash) return;
+    this.handledHash = location.hash;
+    if (this.open) return;
+    const target = document.getElementById(id);
+    if (target && this.details.contains(target)) this.show(target);
+  }
+};
+var STYLE_ID = "dogsbay-details-sheet";
+function ensureSheetStyles() {
+  if (document.getElementById(STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = [
+    "dialog.db-sheet{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:none;width:min(32rem,100vw);max-width:100vw;padding:0;border:0;border-left:1px solid var(--border);background:var(--background);color:var(--foreground);box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);flex-direction:column}",
+    "dialog.db-sheet[open]{display:flex}",
+    "dialog.db-sheet::backdrop{background:rgb(0 0 0/.6)}",
+    ".db-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}",
+    // The dialog sits inside the page's prose: its h2 rule (border, margins)
+    // would otherwise style the title. Element + class beats `.docs-prose h2`.
+    "dialog.db-sheet h2.db-sheet-title{margin:0;padding:0;border:0;font-size:1.125rem;line-height:1.75rem;font-weight:600;scroll-margin:0}",
+    ".db-sheet-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:.375rem;background:transparent;color:var(--muted-foreground);cursor:pointer}",
+    ".db-sheet-close:hover{background:var(--accent,var(--muted));color:var(--foreground)}",
+    ".db-sheet-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}",
+    ".db-sheet-body{flex:1;overflow-y:auto;padding:1.5rem;font-size:.875rem;line-height:1.625}",
+    // Beats `.docs-prose p` (0,2,1): the first paragraph sat 12px down
+    "dialog.db-sheet .db-sheet-body>:first-child{margin-top:0}",
+    // A modal sheet: the page under it does not scroll
+    "html:has(dialog.db-sheet[open]){overflow:hidden}",
+    // The summary opens a panel, not a fold: its chevron points to the side.
+    "db-details-sheet>details>summary>span:last-child{transform:rotate(-90deg)}",
+    "@media (prefers-reduced-motion:no-preference){dialog.db-sheet[open]{animation:db-sheet-in .2s ease-out}dialog.db-sheet[open]::backdrop{animation:db-sheet-fade .2s ease-out}}",
+    "@keyframes db-sheet-in{from{transform:translateX(100%)}}",
+    "@keyframes db-sheet-fade{from{opacity:0}}"
+  ].join("");
+  document.head.append(style);
+}
+ensureDefaultDisplay();
+if (!customElements.get("db-details-sheet")) {
+  customElements.define("db-details-sheet", DbDetailsSheet);
+}
+
+export {
+  DbDetailsSheet
+};
+//# sourceMappingURL=chunk-P7QNCZF7.js.map

package/dist/chunk-P7QNCZF7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/db-details-sheet.ts"],"sourcesContent":["import { DogsbayElement, ensureDefaultDisplay } from \"./base.js\";\nimport { safeDecode, uid } from \"./utils.js\";\n\n/**\n * `<db-details-sheet>` — a `<details>` that opens as a side sheet.\n *\n * The markup is an ordinary `<details>` (the CollapsibleAlert markup), so\n * with no script — `js: none`, a blocked script, print, an agent reading the\n * HTML — it is a working collapsible block and nothing is hidden. With the\n * script, activating the summary opens the body in a native modal `<dialog>`\n * on the right instead: the browser puts it in the top layer, makes the page\n * inert and handles Escape.\n *\n * The body is MOVED into the sheet while it is open and back when it closes,\n * so ids, anchors and nested elements exist once. A URL fragment naming the\n * details or anything in its body opens the sheet, so a cross-reference lands.\n *\n * Attributes:\n *   close-label  — the close button's accessible name (default \"Close\")\n *\n * Children:\n *   <details> with a <summary> — the summary's `[data-part=\"title\"]`, or its\n *   text, titles the sheet\n *\n * Events: db-details-sheet:open, db-details-sheet:close\n */\nexport class DbDetailsSheet extends DogsbayElement {\n  private details: HTMLDetailsElement | null = null;\n  private summary: HTMLElement | null = null;\n  private dialog: HTMLDialogElement | null = null;\n  private body: HTMLElement | null = null;\n  /** Where the moved nodes came from, and the nodes, while the sheet is open. */\n  private source: HTMLElement | null = null;\n  private moved: Node[] = [];\n  /** The fragment already acted on: moving a nested sheet in and out of a\n   *  dialog reconnects it, and reopening on every connect made it undismissable. */\n  private handledHash: string | null = null;\n\n  get open(): boolean {\n    return !!this.dialog?.open;\n  }\n\n  private onSummaryClick = (e: Event) => {\n    // A link or control inside the title does its own thing\n    const t = e.target as Element | null;\n    if (t && t !== this.summary && t.closest?.(\"a[href], button, input, select, textarea, label\")?.closest(\"summary\") === this.summary) return;\n    e.preventDefault(); // the details must not expand in place\n    this.show();\n  };\n\n  // A click on the ::backdrop targets the dialog itself, outside its box.\n  private onDialogClick = (e: MouseEvent) => {\n    const d = this.dialog;\n    if (!d || e.target !== d) return;\n    const r = d.getBoundingClientRect();\n    const inside = e.clientX >= r.left && e.clientX <= r.right && e.clientY >= r.top && e.clientY <= r.bottom;\n    if (!inside && (e.clientX !== 0 || e.clientY !== 0)) d.close();\n  };\n\n  // Every way the dialog closes (Escape, backdrop, button, api) ends here.\n  private onDialogClose = () => this.restore();\n\n  private onHash = () => {\n    this.handledHash = null;\n    this.openForHash();\n  };\n\n  protected setup() {\n    const details = Array.from(this.children).find((c): c is HTMLDetailsElement => c.tagName === \"DETAILS\") ?? null;\n    const summary = details ? (Array.from(details.children).find((c) => c.tagName === \"SUMMARY\") as HTMLElement | undefined) ?? null : null;\n    // No native modal dialog (an old browser, a test DOM): stay a details.\n    const dialogOk = typeof HTMLDialogElement !== \"undefined\" && typeof HTMLDialogElement.prototype.showModal === \"function\";\n    if (!details || !summary || !dialogOk) return;\n    // CollapsibleAlert marks some variants' body role=\"status\" (a live region):\n    // moving the body back on close would be announced as an update\n    for (const c of Array.from(details.children)) if (c.getAttribute(\"role\") === \"status\") c.setAttribute(\"aria-live\", \"off\");\n    this.details = details;\n    this.summary = summary;\n    details.open = false;\n    ensureSheetStyles();\n\n    const title = (summary.querySelector(\"[data-part='title']\")?.textContent ?? summary.textContent ?? \"\").trim();\n    const dialog = document.createElement(\"dialog\");\n    dialog.className = \"db-sheet\";\n    dialog.id = uid(\"db-sheet\");\n    const heading = document.createElement(\"h2\");\n    heading.className = \"db-sheet-title\";\n    heading.id = uid(\"db-sheet-title\");\n    heading.textContent = title;\n    dialog.setAttribute(\"aria-labelledby\", heading.id);\n    const close = document.createElement(\"button\");\n    close.type = \"button\";\n    close.className = \"db-sheet-close\";\n    close.setAttribute(\"aria-label\", this.getAttribute(\"close-label\") || \"Close\");\n    close.innerHTML = '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg>';\n    close.addEventListener(\"click\", () => dialog.close());\n    const header = document.createElement(\"div\");\n    header.className = \"db-sheet-header\";\n    header.append(heading, close);\n    const body = document.createElement(\"div\");\n    body.className = \"db-sheet-body\";\n    dialog.append(header, body);\n    // Inside the element, never moved out of it: nested elements keep working.\n    this.append(dialog);\n    this.dialog = dialog;\n    this.body = body;\n\n    summary.setAttribute(\"aria-haspopup\", \"dialog\");\n    summary.setAttribute(\"aria-controls\", dialog.id);\n    summary.setAttribute(\"aria-expanded\", \"false\");\n    this.setAttribute(\"data-state\", \"closed\");\n  }\n\n  protected connect() {\n    if (!this.dialog) return;\n    this.summary!.addEventListener(\"click\", this.onSummaryClick);\n    this.dialog.addEventListener(\"click\", this.onDialogClick);\n    this.dialog.addEventListener(\"close\", this.onDialogClose);\n    window.addEventListener(\"hashchange\", this.onHash);\n    queueMicrotask(() => this.isConnected && this.openForHash());\n  }\n\n  protected disconnect() {\n    if (!this.dialog) return;\n    // Put the body back NOW: the dialog's close event fires in a later task,\n    // after this listener is gone, and the body stayed in the dialog for good\n    if (this.dialog.open) this.dialog.close();\n    this.restore(false);\n    this.summary!.removeEventListener(\"click\", this.onSummaryClick);\n    this.dialog.removeEventListener(\"click\", this.onDialogClick);\n    this.dialog.removeEventListener(\"close\", this.onDialogClose);\n    window.removeEventListener(\"hashchange\", this.onHash);\n  }\n\n  show(focusTarget?: Element | null) {\n    const { dialog, details, body } = this;\n    if (!dialog || !details || !body || dialog.open) return;\n    // The body: a single wrapper's children (CollapsibleAlert's tinted panel\n    // would look out of place in a sheet), else every node after the summary.\n    const rest = Array.from(details.childNodes).filter((n) => n !== this.summary);\n    const elements = rest.filter((n) => n.nodeType === Node.ELEMENT_NODE) as HTMLElement[];\n    const wrapper = elements.length === 1 && rest.every((n) => n === elements[0] || !n.textContent?.trim()) ? elements[0] : null;\n    this.source = wrapper ?? details;\n    this.moved = wrapper ? Array.from(wrapper.childNodes) : rest;\n    body.append(...this.moved);\n    dialog.showModal();\n    this.summary!.setAttribute(\"aria-expanded\", \"true\");\n    this.setAttribute(\"data-state\", \"open\");\n    if (focusTarget && focusTarget !== details) (focusTarget as HTMLElement).scrollIntoView?.({ block: \"start\" });\n    this.dispatchEvent(new CustomEvent(\"db-details-sheet:open\", { bubbles: true }));\n  }\n\n  close() {\n    this.dialog?.close();\n  }\n\n  private restore(focus = true) {\n    if (!this.source) return;\n    this.source.append(...this.moved);\n    this.source = null;\n    this.moved = [];\n    this.summary!.setAttribute(\"aria-expanded\", \"false\");\n    this.setAttribute(\"data-state\", \"closed\");\n    // Not into a hidden summary (an inactive tab panel): focus would be lost\n    if (focus && this.isConnected && this.summary!.checkVisibility?.() !== false) this.summary!.focus();\n    this.dispatchEvent(new CustomEvent(\"db-details-sheet:close\", { bubbles: true }));\n  }\n\n  /** Open when the URL fragment names the details or something in its body. */\n  private openForHash() {\n    const id = safeDecode(location.hash.slice(1));\n    if (!id || !this.details || this.handledHash === location.hash) return;\n    this.handledHash = location.hash;\n    if (this.open) return;\n    const target = document.getElementById(id);\n    if (target && this.details.contains(target)) this.show(target);\n  }\n}\n\nconst STYLE_ID = \"dogsbay-details-sheet\";\n\n/**\n * The sheet's look, from the theme tokens every page defines. Injected (as\n * the elements' default display is) because the dialog is built here: a\n * renderer that compiles CSS from the page's own classes never sees these.\n * Sizes follow SheetContent.astro (right side, border-l, shadow).\n */\nfunction ensureSheetStyles() {\n  if (document.getElementById(STYLE_ID)) return;\n  const style = document.createElement(\"style\");\n  style.id = STYLE_ID;\n  style.textContent = [\n    \"dialog.db-sheet{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:none;width:min(32rem,100vw);max-width:100vw;padding:0;border:0;border-left:1px solid var(--border);background:var(--background);color:var(--foreground);box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);flex-direction:column}\",\n    \"dialog.db-sheet[open]{display:flex}\",\n    \"dialog.db-sheet::backdrop{background:rgb(0 0 0/.6)}\",\n    \".db-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}\",\n    // The dialog sits inside the page's prose: its h2 rule (border, margins)\n    // would otherwise style the title. Element + class beats `.docs-prose h2`.\n    \"dialog.db-sheet h2.db-sheet-title{margin:0;padding:0;border:0;font-size:1.125rem;line-height:1.75rem;font-weight:600;scroll-margin:0}\",\n    \".db-sheet-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:.375rem;background:transparent;color:var(--muted-foreground);cursor:pointer}\",\n    \".db-sheet-close:hover{background:var(--accent,var(--muted));color:var(--foreground)}\",\n    \".db-sheet-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}\",\n    \".db-sheet-body{flex:1;overflow-y:auto;padding:1.5rem;font-size:.875rem;line-height:1.625}\",\n    // Beats `.docs-prose p` (0,2,1): the first paragraph sat 12px down\n    \"dialog.db-sheet .db-sheet-body>:first-child{margin-top:0}\",\n    // A modal sheet: the page under it does not scroll\n    \"html:has(dialog.db-sheet[open]){overflow:hidden}\",\n    // The summary opens a panel, not a fold: its chevron points to the side.\n    \"db-details-sheet>details>summary>span:last-child{transform:rotate(-90deg)}\",\n    \"@media (prefers-reduced-motion:no-preference){dialog.db-sheet[open]{animation:db-sheet-in .2s ease-out}dialog.db-sheet[open]::backdrop{animation:db-sheet-fade .2s ease-out}}\",\n    \"@keyframes db-sheet-in{from{transform:translateX(100%)}}\",\n    \"@keyframes db-sheet-fade{from{opacity:0}}\",\n  ].join(\"\");\n  document.head.append(style);\n}\n\nensureDefaultDisplay();\n\nif (!customElements.get(\"db-details-sheet\")) {\n  customElements.define(\"db-details-sheet\", DbDetailsSheet);\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-SLJG53M7.js → chunk-RZ3KZOM3.js}

@@ -3,11 +3,11 @@ import {
   ownOne,
   resolveAsChild,
   uid
-} from "./chunk-3AEQ6KHV.js";
+} from "./chunk-KXCPLIQD.js";
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-dialog.ts
 import { FocusTrap } from "@dogsbay/primitives/focus-trap";
@@ -205,4 +205,4 @@ if (!customElements.get("db-dialog")) {
 export {
   DbDialog
 };
-//# sourceMappingURL=chunk-SLJG53M7.js.map
+//# sourceMappingURL=chunk-RZ3KZOM3.js.map

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

@@ -1,7 +1,7 @@
 import {
   DogsbayElement,
   ensureDefaultDisplay
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 
 // src/db-link-button.ts
 var DbLinkButton = class extends DogsbayElement {
@@ -36,4 +36,4 @@ if (!customElements.get("db-link-button")) {
 export {
   DbLinkButton
 };
-//# sourceMappingURL=chunk-QSRUT67Y.js.map
+//# sourceMappingURL=chunk-US4H4ZPZ.js.map

package/dist/db-accordion.js

@@ -1,7 +1,7 @@
 import {
   DbAccordion
-} from "./chunk-CLUADA3G.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-5KHESKQR.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbAccordion
 };

package/dist/db-card.js

@@ -1,7 +1,7 @@
 import {
   DbCard
-} from "./chunk-ETBBSA3I.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-JRAYNKQ6.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbCard
 };

package/dist/db-code-block.js

@@ -1,7 +1,7 @@
 import {
   DbCodeBlock
-} from "./chunk-V4P3UR4I.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-CD3G6HKT.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbCodeBlock
 };

package/dist/db-collapsible.js

@@ -1,7 +1,7 @@
 import {
   DbCollapsible
-} from "./chunk-LAUNXWKJ.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-5WY3DHVB.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbCollapsible
 };

package/dist/db-combobox.js

@@ -1,8 +1,8 @@
 import {
   DbCombobox
-} from "./chunk-MAD6XJY4.js";
-import "./chunk-3AEQ6KHV.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-GC5HL7FU.js";
+import "./chunk-KXCPLIQD.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbCombobox
 };

package/dist/db-details-sheet.d.ts

@@ -0,0 +1,52 @@
+import { D as DogsbayElement } from './base-D1Rz70fn.js';
+
+/**
+ * `<db-details-sheet>` — a `<details>` that opens as a side sheet.
+ *
+ * The markup is an ordinary `<details>` (the CollapsibleAlert markup), so
+ * with no script — `js: none`, a blocked script, print, an agent reading the
+ * HTML — it is a working collapsible block and nothing is hidden. With the
+ * script, activating the summary opens the body in a native modal `<dialog>`
+ * on the right instead: the browser puts it in the top layer, makes the page
+ * inert and handles Escape.
+ *
+ * The body is MOVED into the sheet while it is open and back when it closes,
+ * so ids, anchors and nested elements exist once. A URL fragment naming the
+ * details or anything in its body opens the sheet, so a cross-reference lands.
+ *
+ * Attributes:
+ *   close-label  — the close button's accessible name (default "Close")
+ *
+ * Children:
+ *   <details> with a <summary> — the summary's `[data-part="title"]`, or its
+ *   text, titles the sheet
+ *
+ * Events: db-details-sheet:open, db-details-sheet:close
+ */
+declare class DbDetailsSheet extends DogsbayElement {
+    private details;
+    private summary;
+    private dialog;
+    private body;
+    /** Where the moved nodes came from, and the nodes, while the sheet is open. */
+    private source;
+    private moved;
+    /** The fragment already acted on: moving a nested sheet in and out of a
+     *  dialog reconnects it, and reopening on every connect made it undismissable. */
+    private handledHash;
+    get open(): boolean;
+    private onSummaryClick;
+    private onDialogClick;
+    private onDialogClose;
+    private onHash;
+    protected setup(): void;
+    protected connect(): void;
+    protected disconnect(): void;
+    show(focusTarget?: Element | null): void;
+    close(): void;
+    private restore;
+    /** Open when the URL fragment names the details or something in its body. */
+    private openForHash;
+}
+
+export { DbDetailsSheet };

package/dist/db-details-sheet.js

@@ -0,0 +1,9 @@
+import {
+  DbDetailsSheet
+} from "./chunk-P7QNCZF7.js";
+import "./chunk-KXCPLIQD.js";
+import "./chunk-MZDGSTI4.js";
+export {
+  DbDetailsSheet
+};
+//# sourceMappingURL=db-details-sheet.js.map

package/dist/db-details-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/db-dialog.js

@@ -1,8 +1,8 @@
 import {
   DbDialog
-} from "./chunk-SLJG53M7.js";
-import "./chunk-3AEQ6KHV.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-RZ3KZOM3.js";
+import "./chunk-KXCPLIQD.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbDialog
 };

package/dist/db-link-button.js

@@ -1,7 +1,7 @@
 import {
   DbLinkButton
-} from "./chunk-QSRUT67Y.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-US4H4ZPZ.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbLinkButton
 };

package/dist/db-nav-tree.js

@@ -1,8 +1,8 @@
 import {
   DbNavTree
-} from "./chunk-S62ZVVO3.js";
-import "./chunk-3AEQ6KHV.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-2ZMWJ74J.js";
+import "./chunk-KXCPLIQD.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbNavTree
 };

package/dist/db-popover.js

@@ -1,8 +1,8 @@
 import {
   DbPopover
-} from "./chunk-EGU66XCL.js";
-import "./chunk-3AEQ6KHV.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-6QAYHFIQ.js";
+import "./chunk-KXCPLIQD.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbPopover
 };

package/dist/db-select.js

@@ -1,8 +1,8 @@
 import {
   DbSelect
-} from "./chunk-3FMXAKOU.js";
-import "./chunk-3AEQ6KHV.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-HMNRE3FZ.js";
+import "./chunk-KXCPLIQD.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbSelect
 };

package/dist/db-steps.js

@@ -1,7 +1,7 @@
 import {
   DbSteps
-} from "./chunk-VW7HZY2B.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-AVQ7KRRE.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbSteps
 };

package/dist/db-tabs.js

@@ -1,7 +1,7 @@
 import {
   DbTabs
-} from "./chunk-4YPDR3W6.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-6ZKFQBCF.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbTabs
 };

package/dist/db-toc.js

@@ -1,7 +1,8 @@
 import {
   DbToc
-} from "./chunk-FIJZRZEN.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-EPHDSTM7.js";
+import "./chunk-KXCPLIQD.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbToc
 };

package/dist/db-tooltip.js

@@ -1,8 +1,8 @@
 import {
   DbTooltip
-} from "./chunk-MEOIAZDF.js";
-import "./chunk-3AEQ6KHV.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-HMV62CBN.js";
+import "./chunk-KXCPLIQD.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbTooltip
 };

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { D as DogsbayElement } from './base-D1Rz70fn.js';
 export { DbTabs } from './db-tabs.js';
 export { DbCollapsible } from './db-collapsible.js';
 export { DbAccordion } from './db-accordion.js';
+export { DbDetailsSheet } from './db-details-sheet.js';
 export { DbSteps } from './db-steps.js';
 export { DbCodeBlock } from './db-code-block.js';
 export { DbCard } from './db-card.js';

package/dist/index.js

@@ -1,55 +1,59 @@
+import {
+  DbNavTree
+} from "./chunk-2ZMWJ74J.js";
 import {
   DbPopover
-} from "./chunk-EGU66XCL.js";
+} from "./chunk-6QAYHFIQ.js";
 import {
   DbSelect
-} from "./chunk-3FMXAKOU.js";
+} from "./chunk-HMNRE3FZ.js";
 import {
   DbSteps
-} from "./chunk-VW7HZY2B.js";
+} from "./chunk-AVQ7KRRE.js";
 import {
   DbTabs
-} from "./chunk-4YPDR3W6.js";
+} from "./chunk-6ZKFQBCF.js";
 import {
   DbToc
-} from "./chunk-FIJZRZEN.js";
+} from "./chunk-EPHDSTM7.js";
 import {
   DbTooltip
-} from "./chunk-MEOIAZDF.js";
+} from "./chunk-HMV62CBN.js";
 import {
   DbAccordion
-} from "./chunk-CLUADA3G.js";
+} from "./chunk-5KHESKQR.js";
 import {
   DbCard
-} from "./chunk-ETBBSA3I.js";
+} from "./chunk-JRAYNKQ6.js";
 import {
   DbCodeBlock
-} from "./chunk-V4P3UR4I.js";
+} from "./chunk-CD3G6HKT.js";
 import {
   DbCollapsible
-} from "./chunk-LAUNXWKJ.js";
+} from "./chunk-5WY3DHVB.js";
 import {
   DbCombobox
-} from "./chunk-MAD6XJY4.js";
+} from "./chunk-GC5HL7FU.js";
+import {
+  DbDetailsSheet
+} from "./chunk-P7QNCZF7.js";
 import {
   DbDialog
-} from "./chunk-SLJG53M7.js";
+} from "./chunk-RZ3KZOM3.js";
+import "./chunk-KXCPLIQD.js";
 import {
   DbLinkButton
-} from "./chunk-QSRUT67Y.js";
-import {
-  DbNavTree
-} from "./chunk-S62ZVVO3.js";
-import "./chunk-3AEQ6KHV.js";
+} from "./chunk-US4H4ZPZ.js";
 import {
   DogsbayElement
-} from "./chunk-K6DPDBAG.js";
+} from "./chunk-MZDGSTI4.js";
 export {
   DbAccordion,
   DbCard,
   DbCodeBlock,
   DbCollapsible,
   DbCombobox,
+  DbDetailsSheet,
   DbDialog,
   DbLinkButton,
   DbNavTree,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dogsbay/elements",
-  "version": "0.2.0-beta.120",
+  "version": "0.2.0-beta.122",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -21,6 +21,10 @@
       "types": "./dist/db-accordion.d.ts",
       "import": "./dist/db-accordion.js"
     },
+    "./db-details-sheet": {
+      "types": "./dist/db-details-sheet.d.ts",
+      "import": "./dist/db-details-sheet.js"
+    },
     "./db-steps": {
       "types": "./dist/db-steps.d.ts",
       "import": "./dist/db-steps.js"
@@ -70,7 +74,7 @@
     "dist"
   ],
   "dependencies": {
-    "@dogsbay/primitives": "0.2.0-beta.120"
+    "@dogsbay/primitives": "0.2.0-beta.122"
   },
   "devDependencies": {
     "happy-dom": "^20.10.6",

package/dist/chunk-FIJZRZEN.js.map

@@ -1 +0,0 @@
-{"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-K6DPDBAG.js.map

@@ -1 +0,0 @@
-{"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":[]}