@septkit/ui 0.0.41 → 0.0.43

package/dist/code/code-block.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./code-block.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                           */
+//#region lib/code/code-block.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-642c3143"]]);
+//#endregion
+export { n as default };

package/dist/code/code-block.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { useClipboard as e } from "../external/.pnpm/@vueuse_core@14.3.0_vue@3.5.39_typescript@5.8.3_/node_modules/@vueuse/core/dist/index.js";
+import t from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/check.js";
+import n from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/copy.js";
+import r from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/text-wrap.js";
+import { highlightCode as i } from "./highlight.js";
+import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, ref as p, shallowRef as m, toDisplayString as h, unref as g, watch as _ } from "vue";
+//#region lib/code/code-block.vue?vue&type=script&setup=true&lang.ts
+var v = {
+	key: 0,
+	class: "toolbar flex items-center justify-end gap-1"
+}, y = { class: "code-scroll min-h-0 flex-1 overflow-auto" }, b = ["innerHTML"], x = {
+	key: 1,
+	class: "grid h-full place-items-center p-4 text-sm opacity-60"
+}, S = /*@__PURE__*/ u({
+	__name: "code-block",
+	props: {
+		code: {},
+		lang: {},
+		lineStatuses: {},
+		loading: { type: Boolean },
+		wrap: { type: Boolean }
+	},
+	setup(u) {
+		let S = u, C = m(), w = p(S.wrap ?? !1), { copy: T, copied: E, isSupported: D } = e({ legacy: !0 });
+		return _(() => [
+			S.code,
+			S.lang,
+			S.lineStatuses
+		], async ([e, t, n]) => {
+			if (!e) {
+				C.value = void 0;
+				return;
+			}
+			C.value = await i(e, {
+				lang: t,
+				lineStatuses: n
+			});
+		}, { immediate: !0 }), (e, i) => (f(), s("div", { class: d(["code-block flex h-full w-full flex-col", { wrap: w.value }]) }, [C.value ? (f(), s("div", v, [c("button", {
+			type: "button",
+			class: d(["tool-btn", { active: w.value }]),
+			title: "Toggle word wrap",
+			onClick: i[0] ||= (e) => w.value = !w.value
+		}, [l(g(r), { size: 13 }), i[2] ||= c("span", null, "Wrap", -1)], 2), g(D) && u.code ? (f(), s("button", {
+			key: 0,
+			type: "button",
+			class: "tool-btn",
+			title: "Copy",
+			onClick: i[1] ||= (e) => g(T)(u.code)
+		}, [g(E) ? (f(), a(g(t), {
+			key: 0,
+			size: 13
+		})) : (f(), a(g(n), {
+			key: 1,
+			size: 13
+		})), c("span", null, h(g(E) ? "Copied" : "Copy"), 1)])) : o("", !0)])) : o("", !0), c("div", y, [C.value ? (f(), s("div", {
+			key: 0,
+			class: "shiki-host",
+			innerHTML: C.value
+		}, null, 8, b)) : (f(), s("div", x, h(u.loading ? "Rendering…" : "Nothing to show."), 1))])], 2));
+	}
+});
+//#endregion
+export { S as default };

package/dist/code/diff.js

@@ -0,0 +1,35 @@
+//#region lib/code/diff.ts
+function e(e) {
+	if (e === "") return [];
+	let t = e.replace(/\r\n?/g, "\n").split("\n");
+	return t.length > 1 && t[t.length - 1] === "" && t.pop(), t;
+}
+function t(t, n) {
+	let r = e(t), i = e(n), a = Array.from({ length: r.length + 1 }, () => Array.from({ length: i.length + 1 }).fill(0));
+	for (let e = r.length - 1; e >= 0; e--) for (let t = i.length - 1; t >= 0; t--) a[e][t] = r[e] === i[t] ? a[e + 1][t + 1] + 1 : Math.max(a[e + 1][t], a[e][t + 1]);
+	let o = [], s = 0, c = 0;
+	for (; s < r.length && c < i.length;) r[s] === i[c] ? (o.push({
+		text: r[s],
+		status: "unchanged"
+	}), s++, c++) : a[s + 1][c] >= a[s][c + 1] ? (o.push({
+		text: r[s],
+		status: "removed"
+	}), s++) : (o.push({
+		text: i[c],
+		status: "added"
+	}), c++);
+	for (; s < r.length;) o.push({
+		text: r[s++],
+		status: "removed"
+	});
+	for (; c < i.length;) o.push({
+		text: i[c++],
+		status: "added"
+	});
+	return {
+		code: o.map((e) => e.text).join("\n"),
+		statuses: o.map((e) => e.status)
+	};
+}
+//#endregion
+export { t as diffLines };

package/dist/code/highlight.js

@@ -0,0 +1,30 @@
+import { createHighlighterCore as e } from "../external/.pnpm/@shikijs_core@3.23.0/node_modules/@shikijs/core/dist/index.js";
+import { createJavaScriptRegexEngine as t } from "../external/.pnpm/@shikijs_engine-javascript@3.23.0/node_modules/@shikijs/engine-javascript/dist/engine-compile.js";
+import n from "../external/.pnpm/@shikijs_langs@3.23.0/node_modules/@shikijs/langs/dist/xml.js";
+import r from "../external/.pnpm/@shikijs_themes@3.23.0/node_modules/@shikijs/themes/dist/github-dark.js";
+//#region lib/code/highlight.ts
+var i = "github-dark";
+async function a(e, t) {
+	let n = await s(), r = t?.lineStatuses;
+	return n.codeToHtml(e, {
+		lang: t?.lang ?? "xml",
+		theme: i,
+		transformers: r ? [{
+			name: "diff-lines",
+			line(e, t) {
+				let n = r[t - 1];
+				n === "added" ? this.addClassToHast(e, "diff add") : n === "removed" && this.addClassToHast(e, "diff remove");
+			}
+		}] : void 0
+	});
+}
+var o = null;
+function s() {
+	return o ||= e({
+		langs: [n],
+		themes: [r],
+		engine: t()
+	}), o;
+}
+//#endregion
+export { a as highlightCode };

package/dist/code/index.js

@@ -0,0 +1,5 @@
+import { highlightCode as e } from "./highlight.js";
+import t from "./code-block.js";
+import { diffLines as n } from "./diff.js";
+import r from "./xml-diff.js";
+export { t as CodeBlock, r as XmlDiff, n as diffLines, e as highlightCode };

package/dist/code/xml-diff.js

@@ -0,0 +1,5 @@
+import e from "./xml-diff.vue_vue_type_script_setup_true_lang.js";
+//#region lib/code/xml-diff.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/code/xml-diff.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import e from "./code-block.js";
+import { diffLines as t } from "./diff.js";
+import { computed as n, createBlock as r, defineComponent as i, openBlock as a } from "vue";
+//#region lib/code/xml-diff.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ i({
+	__name: "xml-diff",
+	props: {
+		before: {},
+		after: {},
+		loading: { type: Boolean }
+	},
+	setup(i) {
+		let o = i, s = n(() => o.after == null ? {
+			code: void 0,
+			statuses: void 0
+		} : o.before == null ? {
+			code: o.after,
+			statuses: void 0
+		} : t(o.before, o.after));
+		return (t, n) => (a(), r(e, {
+			code: s.value.code,
+			"line-statuses": s.value.statuses,
+			lang: "xml",
+			loading: i.loading
+		}, null, 8, [
+			"code",
+			"line-statuses",
+			"loading"
+		]));
+	}
+});
+//#endregion
+export { o as default };

package/dist/dialecte/composables/index.js

@@ -1,3 +1,4 @@
 import { useDialecteChannel as e } from "./use-dialecte-channel.js";
 import { useLiveData as t, useProjectLiveData as n } from "./use-live-data.js";
-export { e as useDialecteChannel, t as useLiveData, n as useProjectLiveData };
+import { useActiveDocument as r } from "./use-active-document.js";
+export { r as useActiveDocument, e as useDialecteChannel, t as useLiveData, n as useProjectLiveData };

package/dist/dialecte/composables/use-active-document.js

@@ -0,0 +1,24 @@
+import { getCurrentScope as e, onScopeDispose as t, ref as n } from "vue";
+//#region lib/dialecte/composables/use-active-document.ts
+function r(r) {
+	let { project: i, activeDocumentId: a, hydrate: o, clear: s } = r, c = n(!1), l = n(a.value);
+	async function u(e) {
+		if (l.value = e, !e) {
+			c.value = !1, s();
+			return;
+		}
+		let { ready: t } = await i.getDocumentStatus(e);
+		a.value === e && (t ? (o(i.openDocument(e)), c.value = !0) : (c.value = !1, s()));
+	}
+	u(a.value);
+	let d = a.subscribe((e) => void u(e)), f = () => {
+		d(), s();
+	};
+	return e() && t(f), {
+		isReady: c,
+		activeDocumentId: l,
+		stop: f
+	};
+}
+//#endregion
+export { r as useActiveDocument };

package/dist/dialecte/create-document-store.js

@@ -1,6 +1,6 @@
-import { r as e } from "../external/.pnpm/@dialecte_core@0.4.2/node_modules/@dialecte/core/dist/utils-DgKwrT2n.js";
-import { ut as t } from "../external/.pnpm/@dialecte_core@0.4.2/node_modules/@dialecte/core/dist/project-E32sEthh.js";
-import "../external/.pnpm/@dialecte_core@0.4.2/node_modules/@dialecte/core/dist/index.js";
+import { r as e } from "../external/.pnpm/@dialecte_core@0.4.5/node_modules/@dialecte/core/dist/utils-C5_11hqg.js";
+import { ut as t } from "../external/.pnpm/@dialecte_core@0.4.5/node_modules/@dialecte/core/dist/project-wohrish5.js";
+import "../external/.pnpm/@dialecte_core@0.4.5/node_modules/@dialecte/core/dist/index.js";
 import { computed as n, shallowRef as r } from "vue";
 //#region lib/dialecte/create-document-store.ts
 function i(i) {

package/dist/dialecte/index.js

@@ -1,5 +1,6 @@
 import { createDocumentStore as e } from "./create-document-store.js";
 import { useDialecteChannel as t } from "./composables/use-dialecte-channel.js";
 import { useLiveData as n, useProjectLiveData as r } from "./composables/use-live-data.js";
+import { useActiveDocument as i } from "./composables/use-active-document.js";
 import "./composables/index.js";
-export { e as createDocumentStore, t as useDialecteChannel, n as useLiveData, r as useProjectLiveData };
+export { e as createDocumentStore, i as useActiveDocument, t as useDialecteChannel, n as useLiveData, r as useProjectLiveData };

package/dist/dialog/dialog-host.js

@@ -0,0 +1,5 @@
+import e from "./dialog-host.vue_vue_type_script_setup_true_lang.js";
+//#region lib/dialog/dialog-host.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/dialog/dialog-host.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import e from "./dialog.js";
+import { useDialog as t } from "./use-dialog-host.js";
+import { createBlock as n, createCommentVNode as r, defineComponent as i, mergeProps as a, normalizeProps as o, openBlock as s, resolveDynamicComponent as c, unref as l, withCtx as u } from "vue";
+//#region lib/dialog/dialog-host.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ i({
+	__name: "dialog-host",
+	props: { host: {} },
+	setup(i) {
+		let d = i.host ?? t();
+		function f(e) {
+			e || d.close();
+		}
+		return (t, i) => (s(), n(e, {
+			open: l(d).open.value,
+			size: l(d).active.value?.options.size,
+			title: l(d).active.value?.options.title,
+			closable: l(d).active.value?.options.closable ?? !0,
+			scoped: l(d).active.value?.options.scoped,
+			"onUpdate:open": f
+		}, {
+			default: u(() => [l(d).active.value ? (s(), n(c(l(d).active.value.component), o(a({ key: 0 }, l(d).active.value.props)), null, 16)) : r("", !0)]),
+			_: 1
+		}, 8, [
+			"open",
+			"size",
+			"title",
+			"closable",
+			"scoped"
+		]));
+	}
+});
+//#endregion
+export { d as default };

package/dist/dialog/dialog.js

@@ -0,0 +1,5 @@
+import e from "./dialog.vue_vue_type_script_setup_true_lang.js";
+//#region lib/dialog/dialog.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/dialog/dialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,72 @@
+import { DialogRoot_default as e } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Dialog/DialogRoot.js";
+import { DialogContent_default as t } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Dialog/DialogContent.js";
+import { DialogOverlay_default as n } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Dialog/DialogOverlay.js";
+import { DialogPortal_default as r } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Dialog/DialogPortal.js";
+import { DialogTitle_default as i } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Dialog/DialogTitle.js";
+import a from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/x.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+//#region lib/dialog/dialog.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "flex items-center justify-between gap-2 p-2" }, x = {
+	key: 0,
+	class: "mt-3 px-4 pb-4"
+}, S = /*@__PURE__*/ p({
+	__name: "dialog",
+	props: {
+		open: { type: Boolean },
+		title: {},
+		size: { default: "md" },
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		scoped: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(p, { emit: S }) {
+		let C = p, w = S, T = o(() => C.size === "full" ? "inset-0" : `left-1/2 top-1/2 max-h-[90%] -translate-x-1/2 -translate-y-1/2 rounded-box ${{
+			sm: "max-w-sm",
+			md: "max-w-md",
+			lg: "max-w-2xl",
+			xl: "max-w-5xl",
+			fit: "w-fit max-w-fit"
+		}[C.size]}`), E = o(() => C.scoped ? "absolute" : "fixed");
+		function D(e) {
+			e || w("update:open", !1);
+		}
+		function O(e) {
+			C.closable || e.preventDefault();
+		}
+		return (o, S) => (h(), s(v(e), {
+			open: p.open,
+			"onUpdate:open": D
+		}, {
+			default: y(() => [f(v(r), { disabled: p.scoped }, {
+				default: y(() => [f(v(n), { class: m([E.value, "inset-0 z-40 bg-black/40"]) }, null, 8, ["class"]), f(v(t), {
+					class: m(["z-50 flex flex-col overflow-auto bg-base-100 text-base-content shadow-xl", [E.value, T.value]]),
+					onEscapeKeyDown: O,
+					onPointerDownOutside: O
+				}, {
+					default: y(() => [
+						u("header", b, [f(v(i), { class: m(p.title ? "text-base font-medium" : "sr-only") }, {
+							default: y(() => [d(_(p.title ?? "Dialog"), 1)]),
+							_: 1
+						}, 8, ["class"]), p.closable ? (h(), l("button", {
+							key: 0,
+							type: "button",
+							class: "btn btn-sm btn-circle btn-ghost -mr-1",
+							onClick: S[0] ||= (e) => w("update:open", !1)
+						}, [f(v(a), { class: "h-4 w-4" })])) : c("", !0)]),
+						g(o.$slots, "header"),
+						u("div", { class: m(["min-h-0 flex-1", p.size === "full" ? "" : "px-4 pb-4"]) }, [g(o.$slots, "default")], 2),
+						o.$slots.footer ? (h(), l("footer", x, [g(o.$slots, "footer")])) : c("", !0)
+					]),
+					_: 3
+				}, 8, ["class"])]),
+				_: 3
+			}, 8, ["disabled"])]),
+			_: 3
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/dialog/index.js

@@ -0,0 +1,4 @@
+import e from "./dialog.js";
+import { createDialogHost as t, dialogHostKey as n, provideDialogHost as r, useDialog as i } from "./use-dialog-host.js";
+import a from "./dialog-host.js";
+export { e as Dialog, a as DialogHost, t as createDialogHost, n as dialogHostKey, r as provideDialogHost, i as useDialog };

package/dist/dialog/use-dialog-host.js

@@ -0,0 +1,32 @@
+import { inject as e, markRaw as t, provide as n, ref as r, shallowRef as i } from "vue";
+//#region lib/dialog/use-dialog-host.ts
+function a() {
+	let e = r(!1), n = i();
+	function a(r, i, a = {}) {
+		n.value = {
+			component: t(r),
+			props: i,
+			options: a
+		}, e.value = !0;
+	}
+	function o() {
+		e.value = !1;
+	}
+	return {
+		open: e,
+		active: n,
+		openDialog: a,
+		close: o
+	};
+}
+var o = Symbol("septkit-dialog-host");
+function s(e = a()) {
+	return n(o, e), e;
+}
+function c() {
+	let t = e(o);
+	if (!t) throw Error("useDialog() requires a DialogHost — call provideDialogHost() in a parent and mount <DialogHost>.");
+	return t;
+}
+//#endregion
+export { a as createDialogHost, o as dialogHostKey, s as provideDialogHost, c as useDialog };

package/dist/explorer/collect-expandable-node-ids.js

@@ -0,0 +1,8 @@
+//#region lib/explorer/collect-expandable-node-ids.ts
+function e(t) {
+	let n = [];
+	for (let r of t) r.children?.length && n.push(r.id, ...e(r.children));
+	return n;
+}
+//#endregion
+export { e as collectExpandableNodeIds };

package/dist/explorer/explorer.js

@@ -2,6 +2,6 @@ import e from "./explorer.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                         */
 import t from "../_virtual/_plugin-vue_export-helper.js";
 //#region lib/explorer/explorer.vue
-var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-87efec2f"]]);
+var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-8ff519a8"]]);
 //#endregion
 export { n as default };

package/dist/explorer/explorer.vue_vue_type_script_setup_true_lang.js

@@ -3,83 +3,97 @@ import { TreeItem_default as t } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.
 import n from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/chevron-right.js";
 import { ELEMENT_TO_COLOR as r } from "../icons/element-color-map.generated.js";
 import { ELEMENT_TO_ICON as i } from "../icons/element-icon-mapper.js";
-import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, openBlock as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, withCtx as b, withModifiers as x } from "vue";
+import { collectExpandableNodeIds as a } from "./collect-expandable-node-ids.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, renderList as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, withCtx as S, withModifiers as C } from "vue";
 //#region lib/explorer/explorer.vue?vue&type=script&setup=true&lang.ts
-var S = ["onClick", "onContextmenu"], C = { class: "flex flex-1 items-center min-w-0" }, w = ["aria-label", "data-tip"], T = { class: "pl-2 truncate" }, E = { class: "shrink-0 ml-auto pl-2" }, D = /*@__PURE__*/ u({
+var w = ["onClick", "onContextmenu"], T = { class: "flex flex-1 items-center min-w-0" }, E = ["aria-label", "data-tip"], D = { class: "pl-2 truncate" }, O = { class: "shrink-0 ml-auto pl-2" }, k = /*@__PURE__*/ f({
 	__name: "explorer",
 	props: {
 		items: {},
-		defaultExpandedItems: { default: () => [] },
+		expanded: { default: () => ({
+			scoped: [],
+			all: !1
+		}) },
 		ariaLabel: { default: "SCL Tree" }
 	},
-	emits: ["select", "contextmenu"],
-	setup(u, { emit: D }) {
-		let O = u, k = D;
-		return (u, D) => (m(), o(y(e), {
+	emits: [
+		"select",
+		"contextmenu",
+		"update:expanded"
+	],
+	setup(f, { emit: k }) {
+		let A = f, j = k, M = s(() => A.expanded.all ? a(A.items) : A.expanded.scoped);
+		return (a, s) => (g(), c(x(e), {
 			class: "explorer-tree list-none select-none w-full text-stone-700 text-sm font-medium",
-			items: O.items,
+			items: A.items,
 			"get-key": (e) => e.id,
-			"default-expanded": O.defaultExpandedItems,
-			"aria-label": O.ariaLabel
+			expanded: M.value,
+			"aria-label": A.ariaLabel,
+			"onUpdate:expanded": s[1] ||= (e) => j("update:expanded", {
+				scoped: e,
+				all: !1
+			})
 		}, {
-			default: b(({ flattenItems: e }) => [(m(!0), c(a, null, h(e, (e) => (m(), o(y(t), d({ key: e.value.id }, { ref_for: !0 }, e.bind, {
+			default: S(({ flattenItems: e }) => [(g(!0), u(o, null, _(e, (e) => (g(), c(x(t), p({ key: e.value.id }, { ref_for: !0 }, e.bind, {
 				class: ["explorer-tree__item py-1 my-0.5 rounded outline-none", e.value.selectable === !1 ? "" : "explorer-tree__item--selectable"],
 				onSelect: (t) => {
-					t.detail.originalEvent.type === "click" || e.value.selectable === !1 ? t.preventDefault() : k("select", e.value);
+					t.detail.originalEvent.type === "click" || e.value.selectable === !1 ? t.preventDefault() : j("select", e.value);
 				},
-				onToggle: D[0] ||= (e) => {
+				onToggle: s[0] ||= (e) => {
 					e.detail.originalEvent.type === "click" && e.preventDefault();
 				}
 			}), {
-				default: b(({ handleSelect: t, handleToggle: a }) => [l("div", {
-					class: f(["flex items-center", e.value.selectable !== !1 || e.hasChildren ? "cursor-pointer" : "cursor-default"]),
-					style: p({ "padding-left": e.level === 1 ? "0rem" : `${e.level - 1.5}rem` }),
+				default: S(({ handleSelect: t, handleToggle: o }) => [d("div", {
+					class: m(["flex items-center", e.value.selectable !== !1 || e.hasChildren ? "cursor-pointer" : "cursor-default"]),
+					style: h({ "padding-left": e.level === 1 ? "0rem" : `${e.level - 1.5}rem` }),
 					onClick: () => {
-						e.value.selectable === !1 ? e.hasChildren && a() : (t(), k("select", e.value));
+						e.value.selectable === !1 ? e.hasChildren && o() : (t(), j("select", e.value));
 					},
-					onContextmenu: x((t) => k("contextmenu", {
+					onContextmenu: C((t) => j("contextmenu", {
 						node: e.value,
 						event: t
 					}), ["prevent"])
 				}, [
-					e.hasChildren ? (m(), o(y(n), {
+					e.hasChildren ? (g(), c(x(n), {
 						key: 0,
 						"aria-hidden": "true",
 						class: "explorer-tree__chevron shrink-0",
 						size: 16,
-						onClick: x((e) => a(), ["stop"])
-					}, null, 8, ["onClick"])) : (m(), o(y(n), {
+						onClick: C(() => {
+							o();
+						}, ["stop"])
+					}, null, 8, ["onClick"])) : (g(), c(x(n), {
 						key: 1,
 						"aria-hidden": "true",
 						class: "shrink-0 invisible",
 						size: 16
 					})),
-					l("div", C, [
-						g(u.$slots, "node-prefix", { node: e.value }, void 0, !0),
-						e.value.tag ? (m(), c("div", {
+					d("div", T, [
+						v(a.$slots, "node-prefix", { node: e.value }, void 0, !0),
+						e.value.tag ? (g(), u("div", {
 							key: 0,
 							role: "img",
 							"aria-label": e.value.tag,
-							class: f(["explorer-tree__item-tag tooltip flex items-center justify-center rounded-full p-1", y(r)[e.value.tag]?.background]),
+							class: m(["explorer-tree__item-tag tooltip flex items-center justify-center rounded-full p-1", x(r)[e.value.tag]?.background]),
 							"data-tip": e.value.tag
-						}, [y(i)[e.value.tag] ? (m(), o(_(y(i)[e.value.tag]), {
+						}, [x(i)[e.value.tag] ? (g(), c(y(x(i)[e.value.tag]), {
 							key: 0,
-							class: f(["explorer-tree__item-icon h-4 w-4", y(r)[e.value.tag]?.text])
-						}, null, 8, ["class"])) : s("", !0)], 10, w)) : s("", !0),
-						g(u.$slots, "node-label", { node: e.value }, () => [l("span", T, v(e.value.name), 1)], !0)
+							class: m(["explorer-tree__item-icon h-4 w-4", x(r)[e.value.tag]?.text])
+						}, null, 8, ["class"])) : l("", !0)], 10, E)) : l("", !0),
+						v(a.$slots, "node-label", { node: e.value }, () => [d("span", D, b(e.value.name), 1)], !0)
 					]),
-					l("div", E, [g(u.$slots, "node-suffix", { node: e.value }, void 0, !0)])
-				], 46, S)]),
+					d("div", O, [v(a.$slots, "node-suffix", { node: e.value }, void 0, !0)])
+				], 46, w)]),
 				_: 2
 			}, 1040, ["class", "onSelect"]))), 128))]),
 			_: 3
 		}, 8, [
 			"items",
 			"get-key",
-			"default-expanded",
+			"expanded",
 			"aria-label"
 		]));
 	}
 });
 //#endregion
-export { D as default };
+export { k as default };

package/dist/explorer/index.js

@@ -1,2 +1,3 @@
-import e from "./explorer.js";
-export { e as SclExplorer };
+import { collectExpandableNodeIds as e } from "./collect-expandable-node-ids.js";
+import t from "./explorer.js";
+export { t as SclExplorer, e as collectExpandableNodeIds };