@dogsbay/elements 0.2.0-beta.121 → 0.2.0-beta.123

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,3 @@ if (!customElements.get("db-nav-tree")) {
 export {
   DbNavTree
 };
-//# sourceMappingURL=chunk-S62ZVVO3.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,3 @@ if (!customElements.get("db-accordion")) {
 export {
   DbAccordion
 };
-//# sourceMappingURL=chunk-CLUADA3G.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,3 @@ if (!customElements.get("db-collapsible")) {
 export {
   DbCollapsible
 };
-//# sourceMappingURL=chunk-LAUNXWKJ.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,3 @@ if (!customElements.get("db-popover")) {
 export {
   DbPopover
 };
-//# sourceMappingURL=chunk-EGU66XCL.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,3 @@ if (!customElements.get("db-tabs")) {
 export {
   DbTabs
 };
-//# sourceMappingURL=chunk-4YPDR3W6.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,3 @@ if (!customElements.get("db-steps")) {
 export {
   DbSteps
 };
-//# sourceMappingURL=chunk-VW7HZY2B.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,3 @@ if (!customElements.get("db-code-block")) {
 export {
   DbCodeBlock
 };
-//# sourceMappingURL=chunk-V4P3UR4I.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,3 @@ if (!customElements.get("db-toc")) {
 export {
   DbToc
 };
-//# sourceMappingURL=chunk-FIJZRZEN.js.map

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,3 @@ if (!customElements.get("db-combobox")) {
 export {
   DbCombobox
 };
-//# sourceMappingURL=chunk-MAD6XJY4.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,3 @@ if (!customElements.get("db-select")) {
 export {
   DbSelect
 };
-//# sourceMappingURL=chunk-3FMXAKOU.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,3 @@ if (!customElements.get("db-tooltip")) {
 export {
   DbTooltip
 };
-//# sourceMappingURL=chunk-MEOIAZDF.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,3 @@ if (!customElements.get("db-card")) {
 export {
   DbCard
 };
-//# sourceMappingURL=chunk-ETBBSA3I.js.map

package/dist/chunk-KFY2MTR3.js

@@ -0,0 +1,190 @@
+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();
+  // A link to the fragment the URL already has fires no hashchange: after the
+  // sheet was closed, a second click on the same link did nothing (#100)
+  onDocClick = (e) => {
+    if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+    const a = e.target?.closest?.("a[href]");
+    if (!a || !this.details || this.open || a.hasAttribute("download") || a.target && a.target !== "_self") return;
+    const url = new URL(a.href, location.href);
+    if (!url.hash || url.hash !== location.hash || url.pathname !== location.pathname || url.search !== location.search) return;
+    const target = document.getElementById(safeDecode(url.hash.slice(1)));
+    if (!target || !this.details.contains(target)) return;
+    for (const inner of this.details.querySelectorAll("db-details-sheet")) inner.handledHash = null;
+    this.show(target);
+  };
+  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);
+    document.addEventListener("click", this.onDocClick);
+    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);
+    document.removeEventListener("click", this.onDocClick);
+  }
+  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
+};

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,6 @@ export {
   showFloating,
   hideFloating,
   focusables,
-  afterAnimations
+  afterAnimations,
+  safeDecode
 };
-//# sourceMappingURL=chunk-3AEQ6KHV.js.map

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,3 @@ export {
   DogsbayElement,
   ensureDefaultDisplay
 };
-//# sourceMappingURL=chunk-K6DPDBAG.js.map

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,3 @@ if (!customElements.get("db-dialog")) {
 export {
   DbDialog
 };
-//# sourceMappingURL=chunk-SLJG53M7.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,3 @@ if (!customElements.get("db-link-button")) {
 export {
   DbLinkButton
 };
-//# sourceMappingURL=chunk-QSRUT67Y.js.map

package/dist/db-accordion.js

@@ -1,8 +1,7 @@
 import {
   DbAccordion
-} from "./chunk-CLUADA3G.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-5KHESKQR.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbAccordion
 };
-//# sourceMappingURL=db-accordion.js.map

package/dist/db-card.js

@@ -1,8 +1,7 @@
 import {
   DbCard
-} from "./chunk-ETBBSA3I.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-JRAYNKQ6.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbCard
 };
-//# sourceMappingURL=db-card.js.map

package/dist/db-code-block.js

@@ -1,8 +1,7 @@
 import {
   DbCodeBlock
-} from "./chunk-V4P3UR4I.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-CD3G6HKT.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbCodeBlock
 };
-//# sourceMappingURL=db-code-block.js.map

package/dist/db-collapsible.js

@@ -1,8 +1,7 @@
 import {
   DbCollapsible
-} from "./chunk-LAUNXWKJ.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-5WY3DHVB.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbCollapsible
 };
-//# sourceMappingURL=db-collapsible.js.map

package/dist/db-combobox.js

@@ -1,9 +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
 };
-//# sourceMappingURL=db-combobox.js.map

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

@@ -0,0 +1,53 @@
+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 onDocClick;
+    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,8 @@
+import {
+  DbDetailsSheet
+} from "./chunk-KFY2MTR3.js";
+import "./chunk-KXCPLIQD.js";
+import "./chunk-MZDGSTI4.js";
+export {
+  DbDetailsSheet
+};

package/dist/db-dialog.js

@@ -1,9 +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
 };
-//# sourceMappingURL=db-dialog.js.map

package/dist/db-link-button.js

@@ -1,8 +1,7 @@
 import {
   DbLinkButton
-} from "./chunk-QSRUT67Y.js";
-import "./chunk-K6DPDBAG.js";
+} from "./chunk-US4H4ZPZ.js";
+import "./chunk-MZDGSTI4.js";
 export {
   DbLinkButton
 };
-//# sourceMappingURL=db-link-button.js.map

package/dist/db-nav-tree.js

@@ -1,9 +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
 };
-//# sourceMappingURL=db-nav-tree.js.map

package/dist/db-popover.js

@@ -1,9 +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
 };
-//# sourceMappingURL=db-popover.js.map