@septkit/ui 0.0.59 → 0.0.61

package/dist/diagram-layout/diagram-node-card.js

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

package/dist/diagram-layout/diagram-node-card.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,147 @@
+import e from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/info.js";
+import { ELEMENT_TO_COLOR as t } from "../icons/element-color-map.generated.js";
+import { ELEMENT_TO_ICON as n } from "../icons/element-icon-mapper.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withModifiers as y } from "vue";
+//#region lib/diagram-layout/diagram-node-card.vue?vue&type=script&setup=true&lang.ts
+var b = [
+	"data-testid",
+	"data-testid-node",
+	"data-node-id",
+	"tabindex",
+	"role",
+	"aria-expanded",
+	"aria-label",
+	"aria-level",
+	"aria-setsize",
+	"aria-posinset",
+	"aria-selected"
+], x = ["data-tip"], S = ["title"], C = ["data-testid"], w = {
+	key: 1,
+	class: "node-footer"
+}, T = {
+	"data-testid": "capsules",
+	class: "node-capsules"
+}, E = ["data-tip"], D = {
+	key: 1,
+	class: "capsule-tag"
+}, O = { class: "capsule-value" }, k = /*@__PURE__*/ u({
+	__name: "diagram-node-card",
+	props: {
+		nodeId: {},
+		tagName: {},
+		label: {},
+		hasChildren: { type: Boolean },
+		isExpanded: { type: Boolean },
+		width: {},
+		height: { default: void 0 },
+		compact: {
+			type: Boolean,
+			default: !1
+		},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		childCounts: { default: () => [] },
+		testId: { default: "diagram-node-card" },
+		detailsTestId: { default: "diagram-node-card-show-details" },
+		tabbable: {
+			type: Boolean,
+			default: !1
+		},
+		treeMeta: { default: void 0 }
+	},
+	emits: [
+		"select",
+		"toggle-expand",
+		"show-details",
+		"keydown"
+	],
+	setup(u, { expose: k, emit: A }) {
+		let j = u, M = A, N = m(null);
+		k({ focus: () => N.value?.focus() });
+		let P = i(() => ({
+			width: `${j.width}px`,
+			...j.height ? { height: `${j.height}px` } : {}
+		})), F = i(() => `${j.tagName}: ${j.label}`), I = i(() => n[j.tagName]), L = i(() => t[j.tagName]), R = i(() => {
+			let e = j.childCounts.reduce((e, t) => e + t.count, 0), t = e > 0 ? `, ${e} child element${e === 1 ? "" : "s"}` : "";
+			return `${j.tagName}: ${j.label}${t}`;
+		}), z = i(() => j.treeMeta ? "treeitem" : void 0);
+		function B() {
+			M("select", j.nodeId), j.hasChildren && M("toggle-expand", j.nodeId);
+		}
+		function V(e) {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault(), B();
+				return;
+			}
+			M("keydown", e);
+		}
+		return (i, u) => (p(), s("div", {
+			ref_key: "rootEl",
+			ref: N,
+			class: d(["node-root", { selected: j.selected }]),
+			"data-testid": j.testId,
+			"data-testid-node": j.tagName,
+			"data-node-id": j.nodeId,
+			style: f(P.value),
+			tabindex: j.tabbable ? 0 : -1,
+			role: z.value,
+			"aria-expanded": j.hasChildren ? j.isExpanded : void 0,
+			"aria-label": R.value,
+			"aria-level": j.treeMeta?.level,
+			"aria-setsize": j.treeMeta?.setsize,
+			"aria-posinset": j.treeMeta?.posinset,
+			"aria-selected": j.selected,
+			onClick: y(B, ["stop"]),
+			onKeydown: V
+		}, [c("div", {
+			"data-testid": "node-body",
+			class: d(["node-body", { compact: j.compact }])
+		}, [
+			j.compact ? o("", !0) : (p(), s("div", {
+				key: 0,
+				"data-testid": "type-label",
+				class: d(["node-type-label", [L.value?.background, L.value?.text]])
+			}, _(j.tagName), 3)),
+			c("div", {
+				"data-testid": "header",
+				class: d(["header", {
+					collapsed: !j.isExpanded,
+					expanded: j.isExpanded
+				}])
+			}, [
+				I.value ? (p(), s("div", {
+					key: 0,
+					"data-testid": "icon-circle",
+					class: d(["node-icon-circle tooltip", [L.value?.background, L.value?.text]]),
+					"data-tip": j.tagName
+				}, [(p(), a(g(I.value)))], 10, x)) : o("", !0),
+				c("div", {
+					"data-testid": "node-label",
+					class: "node-label",
+					title: F.value
+				}, _(j.label), 9, S),
+				c("button", {
+					type: "button",
+					class: "details-button tooltip",
+					"data-testid": j.detailsTestId,
+					"data-tip": "Show details",
+					"aria-label": "Show details",
+					onClick: u[0] ||= y((e) => M("show-details", j.nodeId), ["stop"])
+				}, [l(v(e), { size: 16 })], 8, C)
+			], 2),
+			j.childCounts.length > 0 ? (p(), s("div", w, [c("div", T, [(p(!0), s(r, null, h(j.childCounts, (e) => (p(), s("div", {
+				key: e.tagName,
+				"data-testid": "capsule",
+				class: d(["capsule tooltip", [v(t)[e.tagName]?.text]]),
+				"data-tip": `${e.count} × ${e.tagName}`
+			}, [v(n)[e.tagName] ? (p(), a(g(v(n)[e.tagName]), {
+				key: 0,
+				class: "capsule-icon"
+			})) : (p(), s("span", D, _(e.tagName), 1)), c("span", O, _(e.label ?? e.count), 1)], 10, E))), 128))])])) : o("", !0)
+		], 2)], 46, b));
+	}
+});
+//#endregion
+export { k as default };

package/dist/diagram-layout/diagram-node-group.js

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

package/dist/diagram-layout/diagram-node-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,107 @@
+import e from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/chevron-down.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/chevron-right.js";
+import { ELEMENT_TO_COLOR as n } from "../icons/element-color-map.generated.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _ } from "vue";
+//#region lib/diagram-layout/diagram-node-group.vue?vue&type=script&setup=true&lang.ts
+var v = ["data-testid"], y = [
+	"data-testid",
+	"role",
+	"tabindex",
+	"aria-expanded",
+	"aria-label",
+	"aria-level",
+	"aria-setsize",
+	"aria-posinset"
+], b = ["title"], x = {
+	key: 0,
+	class: "group-toggle"
+}, S = ["role"], C = /*@__PURE__*/ l({
+	__name: "diagram-node-group",
+	props: {
+		groupId: {},
+		tagName: {},
+		label: {},
+		count: {},
+		width: {},
+		collapsedMembersHeight: {},
+		members: { default: () => [] },
+		expanded: {
+			type: Boolean,
+			default: !1
+		},
+		expandable: {
+			type: Boolean,
+			default: !1
+		},
+		testId: { default: "diagram-node-group" },
+		toggleTestId: { default: "diagram-node-group-toggle" },
+		tabbable: {
+			type: Boolean,
+			default: void 0
+		},
+		treeMeta: { default: void 0 }
+	},
+	emits: ["toggle", "keydown"],
+	setup(l, { expose: C, emit: w }) {
+		let T = l, E = w, D = p(null);
+		C({ focus: () => D.value?.focus() });
+		let O = i(() => n[T.tagName]), k = i(() => ({ width: `${T.width}px` })), A = i(() => T.expanded ? {} : {
+			height: `${T.collapsedMembersHeight}px`,
+			overflowY: "auto",
+			overflowX: "hidden"
+		}), j = i(() => `${T.tagName} group, ${T.count} item${T.count === 1 ? "" : "s"}`), M = i(() => {
+			if (T.tabbable !== void 0) return T.tabbable ? 0 : -1;
+		}), N = i(() => T.treeMeta ? "treeitem" : void 0), P = i(() => T.treeMeta ? "group" : void 0);
+		function F() {
+			T.expandable && E("toggle", T.groupId);
+		}
+		function I(e) {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault(), F();
+				return;
+			}
+			E("keydown", e);
+		}
+		return (n, i) => (f(), s("div", {
+			class: u(["group-root", O.value?.text]),
+			style: d(k.value),
+			"data-testid": T.testId
+		}, [c("div", {
+			ref_key: "headerEl",
+			ref: D,
+			class: u(["group-header", [
+				O.value?.background,
+				O.value?.text,
+				{ "is-expandable": T.expandable }
+			]]),
+			"data-testid": T.toggleTestId,
+			role: N.value,
+			tabindex: M.value,
+			"aria-expanded": T.expandable ? T.expanded : void 0,
+			"aria-label": j.value,
+			"aria-level": T.treeMeta?.level,
+			"aria-setsize": T.treeMeta?.setsize,
+			"aria-posinset": T.treeMeta?.posinset,
+			onClick: F,
+			onKeydown: I
+		}, [c("div", {
+			class: "group-label",
+			title: `${T.tagName} group (${T.count})`
+		}, g(T.label), 9, b), T.expandable ? (f(), s("div", x, [T.expanded ? (f(), a(_(e), {
+			key: 0,
+			size: 24
+		})) : (f(), a(_(t), {
+			key: 1,
+			size: 24
+		}))])) : o("", !0)], 42, y), c("div", {
+			class: "group-members",
+			role: P.value,
+			style: d(A.value)
+		}, [(f(!0), s(r, null, m(T.members, (e) => h(n.$slots, "member", {
+			key: e.id,
+			member: e
+		}, void 0, !0)), 128))], 12, S)], 14, v));
+	}
+});
+//#endregion
+export { C as default };

package/dist/diagram-layout/group-geometry.js

@@ -0,0 +1,7 @@
+//#region lib/diagram-layout/group-geometry.ts
+var e = 34, t = 72, n = 48, r = 12, i = 156;
+function a(e) {
+	return e ? 72 : 48;
+}
+//#endregion
+export { i as GROUP_COLLAPSED_MEMBERS_HEIGHT, e as GROUP_HEADER_HEIGHT, r as GROUP_MEMBER_GAP, t as GROUP_MEMBER_HEIGHT, n as GROUP_MEMBER_HEIGHT_COMPACT, a as memberCardHeight };

package/dist/diagram-layout/group-stack.js

@@ -0,0 +1,13 @@
+//#region lib/diagram-layout/group-stack.ts
+function e(e, t) {
+	let { memberHeights: n, gap: r, collapsedHeight: i } = e, a = n.reduce((e, t) => e + t, 0) + Math.max(0, n.length - 1) * r, o = Math.min(a, i), s = a > i;
+	return {
+		contentHeight: a,
+		collapsedShownHeight: o,
+		expandable: s,
+		scrolls: !t && s,
+		shownHeight: t ? a : o
+	};
+}
+//#endregion
+export { e as groupStackMetrics };

package/dist/diagram-layout/grouping.js

@@ -0,0 +1,33 @@
+//#region lib/diagram-layout/grouping.ts
+var e = "__group__";
+function t(t, n) {
+	return `${e}${t}_${n}`;
+}
+function n(t) {
+	return t.startsWith(e);
+}
+function r(e, n) {
+	let r = new Set(e), i = [];
+	for (let a of e) {
+		let e = n[a];
+		if (!e) continue;
+		let o = e.childrenCache.map((e) => e.record.id).filter((e) => r.has(e)), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+		for (let e of o) {
+			let t = n[e];
+			if (!t) continue;
+			let r = t.record.tagName;
+			if (c.set(r, (c.get(r) ?? 0) + 1), t.visibleChildIds.size > 0) continue;
+			let i = s.get(r);
+			i ? i.push(e) : s.set(r, [e]);
+		}
+		for (let [e, n] of s) (c.get(e) ?? 0) >= 2 && n.length >= 1 && i.push({
+			id: t(a, e),
+			parentId: a,
+			tagName: e,
+			memberIds: n
+		});
+	}
+	return i;
+}
+//#endregion
+export { r as computeGroups, n as isGroupId, t as makeGroupId };

package/dist/diagram-layout/index.js

@@ -1,2 +1,9 @@
-import { createElkLayoutEngine as e } from "./elk-layout-engine.js";
-export { e as createElkLayoutEngine };
+import { applyInitialVisibility as e, buildRecordCache as t, collectVisibleIds as n, hideDescendants as r } from "./visibility-model.js";
+import { groupStackMetrics as i } from "./group-stack.js";
+import { GROUP_COLLAPSED_MEMBERS_HEIGHT as a, GROUP_HEADER_HEIGHT as o, GROUP_MEMBER_GAP as s, GROUP_MEMBER_HEIGHT as c, GROUP_MEMBER_HEIGHT_COMPACT as l, memberCardHeight as u } from "./group-geometry.js";
+import { computeGroups as d, isGroupId as f, makeGroupId as p } from "./grouping.js";
+import { createElkLayoutEngine as m } from "./elk-layout-engine.js";
+import { useDiagramLayout as h } from "./use-diagram-layout.js";
+import g from "./diagram-node-card.js";
+import _ from "./diagram-node-group.js";
+export { g as DiagramNodeCard, _ as DiagramNodeGroup, a as GROUP_COLLAPSED_MEMBERS_HEIGHT, o as GROUP_HEADER_HEIGHT, s as GROUP_MEMBER_GAP, c as GROUP_MEMBER_HEIGHT, l as GROUP_MEMBER_HEIGHT_COMPACT, e as applyInitialVisibility, t as buildRecordCache, n as collectVisibleIds, d as computeGroups, m as createElkLayoutEngine, i as groupStackMetrics, r as hideDescendants, f as isGroupId, p as makeGroupId, u as memberCardHeight, h as useDiagramLayout };

package/dist/diagram-layout/use-diagram-layout.js

@@ -0,0 +1,319 @@
+import { applyInitialVisibility as e, buildRecordCache as t, collectVisibleIds as n, hideDescendants as r } from "./visibility-model.js";
+import { computeGroups as i, isGroupId as a } from "./grouping.js";
+import { createElkLayoutEngine as o } from "./elk-layout-engine.js";
+import { shallowRef as s, triggerRef as c } from "vue";
+//#region lib/diagram-layout/use-diagram-layout.ts
+var l = "__virtual_root__", u = 100;
+function d(d) {
+	let f = d.engine ?? o(), p = d.measuredHeightFeedback ?? !0, m = [], h = {}, g = [], _ = [], v = 0, y = null, b = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map(), S = s(/* @__PURE__ */ new Set()), C = s([]), w = s([]), T = s([]), E = s(/* @__PURE__ */ new Map()), D = s([]);
+	function O(e) {
+		m = e;
+	}
+	function k() {
+		S.value = /* @__PURE__ */ new Set(), x.clear(), b.clear(), v = 0, y = null, D.value = [];
+	}
+	function A(e) {
+		_ = e;
+	}
+	async function j(n) {
+		let r = t(m, d.isRoot);
+		h = r.recordMap, g = r.rootIds, D.value = r.orphanIds, e(h, g, n), await U();
+	}
+	async function M() {
+		await U();
+	}
+	async function N(e) {
+		if (!p) return !1;
+		let t = !1;
+		for (let n in e) {
+			let r = e[n];
+			r > 0 && b.get(n) !== r && (b.set(n, r), t = !0);
+		}
+		return t && m.length > 0 ? (await M(), !0) : !1;
+	}
+	async function P(e) {
+		let t = h[e];
+		if (t) {
+			x.set(e, ++v);
+			for (let e of t.childrenCache) t.visibleChildIds.add(e.record.id);
+			await M();
+		}
+	}
+	async function F(e) {
+		let t = h[e];
+		t && (r(t), await M());
+	}
+	async function I(e) {
+		let t = h[e];
+		t && (t.visibleChildIds.size > 0 ? await F(e) : await P(e));
+	}
+	async function L(e) {
+		let t = q(e, E.value.get(e) ?? []);
+		t && K(t, S.value.has(e)).expandable && (S.value.has(e) ? S.value.delete(e) : S.value.add(e), c(S), await M());
+	}
+	function R(e) {
+		return !!h[e]?.childrenCache.length;
+	}
+	function z(e, t) {
+		let n = h[e];
+		if (n) {
+			m.push(...t);
+			for (let e of t) {
+				let t = {
+					record: e,
+					childrenCache: [],
+					visibleChildIds: /* @__PURE__ */ new Set()
+				};
+				h[e.id] = t, n.childrenCache.push(t), n.visibleChildIds.add(e.id);
+			}
+		}
+	}
+	function B(e) {
+		return h[e];
+	}
+	function V(e, t) {
+		let n = h[e];
+		if (!n) return;
+		let r = {
+			...n.record,
+			...t
+		};
+		n.record = r, m = m.map((t) => t.id === e ? r : t), H();
+	}
+	function H() {
+		if (!y) return;
+		let { emitSequence: e, positions: t, groupLayouts: n } = y, r = [], i = [];
+		for (let a of e) {
+			let e = t[a.kind === "group" ? a.group.id : a.id] ?? {
+				x: 0,
+				y: 0
+			};
+			if (a.kind === "node") {
+				r.push(d.toNode({
+					entry: h[a.id],
+					position: e
+				}));
+				continue;
+			}
+			let o = n.get(a.group.id);
+			i.push(d.toGroupNode({
+				group: a.group,
+				members: G(a.group.memberIds),
+				position: e,
+				size: o,
+				expanded: S.value.has(a.group.id),
+				expandable: o.expandable
+			}));
+		}
+		C.value = [...r, ...i];
+	}
+	async function U() {
+		let e = n(g, h), t = new Set(e), r = i(e, h), a = new Set(r.flatMap((e) => e.memberIds)), o = new Map(r.map((e) => [`${e.parentId}::${e.tagName}`, e])), s = J(e), c = (e) => (s.get(e) ?? 0) >= 2, p = Y(e, a, c), m = Z(e, o, p, c), _ = Q(m, t, a, o, p, c), v = Math.max(0, ...e.map((e) => W(e).width)) + u, b = /* @__PURE__ */ new Map(), x = [{
+			id: l,
+			width: 0,
+			height: 0,
+			orderHint: -v
+		}, ...m.map((e) => {
+			if (e.kind === "group") {
+				let t = K(e.group, S.value.has(e.group.id));
+				return b.set(e.group.id, t), {
+					id: e.group.id,
+					width: t.width,
+					height: t.height,
+					orderHint: (_.get(e.group.id) ?? 0) * v
+				};
+			}
+			let t = W(e.id);
+			return {
+				id: e.id,
+				width: t.width,
+				height: t.height,
+				orderHint: (_.get(e.id) ?? 0) * v
+			};
+		})], C = X(m, t, a), D = {
+			nodes: x,
+			edges: C
+		}, O = await f.layout(D, d.layoutOptions);
+		y = {
+			emitSequence: m,
+			positions: O.positions,
+			groupLayouts: b
+		}, H();
+		let k = new Set(m.map((e) => e.kind === "group" ? e.group.id : e.id));
+		T.value = m.map((e) => {
+			let t = e.kind === "group" ? e.group.id : e.id, n = e.kind === "group" ? e.group.parentId : h[e.id]?.record.parent?.id, r = O.positions[t] ?? {
+				x: 0,
+				y: 0
+			};
+			return {
+				id: t,
+				x: r.x,
+				y: r.y,
+				parentId: n && k.has(n) ? n : null
+			};
+		}), E.value = new Map(r.map((e) => [e.id, e.memberIds]));
+		let A = C.filter((e) => e.sources[0] !== l).filter((e) => !a.has(e.targets[0])), j = /* @__PURE__ */ new Map();
+		for (let e of A) {
+			let t = e.sources[0];
+			j.set(t, (j.get(t) ?? 0) + 1);
+		}
+		w.value = A.map((e) => {
+			let t = j.get(e.sources[0]) === 1;
+			return d.toEdge({
+				edge: e,
+				route: t ? [] : O.edgeRoutes[e.id] ?? [],
+				singleChild: t
+			});
+		});
+	}
+	function W(e) {
+		let t = h[e];
+		return d.nodeSize(t.record, b.get(e));
+	}
+	function G(e) {
+		return e.map((e) => h[e]).filter(Boolean);
+	}
+	function K(e, t) {
+		return d.groupLayout(e, G(e.memberIds), t);
+	}
+	function q(e, t) {
+		if (!a(e) || t.length === 0) return;
+		let n = h[t[0]]?.record;
+		if (n?.parent?.id) return {
+			id: e,
+			parentId: n.parent.id,
+			tagName: n.tagName,
+			memberIds: t
+		};
+	}
+	function J(e) {
+		let t = /* @__PURE__ */ new Map();
+		for (let n of e) {
+			let e = h[n]?.record;
+			if (!e?.parent?.id) continue;
+			let r = `${e.parent.id}::${e.tagName}`;
+			t.set(r, (t.get(r) ?? 0) + 1);
+		}
+		return t;
+	}
+	function Y(e, t, n) {
+		let r = /* @__PURE__ */ new Map();
+		for (let i of e) {
+			if (t.has(i)) continue;
+			let e = h[i]?.record;
+			if (!e?.parent?.id) continue;
+			let a = `${e.parent.id}::${e.tagName}`;
+			if (!n(a)) continue;
+			let o = r.get(a);
+			o ? o.push(i) : r.set(a, [i]);
+		}
+		for (let e of r.values()) e.sort((e, t) => (x.get(e) ?? 0) - (x.get(t) ?? 0));
+		return r;
+	}
+	function X(e, t, n) {
+		let r = [];
+		for (let i of e) {
+			let e = i.kind === "group" ? i.group.id : i.id, a = i.kind === "group" ? i.group.parentId : h[i.id]?.record.parent?.id, o = a && t.has(a) && !n.has(a) ? a : l;
+			r.push({
+				id: `${o}->${e}`,
+				sources: [o],
+				targets: [e]
+			});
+		}
+		for (let e of _) t.has(e.source) && t.has(e.target) && r.push({
+			id: e.id,
+			sources: [e.source],
+			targets: [e.target]
+		});
+		return r;
+	}
+	function Z(e, t, n, r) {
+		let i = [], a = /* @__PURE__ */ new Set();
+		for (let o of e) {
+			let e = h[o]?.record, s = e?.parent?.id ? `${e.parent.id}::${e.tagName}` : void 0;
+			if (s && r(s)) {
+				if (!a.has(s)) {
+					a.add(s);
+					for (let e of n.get(s) ?? []) i.push({
+						kind: "node",
+						id: e
+					});
+					let e = t.get(s);
+					e && i.push({
+						kind: "group",
+						group: e
+					});
+				}
+				continue;
+			}
+			i.push({
+				kind: "node",
+				id: o
+			});
+		}
+		return i;
+	}
+	function Q(e, t, n, r, i, a) {
+		let o = /* @__PURE__ */ new Map(), s = 0, c = (e) => {
+			let n = h[e];
+			if (!n) return [];
+			let o = [], s = /* @__PURE__ */ new Set();
+			for (let c of n.childrenCache) {
+				let n = c.record.id;
+				if (!t.has(n)) continue;
+				let l = `${e}::${c.record.tagName}`;
+				if (a(l)) {
+					if (!s.has(l)) {
+						s.add(l);
+						for (let e of i.get(l) ?? []) o.push({
+							kind: "node",
+							id: e
+						});
+						let e = r.get(l);
+						e && o.push({
+							kind: "group",
+							group: e
+						});
+					}
+					continue;
+				}
+				o.push({
+					kind: "node",
+					id: n
+				});
+			}
+			return o;
+		}, l = (e) => {
+			for (let t of e) t.kind === "group" ? o.set(t.group.id, s++) : (o.set(t.id, s++), l(c(t.id)));
+		};
+		return l(e.filter((e) => {
+			if (e.kind === "group") return !(t.has(e.group.parentId) && !n.has(e.group.parentId));
+			let r = h[e.id]?.record.parent?.id;
+			return !(r && t.has(r) && !n.has(r));
+		})), o;
+	}
+	return {
+		flowNodes: C,
+		flowEdges: w,
+		navNodes: T,
+		groupMembersById: E,
+		expandedGroupIds: S,
+		orphanIds: D,
+		setRecords: O,
+		setConnections: A,
+		reset: k,
+		calcLayout: j,
+		reCalcLayout: M,
+		applyMeasuredHeights: N,
+		expandNode: P,
+		collapseNode: F,
+		toggleNode: I,
+		toggleGroup: L,
+		hasNodeLoadedChildren: R,
+		addChildren: z,
+		getRecordEntry: B,
+		updateRecord: V
+	};
+}
+//#endregion
+export { d as useDiagramLayout };