duckfn-docs-kit 0.4.0 → 0.4.1

package/dist/{register-Dev_kc3Z.js → register-wdwf0LC4.js}

@@ -119,10 +119,167 @@ var m = class extends l {
 	#m(e, t, n, r) {
 		e.href = n.href, t.textContent = n.label, r ? (e.target = "_blank", e.rel = "noopener noreferrer") : (e.removeAttribute("target"), e.removeAttribute("rel"));
 	}
+}, h = class {
+	root = u("button", {
+		class: "dfk-icon-button",
+		type: "button"
+	});
+	#e = u("iconify-icon", {
+		class: "dfk-icon",
+		attrs: { "aria-hidden": "true" }
+	});
+	constructor(e, t) {
+		this.root.appendChild(this.#e), this.root.addEventListener("click", t), this.setIcon(e);
+	}
+	setIcon(e) {
+		this.#e.setAttribute("icon", e);
+	}
+	setLabel(e) {
+		this.root.setAttribute("data-tip", e), this.root.setAttribute("aria-label", e);
+	}
+	setOn(e) {
+		this.root.classList.toggle("dfk-icon-on", e);
+	}
+	setDisabled(e) {
+		e ? this.root.setAttribute("disabled", "") : this.root.removeAttribute("disabled");
+	}
+};
+//#endregion
+//#region src/download.ts
+function g(e) {
+	let t = new Blob([e.text], { type: e.mime }), n = URL.createObjectURL(t), r = u("a", {
+		href: n,
+		download: e.name
+	});
+	document.body.appendChild(r), r.click(), r.remove(), window.setTimeout(() => URL.revokeObjectURL(n), 0);
+}
+var _ = "diagram", ne = 80, v = "-", re = /^[\s\p{Cf}]+|[\s\p{Cf}]+$/gu;
+function ie(e) {
+	return e === void 0 ? "" : e.replace(re, "");
+}
+function y(e, t, n = {}) {
+	let r = [
+		n.source === void 0 ? void 0 : ae(n.source),
+		se(e),
+		e.ownerDocument.title
+	].map(ie).find((e) => e !== "");
+	return r === void 0 ? `${n.fallback ?? _}.${t}` : `${c(r, {
+		replacement: v,
+		maxLength: ne
+	})}.${t}`;
+}
+function ae(e) {
+	let t = /^---\r?\n([\s\S]*?)\r?\n---/.exec(e.trimStart())?.[1];
+	if (t === void 0) return;
+	let n = /^title\s*:\s*(.+)$/m.exec(t)?.[1];
+	return n === void 0 ? void 0 : oe(n.trim());
+}
+function oe(e) {
+	let t = e[0];
+	return (t === "\"" || t === "'") && e.endsWith(t) ? e.slice(1, -1) : e;
+}
+function se(e) {
+	let t = e.closest("article") ?? e.ownerDocument, n;
+	for (let r of t.querySelectorAll("h1, h2, h3, h4, h5, h6")) {
+		if (!(r.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_FOLLOWING)) break;
+		let t = r.textContent?.trim();
+		t && (n = t);
+	}
+	return n;
+}
+//#endregion
+//#region src/panzoom-view.ts
+var ce = 1, le = 8, ue = .25, de = null;
+function fe() {
+	return de ??= import("@panzoom/panzoom").then((e) => e.default), de;
+}
+var pe = class {
+	#e;
+	#t;
+	#n = null;
+	#r = !1;
+	#i = !1;
+	#a = !1;
+	#o = (e) => {
+		this.#n?.zoomWithWheel(e);
+	};
+	#s = () => {
+		this.#e.classList.toggle("dfk-panzoom-zoomed", this.zoomed);
+	};
+	#c = () => {
+		this.#e.classList.toggle("dfk-panzoom-grabbing", this.zoomed);
+	};
+	#l = () => {
+		this.#e.classList.remove("dfk-panzoom-grabbing");
+	};
+	constructor(e, t) {
+		this.#e = e, this.#t = t, t.addEventListener("panzoomchange", this.#s), t.addEventListener("panzoomstart", this.#c), t.addEventListener("panzoomend", this.#l);
+	}
+	get zoomed() {
+		return (this.#n?.getScale() ?? ce) > ce;
+	}
+	setContent(e) {
+		this.#t.replaceChildren(...e ? [e] : []), this.reset();
+	}
+	setActive(e) {
+		e !== this.#i && (this.#i = e, e ? this.#u() : (this.reset(), this.#d(!1), this.#m()));
+	}
+	reset() {
+		this.#n?.reset({ animate: !me() });
+	}
+	destroy() {
+		this.#i = !1, this.#m(), this.#n?.destroy(), this.#n = null, this.#e.classList.remove("dfk-panzoom-zoomed", "dfk-panzoom-grabbing");
+	}
+	async #u() {
+		if (this.#n !== null) {
+			this.#d(!0), this.#p();
+			return;
+		}
+		if (!this.#r) {
+			this.#r = !0;
+			try {
+				let e = await fe();
+				if (!this.#i || this.#n !== null) return;
+				this.#n = e(this.#t, {
+					maxScale: le,
+					minScale: ce,
+					step: ue,
+					panOnlyWhenZoomed: !0,
+					touchAction: "pan-y",
+					cursor: "",
+					disablePan: !1,
+					disableZoom: !1,
+					handleStartEvent: (e) => {
+						this.zoomed && (e.preventDefault(), e.stopPropagation());
+					}
+				}), this.#f(), this.#p();
+			} catch {} finally {
+				this.#r = !1;
+			}
+		}
+	}
+	#d(e) {
+		this.#n !== null && (this.#n.setOptions({
+			disablePan: !e,
+			disableZoom: !e
+		}), this.#f());
+	}
+	#f() {
+		this.#t.style.userSelect = "", this.#e.style.userSelect = "";
+	}
+	#p() {
+		this.#a || (this.#a = !0, this.#e.addEventListener("wheel", this.#o, { passive: !1 }));
+	}
+	#m() {
+		this.#a && (this.#a = !1, this.#e.removeEventListener("wheel", this.#o));
+	}
 };
+function me() {
+	return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
 //#endregion
 //#region src/codemirror.ts
-async function ne(e, t, n, r = {}) {
+async function he(e, t, n, r = {}) {
 	let [{ basicSetup: i }, { EditorView: a, keymap: o }, { defaultKeymap: s, historyKeymap: c }, { Compartment: l }] = await Promise.all([
 		import("codemirror"),
 		import("@codemirror/view"),
@@ -139,7 +296,8 @@ async function ne(e, t, n, r = {}) {
 				e.docChanged && n(e.state.doc.toString());
 			})
 		],
-		parent: e
+		parent: e,
+		root: e.getRootNode()
 	});
 	return {
 		getValue: () => f.state.doc.toString(),
@@ -153,74 +311,101 @@ async function ne(e, t, n, r = {}) {
 	};
 }
 //#endregion
-//#region src/IconButton.ts
-var h = class {
-	root = u("button", {
-		class: "dfk-icon-button",
+//#region src/source-dialog.ts
+var ge = class {
+	root = u("dialog", { class: "dfk-source-dialog" });
+	#e = u("h2", { class: "dfk-source-dialog-title" });
+	#t = u("div", { class: "dfk-source-dialog-editor" });
+	#n = u("button", {
+		class: "dfk-source-dialog-button dfk-source-dialog-apply",
 		type: "button"
 	});
-	#e = u("iconify-icon", {
-		class: "dfk-icon",
-		attrs: { "aria-hidden": "true" }
+	#r = u("button", {
+		class: "dfk-source-dialog-button",
+		type: "button"
 	});
-	constructor(e, t) {
-		this.root.appendChild(this.#e), this.root.addEventListener("click", t), this.setIcon(e);
+	#i = "";
+	#a = null;
+	#o = null;
+	#s = !1;
+	constructor(e) {
+		this.#n.addEventListener("click", () => this.#l()), this.#r.addEventListener("click", () => this.root.close()), this.root.append(u("div", { class: "dfk-source-dialog-body" }, (e) => e.append(this.#e, this.#t, u("div", { class: "dfk-source-dialog-footer" }, (e) => e.append(this.#r, this.#n))))), this.setLabels(e);
 	}
-	setIcon(e) {
-		this.#e.setAttribute("icon", e);
+	setLabels(e) {
+		this.#e.textContent = e.title, this.#r.textContent = e.cancel, this.#n.textContent = e.apply;
 	}
-	setLabel(e) {
-		this.root.setAttribute("data-tip", e), this.root.setAttribute("aria-label", e);
+	open(e, t) {
+		if (this.#i = e, this.#a = t, this.root.showModal(), this.#o) {
+			this.#o.setValue(e);
+			return;
+		}
+		this.#c();
 	}
-	setOn(e) {
-		this.root.classList.toggle("dfk-icon-on", e);
+	destroy() {
+		this.#o?.destroy(), this.#o = null, this.root.open && this.root.close();
 	}
-	setDisabled(e) {
-		e ? this.root.setAttribute("disabled", "") : this.root.removeAttribute("disabled");
+	async #c() {
+		if (!this.#s) {
+			this.#s = !0;
+			try {
+				let e = await he(this.#t, this.#i, () => void 0);
+				if (!this.root.isConnected || !this.root.open) {
+					e.destroy();
+					return;
+				}
+				e.setWrap(!0), this.#o = e;
+			} catch {} finally {
+				this.#s = !1;
+			}
+		}
 	}
-}, g = {
+	#l() {
+		let e = this.#o?.getValue();
+		this.root.close(), e !== void 0 && e !== this.#i && (this.#i = e, this.#a?.(e));
+	}
+}, b = {
 	theme: {
 		light: "redux-color",
 		dark: "redux-dark-color"
 	},
 	options: { look: "neo" }
 };
-function _(e) {
+function x(e) {
 	return {
 		theme: {
-			light: e?.theme?.light ?? g.theme.light,
-			dark: e?.theme?.dark ?? g.theme.dark
+			light: e?.theme?.light ?? b.theme.light,
+			dark: e?.theme?.dark ?? b.theme.dark
 		},
 		options: {
-			...g.options,
+			...b.options,
 			...e?.options
 		}
 	};
 }
-function v(e) {
-	if (!e) return _();
+function _e(e) {
+	if (!e) return x();
 	try {
-		return _(JSON.parse(e));
+		return x(JSON.parse(e));
 	} catch {
-		return _();
+		return x();
 	}
 }
 //#endregion
 //#region src/mermaid/render.ts
-var re = Promise.resolve();
-function ie(e) {
-	let t = re.then(e, e);
-	return re = t.catch(() => void 0), t;
-}
-var ae = null;
-function oe() {
-	return ae ??= import("mermaid").then((e) => e.default), ae;
-}
-var se = 0;
-function ce({ source: e, config: t, colorMode: n }) {
-	let r = `dfk-mermaid-svg-${se += 1}`;
-	return ie(async () => {
-		let i = await oe(), a = {
+var ve = Promise.resolve();
+function ye(e) {
+	let t = ve.then(e, e);
+	return ve = t.catch(() => void 0), t;
+}
+var be = null;
+function xe() {
+	return be ??= import("mermaid").then((e) => e.default), be;
+}
+var Se = 0;
+function Ce({ source: e, config: t, colorMode: n }) {
+	let r = `dfk-mermaid-svg-${Se += 1}`;
+	return ye(async () => {
+		let i = await xe(), a = {
 			startOnLoad: !1,
 			...t.options,
 			theme: t.theme[n]
@@ -237,68 +422,29 @@ function ce({ source: e, config: t, colorMode: n }) {
 		}
 	});
 }
-function le() {
+function we() {
 	return document.documentElement.getAttribute("data-theme") === "dark" ? "dark" : "light";
 }
-function ue(e) {
+function Te(e) {
 	let t = new MutationObserver(e);
 	return t.observe(document.documentElement, { attributeFilter: ["data-theme"] }), () => t.disconnect();
 }
-function de(e, t) {
+function Ee(e, t) {
 	let n = new DOMParser().parseFromString(t, "text/html").body.querySelector("svg");
 	return n ? e.importNode(n, !0) : null;
 }
-async function fe() {
-	return (await import("@panzoom/panzoom")).default;
-}
-function pe(e) {
+function De(e) {
 	return new XMLSerializer().serializeToString(e);
 }
 //#endregion
 //#region src/mermaid/DfkMermaid.css?inline
-var me = "*,:before,:after{box-sizing:border-box}:host{margin:1rem 0;display:block}.dfk-mermaid-canvas{position:relative}.dfk-mermaid-viewport{border:1px solid var(--ifm-global-border-color,#e0e0e0);border-radius:var(--ifm-global-radius,.4rem);background:var(--ifm-background-surface-color,#fff);padding:.75rem;overflow:hidden}.dfk-mermaid-content>svg{max-width:100%;height:auto;margin:0 auto;display:block}.dfk-mermaid-canvas.dfk-mermaid-zoomed{cursor:grab}.dfk-mermaid-canvas.dfk-mermaid-zoomed.dfk-mermaid-grabbing{cursor:grabbing}.dfk-mermaid-message{color:var(--ifm-color-emphasis-700,#666);margin:.5rem 0 0;font-size:.8rem}.dfk-mermaid-message:empty{display:none}.dfk-mermaid-message-error{border-radius:var(--ifm-global-radius,.25rem);color:var(--ifm-color-danger-contrast,#fff);background:var(--ifm-color-danger,#d32f2f);font-family:var(--ifm-font-family-monospace,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--ifm-code-font-size,95%);white-space:pre-wrap;word-break:break-word;padding:.5rem .75rem}.dfk-mermaid-canvas[hidden],.dfk-mermaid-message[hidden]{display:none}.dfk-mermaid-actions{z-index:2;border-radius:var(--ifm-global-radius,.3rem);background:var(--ifm-color-emphasis-100,#f5f5f5);opacity:0;pointer-events:none;align-items:center;gap:.15rem;padding:.1rem .2rem;transition:opacity .12s;display:flex;position:absolute;top:.25rem;right:.25rem}.dfk-mermaid-canvas:hover .dfk-mermaid-actions,.dfk-mermaid-canvas:focus-within .dfk-mermaid-actions{opacity:1;pointer-events:auto}.dfk-icon-button{border-radius:var(--ifm-global-radius,.25rem);width:1.6rem;height:1.6rem;color:var(--ifm-color-emphasis-700,#666);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex;position:relative}.dfk-icon-button:hover:not(:disabled),.dfk-icon-button:focus-visible{background:var(--ifm-color-emphasis-200,#e6e6e6);color:var(--ifm-color-primary,#14459b)}.dfk-icon-button:disabled{opacity:.45;cursor:progress}.dfk-icon-button[hidden]{display:none}.dfk-icon{font-size:1rem}[data-tip]:after{content:attr(data-tip);z-index:2;border-radius:var(--ifm-global-radius,.25rem);background:var(--ifm-color-emphasis-800,#333);color:var(--ifm-color-emphasis-0,#fff);white-space:nowrap;opacity:0;pointer-events:none;padding:.15rem .4rem;font-size:.7rem;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + .3rem);right:0}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1}.dfk-mermaid-expanded{z-index:2147483000;background:var(--ifm-background-surface-color,#fff);flex-direction:column;display:flex;position:fixed;inset:0}.dfk-mermaid-expanded .dfk-mermaid-viewport{border:none;border-radius:0;flex:1}.dfk-mermaid-dialog{border:1px solid var(--ifm-global-border-color,#e0e0e0);border-radius:var(--ifm-global-radius,.4rem);background:var(--ifm-background-surface-color,#fff);width:min(56rem,92vw);max-width:none;color:var(--ifm-font-color-base,#181818);padding:0}.dfk-mermaid-dialog::backdrop{background:#00000073}.dfk-mermaid-dialog-body{flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.dfk-mermaid-dialog-title{margin:0;font-size:.95rem;font-weight:600}.dfk-mermaid-dialog-editor{border:1px solid var(--ifm-global-border-color,#e0e0e0);border-radius:var(--ifm-global-radius,.4rem);background:var(--ifm-background-surface-color,#fff);font-size:var(--ifm-code-font-size,95%);overflow:hidden}.dfk-mermaid-dialog-editor .cm-editor{outline:none}.dfk-mermaid-dialog-editor .cm-scroller{max-height:55vh;font-family:var(--ifm-font-family-monospace,ui-monospace, SFMono-Regular, Menlo, monospace);line-height:1.6}.dfk-mermaid-dialog-footer{justify-content:flex-end;gap:.5rem;display:flex}.dfk-mermaid-dialog-button{border:1px solid var(--ifm-global-border-color,#e0e0e0);border-radius:var(--ifm-global-radius,.25rem);background:var(--ifm-background-surface-color,#fff);color:var(--ifm-font-color-base,#181818);cursor:pointer;padding:.3rem .9rem;font-family:inherit;font-size:.85rem}.dfk-mermaid-dialog-button:hover{border-color:var(--ifm-color-primary,#14459b);color:var(--ifm-color-primary,#14459b)}.dfk-mermaid-dialog-apply{border-color:var(--ifm-color-primary,#14459b);background:var(--ifm-color-primary,#14459b);color:var(--ifm-button-color,#fff)}.dfk-mermaid-dialog-apply:hover{color:var(--ifm-button-color,#fff);filter:brightness(1.1)}", y = null;
-function he() {
-	return y || (y = new CSSStyleSheet(), y.replaceSync(me)), y;
-}
-//#endregion
-//#region src/mermaid/title.ts
-var ge = "mermaid-diagram.svg", _e = 80, ve = "-", ye = /^[\s\p{Cf}]+|[\s\p{Cf}]+$/gu;
-function be(e) {
-	return e === void 0 ? "" : e.replace(ye, "");
-}
-function xe(e, t) {
-	let n = [
-		Se(e),
-		we(t),
-		t.ownerDocument.title
-	].map(be).find((e) => e !== "");
-	return n === void 0 ? ge : `${c(n, {
-		replacement: ve,
-		maxLength: _e
-	})}.svg`;
-}
-function Se(e) {
-	let t = /^---\r?\n([\s\S]*?)\r?\n---/.exec(e.trimStart())?.[1];
-	if (t === void 0) return;
-	let n = /^title\s*:\s*(.+)$/m.exec(t)?.[1];
-	return n === void 0 ? void 0 : Ce(n.trim());
-}
-function Ce(e) {
-	let t = e[0];
-	return (t === "\"" || t === "'") && e.endsWith(t) ? e.slice(1, -1) : e;
-}
-function we(e) {
-	let t = e.closest("article") ?? e.ownerDocument, n;
-	for (let r of t.querySelectorAll("h1, h2, h3, h4, h5, h6")) {
-		if (!(r.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_FOLLOWING)) break;
-		let t = r.textContent?.trim();
-		t && (n = t);
-	}
-	return n;
+var Oe = "*,:before,:after{box-sizing:border-box}:host{margin:1rem 0;display:block}:host([embedded]){margin:0}.dfk-mermaid-canvas{position:relative}.dfk-mermaid-viewport{border:1px solid var(--ifm-global-border-color,#e0e0e0);border-radius:var(--ifm-global-radius,.4rem);background:var(--ifm-background-surface-color,#fff);padding:.75rem;overflow:hidden}:host([embedded]) .dfk-mermaid-viewport{border:none;border-radius:0;padding:0}:host(.dfk-mermaid-fullscreen),:host(.dfk-mermaid-fullscreen) .dfk-mermaid-canvas,:host(.dfk-mermaid-fullscreen) .dfk-mermaid-viewport{height:100%}.dfk-mermaid-content>svg{max-width:100%;height:auto;margin:0 auto;display:block}.dfk-mermaid-viewport.dfk-panzoom-zoomed{cursor:grab}.dfk-mermaid-viewport.dfk-panzoom-zoomed.dfk-panzoom-grabbing{cursor:grabbing}.dfk-mermaid-message{color:var(--ifm-color-emphasis-700,#666);margin:.5rem 0 0;font-size:.8rem}.dfk-mermaid-message:empty{display:none}.dfk-mermaid-message-error{border-radius:var(--ifm-global-radius,.25rem);color:var(--ifm-color-danger-contrast,#fff);background:var(--ifm-color-danger,#d32f2f);font-family:var(--ifm-font-family-monospace,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--ifm-code-font-size,95%);white-space:pre-wrap;word-break:break-word;padding:.5rem .75rem}.dfk-mermaid-canvas[hidden],.dfk-mermaid-message[hidden]{display:none}.dfk-mermaid-actions{z-index:2;border-radius:var(--ifm-global-radius,.3rem);background:var(--ifm-color-emphasis-100,#f5f5f5);opacity:0;pointer-events:none;align-items:center;gap:.15rem;padding:.1rem .2rem;transition:opacity .12s;display:flex;position:absolute;top:.25rem;right:.25rem}.dfk-mermaid-canvas:hover .dfk-mermaid-actions,.dfk-mermaid-canvas:focus-within .dfk-mermaid-actions{opacity:1;pointer-events:auto}.dfk-icon-button{border-radius:var(--ifm-global-radius,.25rem);width:1.6rem;height:1.6rem;color:var(--ifm-color-emphasis-700,#666);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex;position:relative}.dfk-icon-button:hover:not(:disabled),.dfk-icon-button:focus-visible{background:var(--ifm-color-emphasis-200,#e6e6e6);color:var(--ifm-color-primary,#14459b)}.dfk-icon-button:disabled{opacity:.45;cursor:progress}.dfk-icon-button[hidden]{display:none}.dfk-icon{font-size:1rem}[data-tip]:after{content:attr(data-tip);z-index:2;border-radius:var(--ifm-global-radius,.25rem);background:var(--ifm-color-emphasis-800,#333);color:var(--ifm-color-emphasis-0,#fff);white-space:nowrap;opacity:0;pointer-events:none;padding:.15rem .4rem;font-size:.7rem;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + .3rem);right:0}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1}.dfk-mermaid-expanded{z-index:2147483000;background:var(--ifm-background-surface-color,#fff);flex-direction:column;display:flex;position:fixed;inset:0}.dfk-mermaid-expanded .dfk-mermaid-viewport{border:none;border-radius:0;flex:1}.dfk-source-dialog{border:1px solid var(--ifm-global-border-color,#e0e0e0);border-radius:var(--ifm-global-radius,.4rem);background:var(--ifm-background-surface-color,#fff);width:min(56rem,92vw);max-width:none;color:var(--ifm-font-color-base,#181818);padding:0}.dfk-source-dialog::backdrop{background:#00000073}.dfk-source-dialog-body{flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.dfk-source-dialog-title{margin:0;font-size:.95rem;font-weight:600}.dfk-source-dialog-editor{border:1px solid var(--ifm-global-border-color,#e0e0e0);border-radius:var(--ifm-global-radius,.4rem);background:var(--ifm-background-surface-color,#fff);font-size:var(--ifm-code-font-size,95%);overflow:hidden}.dfk-source-dialog-editor .cm-editor{outline:none}.dfk-source-dialog-editor .cm-scroller{max-height:55vh;font-family:var(--ifm-font-family-monospace,ui-monospace, SFMono-Regular, Menlo, monospace);line-height:1.6}.dfk-source-dialog-footer{justify-content:flex-end;gap:.5rem;display:flex}.dfk-source-dialog-button{border:1px solid var(--ifm-global-border-color,#e0e0e0);border-radius:var(--ifm-global-radius,.25rem);background:var(--ifm-background-surface-color,#fff);color:var(--ifm-font-color-base,#181818);cursor:pointer;padding:.3rem .9rem;font-family:inherit;font-size:.85rem}.dfk-source-dialog-button:hover{border-color:var(--ifm-color-primary,#14459b);color:var(--ifm-color-primary,#14459b)}.dfk-source-dialog-apply{border-color:var(--ifm-color-primary,#14459b);background:var(--ifm-color-primary,#14459b);color:var(--ifm-button-color,#fff)}.dfk-source-dialog-apply:hover{color:var(--ifm-button-color,#fff);filter:brightness(1.1)}", S = null;
+function ke() {
+	return S || (S = new CSSStyleSheet(), S.replaceSync(Oe)), S;
 }
 //#endregion
 //#region src/mermaid/DfkMermaid.ts
-var b = {
+var C = {
 	en: {
 		reset: "Reset zoom",
 		fullscreen: "Fullscreen",
@@ -323,185 +469,133 @@ var b = {
 		rendering: "正在渲染图表…",
 		renderFailed: "图表渲染失败"
 	}
-}, x = 1, Te = 8, Ee = .25, De = class extends l {
+}, Ae = "mermaid-diagram", je = class extends l {
 	#e = u("div", {
 		class: "dfk-mermaid-canvas",
 		hidden: !0
 	});
 	#t = u("div", { class: "dfk-mermaid-viewport" });
 	#n = u("div", { class: "dfk-mermaid-content" });
-	#r = u("div", { class: "dfk-mermaid-actions" });
-	#i = u("p", {
+	#r = new pe(this.#t, this.#n);
+	#i = u("div");
+	#a = u("p", {
 		class: "dfk-mermaid-message",
 		attrs: { "aria-live": "polite" },
 		hidden: !0
 	});
-	#a;
-	#o;
-	#s;
-	#c;
-	#l = u("dialog", { class: "dfk-mermaid-dialog" });
-	#u = u("h2", { class: "dfk-mermaid-dialog-title" });
-	#d = u("div", { class: "dfk-mermaid-dialog-editor" });
-	#f = u("button", {
-		class: "dfk-mermaid-dialog-button dfk-mermaid-dialog-apply",
-		type: "button"
+	#o = new h("lucide:rotate-ccw", () => this.#r.reset());
+	#s = new h("lucide:pencil", () => this.#N());
+	#c = null;
+	#l = null;
+	#u = new ge({
+		title: C.en.editTitle,
+		apply: C.en.apply,
+		cancel: C.en.cancel
 	});
-	#p = u("button", {
-		class: "dfk-mermaid-dialog-button",
-		type: "button"
-	});
-	#m = b.en;
-	#h = v(null);
-	#g = "";
-	#_ = null;
-	#v = null;
+	#d = C.en;
+	#f = _e(null);
+	#p = "";
+	#m = !1;
+	#h = null;
+	#g = null;
+	#_ = !1;
+	#v = !1;
 	#y = !1;
 	#b = !1;
-	#x = !1;
-	#S = 0;
-	#C = null;
-	#w = !1;
-	#T = null;
-	#E = !1;
-	#D = null;
-	#O = (e) => {
-		e.key === "Escape" && this.#b && !this.#l.open && this.#H(!1);
-	};
-	#k = (e) => {
-		this.#C?.zoomWithWheel(e);
-	};
-	#A = () => {
-		this.#e.classList.toggle("dfk-mermaid-zoomed", this.#B());
+	#x = 0;
+	#S = null;
+	#C = (e) => {
+		e.key === "Escape" && this.#v && !this.#u.root.open && this.#j(!1);
 	};
-	#j = () => {
-		this.#e.classList.remove("dfk-mermaid-grabbing");
-	};
-	#M = () => {
-		this.#e.classList.toggle("dfk-mermaid-grabbing", this.#B());
-	};
-	#N = () => {
-		le() !== this.#v && this.#I();
+	#w = () => {
+		we() !== this.#g && this.#O();
 	};
 	constructor() {
-		super(), this.#a = new h("lucide:rotate-ccw", () => this.#V()), this.#o = new h("lucide:pencil", () => this.#W()), this.#s = new h("lucide:download", () => this.#U()), this.#c = new h("lucide:maximize", () => this.#H(!this.#b)), this.#r.append(this.#a.root, this.#o.root, this.#s.root, this.#c.root), this.#t.appendChild(this.#n), this.#e.append(this.#t, this.#r), this.#n.addEventListener("panzoomchange", this.#A), this.#n.addEventListener("panzoomstart", this.#M), this.#n.addEventListener("panzoomend", this.#j), this.#f.addEventListener("click", () => this.#K()), this.#p.addEventListener("click", () => this.#l.close()), this.#l.append(u("div", { class: "dfk-mermaid-dialog-body" }, (e) => e.append(this.#u, this.#d, u("div", { class: "dfk-mermaid-dialog-footer" }, (e) => e.append(this.#p, this.#f)))));
+		super(), this.#t.appendChild(this.#n), this.#e.appendChild(this.#t);
 		let e = this.attachShadow({ mode: "open" });
-		e.adoptedStyleSheets = [he()], e.append(this.#e, this.#i, this.#l), this.#F();
+		e.adoptedStyleSheets = [ke()], e.append(this.#e, this.#a, this.#u.root), this.#D();
+	}
+	get actions() {
+		return this.#T(), this.#i;
 	}
 	connectedCallback() {
-		this.#y ||= (this.#P(), !0), this.#D ??= ue(this.#N), this.#z(), this.#g && !this.#n.hasChildNodes() && this.#I();
+		this.#T(), this.#S ??= Te(this.#w), this.#p && !this.#n.hasChildNodes() && this.#O();
 	}
 	disconnectedCallback() {
-		this.#H(!1), this.#D?.(), this.#D = null, this.#t.removeEventListener("wheel", this.#k), this.#C?.destroy(), this.#C = null, this.#e.classList.remove("dfk-mermaid-zoomed", "dfk-mermaid-grabbing"), this.#S += 1, this.#T?.destroy(), this.#T = null, this.#l.open && this.#l.close();
+		this.#j(!1), this.#S?.(), this.#S = null, this.#r.destroy(), this.#x += 1, this.#u.destroy();
+	}
+	setFullscreen(e) {
+		this.#T(), this.#y = e, this.classList.toggle("dfk-mermaid-fullscreen", e), this.#r.setActive(e);
+	}
+	downloadPayload() {
+		return this.#h === null ? null : {
+			name: y(this, "svg", {
+				source: this.#p,
+				fallback: Ae
+			}),
+			mime: "image/svg+xml;charset=utf-8",
+			text: De(this.#h)
+		};
 	}
-	#P() {
-		this.#m = b[(document.documentElement.getAttribute("lang") ?? "en").toLowerCase()] ?? b.en;
+	#T() {
+		this.#_ || (this.#_ = !0, this.#E());
+	}
+	#E() {
+		this.#d = C[(document.documentElement.getAttribute("lang") ?? "en").toLowerCase()] ?? C.en;
 		let e = this.getAttribute("source");
-		e !== null && (this.#g = e), this.#h = v(this.getAttribute("config")), this.#F();
+		e !== null && (this.#p = e), this.#f = _e(this.getAttribute("config")), this.#m = this.hasAttribute("embedded"), this.#m ? (this.#i.className = "dfk-sql-tab-actions", this.#i.append(this.#o.root, this.#s.root)) : (this.#c = new h("lucide:download", () => this.#M()), this.#l = new h("lucide:maximize", () => this.#j(!this.#v)), this.#i.className = "dfk-mermaid-actions", this.#i.append(this.#o.root, this.#s.root, this.#c.root, this.#l.root), this.#e.appendChild(this.#i)), this.#D(), this.#A(!1);
 	}
-	#F() {
-		this.#a.setLabel(this.#m.reset), this.#o.setLabel(this.#m.edit), this.#s.setLabel(this.#m.download), this.#c.setLabel(this.#b ? this.#m.exitFullscreen : this.#m.fullscreen), this.#u.textContent = this.#m.editTitle, this.#p.textContent = this.#m.cancel, this.#f.textContent = this.#m.apply;
+	#D() {
+		this.#o.setLabel(this.#d.reset), this.#s.setLabel(this.#d.edit), this.#c?.setLabel(this.#d.download), this.#l?.setLabel(this.#v ? this.#d.exitFullscreen : this.#d.fullscreen), this.#u.setLabels({
+			title: this.#d.editTitle,
+			apply: this.#d.apply,
+			cancel: this.#d.cancel
+		});
 	}
-	async #I() {
-		if (!this.#g) return;
-		let e = this.#S += 1, t = le();
-		this.#v = t, this.#_ === null && this.#L(this.#m.rendering, !1);
+	async #O() {
+		if (!this.#p) return;
+		let e = this.#x += 1, t = we();
+		this.#g = t, this.#h === null && this.#k(this.#d.rendering, !1);
 		try {
-			let n = await ce({
-				source: this.#g,
-				config: this.#h,
+			let n = await Ce({
+				source: this.#p,
+				config: this.#f,
 				colorMode: t
 			});
-			if (e !== this.#S || !this.isConnected) return;
-			let r = de(this.ownerDocument, n.svg);
-			if (!r) throw Error(this.#m.renderFailed);
-			this.#_ = r, this.#n.replaceChildren(r), n.bind?.(this.#n), this.#e.hidden = !1, this.#L("", !1), this.#R(!0), this.#V();
+			if (e !== this.#x || !this.isConnected) return;
+			let r = Ee(this.ownerDocument, n.svg);
+			if (!r) throw Error(this.#d.renderFailed);
+			this.#h = r, this.#r.setContent(r), n.bind?.(this.#n), this.#e.hidden = !1, this.#k("", !1), this.#A(!0);
 		} catch (t) {
-			if (e !== this.#S || !this.isConnected) return;
-			this.#_ = null, this.#n.replaceChildren(), this.#e.hidden = !0, this.#R(!1), this.#L(`${this.#m.renderFailed}: ${Oe(t)}`, !0);
+			if (e !== this.#x || !this.isConnected) return;
+			this.#h = null, this.#r.setContent(null), this.#e.hidden = !0, this.#A(!1), this.#k(`${this.#d.renderFailed}: ${Me(t)}`, !0);
 		}
 	}
-	#L(e, t) {
-		this.#i.textContent = e, this.#i.hidden = e === "", this.#i.classList.toggle("dfk-mermaid-message-error", t);
+	#k(e, t) {
+		this.#a.textContent = e, this.#a.hidden = e === "", this.#a.classList.toggle("dfk-mermaid-message-error", t);
 	}
-	#R(e) {
-		this.#a.root.hidden = !e, this.#s.root.hidden = !e;
-	}
-	async #z() {
-		if (!(this.#C !== null || this.#w)) {
-			this.#w = !0;
-			try {
-				let e = await fe();
-				if (!this.isConnected) return;
-				this.#t.addEventListener("wheel", this.#k, { passive: !1 }), this.#C = e(this.#n, {
-					maxScale: Te,
-					minScale: x,
-					step: Ee,
-					panOnlyWhenZoomed: !0,
-					touchAction: "pan-y",
-					cursor: "",
-					handleStartEvent: (e) => {
-						this.#B() && (e.preventDefault(), e.stopPropagation());
-					}
-				}), this.#n.style.userSelect = "", this.#t.style.userSelect = "";
-			} catch {} finally {
-				this.#w = !1;
-			}
-		}
-	}
-	#B() {
-		return (this.#C?.getScale() ?? x) > x;
+	#A(e) {
+		this.#o.root.hidden = !e, this.#s.root.hidden = !e, this.#c && (this.#c.root.hidden = !e);
 	}
-	#V() {
-		this.#C?.reset({ animate: !ke() });
+	#j(e) {
+		this.#v = e, this.#e.classList.toggle("dfk-mermaid-expanded", e), this.#r.setActive(e), this.#l?.setIcon(e ? "lucide:minimize" : "lucide:maximize"), this.#D(), e !== this.#b && (e ? document.addEventListener("keydown", this.#C) : document.removeEventListener("keydown", this.#C), this.#b = e);
 	}
-	#H(e) {
-		this.#b = e, this.#e.classList.toggle("dfk-mermaid-expanded", e), this.#c.setIcon(e ? "lucide:minimize" : "lucide:maximize"), this.#F(), e !== this.#x && (e ? document.addEventListener("keydown", this.#O) : document.removeEventListener("keydown", this.#O), this.#x = e);
+	#M() {
+		let e = this.downloadPayload();
+		e && g(e);
 	}
-	#U() {
-		if (this.#_ === null) return;
-		let e = pe(this.#_), t = new Blob([e], { type: "image/svg+xml;charset=utf-8" }), n = URL.createObjectURL(t), r = u("a", {
-			href: n,
-			download: xe(this.#g, this)
+	#N() {
+		this.#u.open(this.#p, (e) => {
+			this.#p = e, this.#O();
 		});
-		this.shadowRoot?.appendChild(r), r.click(), r.remove(), window.setTimeout(() => URL.revokeObjectURL(n), 0);
-	}
-	#W() {
-		if (this.#l.showModal(), this.#T) {
-			this.#T.setValue(this.#g);
-			return;
-		}
-		this.#G();
-	}
-	async #G() {
-		if (!this.#E) {
-			this.#E = !0;
-			try {
-				let e = await ne(this.#d, this.#g, () => void 0);
-				if (!this.isConnected || !this.#l.open) {
-					e.destroy();
-					return;
-				}
-				e.setWrap(!0), this.#T = e;
-			} catch {} finally {
-				this.#E = !1;
-			}
-		}
-	}
-	#K() {
-		let e = this.#T?.getValue();
-		this.#l.close(), e !== void 0 && e !== this.#g && (this.#g = e, this.#I());
 	}
 };
-function Oe(e) {
+function Me(e) {
 	return e instanceof Error ? e.message : String(e);
 }
-function ke() {
-	return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
 //#endregion
 //#region src/home/DfkNextSteps.ts
-var Ae = class extends l {
+var Ne = class extends l {
 	#e = u("section", { class: "dfk-section" });
 	#t = u("div", { class: "dfk-section-inner" });
 	#n = u("h2", { class: "dfk-section-title" });
@@ -518,12 +612,12 @@ var Ae = class extends l {
 	setSteps(e) {
 		for (; this.#i.length > e.length;) this.#i.pop()?.root.remove();
 		for (; this.#i.length < e.length;) {
-			let e = new je();
+			let e = new Pe();
 			this.#i.push(e), this.#r.appendChild(e.root);
 		}
 		e.forEach((e, t) => this.#i[t].setStep(e));
 	}
-}, je = class {
+}, Pe = class {
 	root = u("a", { class: "dfk-next-card" });
 	#e = u("span", { class: "dfk-next-card-title" });
 	#t = u("span", { class: "dfk-next-card-details" });
@@ -540,9 +634,9 @@ var Ae = class extends l {
 	setStep(e) {
 		this.root.href = e.href, this.#e.textContent = e.title, this.#t.textContent = e.details;
 	}
-}, Me = null, S = class e {
+}, Fe = null, w = class e {
 	static getInstance() {
-		return Me ??= new e(), Me;
+		return Fe ??= new e(), Fe;
 	}
 	#e = "idle";
 	#t = "";
@@ -564,11 +658,11 @@ var Ae = class extends l {
 		if (this.#n) return this.#n;
 		let t = this.#l();
 		return t.allowUnsignedExtensions && (this.#a = !0), this.#e = "loading", this.#n = this.#u(t.preload).catch((e) => {
-			throw this.#e = "error", this.#t = C(e), this.#n = null, e;
+			throw this.#e = "error", this.#t = T(e), this.#n = null, e;
 		}), this.#n;
 	}
 	#l() {
-		return this.#s ??= Fe(), this.#s;
+		return this.#s ??= Re(), this.#s;
 	}
 	async #u(e) {
 		let t = await import("@duckdb/duckdb-wasm");
@@ -606,7 +700,7 @@ var Ae = class extends l {
 			return {
 				columns: [],
 				rows: [],
-				error: C(e)
+				error: T(e)
 			};
 		}
 	}
@@ -637,10 +731,10 @@ var Ae = class extends l {
 	async #p(e, t) {
 		if (!r.test(e)) throw Error(`Not a valid extension name: ${e}`);
 		let n = this.#h();
-		t !== void 0 && await n.query(`INSTALL ${e} FROM ${Ne(t)}`), await n.query(`LOAD ${e}`);
+		t !== void 0 && await n.query(`INSTALL ${e} FROM ${Ie(t)}`), await n.query(`LOAD ${e}`);
 	}
 	async #m(e) {
-		await this.#h().query(`LOAD '${Pe(e)}'`);
+		await this.#h().query(`LOAD '${Le(e)}'`);
 	}
 	#h() {
 		let e = this.#i;
@@ -648,145 +742,219 @@ var Ae = class extends l {
 		return e;
 	}
 };
-function Ne(e) {
+function Ie(e) {
 	let t = e.toLowerCase();
 	if (a.has(t)) return t;
 	if (!n.test(e)) throw Error(`Not a valid extension repository: ${e}`);
 	return `'${e}'`;
 }
-function Pe(t) {
+function Le(t) {
 	let n = i(t) ? t : new URL(t, window.location.origin).href;
 	if (!r.test(e(n))) throw Error(`An extension file must be named <extension>.duckdb_extension.wasm — the base name before the first dot is the entry symbol: ${n}`);
 	return n;
 }
-function Fe() {
+function Re() {
 	if (typeof document > "u") return { preload: [] };
 	let e = document.getElementById(s)?.textContent?.trim();
 	if (!e) return { preload: [] };
 	try {
 		return t(JSON.parse(e));
 	} catch (e) {
-		throw Error(`Invalid <script id="${s}"> config: ${C(e)}`);
+		throw Error(`Invalid <script id="${s}"> config: ${T(e)}`);
 	}
 }
-function C(e) {
+function T(e) {
 	return e instanceof Error ? e.message : String(e);
 }
 //#endregion
 //#region src/sql/PreviewTabs.ts
-var Ie = 0, w = class {
+var ze = 0, Be = class {
 	#e = [];
 	#t = [];
 	#n = [];
 	#r = [];
-	#i;
-	#a = null;
-	#o = !1;
-	constructor(e, t, n, r, i) {
-		this.#i = r;
-		let a = `dfk-sql-tabs-${Ie += 1}`, o = u("div", { class: "dfk-sql-tabs" }), s = u("div", {
+	#i = [];
+	#a;
+	#o = 0;
+	#s = !1;
+	#c = !1;
+	constructor(e, t, n, r) {
+		let i = `dfk-sql-tabs-${ze += 1}`, a = u("div", { class: "dfk-sql-tabs" }), o = u("div", {
 			class: "dfk-sql-tab-list",
 			attrs: { role: "tablist" }
-		}), c = u("div", { class: "dfk-sql-panels" }), l = (e, t) => {
-			let n = this.#e.length, r = u("div", {
+		}), s = u("div", { class: "dfk-sql-tab-corner" }), c = u("div", { class: "dfk-sql-panels" }), l = (e) => {
+			let t = this.#e.length, n = u("div", {
 				class: "dfk-sql-panel",
 				hidden: !0,
 				attrs: {
 					role: "tabpanel",
-					id: `${a}-panel-${n}`,
-					"aria-labelledby": `${a}-tab-${n}`
+					id: `${i}-panel-${t}`,
+					"aria-labelledby": `${i}-tab-${t}`
 				}
-			}), i = u("button", {
+			}), r = u("button", {
 				class: "dfk-sql-tab",
 				type: "button",
-				text: e,
-				tabIndex: n === 0 ? 0 : -1,
+				text: e.label,
+				tabIndex: t === 0 ? 0 : -1,
 				attrs: {
 					role: "tab",
-					id: `${a}-tab-${n}`,
-					"aria-controls": `${a}-panel-${n}`,
+					id: `${i}-tab-${t}`,
+					"aria-controls": `${i}-panel-${t}`,
 					"aria-selected": "false"
 				}
 			});
-			i.addEventListener("click", () => this.#s(n)), i.addEventListener("keydown", (e) => this.#l(e, n)), this.#e.push(i), this.#t.push(r), this.#n.push(t), this.#r.push(!1), s.appendChild(i), c.appendChild(r);
+			r.addEventListener("click", () => this.#l(t)), r.addEventListener("keydown", (e) => this.#f(e, t)), this.#e.push(r), this.#t.push(n), this.#n.push(e), this.#r.push(!1), o.appendChild(r), c.appendChild(n), e.actions && (e.actions.hidden = !0, s.appendChild(e.actions));
 		};
-		for (let e of t) l(e.label, e);
-		l(n, null), o.appendChild(s), i && o.appendChild(i), e.replaceChildren(o, c), this.#s(0);
+		for (let e of t) l(e);
+		this.#a = new h("lucide:download", () => this.#d()), this.#a.setLabel(n), this.#a.root.hidden = !0, s.appendChild(this.#a.root), r && s.appendChild(r), a.append(o, s), e.replaceChildren(a, c), this.#l(0);
 	}
 	dispose() {
-		this.#o = !0, this.#a?.dispose(), this.#a = null;
+		this.#c = !0;
+		for (let e of this.#i) e();
+		this.#i.length = 0;
 		for (let e of this.#t) e.replaceChildren();
 	}
-	#s(e) {
+	setFullscreen(e) {
+		this.#s = e, this.#n[this.#o]?.setFullscreen?.(e);
+	}
+	#l(e) {
+		this.#o = e;
 		for (let t = 0; t < this.#e.length; t += 1) {
 			let n = t === e, r = this.#e[t];
 			r.classList.toggle("dfk-sql-tab-active", n), r.setAttribute("aria-selected", String(n)), r.tabIndex = n ? 0 : -1, this.#t[t].hidden = !n;
+			let i = this.#n[t].actions;
+			i && (i.hidden = !n);
 		}
-		if (this.#r[e]) return;
-		this.#r[e] = !0;
 		let t = this.#n[e];
-		t ? t.mount(this.#t[e]) : this.#c(e);
+		this.#a.root.hidden = t.download === void 0, t.setFullscreen?.(this.#s), !this.#r[e] && (this.#r[e] = !0, this.#u(e));
 	}
-	async #c(e) {
-		let t = await this.#i(this.#t[e]);
-		if (this.#o) {
-			t.dispose();
-			return;
+	async #u(e) {
+		let t = await this.#n[e].mount(this.#t[e]);
+		if (typeof t == "function") {
+			if (this.#c) {
+				t();
+				return;
+			}
+			this.#i.push(t);
 		}
-		this.#a = t;
 	}
-	#l(e, t) {
+	#d() {
+		let e = this.#n[this.#o]?.download?.();
+		e && g(e);
+	}
+	#f(e, t) {
 		let n = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : 0;
 		if (n === 0) return;
 		e.preventDefault();
 		let r = (t + n + this.#e.length) % this.#e.length;
-		this.#s(r), this.#e[r].focus();
+		this.#l(r), this.#e[r].focus();
+	}
+}, Ve = class {
+	root = u("div", { class: "dfk-sql-svg" });
+	actions = u("div", { class: "dfk-sql-tab-actions" });
+	#e = u("div", { class: "dfk-sql-svg-content" });
+	#t = new pe(this.root, this.#e);
+	#n = new h("lucide:rotate-ccw", () => this.#t.reset());
+	#r;
+	#i;
+	#a;
+	#o = null;
+	#s;
+	constructor(e, t, n, r) {
+		this.#a = t, this.#s = r, this.#o = e, this.#r = new h("lucide:pencil", () => this.#c()), this.#i = new ge({
+			title: n.editTitle,
+			apply: n.apply,
+			cancel: n.cancel
+		}), this.#n.setLabel(n.reset), this.#r.setLabel(n.edit), this.actions.append(this.#n.root, this.#r.root), this.#t.setContent(e ?? He(t)), this.root.append(this.#e, this.#i.root);
+	}
+	setFullscreen(e) {
+		this.#t.setActive(e);
+	}
+	downloadPayload() {
+		let e = y(this.root, this.#o === null ? "txt" : "svg", { fallback: this.#s });
+		return this.#o === null ? {
+			name: e,
+			mime: "text/plain;charset=utf-8",
+			text: this.#a
+		} : {
+			name: e,
+			mime: "image/svg+xml;charset=utf-8",
+			text: new XMLSerializer().serializeToString(this.#o)
+		};
+	}
+	dispose() {
+		this.#t.destroy(), this.#i.destroy(), this.#i.root.remove();
+	}
+	#c() {
+		this.#i.open(this.#a, (e) => {
+			this.#a = e, this.#o = We(this.root.ownerDocument, e), this.#t.setContent(this.#o ?? He(e));
+		});
 	}
-}, Le = "allow-scripts", T = 30, Re = 32, E = {
+};
+function He(e) {
+	return u("pre", {
+		class: "dfk-sql-text",
+		text: e
+	});
+}
+var Ue = "http://www.w3.org/2000/svg";
+function We(e, t) {
+	if (!t.trim()) return null;
+	let n = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
+	return !n || n.localName === "parsererror" || n.namespaceURI !== Ue ? null : (Ge(n), e.importNode(n, !0));
+}
+function Ge(e) {
+	for (let t of e.querySelectorAll("script, foreignObject")) t.remove();
+	let t = (e) => {
+		for (let t of [...e.attributes]) {
+			let n = t.name.toLowerCase(), r = t.value.replace(/\s/g, "").toLowerCase();
+			(n.startsWith("on") || (n === "href" || n === "xlink:href") && r.startsWith("javascript:")) && e.removeAttribute(t.name);
+		}
+		for (let n of e.children) t(n);
+	};
+	t(e);
+}
+//#endregion
+//#region src/sql/renderers.ts
+var Ke = "allow-scripts", E = 30, qe = 32, D = {
 	copyCell: "dfk-copy-cell",
-	copyAll: "dfk-copy-all",
 	wrap: "dfk-wrap",
 	unwrap: "dfk-unwrap",
-	freeze: "dfk-freeze",
-	unfreeze: "dfk-unfreeze",
-	reset: "dfk-reset",
-	widthAdaptive: "dfk-width-adaptive",
-	widthStandard: "dfk-width-standard",
-	widthFill: "dfk-width-fill"
-}, ze = [
+	freeze: "dfk-freeze"
+}, O = [
 	{
-		menuKey: E.widthAdaptive,
+		id: "dfk-width-adaptive",
 		label: "widthAdaptive",
 		widthMode: "adaptive",
 		autoFillWidth: !1,
 		fallback: "Fill the width"
 	},
 	{
-		menuKey: E.widthStandard,
+		id: "dfk-width-standard",
 		label: "widthStandard",
 		widthMode: "standard",
 		autoFillWidth: !1,
 		fallback: "Content widths, scroll sideways"
 	},
 	{
-		menuKey: E.widthFill,
+		id: "dfk-width-fill",
 		label: "widthFill",
 		widthMode: "standard",
 		autoFillWidth: !0,
 		fallback: "Content first, fill when it fits"
 	}
 ];
-function Be(e) {
-	return ze.find((t) => t.menuKey === e) ?? ze[0];
+function Je(e) {
+	return O.find((t) => t.id === e) ?? O[0];
 }
-var Ve;
-function He(e, t) {
-	return Ve ??= new Intl.Collator(void 0, {
+var Ye;
+function Xe(e, t) {
+	return Ye ??= new Intl.Collator(void 0, {
 		numeric: !0,
 		sensitivity: "base"
-	}), Ve.compare(e, t);
+	}), Ye.compare(e, t);
 }
-function Ue(e) {
+function Ze(e) {
 	if (typeof e == "number") return Number.isNaN(e) ? null : e;
 	if (typeof e == "bigint") return Number(e);
 	if (e instanceof Date) {
@@ -795,56 +963,144 @@ function Ue(e) {
 	}
 	return typeof e == "boolean" ? +!!e : null;
 }
-function We(e, t, n) {
+function Qe(e, t, n) {
 	let r = e == null, i = t == null;
 	if (r || i) return r && i ? 0 : r ? 1 : -1;
-	let a = Ue(e), o = Ue(t), s;
-	s = a !== null && o !== null ? a === o ? 0 : a < o ? -1 : 1 : He(A(e), A(t));
+	let a = Ze(e), o = Ze(t), s;
+	s = a !== null && o !== null ? a === o ? 0 : a < o ? -1 : 1 : Xe(M(e), M(t));
 	let c = s === 0 ? 0 : s < 0 ? -1 : 1;
 	return c === 0 ? 0 : String(n).toLowerCase() === "desc" ? -c : c;
 }
-var Ge = "http://www.w3.org/2000/svg";
-function Ke(e) {
+function $e(e) {
 	return e instanceof Error ? e.message : String(e);
 }
-function qe(e, t) {
+function et(e, t) {
 	let n = e.createElement("pre");
 	return n.className = "dfk-sql-error", n.textContent = t, n;
 }
-function D(e, t) {
+function k(e, t) {
 	return `${e.error ?? "Error"}: ${t}`;
 }
-var Je = class {
+function A(e) {
+	return /[",\r\n]/.test(e) ? `"${e.replaceAll("\"", "\"\"")}"` : e;
+}
+var tt = class {
 	#e;
 	#t;
 	#n;
 	#r;
 	#i;
-	#a = /* @__PURE__ */ new Set();
-	#o = 0;
-	#s = 0;
+	#a;
+	#o;
+	#s;
 	#c;
-	#l = E.widthAdaptive;
+	#l;
 	#u;
-	#d;
-	constructor(e, t, n, r) {
-		this.#t = t, this.#n = n, this.#r = r, this.#i = e.themes, this.#e = new e.ListTable(this.#y()), this.#c = this.#h(), this.#u = new ResizeObserver(() => {
-			cancelAnimationFrame(this.#s), this.#s = requestAnimationFrame(() => {
-				this.#s = 0, this.#e.resize();
+	#d = /* @__PURE__ */ new Set();
+	#f = 0;
+	#p = 0;
+	#m;
+	#h = O[0].id;
+	#g = null;
+	#_ = !1;
+	#v;
+	#y;
+	constructor(e, t, n, r, i) {
+		this.#t = t, this.#n = n, this.#r = r, this.#i = e.themes, this.#a = i, this.#o = new h("lucide:search", () => this.#S()), this.#s = u("input", {
+			class: "dfk-sql-search-input",
+			type: "search",
+			hidden: !0,
+			attrs: {
+				placeholder: r.search ?? "Search",
+				"aria-label": r.search ?? "Search"
+			}
+		}), this.#c = u("span", {
+			class: "dfk-sql-search-count",
+			hidden: !0
+		}), this.#l = new h("lucide:stretch-horizontal", () => this.#D()), this.#u = new h("lucide:pin-off", () => this.#H(-1)), this.#e = new e.ListTable(this.#L()), this.#m = this.#N(), this.#b(), this.#v = new ResizeObserver(() => {
+			cancelAnimationFrame(this.#p), this.#p = requestAnimationFrame(() => {
+				this.#p = 0, this.#e.resize();
+			});
+		}), this.#v.observe(t), this.#y = new MutationObserver(() => {
+			this.#P();
+		}), this.#y.observe(t.ownerDocument.documentElement, { attributeFilter: ["data-theme", "class"] }), this.#e.on("dropdown_menu_click", (e) => this.#z(e));
+	}
+	#b() {
+		let e = new h("lucide:copy", () => void this.#K(this.#G()));
+		e.setLabel(this.#r.copyAll ?? "Copy table");
+		let t = new h("lucide:rotate-ccw", () => this.#W());
+		t.setLabel(this.#r.resetView ?? "Reset view"), this.#o.setLabel(this.#r.search ?? "Search"), this.#u.setLabel(this.#r.unfreezeColumns ?? "Unfreeze columns"), this.#s.addEventListener("input", () => this.#T()), this.#s.addEventListener("keydown", (e) => this.#w(e)), this.#a.append(this.#o.root, this.#c, this.#s, e.root, this.#l.root, t.root, this.#u.root), this.#O(), this.#k();
+	}
+	async #x() {
+		if (this.#g !== null || this.#_) return this.#g;
+		this.#_ = !0;
+		try {
+			let { SearchComponent: e } = await import("@visactor/vtable-search"), t = this.#N() === "DARK";
+			this.#g = new e({
+				table: this.#e,
+				skipHeader: !0,
+				highlightCellStyle: { bgColor: t ? "rgba(255, 214, 0, 0.25)" : "rgba(255, 214, 0, 0.45)" },
+				focusHighlightCellStyle: { bgColor: t ? "rgba(255, 152, 0, 0.55)" : "rgba(255, 152, 0, 0.7)" }
 			});
-		}), this.#u.observe(t), this.#d = new MutationObserver(() => {
-			this.#g();
-		}), this.#d.observe(t.ownerDocument.documentElement, { attributeFilter: ["data-theme", "class"] }), this.#e.on("dropdown_menu_click", (e) => this.#S(e));
+		} catch {} finally {
+			this.#_ = !1;
+		}
+		return this.#g;
+	}
+	#S() {
+		if (!this.#s.hidden) {
+			this.#C();
+			return;
+		}
+		this.#s.hidden = !1, this.#o.setOn(!0), this.#s.focus();
+	}
+	#C() {
+		this.#s.value = "", this.#s.hidden = !0, this.#c.hidden = !0, this.#c.textContent = "", this.#o.setOn(!1), this.#g?.clear();
+	}
+	#w(e) {
+		if (e.key === "Escape") {
+			e.preventDefault(), this.#C();
+			return;
+		}
+		e.key === "Enter" && (e.preventDefault(), this.#s.value.trim() && this.#g !== null && this.#E(e.shiftKey ? this.#g.prev() : this.#g.next()));
+	}
+	async #T() {
+		let e = this.#s.value.trim();
+		if (!e) {
+			this.#g?.clear(), this.#E(null);
+			return;
+		}
+		let t = await this.#x();
+		t !== null && this.#E(t.search(e));
+	}
+	#E(e) {
+		let t = e?.results.length ?? 0, n = t === 0 ? 0 : (e?.index ?? 0) + 1;
+		if (this.#s.value.trim() === "") {
+			this.#c.textContent = "", this.#c.hidden = !0;
+			return;
+		}
+		this.#c.textContent = `${n}/${t}`, this.#c.hidden = !1;
+	}
+	#D() {
+		let e = O.findIndex((e) => e.id === this.#h);
+		this.#U(O[(e + 1) % O.length]), this.#O();
+	}
+	#O() {
+		let e = Je(this.#h);
+		this.#l.setLabel(this.#r[e.label] ?? e.fallback);
+	}
+	#k() {
+		this.#u.root.hidden = this.#f === 0;
 	}
-	#f(e) {
+	#A(e) {
 		return e.map((e) => ({
 			field: e,
 			title: e,
-			sort: We,
-			style: { autoWrapText: this.#a.has(e) }
+			sort: Qe,
+			style: { autoWrapText: this.#d.has(e) }
 		}));
 	}
-	#p() {
+	#j() {
 		let e = [];
 		for (let t = 0; t < this.#e.colCount; t += 1) {
 			let n = this.#e.getHeaderField(t, 0);
@@ -853,35 +1109,35 @@ var Je = class {
 		}
 		return e.length === this.#n.columns.length ? e : [...this.#n.columns];
 	}
-	#m() {
-		return this.#i[this.#h()];
+	#M() {
+		return this.#i[this.#N()];
 	}
-	#h() {
+	#N() {
 		return this.#t.ownerDocument.documentElement.getAttribute("data-theme") === "dark" ? "DARK" : "DEFAULT";
 	}
-	#g() {
-		let e = this.#h();
-		e !== this.#c && (this.#c = e, this.#e.updateTheme(this.#m()));
+	#P() {
+		let e = this.#N();
+		e !== this.#m && (this.#m = e, this.#e.updateTheme(this.#M()));
 	}
-	#_() {
-		let e = this.#m(), t = e.bodyStyle?.color ?? e.defaultStyle?.color;
+	#F() {
+		let e = this.#M(), t = e.bodyStyle?.color ?? e.defaultStyle?.color;
 		return typeof t == "string" ? t : "#000";
 	}
-	#v() {
-		let e = this.#m(), t = e.bodyStyle?.fontSize ?? e.defaultStyle?.fontSize;
+	#I() {
+		let e = this.#M(), t = e.bodyStyle?.fontSize ?? e.defaultStyle?.fontSize;
 		return typeof t == "number" ? t : 12;
 	}
-	#y() {
-		let e = Be(this.#l);
+	#L() {
+		let e = Je(this.#h);
 		return {
 			container: this.#t,
 			records: this.#n.rows,
-			columns: this.#f(this.#n.columns),
-			theme: this.#m(),
+			columns: this.#A(this.#n.columns),
+			theme: this.#M(),
 			widthMode: e.widthMode,
 			autoFillWidth: e.autoFillWidth,
-			defaultRowHeight: this.#a.size > 0 ? "auto" : T,
-			defaultHeaderRowHeight: Re,
+			defaultRowHeight: this.#d.size > 0 ? "auto" : E,
+			defaultHeaderRowHeight: qe,
 			columnResizeMode: "all",
 			rowResizeMode: "all",
 			dragHeaderMode: "column",
@@ -893,26 +1149,20 @@ var Je = class {
 			tooltip: { isShowOverflowTextTooltip: !0 },
 			menu: {
 				renderMode: "html",
-				contextMenuItems: (e) => this.#b(String(e))
+				contextMenuItems: (e) => this.#R(String(e))
 			},
-			frozenColCount: this.#o,
+			frozenColCount: this.#f,
 			emptyTip: {
 				text: this.#r.noData ?? "No rows",
 				textStyle: {
-					fontSize: this.#v(),
-					color: this.#_()
+					fontSize: this.#I(),
+					color: this.#F()
 				}
 			}
 		};
 	}
-	#b(e) {
-		let t = this.#r, n = this.#a.has(e), r = this.#o > 0 ? {
-			text: t.unfreezeColumns ?? "Unfreeze columns",
-			menuKey: E.unfreeze
-		} : {
-			text: t.freezeColumn ?? "Freeze up to here",
-			menuKey: E.freeze
-		};
+	#R(e) {
+		let t = this.#r, n = this.#d.has(e);
 		return [
 			{
 				text: e,
@@ -921,241 +1171,265 @@ var Je = class {
 			{ type: "split" },
 			{
 				text: t.copy ?? "Copy cell",
-				menuKey: E.copyCell
-			},
-			{
-				text: t.copyAll ?? "Copy table",
-				menuKey: E.copyAll
+				menuKey: D.copyCell
 			},
 			{
 				text: n ? t.unwrapColumn ?? "Stop wrapping column" : t.wrapColumn ?? "Wrap column",
-				menuKey: n ? E.unwrap : E.wrap
+				menuKey: n ? D.unwrap : D.wrap
 			},
-			r,
-			{ type: "split" },
 			{
-				text: t.widthMode ?? "Column width",
-				children: this.#x()
-			},
-			{
-				text: t.resetView ?? "Reset view",
-				menuKey: E.reset
+				text: t.freezeColumn ?? "Freeze up to here",
+				menuKey: D.freeze
 			}
 		];
 	}
-	#x() {
-		return ze.map((e) => ({
-			text: `${e.menuKey === this.#l ? "✓ " : ""}${this.#r[e.label] ?? e.fallback}`,
-			menuKey: e.menuKey
-		}));
-	}
-	#S(e) {
+	#z(e) {
 		let t = e.col ?? -1, n = e.row ?? -1, r = e.menuKey;
 		if (!r) return;
 		let i = t >= 0 && n >= 0 ? this.#e.getCellInfo(t, n) : void 0, a = i?.field === void 0 ? "" : String(i.field);
 		switch (r) {
-			case E.copyCell:
-				this.#k(this.#C(t, n));
-				break;
-			case E.copyAll:
-				this.#k(this.#O());
-				break;
-			case E.wrap:
-				a && this.#w(a, !0);
+			case D.copyCell:
+				this.#K(this.#B(t, n));
 				break;
-			case E.unwrap:
-				a && this.#w(a, !1);
+			case D.wrap:
+				a && this.#V(a, !0);
 				break;
-			case E.freeze:
-				this.#T(t);
+			case D.unwrap:
+				a && this.#V(a, !1);
 				break;
-			case E.unfreeze:
-				this.#T(-1);
-				break;
-			case E.widthAdaptive:
-			case E.widthStandard:
-			case E.widthFill:
-				this.#E(Be(r));
-				break;
-			case E.reset: this.#D();
+			case D.freeze: this.#H(t);
 		}
 	}
-	#C(e, t) {
-		return e < 0 || t < 0 ? "" : A(this.#e.getCellRawValue(e, t));
+	#B(e, t) {
+		return e < 0 || t < 0 ? "" : M(this.#e.getCellRawValue(e, t));
 	}
-	#w(e, t) {
-		t ? this.#a.add(e) : this.#a.delete(e), this.#e.defaultRowHeight = this.#a.size > 0 ? "auto" : T, this.#e.updateColumns(this.#f(this.#p()), {
+	#V(e, t) {
+		t ? this.#d.add(e) : this.#d.delete(e), this.#e.defaultRowHeight = this.#d.size > 0 ? "auto" : E, this.#e.updateColumns(this.#A(this.#j()), {
 			clearColWidthCache: !1,
 			clearRowHeightCache: !0
 		});
 	}
-	#T(e) {
-		this.#e.setFrozenColCount(e < 0 ? 0 : e + 1), this.#o = this.#e.frozenColCount;
+	#H(e) {
+		this.#e.setFrozenColCount(e < 0 ? 0 : e + 1), this.#f = this.#e.frozenColCount, this.#k();
 	}
-	#E(e) {
-		e.menuKey !== this.#l && (this.#l = e.menuKey, this.#e.widthMode = e.widthMode, this.#e.autoFillWidth = e.autoFillWidth, this.#e.updateColumns(this.#f(this.#p()), {
+	#U(e) {
+		e.id !== this.#h && (this.#h = e.id, this.#e.widthMode = e.widthMode, this.#e.autoFillWidth = e.autoFillWidth, this.#e.updateColumns(this.#A(this.#j()), {
 			clearColWidthCache: !0,
 			clearRowHeightCache: !1
 		}));
 	}
-	#D() {
-		this.#a.clear(), this.#o = 0, this.#l = E.widthAdaptive, this.#e.updateOption(this.#y(), {
+	#W() {
+		this.#d.clear(), this.#f = 0, this.#h = O[0].id, this.#e.updateOption(this.#L(), {
 			clearColWidthCache: !0,
 			clearRowHeightCache: !0
-		});
+		}), this.#O(), this.#k();
 	}
-	#O() {
-		let e = this.#e, t = [this.#n.columns.join("	")];
+	#G() {
+		let e = this.#e, t = [this.#j().join("	")];
 		for (let n = e.columnHeaderLevelCount; n < e.rowCount; n += 1) {
 			let r = [];
-			for (let t = 0; t < e.colCount; t += 1) r.push(A(e.getCellRawValue(t, n)));
+			for (let t = 0; t < e.colCount; t += 1) r.push(M(e.getCellRawValue(t, n)));
 			t.push(r.join("	"));
 		}
 		return t.join("\n");
 	}
-	async #k(e) {
+	csv() {
+		let e = this.#e, t = [this.#j().map(A).join(",")];
+		for (let n = e.columnHeaderLevelCount; n < e.rowCount; n += 1) {
+			let r = [];
+			for (let t = 0; t < e.colCount; t += 1) r.push(A(M(e.getCellRawValue(t, n))));
+			t.push(r.join(","));
+		}
+		return t.join("\n");
+	}
+	async #K(e) {
 		try {
 			await navigator.clipboard.writeText(e);
 		} catch {}
 	}
 	dispose() {
-		cancelAnimationFrame(this.#s), this.#u?.disconnect(), this.#d?.disconnect(), this.#e.release();
+		cancelAnimationFrame(this.#p), this.#v?.disconnect(), this.#y?.disconnect(), this.#e.release();
 	}
-}, Ye = 2, Xe = 4;
-function Ze() {
+}, nt = 2, rt = 4;
+function it() {
 	let e = u("div", { class: "dfk-sql-table-skeleton" });
-	e.style.setProperty("--dfk-sql-skeleton-row-height", `${T}px`);
-	for (let t = 0; t < Ye; t += 1) e.appendChild(u("div", { class: "dfk-sql-table-skeleton-row" }, (e) => {
-		for (let t = 0; t < Xe; t += 1) e.appendChild(u("span", { class: "dfk-sql-table-skeleton-cell" }));
+	e.style.setProperty("--dfk-sql-skeleton-row-height", `${E}px`);
+	for (let t = 0; t < nt; t += 1) e.appendChild(u("div", { class: "dfk-sql-table-skeleton-row" }, (e) => {
+		for (let t = 0; t < rt; t += 1) e.appendChild(u("span", { class: "dfk-sql-table-skeleton-cell" }));
 	}));
 	return e;
 }
-async function O(e, t, n) {
-	let r = e.ownerDocument, i = u("div", { class: "dfk-sql-table" });
-	i.style.setProperty("--dfk-sql-table-height", `${Math.min(360, 36 + t.rows.length * T)}px`);
-	let a = Ze();
-	i.appendChild(a), e.appendChild(i);
+async function at(e, t, n, r) {
+	let i = e.ownerDocument, a = u("div", { class: "dfk-sql-table" });
+	a.style.setProperty("--dfk-sql-table-height", `${Math.min(360, 36 + t.rows.length * E)}px`);
+	let o = it();
+	a.appendChild(o), e.appendChild(a);
 	try {
-		let e = new Je(await import("@visactor/vtable"), i, t, n);
-		return a.remove(), { dispose: () => e.dispose() };
+		let e = new tt(await import("@visactor/vtable"), a, t, n, r);
+		return o.remove(), {
+			dispose: () => e.dispose(),
+			csv: () => e.csv()
+		};
 	} catch (e) {
-		return a.remove(), i.appendChild(qe(r, D(n, Ke(e)))), { dispose: () => {} };
+		return o.remove(), a.appendChild(et(i, k(n, $e(e)))), {
+			dispose: () => {},
+			csv: () => lt(t)
+		};
 	}
 }
-var Qe = async ({ host: e, labels: t, fullscreenButton: n }, r) => {
-	let i = new w(e, [], t.table ?? "Table", (e) => O(e, r, t), n);
+function ot(e, t, n) {
+	let r = u("div", { class: "dfk-sql-tab-actions" }), i = null;
+	return {
+		label: t.table ?? "Table",
+		actions: r,
+		mount: async (n) => (i = await at(n, e, t, r), () => {
+			i?.dispose(), i = null;
+		}),
+		download: () => i === null ? null : {
+			name: y(n, "csv", { fallback: "table" }),
+			mime: "text/csv;charset=utf-8",
+			text: i.csv()
+		}
+	};
+}
+var st = async ({ host: e, labels: t, fullscreenButton: n }, r) => {
+	let i = new Be(e, [ot(r, t, e)], t.download ?? "Download", n);
 	return () => i.dispose();
 };
-function $e(e, t) {
-	let n = e.createElement("pre");
-	n.className = "dfk-sql-text";
-	let r = [t.columns.join("	")];
-	for (let e of t.rows) r.push(t.columns.map((t) => A(e[t])).join("	"));
-	return n.textContent = r.join("\n"), n;
-}
-var et = async ({ host: e, labels: t, fullscreenButton: n }, r) => {
-	let i = new w(e, [{
+function ct(e) {
+	let t = [e.columns.join("	")];
+	for (let n of e.rows) t.push(e.columns.map((e) => M(n[e])).join("	"));
+	return t.join("\n");
+}
+function lt(e) {
+	let t = [e.columns.map(A).join(",")];
+	for (let n of e.rows) t.push(e.columns.map((e) => A(M(n[e]))).join(","));
+	return t.join("\n");
+}
+var ut = async ({ host: e, labels: t, fullscreenButton: n }, r) => {
+	let i = ct(r), a = new Be(e, [{
 		label: t.text ?? "Text",
-		mount: (e) => e.appendChild($e(e.ownerDocument, r))
-	}], t.table ?? "Table", (e) => O(e, r, t), n);
-	return () => i.dispose();
-}, tt = async ({ host: e, labels: t }, n) => {
-	e.replaceChildren(qe(e.ownerDocument, D(t, n.error ?? "unknown")));
+		mount: (e) => {
+			e.appendChild(u("pre", {
+				class: "dfk-sql-text",
+				text: i
+			}));
+		},
+		download: () => ({
+			name: y(e, "txt", { fallback: "text" }),
+			mime: "text/plain;charset=utf-8",
+			text: i
+		})
+	}, ot(r, t, e)], t.download ?? "Download", n);
+	return () => a.dispose();
+}, dt = async ({ host: e, labels: t }, n) => {
+	e.replaceChildren(et(e.ownerDocument, k(t, n.error ?? "unknown")));
 };
-function nt(e, t) {
+function ft(e, t) {
 	return e.field ? e.field : t.columns.length === 1 ? t.columns[0] : null;
 }
-function rt(e, t) {
-	if (!t.trim()) return null;
-	let n = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
-	return !n || n.localName === "parsererror" || n.namespaceURI !== Ge ? null : (it(n), e.importNode(n, !0));
-}
-function it(e) {
-	for (let t of e.querySelectorAll("script, foreignObject")) t.remove();
-	let t = (e) => {
-		for (let t of [...e.attributes]) {
-			let n = t.name.toLowerCase(), r = t.value.replace(/\s/g, "").toLowerCase();
-			(n.startsWith("on") || (n === "href" || n === "xlink:href") && r.startsWith("javascript:")) && e.removeAttribute(t.name);
-		}
-		for (let n of e.children) t(n);
-	};
-	t(e);
-}
-function at(e, t) {
+function pt(e, t) {
 	let { width: n, height: r } = t.option ?? {};
 	n && e.style.setProperty("--dfk-sql-preview-width", n), r && e.style.setProperty("--dfk-sql-preview-height", r);
 }
-function ot(e, t, n, r, i) {
-	let a = n == null ? "" : String(n);
+function mt(e) {
+	return e == null ? "" : String(e);
+}
+function ht(e, t, n, r, i, a) {
 	if (e === "iframe") {
 		let e = u("iframe", {
 			class: "dfk-sql-frame",
-			srcdoc: a,
+			srcdoc: t,
 			attrs: {
-				sandbox: i.option?.sandbox ?? Le,
+				sandbox: r.option?.sandbox ?? Ke,
 				loading: "lazy",
 				referrerpolicy: "no-referrer",
-				title: r
+				title: n
 			}
 		});
-		at(e, i), t.appendChild(e);
-		return;
+		return pt(e, r), {
+			label: n,
+			mount: (t) => {
+				t.appendChild(e);
+			},
+			download: () => ({
+				name: y(i, "html", { fallback: "preview" }),
+				mime: "text/html;charset=utf-8",
+				text: t
+			})
+		};
 	}
 	if (e === "mermaid") {
-		t.appendChild(u("dfk-mermaid", { attrs: { source: a } }));
-		return;
-	}
-	let o = rt(t.ownerDocument, a);
-	if (!o) {
-		t.appendChild(u("pre", {
-			class: "dfk-sql-text",
-			text: a
-		}));
-		return;
+		let e = u("dfk-mermaid", { attrs: {
+			embedded: "",
+			source: t
+		} });
+		return {
+			label: n,
+			actions: e.actions,
+			mount: (t) => {
+				t.appendChild(e);
+			},
+			download: () => e.downloadPayload(),
+			setFullscreen: (t) => e.setFullscreen(t)
+		};
 	}
-	let s = u("div", { class: "dfk-sql-svg" });
-	s.appendChild(o), at(s, i), t.appendChild(s);
+	let o = new Ve(We(i.ownerDocument, t), t, a, "figure");
+	return pt(o.root, r), {
+		label: n,
+		actions: o.actions,
+		mount: (e) => (e.appendChild(o.root), () => o.dispose()),
+		download: () => o.downloadPayload(),
+		setFullscreen: (e) => o.setFullscreen(e)
+	};
 }
-function k(e) {
-	return async ({ host: t, config: n, labels: r, fullscreenButton: i }, a) => {
-		let o = nt(n, a);
-		if (!o) {
-			t.replaceChildren(qe(t.ownerDocument, D(r, r.noField ?? "this result has no markup column; set `field`")));
+function j(e) {
+	return async ({ host: t, config: n, labels: r, fullscreenButton: i, onFullscreenChange: a }, o) => {
+		let s = ft(n, o);
+		if (!s) {
+			t.replaceChildren(et(t.ownerDocument, k(r, r.noField ?? "this result has no markup column; set `field`")));
 			return;
 		}
-		let s = n.tab_name, c = new w(t, a.rows.map((t, i) => {
-			let a = s ? t[s] : void 0;
-			return {
-				label: a == null ? `${r.row ?? "Row"} ${i + 1}` : A(a),
-				mount: (r) => ot(e, r, t[o], "", n)
-			};
-		}), r.table ?? "Table", (e) => O(e, a, r), i);
-		return () => c.dispose();
+		let c = {
+			reset: r.resetZoom ?? "Reset zoom",
+			edit: r.editSource ?? "Edit source",
+			editTitle: r.svgSource ?? "SVG source",
+			apply: r.apply ?? "Apply",
+			cancel: r.cancel ?? "Cancel"
+		}, l = n.tab_name, u = o.rows.map((i, a) => {
+			let o = l ? i[l] : void 0, u = o == null ? `${r.row ?? "Row"} ${a + 1}` : M(o);
+			return ht(e, mt(i[s]), u, n, t, c);
+		});
+		u.push(ot(o, r, t));
+		let d = new Be(t, u, r.download ?? "Download", i), f = e === "iframe" ? null : a((e) => d.setFullscreen(e));
+		return () => {
+			f?.(), d.dispose();
+		};
 	};
 }
-function A(e) {
+function M(e) {
 	return e == null ? "NULL" : e instanceof Date ? e.toLocaleString() : typeof e == "object" ? JSON.stringify(e) : String(e);
 }
-var st = {
-	table: Qe,
-	text: et,
-	iframe: k("iframe"),
-	html: k("iframe"),
-	svg: k("svg"),
-	mermaid: k("mermaid")
+var gt = {
+	table: st,
+	text: ut,
+	iframe: j("iframe"),
+	html: j("iframe"),
+	svg: j("svg"),
+	mermaid: j("mermaid")
 };
-function ct(e, t) {
-	return t.error ? tt : st[e.show ?? (t.columns.length === 1 && t.rows.length === 1 ? "text" : "table")] ?? Qe;
+function _t(e, t) {
+	return t.error ? dt : gt[e.show ?? (t.columns.length === 1 && t.rows.length === 1 ? "text" : "table")] ?? st;
 }
 //#endregion
 //#region src/sql/DfkSql.css?inline
-var lt = "*,:before,:after{box-sizing:border-box}:host{margin:1rem 0;display:block}.dfk-sql-code{position:relative}.dfk-sql-editor{border:1px solid var(--ifm-global-border-color,#e0e0e0);border-radius:var(--ifm-global-radius,.4rem);background:var(--ifm-background-surface-color,#fff);font-size:var(--ifm-code-font-size,95%);overflow:hidden}.dfk-sql-editor .cm-editor{outline:none}.dfk-sql-editor-skeleton{padding:4px .75rem}.dfk-sql-editor-skeleton-line{align-items:center;height:1.6em;display:flex}.dfk-sql-editor-skeleton-line:before{content:\"\";background-color:var(--ifm-color-emphasis-200,#e6e6e6);background-image:linear-gradient(90deg, transparent 0%, var(--ifm-color-emphasis-100,#f5f5f5) 50%, transparent 100%);background-size:200% 100%;border-radius:.25em;flex:1;height:.75em;animation:1.6s linear infinite dfk-sql-shimmer}@keyframes dfk-sql-shimmer{0%{background-position:0 0}to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.dfk-sql-editor-skeleton-line{animation:none}}.dfk-sql-editor .cm-scroller{font-family:var(--ifm-font-family-monospace,ui-monospace, SFMono-Regular, Menlo, monospace);line-height:1.6}.dfk-sql-actions{z-index:1;border-radius:var(--ifm-global-radius,.3rem);background:var(--ifm-color-emphasis-100,#f5f5f5);opacity:0;pointer-events:none;align-items:center;gap:.15rem;padding:.1rem .2rem;transition:opacity .12s;display:flex;position:absolute;top:.25rem;right:.25rem}.dfk-sql-code:hover .dfk-sql-actions,.dfk-sql-code:focus-within .dfk-sql-actions,.dfk-sql-actions-busy{opacity:1;pointer-events:auto}.dfk-sql-status{color:var(--ifm-color-emphasis-700,#666);white-space:nowrap;padding:0 .25rem;font-size:.72rem}.dfk-sql-status:empty{display:none}.dfk-icon-button{border-radius:var(--ifm-global-radius,.25rem);width:1.6rem;height:1.6rem;color:var(--ifm-color-emphasis-700,#666);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex;position:relative}.dfk-icon-button:hover:not(:disabled),.dfk-icon-button:focus-visible{background:var(--ifm-color-emphasis-200,#e6e6e6);color:var(--ifm-color-primary,#14459b)}.dfk-icon-button:disabled{opacity:.45;cursor:progress}.dfk-icon-button[hidden]{display:none}.dfk-icon-on{color:var(--ifm-color-primary,#14459b)}.dfk-icon{font-size:1rem}[data-tip]:after{content:attr(data-tip);z-index:2;border-radius:var(--ifm-global-radius,.25rem);background:var(--ifm-color-emphasis-800,#333);color:var(--ifm-color-emphasis-0,#fff);white-space:nowrap;opacity:0;pointer-events:none;padding:.15rem .4rem;font-size:.7rem;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + .3rem);right:0}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1}", j = null;
-function ut() {
-	return j || (j = new CSSStyleSheet(), j.replaceSync(lt)), j;
+var vt = "*,:before,:after{box-sizing:border-box}:host{margin:1rem 0;display:block}.dfk-sql-code{position:relative}.dfk-sql-editor{border:1px solid var(--ifm-global-border-color,#e0e0e0);border-radius:var(--ifm-global-radius,.4rem);background:var(--ifm-background-surface-color,#fff);font-size:var(--ifm-code-font-size,95%);overflow:hidden}.dfk-sql-editor .cm-editor{outline:none}.dfk-sql-editor-skeleton{padding:4px .75rem}.dfk-sql-editor-skeleton-line{align-items:center;height:1.6em;display:flex}.dfk-sql-editor-skeleton-line:before{content:\"\";background-color:var(--ifm-color-emphasis-200,#e6e6e6);background-image:linear-gradient(90deg, transparent 0%, var(--ifm-color-emphasis-100,#f5f5f5) 50%, transparent 100%);background-size:200% 100%;border-radius:.25em;flex:1;height:.75em;animation:1.6s linear infinite dfk-sql-shimmer}@keyframes dfk-sql-shimmer{0%{background-position:0 0}to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.dfk-sql-editor-skeleton-line{animation:none}}.dfk-sql-editor .cm-scroller{font-family:var(--ifm-font-family-monospace,ui-monospace, SFMono-Regular, Menlo, monospace);line-height:1.6}.dfk-sql-actions{z-index:1;border-radius:var(--ifm-global-radius,.3rem);background:var(--ifm-color-emphasis-100,#f5f5f5);opacity:0;pointer-events:none;align-items:center;gap:.15rem;padding:.1rem .2rem;transition:opacity .12s;display:flex;position:absolute;top:.25rem;right:.25rem}.dfk-sql-code:hover .dfk-sql-actions,.dfk-sql-code:focus-within .dfk-sql-actions,.dfk-sql-actions-busy{opacity:1;pointer-events:auto}.dfk-sql-status{color:var(--ifm-color-emphasis-700,#666);white-space:nowrap;padding:0 .25rem;font-size:.72rem}.dfk-sql-status:empty{display:none}.dfk-icon-button{border-radius:var(--ifm-global-radius,.25rem);width:1.6rem;height:1.6rem;color:var(--ifm-color-emphasis-700,#666);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex;position:relative}.dfk-icon-button:hover:not(:disabled),.dfk-icon-button:focus-visible{background:var(--ifm-color-emphasis-200,#e6e6e6);color:var(--ifm-color-primary,#14459b)}.dfk-icon-button:disabled{opacity:.45;cursor:progress}.dfk-icon-button[hidden]{display:none}.dfk-icon-on{color:var(--ifm-color-primary,#14459b)}.dfk-icon{font-size:1rem}[data-tip]:after{content:attr(data-tip);z-index:2;border-radius:var(--ifm-global-radius,.25rem);background:var(--ifm-color-emphasis-800,#333);color:var(--ifm-color-emphasis-0,#fff);white-space:nowrap;opacity:0;pointer-events:none;padding:.15rem .4rem;font-size:.7rem;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + .3rem);right:0}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1}", N = null;
+function yt() {
+	return N || (N = new CSSStyleSheet(), N.replaceSync(vt)), N;
 }
 //#endregion
 //#region src/sql/DfkSql.ts
-var dt = {
+var bt = {
 	en: {
 		run: "Run",
 		format: "Format SQL",
@@ -1171,10 +1445,16 @@ var dt = {
 		unfreezeColumns: "Unfreeze columns",
 		resetView: "Reset view",
 		noData: "No rows",
-		widthMode: "Column width",
+		search: "Search",
 		widthAdaptive: "Fill the width",
 		widthStandard: "Content widths, scroll sideways",
 		widthFill: "Content first, fill when it fits",
+		download: "Download",
+		resetZoom: "Reset zoom",
+		editSource: "Edit source",
+		svgSource: "SVG source",
+		apply: "Apply",
+		cancel: "Cancel",
 		running: "Running…",
 		initializing: "Initializing DuckDB…",
 		loadingExtensions: "Loading extensions…",
@@ -1203,10 +1483,16 @@ var dt = {
 		unfreezeColumns: "取消冻结",
 		resetView: "重置视图",
 		noData: "无数据",
-		widthMode: "列宽模式",
+		search: "搜索",
 		widthAdaptive: "铺满宽度",
 		widthStandard: "按内容列宽（可横向滚动）",
 		widthFill: "内容优先，装得下就铺满",
+		download: "下载",
+		resetZoom: "还原缩放",
+		editSource: "编辑源码",
+		svgSource: "SVG 源码",
+		apply: "应用",
+		cancel: "取消",
 		running: "执行中…",
 		initializing: "正在初始化 DuckDB…",
 		loadingExtensions: "正在加载扩展…",
@@ -1220,11 +1506,11 @@ var dt = {
 		row: "行",
 		noField: "该结果没有可展示的标记列，请设置 `field`"
 	}
-}, ft = 1600, pt = null;
-function mt() {
-	return pt ??= import("sql-formatter"), pt;
+}, xt = 1600, St = null;
+function Ct() {
+	return St ??= import("sql-formatter"), St;
 }
-var ht = class extends l {
+var wt = class extends l {
 	#e = u("div", { class: "dfk-sql-editor" });
 	#t = u("div", { class: "dfk-sql-editor-skeleton" });
 	#n = [];
@@ -1240,7 +1526,7 @@ var ht = class extends l {
 	#l;
 	#u;
 	#d;
-	#f = dt.en;
+	#f = bt.en;
 	#p = { type: "duckfn" };
 	#m = "";
 	#h = "";
@@ -1253,41 +1539,42 @@ var ht = class extends l {
 	#S = !1;
 	#C = 0;
 	#w = (e) => {
-		e.key === "Escape" && this.#L(!1);
+		e.key === "Escape" && this.#R(!1);
 	};
 	#T = null;
 	#E = null;
 	#D = null;
+	#O = /* @__PURE__ */ new Set();
 	constructor() {
-		super(), this.#o = new h("lucide:play", () => void this.#z()), this.#s = new h("lucide:wand-sparkles", () => void this.#P()), this.#c = new h("lucide:rotate-ccw", () => this.#N()), this.#l = new h("lucide:wrap-text", () => this.#F()), this.#u = new h("lucide:copy", () => void this.#I()), this.#d = new h("lucide:maximize", () => this.#L(!this.#x)), this.#i.append(this.#a, this.#o.root, this.#s.root, this.#c.root, this.#l.root, this.#u.root), this.#A(!0), this.#r.append(this.#e, this.#i);
+		super(), this.#o = new h("lucide:play", () => void this.#V()), this.#s = new h("lucide:wand-sparkles", () => void this.#F()), this.#c = new h("lucide:rotate-ccw", () => this.#P()), this.#l = new h("lucide:wrap-text", () => this.#I()), this.#u = new h("lucide:copy", () => void this.#L()), this.#d = new h("lucide:maximize", () => this.#R(!this.#x)), this.#i.append(this.#a, this.#o.root, this.#s.root, this.#c.root, this.#l.root, this.#u.root), this.#j(!0), this.#r.append(this.#e, this.#i);
 		let e = this.attachShadow({ mode: "open" });
-		e.adoptedStyleSheets = [ut()], e.append(this.#r, u("slot", { attrs: { name: "dfk-result" } })), this.#k();
+		e.adoptedStyleSheets = [yt()], e.append(this.#r, u("slot", { attrs: { name: "dfk-result" } })), this.#A();
 	}
 	connectedCallback() {
-		this.#y ||= (this.#O(), !0), this.#R(), this.#M();
+		this.#y ||= (this.#k(), !0), this.#B(), this.#N();
 	}
 	disconnectedCallback() {
-		this.#L(!1), this.#D?.(), this.#D = null, this.#E?.destroy(), this.#E = null, this.#C !== 0 && (window.clearTimeout(this.#C), this.#C = 0);
+		this.#R(!1), this.#D?.(), this.#D = null, this.#E?.destroy(), this.#E = null, this.#C !== 0 && (window.clearTimeout(this.#C), this.#C = 0);
 	}
-	#O() {
-		this.#f = dt[(document.documentElement.getAttribute("lang") ?? "en").toLowerCase()] ?? dt.en;
+	#k() {
+		this.#f = bt[(document.documentElement.getAttribute("lang") ?? "en").toLowerCase()] ?? bt.en;
 		let e = this.getAttribute("config");
 		if (e) try {
 			this.#p = JSON.parse(e);
 		} catch {}
-		this.#m = this.getAttribute("sql") ?? "", this.#h = this.#m, this.#k();
+		this.#m = this.getAttribute("sql") ?? "", this.#h = this.#m, this.#A();
 	}
-	#k() {
+	#A() {
 		this.#o.setLabel(this.#f.run), this.#s.setLabel(this.#f.format), this.#c.setLabel(this.#f.reset), this.#l.setLabel(this.#g ? this.#f.wrapOff : this.#f.wrapOn), this.#l.setOn(this.#g), this.#u.setLabel(this.#f.copy), this.#d.setLabel(this.#x ? this.#f.exitFullscreen : this.#f.fullscreen);
 	}
-	#A(e) {
+	#j(e) {
 		if (!e) {
 			this.#t.remove();
 			return;
 		}
-		this.#j(), this.#e.appendChild(this.#t);
+		this.#M(), this.#e.appendChild(this.#t);
 	}
-	#j() {
+	#M() {
 		let e = Math.max(1, this.#h.split("\n").length);
 		for (; this.#n.length > e;) this.#n.pop()?.remove();
 		for (; this.#n.length < e;) {
@@ -1295,45 +1582,45 @@ var ht = class extends l {
 			this.#n.push(e), this.#t.appendChild(e);
 		}
 	}
-	async #M() {
+	async #N() {
 		if (!(this.#E || this.#b)) {
-			this.#b = !0, this.#A(!0);
+			this.#b = !0, this.#j(!0);
 			try {
-				let e = await ne(this.#e, this.#h, (e) => {
+				let e = await he(this.#e, this.#h, (e) => {
 					this.#h = e;
 				}, { language: "sql" });
 				if (!this.isConnected) {
 					e.destroy();
 					return;
 				}
-				e.setWrap(this.#g), this.#E = e, this.#A(!1);
+				e.setWrap(this.#g), this.#E = e, this.#j(!1);
 			} catch (e) {
-				this.#A(!1), this.#V(gt(e));
+				this.#j(!1), this.#U(Tt(e));
 			} finally {
 				this.#b = !1;
 			}
 		}
 	}
-	#N() {
-		this.#h = this.#m, this.#E?.setValue(this.#h), this.#K();
+	#P() {
+		this.#h = this.#m, this.#E?.setValue(this.#h), this.#J();
 	}
-	async #P() {
+	async #F() {
 		if (!this.#v) {
 			this.#v = !0, this.#s.setDisabled(!0);
 			try {
-				let { format: e } = await mt(), t = e(this.#h, { language: "duckdb" });
+				let { format: e } = await Ct(), t = e(this.#h, { language: "duckdb" });
 				this.#h = t, this.#E?.setValue(t);
 			} catch {
-				this.#V(this.#f.formatFailed);
+				this.#U(this.#f.formatFailed);
 			} finally {
 				this.#v = !1, this.#s.setDisabled(!1);
 			}
 		}
 	}
-	#F() {
-		this.#g = !this.#g, this.#E?.setWrap(this.#g), this.#k();
+	#I() {
+		this.#g = !this.#g, this.#E?.setWrap(this.#g), this.#A();
 	}
-	async #I() {
+	async #L() {
 		try {
 			await navigator.clipboard.writeText(this.#h);
 		} catch {
@@ -1341,109 +1628,116 @@ var ht = class extends l {
 		}
 		this.#u.setIcon("lucide:check"), this.#u.setLabel(this.#f.copied), this.#C !== 0 && window.clearTimeout(this.#C), this.#C = window.setTimeout(() => {
 			this.#C = 0, this.#u.setIcon("lucide:copy"), this.#u.setLabel(this.#f.copy);
-		}, ft);
+		}, xt);
 	}
-	#L(e) {
-		this.#x = e, this.#T?.classList.toggle("dfk-sql-result-expanded", e), this.#d.setIcon(e ? "lucide:minimize" : "lucide:maximize"), this.#k(), e !== this.#S && (e ? document.addEventListener("keydown", this.#w) : document.removeEventListener("keydown", this.#w), this.#S = e);
+	#R(e) {
+		this.#x = e, this.#T?.classList.toggle("dfk-sql-result-expanded", e), this.#d.setIcon(e ? "lucide:minimize" : "lucide:maximize"), this.#A(), e !== this.#S && (e ? document.addEventListener("keydown", this.#w) : document.removeEventListener("keydown", this.#w), this.#S = e);
+		for (let t of this.#O) t(e);
 	}
-	#R() {
-		S.getInstance().init({ allowUnsignedExtensions: this.#p.allowUnsignedExtensions === !0 }).catch(() => void 0);
+	#z(e) {
+		return this.#O.add(e), e(this.#x), () => {
+			this.#O.delete(e);
+		};
+	}
+	#B() {
+		w.getInstance().init({ allowUnsignedExtensions: this.#p.allowUnsignedExtensions === !0 }).catch(() => void 0);
 	}
-	async #z() {
+	async #V() {
 		if (this.#_) return;
-		this.#_ = !0, this.#B(!0);
-		let e = S.getInstance();
+		this.#_ = !0, this.#H(!0);
+		let e = w.getInstance();
 		try {
-			e.state !== "ready" && this.#V(this.#f.initializing);
+			e.state !== "ready" && this.#U(this.#f.initializing);
 			try {
 				await e.init({ allowUnsignedExtensions: this.#p.allowUnsignedExtensions === !0 });
 			} catch {
-				this.#H();
+				this.#W();
 				return;
 			}
 			let t = this.#p.extensions ?? [];
 			if (t.length > 0) {
-				this.#V(this.#f.loadingExtensions);
+				this.#U(this.#f.loadingExtensions);
 				try {
 					for (let n of t) await e.loadExtension(n, { repository: this.#p.repository });
 				} catch (e) {
-					this.#G(_t(this.#f, gt(e)));
+					this.#q(Et(this.#f, Tt(e)));
 					return;
 				}
 			}
-			this.#V(this.#f.running);
+			this.#U(this.#f.running);
 			let n = await e.execute(this.#h);
-			this.#W(n);
+			this.#K(n);
 		} finally {
-			this.#_ = !1, this.#B(!1), this.#V("");
+			this.#_ = !1, this.#H(!1), this.#U("");
 		}
 	}
-	#B(e) {
+	#H(e) {
 		this.#o.setDisabled(e), this.#s.setDisabled(e), this.#c.setDisabled(e), this.#i.classList.toggle("dfk-sql-actions-busy", e);
 	}
-	#V(e) {
+	#U(e) {
 		this.#a.textContent = e;
 	}
-	#H() {
-		let e = S.getInstance().message;
-		this.#G(this.#f.initFailed + (e ? `: ${e}` : ""));
+	#W() {
+		let e = w.getInstance().message;
+		this.#q(this.#f.initFailed + (e ? `: ${e}` : ""));
 	}
-	#U() {
+	#G() {
 		return this.#T || (this.#T = u("div", { class: "dfk-sql-result" }), this.#T.slot = "dfk-result", this.appendChild(this.#T)), this.#T.hidden = !1, this.#T;
 	}
-	#W(e) {
-		this.#D?.(), this.#D = null, e.error && this.#L(!1);
+	#K(e) {
+		this.#D?.(), this.#D = null, e.error && this.#R(!1);
 		let t = {
-			host: this.#U(),
+			host: this.#G(),
 			config: this.#p,
 			labels: this.#f,
-			fullscreenButton: this.#d.root
+			fullscreenButton: this.#d.root,
+			onFullscreenChange: (e) => this.#z(e)
 		};
-		ct(this.#p, e)(t, e).then((e) => {
+		_t(this.#p, e)(t, e).then((e) => {
 			this.#D = e ?? null;
 		});
 	}
-	#G(e) {
-		this.#L(!1);
-		let t = this.#U(), n = t.ownerDocument.createElement("pre");
+	#q(e) {
+		this.#R(!1);
+		let t = this.#G(), n = t.ownerDocument.createElement("pre");
 		n.className = "dfk-sql-error", n.textContent = e, t.replaceChildren(n);
 	}
-	#K() {
-		this.#L(!1), this.#D?.(), this.#D = null, this.#T && (this.#T.replaceChildren(), this.#T.hidden = !0);
+	#J() {
+		this.#R(!1), this.#D?.(), this.#D = null, this.#T && (this.#T.replaceChildren(), this.#T.hidden = !0);
 	}
 };
-function gt(e) {
+function Tt(e) {
 	return e instanceof Error ? e.message : String(e);
 }
-function _t(e, t) {
+function Et(e, t) {
 	return `${e.error}: ${t}`;
 }
 //#endregion
 //#region ../node_modules/iconify-icon/dist/iconify-icon.mjs
-var vt = Object.freeze({
+var Dt = Object.freeze({
 	left: 0,
 	top: 0,
 	width: 16,
 	height: 16
-}), M = Object.freeze({
+}), P = Object.freeze({
 	rotate: 0,
 	vFlip: !1,
 	hFlip: !1
-}), N = Object.freeze({
-	...vt,
-	...M
-}), P = Object.freeze({
-	...N,
+}), F = Object.freeze({
+	...Dt,
+	...P
+}), Ot = Object.freeze({
+	...F,
 	body: "",
 	hidden: !1
-}), yt = Object.freeze({
+}), kt = Object.freeze({
 	width: null,
 	height: null
-}), bt = Object.freeze({
-	...yt,
-	...M
+}), At = Object.freeze({
+	...kt,
+	...P
 });
-function xt(e, t = 0) {
+function jt(e, t = 0) {
 	let n = e.replace(/^-?[0-9.]*/, "");
 	function r(e) {
 		for (; e < 0;) e += 4;
@@ -1468,9 +1762,9 @@ function xt(e, t = 0) {
 	}
 	return t;
 }
-var St = /[\s,]+/;
-function Ct(e, t) {
-	t.split(St).forEach((t) => {
+var Mt = /[\s,]+/;
+function Nt(e, t) {
+	t.split(Mt).forEach((t) => {
 		switch (t.trim()) {
 			case "horizontal":
 				e.hFlip = !0;
@@ -1479,19 +1773,19 @@ function Ct(e, t) {
 		}
 	});
 }
-var wt = {
-	...bt,
+var Pt = {
+	...At,
 	preserveAspectRatio: ""
 };
-function Tt(e) {
-	let t = { ...wt }, n = (t, n) => e.getAttribute(t) || n;
-	return t.width = n("width", null), t.height = n("height", null), t.rotate = xt(n("rotate", "")), Ct(t, n("flip", "")), t.preserveAspectRatio = n("preserveAspectRatio", n("preserveaspectratio", "")), t;
+function Ft(e) {
+	let t = { ...Pt }, n = (t, n) => e.getAttribute(t) || n;
+	return t.width = n("width", null), t.height = n("height", null), t.rotate = jt(n("rotate", "")), Nt(t, n("flip", "")), t.preserveAspectRatio = n("preserveAspectRatio", n("preserveaspectratio", "")), t;
 }
-function Et(e, t) {
-	for (let n in wt) if (e[n] !== t[n]) return !0;
+function It(e, t) {
+	for (let n in Pt) if (e[n] !== t[n]) return !0;
 	return !1;
 }
-var Dt = /^[a-z0-9]+(-[a-z0-9]+)*$/, F = (e, t, n, r = "") => {
+var Lt = /^[a-z0-9]+(-[a-z0-9]+)*$/, I = (e, t, n, r = "") => {
 	let i = e.split(":");
 	if (e.slice(0, 1) === "@") {
 		if (i.length < 2 || i.length > 3) return null;
@@ -1504,7 +1798,7 @@ var Dt = /^[a-z0-9]+(-[a-z0-9]+)*$/, F = (e, t, n, r = "") => {
 			prefix: n,
 			name: e
 		};
-		return t && !I(a) ? null : a;
+		return t && !L(a) ? null : a;
 	}
 	let a = i[0], o = a.split("-");
 	if (o.length > 1) {
@@ -1513,7 +1807,7 @@ var Dt = /^[a-z0-9]+(-[a-z0-9]+)*$/, F = (e, t, n, r = "") => {
 			prefix: o.shift(),
 			name: o.join("-")
 		};
-		return t && !I(e) ? null : e;
+		return t && !L(e) ? null : e;
 	}
 	if (n && r === "") {
 		let e = {
@@ -1521,11 +1815,11 @@ var Dt = /^[a-z0-9]+(-[a-z0-9]+)*$/, F = (e, t, n, r = "") => {
 			prefix: "",
 			name: a
 		};
-		return t && !I(e, n) ? null : e;
+		return t && !L(e, n) ? null : e;
 	}
 	return null;
-}, I = (e, t) => e ? !!((t && e.prefix === "" || e.prefix) && e.name) : !1;
-function Ot(e, t) {
+}, L = (e, t) => e ? !!((t && e.prefix === "" || e.prefix) && e.name) : !1;
+function Rt(e, t) {
 	let n = e.icons, r = e.aliases || Object.create(null), i = Object.create(null);
 	function a(e) {
 		if (n[e]) return i[e] = [];
@@ -1538,65 +1832,65 @@ function Ot(e, t) {
 	}
 	return Object.keys(n).concat(Object.keys(r)).forEach(a), i;
 }
-function kt(e, t) {
+function zt(e, t) {
 	let n = {};
 	!e.hFlip != !t.hFlip && (n.hFlip = !0), !e.vFlip != !t.vFlip && (n.vFlip = !0);
 	let r = ((e.rotate || 0) + (t.rotate || 0)) % 4;
 	return r && (n.rotate = r), n;
 }
-function At(e, t) {
-	let n = kt(e, t);
-	for (let r in P) r in M ? r in e && !(r in n) && (n[r] = M[r]) : r in t ? n[r] = t[r] : r in e && (n[r] = e[r]);
+function Bt(e, t) {
+	let n = zt(e, t);
+	for (let r in Ot) r in P ? r in e && !(r in n) && (n[r] = P[r]) : r in t ? n[r] = t[r] : r in e && (n[r] = e[r]);
 	return n;
 }
-function jt(e, t, n) {
+function Vt(e, t, n) {
 	let r = e.icons, i = e.aliases || Object.create(null), a = {};
 	function o(e) {
-		a = At(r[e] || i[e], a);
+		a = Bt(r[e] || i[e], a);
 	}
-	return o(t), n.forEach(o), At(e, a);
+	return o(t), n.forEach(o), Bt(e, a);
 }
-function Mt(e, t) {
+function Ht(e, t) {
 	let n = [];
 	if (typeof e != "object" || typeof e.icons != "object") return n;
 	e.not_found instanceof Array && e.not_found.forEach((e) => {
 		t(e, null), n.push(e);
 	});
-	let r = Ot(e);
+	let r = Rt(e);
 	for (let i in r) {
 		let a = r[i];
-		a && (t(i, jt(e, i, a)), n.push(i));
+		a && (t(i, Vt(e, i, a)), n.push(i));
 	}
 	return n;
 }
-var Nt = {
+var Ut = {
 	provider: "",
 	aliases: {},
 	not_found: {},
-	...vt
+	...Dt
 };
-function Pt(e, t) {
+function Wt(e, t) {
 	for (let n in t) if (n in e && typeof e[n] != typeof t[n]) return !1;
 	return !0;
 }
-function Ft(e) {
+function Gt(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
-	if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !Pt(e, Nt)) return null;
+	if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !Wt(e, Ut)) return null;
 	let n = t.icons;
 	for (let e in n) {
 		let t = n[e];
-		if (!e || typeof t.body != "string" || !Pt(t, P)) return null;
+		if (!e || typeof t.body != "string" || !Wt(t, Ot)) return null;
 	}
 	let r = t.aliases || Object.create(null);
 	for (let e in r) {
 		let t = r[e], i = t.parent;
-		if (!e || typeof i != "string" || !n[i] && !r[i] || !Pt(t, P)) return null;
+		if (!e || typeof i != "string" || !n[i] && !r[i] || !Wt(t, Ot)) return null;
 	}
 	return t;
 }
-var L = Object.create(null);
-function It(e, t) {
+var R = Object.create(null);
+function Kt(e, t) {
 	return {
 		provider: e,
 		prefix: t,
@@ -1604,78 +1898,78 @@ function It(e, t) {
 		missing: /* @__PURE__ */ new Set()
 	};
 }
-function R(e, t) {
-	let n = L[e] || (L[e] = Object.create(null));
-	return n[t] || (n[t] = It(e, t));
+function z(e, t) {
+	let n = R[e] || (R[e] = Object.create(null));
+	return n[t] || (n[t] = Kt(e, t));
 }
-function Lt(e, t) {
-	return Ft(t) ? Mt(t, (t, n) => {
+function qt(e, t) {
+	return Gt(t) ? Ht(t, (t, n) => {
 		n ? e.icons[t] = n : e.missing.add(t);
 	}) : [];
 }
-function Rt(e, t, n) {
+function Jt(e, t, n) {
 	try {
 		if (typeof n.body == "string") return e.icons[t] = { ...n }, !0;
 	} catch {}
 	return !1;
 }
-function zt(e, t) {
+function Yt(e, t) {
 	let n = [];
-	return (typeof e == "string" ? [e] : Object.keys(L)).forEach((e) => {
-		(typeof e == "string" && typeof t == "string" ? [t] : Object.keys(L[e] || {})).forEach((t) => {
-			let r = R(e, t);
+	return (typeof e == "string" ? [e] : Object.keys(R)).forEach((e) => {
+		(typeof e == "string" && typeof t == "string" ? [t] : Object.keys(R[e] || {})).forEach((t) => {
+			let r = z(e, t);
 			n = n.concat(Object.keys(r.icons).map((n) => (e === "" ? "" : "@" + e + ":") + t + ":" + n));
 		});
 	}), n;
 }
-var z = !1;
-function Bt(e) {
-	return typeof e == "boolean" && (z = e), z;
+var B = !1;
+function Xt(e) {
+	return typeof e == "boolean" && (B = e), B;
 }
-function B(e) {
-	let t = typeof e == "string" ? F(e, !0, z) : e;
+function V(e) {
+	let t = typeof e == "string" ? I(e, !0, B) : e;
 	if (t) {
-		let e = R(t.provider, t.prefix), n = t.name;
+		let e = z(t.provider, t.prefix), n = t.name;
 		return e.icons[n] || (e.missing.has(n) ? null : void 0);
 	}
 }
-function Vt(e, t) {
-	let n = F(e, !0, z);
+function Zt(e, t) {
+	let n = I(e, !0, B);
 	if (!n) return !1;
-	let r = R(n.provider, n.prefix);
-	return t ? Rt(r, n.name, t) : (r.missing.add(n.name), !0);
+	let r = z(n.provider, n.prefix);
+	return t ? Jt(r, n.name, t) : (r.missing.add(n.name), !0);
 }
-function Ht(e, t) {
+function Qt(e, t) {
 	if (typeof e != "object") return !1;
-	if (typeof t != "string" && (t = e.provider || ""), z && !t && !e.prefix) {
+	if (typeof t != "string" && (t = e.provider || ""), B && !t && !e.prefix) {
 		let t = !1;
-		return Ft(e) && (e.prefix = "", Mt(e, (e, n) => {
-			Vt(e, n) && (t = !0);
+		return Gt(e) && (e.prefix = "", Ht(e, (e, n) => {
+			Zt(e, n) && (t = !0);
 		})), t;
 	}
 	let n = e.prefix;
-	return I({
+	return L({
 		prefix: n,
 		name: "a"
-	}) ? !!Lt(R(t, n), e) : !1;
+	}) ? !!qt(z(t, n), e) : !1;
 }
-function Ut(e) {
-	return !!B(e);
+function $t(e) {
+	return !!V(e);
 }
-function Wt(e) {
-	let t = B(e);
+function en(e) {
+	let t = V(e);
 	return t && {
-		...N,
+		...F,
 		...t
 	};
 }
-function Gt(e, t) {
+function tn(e, t) {
 	e.forEach((e) => {
 		let n = e.loaderCallbacks;
 		n && (e.loaderCallbacks = n.filter((e) => e.id !== t));
 	});
 }
-function Kt(e) {
+function nn(e) {
 	e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
 		e.pendingCallbacksFlag = !1;
 		let t = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
@@ -1698,13 +1992,13 @@ function Kt(e) {
 				});
 				else return n = !0, !0;
 				return !1;
-			}), a.pending.length !== o && (n || Gt([e], t.id), t.callback(a.loaded.slice(0), a.missing.slice(0), a.pending.slice(0), t.abort));
+			}), a.pending.length !== o && (n || tn([e], t.id), t.callback(a.loaded.slice(0), a.missing.slice(0), a.pending.slice(0), t.abort));
 		});
 	}));
 }
-var qt = 0;
-function Jt(e, t, n) {
-	let r = qt++, i = Gt.bind(null, n, r);
+var rn = 0;
+function an(e, t, n) {
+	let r = rn++, i = tn.bind(null, n, r);
 	if (!t.pending.length) return i;
 	let a = {
 		id: r,
@@ -1716,7 +2010,7 @@ function Jt(e, t, n) {
 		(e.loaderCallbacks ||= []).push(a);
 	}), i;
 }
-function Yt(e) {
+function on(e) {
 	let t = {
 		loaded: [],
 		missing: [],
@@ -1731,7 +2025,7 @@ function Yt(e) {
 	return e.forEach((e) => {
 		if (r.name === e.name && r.prefix === e.prefix && r.provider === e.provider) return;
 		r = e;
-		let i = e.provider, a = e.prefix, o = e.name, s = n[i] || (n[i] = Object.create(null)), c = s[a] || (s[a] = R(i, a)), l;
+		let i = e.provider, a = e.prefix, o = e.name, s = n[i] || (n[i] = Object.create(null)), c = s[a] || (s[a] = z(i, a)), l;
 		l = o in c.icons ? t.loaded : a === "" || c.missing.has(o) ? t.missing : t.pending;
 		let u = {
 			provider: i,
@@ -1741,21 +2035,21 @@ function Yt(e) {
 		l.push(u);
 	}), t;
 }
-var V = Object.create(null);
-function Xt(e, t) {
-	V[e] = t;
+var H = Object.create(null);
+function sn(e, t) {
+	H[e] = t;
 }
-function H(e) {
-	return V[e] || V[""];
+function U(e) {
+	return H[e] || H[""];
 }
-function Zt(e, t = !0, n = !1) {
+function cn(e, t = !0, n = !1) {
 	let r = [];
 	return e.forEach((e) => {
-		let i = typeof e == "string" ? F(e, t, n) : e;
+		let i = typeof e == "string" ? I(e, t, n) : e;
 		i && r.push(i);
 	}), r;
 }
-function U(e) {
+function W(e) {
 	let t;
 	if (typeof e.resources == "string") t = [e.resources];
 	else if (t = e.resources, !(t instanceof Array) || !t.length) return null;
@@ -1770,19 +2064,19 @@ function U(e) {
 		dataAfterTimeout: e.dataAfterTimeout !== !1
 	};
 }
-for (var W = Object.create(null), G = ["https://api.simplesvg.com", "https://api.unisvg.com"], K = []; G.length > 0;) G.length === 1 || Math.random() > .5 ? K.push(G.shift()) : K.push(G.pop());
-W[""] = U({ resources: ["https://api.iconify.design"].concat(K) });
-function Qt(e, t) {
-	let n = U(t);
-	return n !== null && (W[e] = n, !0);
+for (var G = Object.create(null), K = ["https://api.simplesvg.com", "https://api.unisvg.com"], ln = []; K.length > 0;) K.length === 1 || Math.random() > .5 ? ln.push(K.shift()) : ln.push(K.pop());
+G[""] = W({ resources: ["https://api.iconify.design"].concat(ln) });
+function un(e, t) {
+	let n = W(t);
+	return n !== null && (G[e] = n, !0);
 }
 function q(e) {
-	return W[e];
+	return G[e];
 }
-function $t() {
-	return Object.keys(W);
+function dn() {
+	return Object.keys(G);
 }
-var en = {
+var fn = {
 	resources: [],
 	index: 0,
 	timeout: 2e3,
@@ -1790,7 +2084,7 @@ var en = {
 	random: !1,
 	dataAfterTimeout: !1
 };
-function tn(e, t, n, r) {
+function pn(e, t, n, r) {
 	let i = e.resources.length, a = e.random ? Math.floor(Math.random() * i) : e.index, o;
 	if (e.random) {
 		let t = e.resources.slice(0);
@@ -1813,7 +2107,7 @@ function tn(e, t, n, r) {
 	function te(e, t) {
 		t && (p = []), typeof e == "function" && p.push(e);
 	}
-	function ne() {
+	function h() {
 		return {
 			startTime: s,
 			payload: t,
@@ -1824,17 +2118,17 @@ function tn(e, t, n, r) {
 			abort: ee
 		};
 	}
-	function h() {
+	function g() {
 		c = "failed", p.forEach((e) => {
 			e(void 0, u);
 		});
 	}
-	function g() {
+	function _() {
 		f.forEach((e) => {
 			e.status === "pending" && (e.status = "aborted");
 		}), f = [];
 	}
-	function _(t, n, r) {
+	function ne(t, n, r) {
 		let i = n !== "success";
 		switch (f = f.filter((e) => e !== t), c) {
 			case "pending": break;
@@ -1844,14 +2138,14 @@ function tn(e, t, n, r) {
 			default: return;
 		}
 		if (n === "abort") {
-			u = r, h();
+			u = r, g();
 			return;
 		}
 		if (i) {
-			u = r, f.length || (o.length ? v() : h());
+			u = r, f.length || (o.length ? v() : g());
 			return;
 		}
-		if (m(), g(), !e.random) {
+		if (m(), _(), !e.random) {
 			let n = e.resources.indexOf(t.resource);
 			n !== -1 && n !== e.index && (e.index = n);
 		}
@@ -1866,34 +2160,34 @@ function tn(e, t, n, r) {
 		if (r === void 0) {
 			if (f.length) {
 				d = setTimeout(() => {
-					m(), c === "pending" && (g(), h());
+					m(), c === "pending" && (_(), g());
 				}, e.timeout);
 				return;
 			}
-			h();
+			g();
 			return;
 		}
 		let i = {
 			status: "pending",
 			resource: r,
 			callback: (e, t) => {
-				_(i, e, t);
+				ne(i, e, t);
 			}
 		};
 		f.push(i), l++, d = setTimeout(v, e.rotate), n(r, t, i.callback);
 	}
-	return setTimeout(v), ne;
+	return setTimeout(v), h;
 }
-function nn(e) {
+function mn(e) {
 	let t = {
-		...en,
+		...fn,
 		...e
 	}, n = [];
 	function r() {
 		n = n.filter((e) => e().status === "pending");
 	}
 	function i(e, i, a) {
-		let o = tn(t, e, i, (e, t) => {
+		let o = pn(t, e, i, (e, t) => {
 			r(), a && a(e, t);
 		});
 		return n.push(o), o;
@@ -1911,47 +2205,47 @@ function nn(e) {
 		cleanup: r
 	};
 }
-function rn() {}
-var an = Object.create(null);
-function on(e) {
-	if (!an[e]) {
+function hn() {}
+var gn = Object.create(null);
+function _n(e) {
+	if (!gn[e]) {
 		let t = q(e);
 		if (!t) return;
-		an[e] = {
+		gn[e] = {
 			config: t,
-			redundancy: nn(t)
+			redundancy: mn(t)
 		};
 	}
-	return an[e];
+	return gn[e];
 }
-function sn(e, t, n) {
+function vn(e, t, n) {
 	let r, i;
 	if (typeof e == "string") {
-		let t = H(e);
-		if (!t) return n(void 0, 424), rn;
+		let t = U(e);
+		if (!t) return n(void 0, 424), hn;
 		i = t.send;
-		let a = on(e);
+		let a = _n(e);
 		a && (r = a.redundancy);
 	} else {
-		let t = U(e);
+		let t = W(e);
 		if (t) {
-			r = nn(t);
-			let n = H(e.resources ? e.resources[0] : "");
+			r = mn(t);
+			let n = U(e.resources ? e.resources[0] : "");
 			n && (i = n.send);
 		}
 	}
-	return !r || !i ? (n(void 0, 424), rn) : r.query(t, i, n)().abort;
+	return !r || !i ? (n(void 0, 424), hn) : r.query(t, i, n)().abort;
 }
-function cn() {}
-function ln(e) {
+function yn() {}
+function bn(e) {
 	e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
-		e.iconsLoaderFlag = !1, Kt(e);
+		e.iconsLoaderFlag = !1, nn(e);
 	}));
 }
-function un(e) {
+function xn(e) {
 	let t = [], n = [];
 	return e.forEach((e) => {
-		(e.match(Dt) ? t : n).push(e);
+		(e.match(Lt) ? t : n).push(e);
 	}), {
 		valid: t,
 		invalid: n
@@ -1965,37 +2259,37 @@ function J(e, t, n) {
 		});
 	}
 	if (n && typeof n == "object") try {
-		if (!Lt(e, n).length) {
+		if (!qt(e, n).length) {
 			r();
 			return;
 		}
 	} catch (e) {
 		console.error(e);
 	}
-	r(), ln(e);
+	r(), bn(e);
 }
-function dn(e, t) {
+function Sn(e, t) {
 	e instanceof Promise ? e.then((e) => {
 		t(e);
 	}).catch(() => {
 		t(null);
 	}) : t(e);
 }
-function fn(e, t) {
+function Cn(e, t) {
 	e.iconsToLoad = e.iconsToLoad ? e.iconsToLoad.concat(t).sort() : t, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
 		e.iconsQueueFlag = !1;
 		let { provider: t, prefix: n } = e, r = e.iconsToLoad;
 		if (delete e.iconsToLoad, !r || !r.length) return;
 		let i = e.loadIcon;
 		if (e.loadIcons && (r.length > 1 || !i)) {
-			dn(e.loadIcons(r, n, t), (t) => {
+			Sn(e.loadIcons(r, n, t), (t) => {
 				J(e, r, t);
 			});
 			return;
 		}
 		if (i) {
 			r.forEach((r) => {
-				dn(i(r, n, t), (t) => {
+				Sn(i(r, n, t), (t) => {
 					J(e, [r], t ? {
 						prefix: n,
 						icons: { [r]: t }
@@ -2004,26 +2298,26 @@ function fn(e, t) {
 			});
 			return;
 		}
-		let { valid: a, invalid: o } = un(r);
+		let { valid: a, invalid: o } = xn(r);
 		if (o.length && J(e, o, null), !a.length) return;
-		let s = n.match(Dt) ? H(t) : null;
+		let s = n.match(Lt) ? U(t) : null;
 		if (!s) {
 			J(e, a, null);
 			return;
 		}
 		s.prepare(t, n, a).forEach((n) => {
-			sn(t, n, (t) => {
+			vn(t, n, (t) => {
 				J(e, n.icons, t);
 			});
 		});
 	}));
 }
-var pn = (e, t) => {
-	let n = Yt(Zt(e, !0, Bt()));
+var wn = (e, t) => {
+	let n = on(cn(e, !0, Xt()));
 	if (!n.pending.length) {
 		let e = !0;
 		return t && setTimeout(() => {
-			e && t(n.loaded, n.missing, n.pending, cn);
+			e && t(n.loaded, n.missing, n.pending, yn);
 		}), () => {
 			e = !1;
 		};
@@ -2032,28 +2326,28 @@ var pn = (e, t) => {
 	return n.pending.forEach((e) => {
 		let { provider: t, prefix: n } = e;
 		if (n === o && t === a) return;
-		a = t, o = n, i.push(R(t, n));
+		a = t, o = n, i.push(z(t, n));
 		let s = r[t] || (r[t] = Object.create(null));
 		s[n] || (s[n] = []);
 	}), n.pending.forEach((e) => {
-		let { provider: t, prefix: n, name: i } = e, a = R(t, n), o = a.pendingIcons ||= /* @__PURE__ */ new Set();
+		let { provider: t, prefix: n, name: i } = e, a = z(t, n), o = a.pendingIcons ||= /* @__PURE__ */ new Set();
 		o.has(i) || (o.add(i), r[t][n].push(i));
 	}), i.forEach((e) => {
 		let t = r[e.provider][e.prefix];
-		t.length && fn(e, t);
-	}), t ? Jt(t, n, i) : cn;
-}, mn = (e) => new Promise((t, n) => {
-	let r = typeof e == "string" ? F(e, !0) : e;
+		t.length && Cn(e, t);
+	}), t ? an(t, n, i) : yn;
+}, Tn = (e) => new Promise((t, n) => {
+	let r = typeof e == "string" ? I(e, !0) : e;
 	if (!r) {
 		n(e);
 		return;
 	}
-	pn([r || e], (i) => {
+	wn([r || e], (i) => {
 		if (i.length && r) {
-			let e = B(r);
+			let e = V(r);
 			if (e) {
 				t({
-					...N,
+					...F,
 					...e
 				});
 				return;
@@ -2062,28 +2356,28 @@ var pn = (e, t) => {
 		n(e);
 	});
 });
-function hn(e) {
+function En(e) {
 	try {
 		let t = typeof e == "string" ? JSON.parse(e) : e;
 		if (typeof t.body == "string") return { ...t };
 	} catch {}
 }
-function gn(e, t) {
+function Dn(e, t) {
 	if (typeof e == "object") return {
-		data: hn(e),
+		data: En(e),
 		value: e
 	};
 	if (typeof e != "string") return { value: e };
 	if (e.includes("{")) {
-		let t = hn(e);
+		let t = En(e);
 		if (t) return {
 			data: t,
 			value: e
 		};
 	}
-	let n = F(e, !0, !0);
+	let n = I(e, !0, !0);
 	if (!n) return { value: e };
-	let r = B(n);
+	let r = V(n);
 	return r !== void 0 || !n.prefix ? {
 		value: e,
 		name: n,
@@ -2091,29 +2385,29 @@ function gn(e, t) {
 	} : {
 		value: e,
 		name: n,
-		loading: pn([n], () => t(e, n, B(n)))
+		loading: wn([n], () => t(e, n, V(n)))
 	};
 }
-var _n = !1;
+var On = !1;
 try {
-	_n = navigator.vendor.indexOf("Apple") === 0;
+	On = navigator.vendor.indexOf("Apple") === 0;
 } catch {}
-function vn(e, t) {
+function kn(e, t) {
 	switch (t) {
 		case "svg":
 		case "bg":
 		case "mask": return t;
 	}
-	return t !== "style" && (_n || e.indexOf("<a") === -1) ? "svg" : e.indexOf("currentColor") === -1 ? "bg" : "mask";
+	return t !== "style" && (On || e.indexOf("<a") === -1) ? "svg" : e.indexOf("currentColor") === -1 ? "bg" : "mask";
 }
-var yn = /(-?[0-9.]*[0-9]+[0-9.]*)/g, bn = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function xn(e, t, n) {
+var An = /(-?[0-9.]*[0-9]+[0-9.]*)/g, jn = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function Mn(e, t, n) {
 	if (t === 1) return e;
 	if (n ||= 100, typeof e == "number") return Math.ceil(e * t * n) / n;
 	if (typeof e != "string") return e;
-	let r = e.split(yn);
+	let r = e.split(An);
 	if (r === null || !r.length) return e;
-	let i = [], a = r.shift(), o = bn.test(a);
+	let i = [], a = r.shift(), o = jn.test(a);
 	for (;;) {
 		if (o) {
 			let e = parseFloat(a);
@@ -2123,7 +2417,7 @@ function xn(e, t, n) {
 		o = !o;
 	}
 }
-function Sn(e, t = "defs") {
+function Nn(e, t = "defs") {
 	let n = "", r = e.indexOf("<" + t);
 	for (; r >= 0;) {
 		let i = e.indexOf(">", r), a = e.indexOf("</" + t);
@@ -2137,20 +2431,20 @@ function Sn(e, t = "defs") {
 		content: e
 	};
 }
-function Cn(e, t) {
+function Pn(e, t) {
 	return e ? "<defs>" + e + "</defs>" + t : t;
 }
-function wn(e, t, n) {
-	let r = Sn(e);
-	return Cn(r.defs, t + r.content + n);
+function Fn(e, t, n) {
+	let r = Nn(e);
+	return Pn(r.defs, t + r.content + n);
 }
-var Tn = (e) => e === "unset" || e === "undefined" || e === "none";
-function En(e, t) {
+var In = (e) => e === "unset" || e === "undefined" || e === "none";
+function Ln(e, t) {
 	let n = {
-		...N,
+		...F,
 		...e
 	}, r = {
-		...bt,
+		...At,
 		...t
 	}, i = {
 		left: n.left,
@@ -2171,12 +2465,12 @@ function En(e, t) {
 				break;
 			case 3: s = i.width / 2 + i.left, t.unshift("rotate(-90 " + s.toString() + " " + s.toString() + ")");
 		}
-		o % 2 == 1 && (i.left !== i.top && (s = i.left, i.left = i.top, i.top = s), i.width !== i.height && (s = i.width, i.width = i.height, i.height = s)), t.length && (a = wn(a, "<g transform=\"" + t.join(" ") + "\">", "</g>"));
+		o % 2 == 1 && (i.left !== i.top && (s = i.left, i.left = i.top, i.top = s), i.width !== i.height && (s = i.width, i.width = i.height, i.height = s)), t.length && (a = Fn(a, "<g transform=\"" + t.join(" ") + "\">", "</g>"));
 	});
 	let o = r.width, s = r.height, c = i.width, l = i.height, u, d;
-	o === null ? (d = s === null ? "1em" : s === "auto" ? l : s, u = xn(d, c / l)) : (u = o === "auto" ? c : o, d = s === null ? xn(u, l / c) : s === "auto" ? l : s);
+	o === null ? (d = s === null ? "1em" : s === "auto" ? l : s, u = Mn(d, c / l)) : (u = o === "auto" ? c : o, d = s === null ? Mn(u, l / c) : s === "auto" ? l : s);
 	let f = {}, p = (e, t) => {
-		Tn(t) || (f[e] = t.toString());
+		In(t) || (f[e] = t.toString());
 	};
 	p("width", u), p("height", d);
 	let m = [
@@ -2191,19 +2485,19 @@ function En(e, t) {
 		body: a
 	};
 }
-function Dn(e, t) {
+function Rn(e, t) {
 	let n = e.indexOf("xlink:") === -1 ? "" : " xmlns:xlink=\"http://www.w3.org/1999/xlink\"";
 	for (let e in t) n += " " + e + "=\"" + t[e] + "\"";
 	return "<svg xmlns=\"http://www.w3.org/2000/svg\"" + n + ">" + e + "</svg>";
 }
-function On(e) {
+function zn(e) {
 	return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ").replace(/:/g, "%3A").replace(/\//g, "%2F");
 }
-function kn(e) {
-	return "data:image/svg+xml," + On(e);
+function Bn(e) {
+	return "data:image/svg+xml," + zn(e);
 }
-function An(e) {
-	return "url(\"" + kn(e) + "\")";
+function Vn(e) {
+	return "url(\"" + Bn(e) + "\")";
 }
 var Y = (() => {
 	let e;
@@ -2211,13 +2505,13 @@ var Y = (() => {
 		if (e = fetch, typeof e == "function") return e;
 	} catch {}
 })();
-function jn(e) {
+function Hn(e) {
 	Y = e;
 }
-function Mn() {
+function Un() {
 	return Y;
 }
-function Nn(e, t) {
+function Wn(e, t) {
 	let n = q(e);
 	if (!n) return 0;
 	let r;
@@ -2232,11 +2526,11 @@ function Nn(e, t) {
 	}
 	return r;
 }
-function Pn(e) {
+function Gn(e) {
 	return e === 404;
 }
-var Fn = (e, t, n) => {
-	let r = [], i = Nn(e, t), a = "icons", o = {
+var Kn = (e, t, n) => {
+	let r = [], i = Wn(e, t), a = "icons", o = {
 		type: a,
 		provider: e,
 		prefix: t,
@@ -2251,21 +2545,21 @@ var Fn = (e, t, n) => {
 		}, s = n.length), o.icons.push(n);
 	}), r.push(o), r;
 };
-function In(e) {
+function qn(e) {
 	if (typeof e == "string") {
 		let t = q(e);
 		if (t) return t.path;
 	}
 	return "/";
 }
-var Ln = {
-	prepare: Fn,
+var Jn = {
+	prepare: Kn,
 	send: (e, t, n) => {
 		if (!Y) {
 			n("abort", 424);
 			return;
 		}
-		let r = In(t.provider);
+		let r = qn(t.provider);
 		switch (t.type) {
 			case "icons": {
 				let e = t.prefix, n = t.icons.join(","), i = new URLSearchParams({ icons: n });
@@ -2286,7 +2580,7 @@ var Ln = {
 			let t = e.status;
 			if (t !== 200) {
 				setTimeout(() => {
-					n(Pn(t) ? "abort" : "next", t);
+					n(Gn(t) ? "abort" : "next", t);
 				});
 				return;
 			}
@@ -2306,38 +2600,38 @@ var Ln = {
 		});
 	}
 };
-function Rn(e, t, n) {
-	R(n || "", t).loadIcons = e;
+function Yn(e, t, n) {
+	z(n || "", t).loadIcons = e;
 }
-function zn(e, t, n) {
-	R(n || "", t).loadIcon = e;
+function Xn(e, t, n) {
+	z(n || "", t).loadIcon = e;
 }
-var Bn = "data-style", Vn = "", X = {};
+var Zn = "data-style", Qn = "", X = {};
 function Z(e) {
-	return ":host{display:inline-block;vertical-align:" + (e ? "-0.125em" : "0") + "}span,svg{display:block;margin:auto}" + Vn;
+	return ":host{display:inline-block;vertical-align:" + (e ? "-0.125em" : "0") + "}span,svg{display:block;margin:auto}" + Qn;
 }
-function Hn(e) {
+function $n(e) {
 	return "adoptedStyleSheets" in e && typeof CSSStyleSheet == "function" && typeof CSSStyleSheet.prototype.replaceSync == "function";
 }
-function Un(e) {
+function er(e) {
 	let t = e ? "inline" : "block", n = X[t];
 	return n || (n = X[t] = new CSSStyleSheet(), n.replaceSync(Z(e))), n;
 }
-function Wn(e) {
-	Vn = e, X.inline?.replaceSync(Z(!0)), X.block?.replaceSync(Z(!1));
+function tr(e) {
+	Qn = e, X.inline?.replaceSync(Z(!0)), X.block?.replaceSync(Z(!1));
 }
-function Gn(e, t) {
-	if (Hn(e)) {
-		let n = Un(t), r = e.adoptedStyleSheets;
+function nr(e, t) {
+	if ($n(e)) {
+		let n = er(t), r = e.adoptedStyleSheets;
 		if (r.includes(n)) return;
 		e.adoptedStyleSheets = r.filter((e) => e !== X.inline && e !== X.block).concat(n);
 		return;
 	}
-	let n = Array.from(e.childNodes).find((e) => e.hasAttribute && e.hasAttribute(Bn));
-	n || (n = document.createElement("style"), n.setAttribute(Bn, Bn), e.appendChild(n)), n.textContent = Z(t);
+	let n = Array.from(e.childNodes).find((e) => e.hasAttribute && e.hasAttribute(Zn));
+	n || (n = document.createElement("style"), n.setAttribute(Zn, Zn), e.appendChild(n)), n.textContent = Z(t);
 }
-function Kn() {
-	Xt("", Ln), Bt(!0);
+function rr() {
+	sn("", Jn), Xt(!0);
 	let e;
 	try {
 		e = window;
@@ -2347,7 +2641,7 @@ function Kn() {
 			let t = e.IconifyPreload, n = "Invalid IconifyPreload syntax.";
 			typeof t == "object" && t && (t instanceof Array ? t : [t]).forEach((e) => {
 				try {
-					(typeof e != "object" || !e || e instanceof Array || typeof e.icons != "object" || typeof e.prefix != "string" || !Ht(e)) && console.error(n);
+					(typeof e != "object" || !e || e instanceof Array || typeof e.icons != "object" || typeof e.prefix != "string" || !Qt(e)) && console.error(n);
 				} catch {
 					console.error(n);
 				}
@@ -2360,7 +2654,7 @@ function Kn() {
 				try {
 					let r = t[e];
 					if (typeof r != "object" || !r || r.resources === void 0) continue;
-					Qt(e, r) || console.error(n);
+					un(e, r) || console.error(n);
 				} catch {
 					console.error(n);
 				}
@@ -2368,101 +2662,101 @@ function Kn() {
 		}
 	}
 	return {
-		iconLoaded: Ut,
-		getIcon: Wt,
-		listIcons: zt,
-		addIcon: Vt,
-		addCollection: Ht,
-		calculateSize: xn,
-		buildIcon: En,
-		iconToHTML: Dn,
-		svgToURL: An,
-		loadIcons: pn,
-		loadIcon: mn,
-		addAPIProvider: Qt,
-		setCustomIconLoader: zn,
-		setCustomIconsLoader: Rn,
-		appendCustomStyle: Wn,
+		iconLoaded: $t,
+		getIcon: en,
+		listIcons: Yt,
+		addIcon: Zt,
+		addCollection: Qt,
+		calculateSize: Mn,
+		buildIcon: Ln,
+		iconToHTML: Rn,
+		svgToURL: Vn,
+		loadIcons: wn,
+		loadIcon: Tn,
+		addAPIProvider: un,
+		setCustomIconLoader: Xn,
+		setCustomIconsLoader: Yn,
+		appendCustomStyle: tr,
 		_api: {
 			getAPIConfig: q,
-			setAPIModule: Xt,
-			sendAPIQuery: sn,
-			setFetch: jn,
-			getFetch: Mn,
-			listAPIProviders: $t
+			setAPIModule: sn,
+			sendAPIQuery: vn,
+			setFetch: Hn,
+			getFetch: Un,
+			listAPIProviders: dn
 		}
 	};
 }
-var qn = { "background-color": "currentColor" }, Jn = { "background-color": "transparent" }, Yn = {
+var ir = { "background-color": "currentColor" }, ar = { "background-color": "transparent" }, or = {
 	image: "var(--svg)",
 	repeat: "no-repeat",
 	size: "100% 100%"
-}, Xn = {
-	"-webkit-mask": qn,
-	mask: qn,
-	background: Jn
+}, sr = {
+	"-webkit-mask": ir,
+	mask: ir,
+	background: ar
 };
-for (let e in Xn) {
-	let t = Xn[e];
-	for (let n in Yn) t[e + "-" + n] = Yn[n];
+for (let e in sr) {
+	let t = sr[e];
+	for (let n in or) t[e + "-" + n] = or[n];
 }
-function Zn(e) {
+function cr(e) {
 	return e ? e + (e.match(/^[-0-9.]+$/) ? "px" : "") : "inherit";
 }
-function Qn(e, t, n) {
+function lr(e, t, n) {
 	let r = document.createElement("span"), i = e.body;
 	i.indexOf("<a") !== -1 && (i += "<!-- " + Date.now() + " -->");
-	let a = e.attributes, o = An(Dn(i, {
+	let a = e.attributes, o = Vn(Rn(i, {
 		...a,
 		width: t.width + "",
 		height: t.height + ""
 	})), s = r.style, c = {
 		"--svg": o,
-		width: Zn(a.width),
-		height: Zn(a.height),
-		...n ? qn : Jn
+		width: cr(a.width),
+		height: cr(a.height),
+		...n ? ir : ar
 	};
 	for (let e in c) s.setProperty(e, c[e]);
 	return r;
 }
 var Q;
-function $n() {
+function ur() {
 	try {
 		Q = window.trustedTypes.createPolicy("iconify", { createHTML: (e) => e });
 	} catch {
 		Q = null;
 	}
 }
-function er(e) {
-	return Q === void 0 && $n(), Q ? Q.createHTML(e) : e;
+function dr(e) {
+	return Q === void 0 && ur(), Q ? Q.createHTML(e) : e;
 }
-function tr(e) {
+function fr(e) {
 	let t = document.createElement("span"), n = e.attributes, r = "";
-	return n.width || (r = "width: inherit;"), n.height || (r += "height: inherit;"), r && (n.style = r), t.innerHTML = er(Dn(e.body, n)), t.firstChild;
+	return n.width || (r = "width: inherit;"), n.height || (r += "height: inherit;"), r && (n.style = r), t.innerHTML = dr(Rn(e.body, n)), t.firstChild;
 }
-function nr(e) {
+function pr(e) {
 	return Array.from(e.childNodes).find((e) => {
 		let t = e.tagName && e.tagName.toUpperCase();
 		return t === "SPAN" || t === "SVG";
 	});
 }
-function rr(e, t) {
-	let n = t.icon.data, r = t.customisations, i = En(n, r);
+function mr(e, t) {
+	let n = t.icon.data, r = t.customisations, i = Ln(n, r);
 	r.preserveAspectRatio && (i.attributes.preserveAspectRatio = r.preserveAspectRatio);
 	let a = t.renderedMode, o;
 	switch (a) {
 		case "svg":
-			o = tr(i);
+			o = fr(i);
 			break;
-		default: o = Qn(i, {
-			...N,
+		default: o = lr(i, {
+			...F,
 			...n
 		}, a === "mask");
 	}
-	let s = nr(e);
+	let s = pr(e);
 	s ? o.tagName === "SPAN" && s.tagName === o.tagName ? s.setAttribute("style", o.getAttribute("style")) : e.replaceChild(o, s) : e.appendChild(o);
 }
-function ir(e, t, n) {
+function hr(e, t, n) {
 	return {
 		rendered: !1,
 		inline: t,
@@ -2470,7 +2764,7 @@ function ir(e, t, n) {
 		lastRender: n && (n.rendered ? n : n.lastRender)
 	};
 }
-function ar(e = "iconify-icon") {
+function gr(e = "iconify-icon") {
 	let t, n;
 	try {
 		t = window.customElements, n = window.HTMLElement;
@@ -2500,7 +2794,7 @@ function ar(e = "iconify-icon") {
 		constructor() {
 			super();
 			let e = this._shadowRoot = this.attachShadow({ mode: "open" }), t = this.hasAttribute("inline");
-			Gn(e, t), this._state = ir({ value: "" }, t), this._queueCheck();
+			nr(e, t), this._state = hr({ value: "" }, t), this._queueCheck();
 		}
 		connectedCallback() {
 			this._connected = !0, this.startObserver();
@@ -2515,7 +2809,7 @@ function ar(e = "iconify-icon") {
 			switch (e) {
 				case "inline": {
 					let e = this.hasAttribute("inline"), t = this._state;
-					e !== t.inline && (t.inline = e, Gn(this._shadowRoot, e));
+					e !== t.inline && (t.inline = e, nr(this._shadowRoot, e));
 					break;
 				}
 				case "noobserver":
@@ -2554,7 +2848,7 @@ function ar(e = "iconify-icon") {
 					t.lastChild.setCurrentTime(0);
 					return;
 				} catch {}
-				rr(t, e);
+				mr(t, e);
 			}
 		}
 		get status() {
@@ -2575,11 +2869,11 @@ function ar(e = "iconify-icon") {
 				return;
 			}
 			if (!e.rendered || !this._visible) return;
-			let n = this.getAttribute("mode"), r = Tt(this);
-			(e.attrMode !== n || Et(e.customisations, r) || !nr(this._shadowRoot)) && this._renderIcon(e.icon, r, n);
+			let n = this.getAttribute("mode"), r = Ft(this);
+			(e.attrMode !== n || It(e.customisations, r) || !pr(this._shadowRoot)) && this._renderIcon(e.icon, r, n);
 		}
 		_iconChanged(e) {
-			let t = gn(e, (e, t, n) => {
+			let t = Dn(e, (e, t, n) => {
 				let r = this._state;
 				if (r.rendered || this.getAttribute("icon") !== e) return;
 				let i = {
@@ -2589,22 +2883,22 @@ function ar(e = "iconify-icon") {
 				};
 				i.data ? this._gotIconData(i) : r.icon = i;
 			});
-			t.data ? this._gotIconData(t) : this._state = ir(t, this._state.inline, this._state);
+			t.data ? this._gotIconData(t) : this._state = hr(t, this._state.inline, this._state);
 		}
 		_forceRender() {
 			if (!this._visible) {
-				let e = nr(this._shadowRoot);
+				let e = pr(this._shadowRoot);
 				e && this._shadowRoot.removeChild(e);
 				return;
 			}
 			this._queueCheck();
 		}
 		_gotIconData(e) {
-			this._checkQueued = !1, this._renderIcon(e, Tt(this), this.getAttribute("mode"));
+			this._checkQueued = !1, this._renderIcon(e, Ft(this), this.getAttribute("mode"));
 		}
 		_renderIcon(e, t, n) {
-			let r = vn(e.data.body, n), i = this._state.inline;
-			rr(this._shadowRoot, this._state = {
+			let r = kn(e.data.body, n), i = this._state.inline;
+			mr(this._shadowRoot, this._state = {
 				rendered: !0,
 				icon: e,
 				inline: i,
@@ -2642,25 +2936,25 @@ function ar(e = "iconify-icon") {
 			}
 		});
 	});
-	let o = Kn();
+	let o = rr();
 	for (let e in o) a[e] = a.prototype[e] = o[e];
 	return t.define(e, a), a;
 }
-var { iconLoaded: or, getIcon: sr, listIcons: cr, addIcon: lr, addCollection: ur, calculateSize: dr, buildIcon: fr, iconToHTML: pr, svgToURL: mr, loadIcons: hr, loadIcon: gr, setCustomIconLoader: _r, setCustomIconsLoader: vr, addAPIProvider: yr, _api: br } = ar() || Kn(), $ = {
+var { iconLoaded: _r, getIcon: vr, listIcons: yr, addIcon: br, addCollection: xr, calculateSize: Sr, buildIcon: Cr, iconToHTML: wr, svgToURL: Tr, loadIcons: Er, loadIcon: Dr, setCustomIconLoader: Or, setCustomIconsLoader: kr, addAPIProvider: Ar, _api: jr } = gr() || rr(), $ = {
 	hero: "dfk-hero",
 	features: "dfk-features",
 	nextSteps: "dfk-next-steps",
 	sql: "dfk-sql",
 	mermaid: "dfk-mermaid"
 };
-function xr() {
+function Mr() {
 	if (typeof customElements < "u") for (let [e, t] of Object.entries({
 		[$.hero]: te,
 		[$.features]: m,
-		[$.nextSteps]: Ae,
-		[$.sql]: ht,
-		[$.mermaid]: De
+		[$.nextSteps]: Ne,
+		[$.sql]: wt,
+		[$.mermaid]: je
 	})) customElements.get(e) || customElements.define(e, t);
 }
 //#endregion
-export { te as a, De as i, ht as n, m as o, Ae as r, xr as t };
+export { te as a, je as i, wt as n, m as o, Ne as r, Mr as t };