@wirecore/wirelayer-vue 0.1.0 → 0.2.0

package/dist/virtual.js

@@ -1,14 +1,14 @@
 import { a as e, n as t } from "./recipes-CcZk3fPU.js";
 import { t as n } from "./attrs-KNjeRUCf.js";
 import { a as r, i, n as a, r as o } from "./Highlight-D9NePuM4.js";
-import { a as s, i as c, n as l, r as ee, t as u } from "./useTree-DO_-mY9G.js";
-import { Fragment as d, Teleport as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as v, createTextVNode as y, createVNode as b, defineComponent as x, guardReactiveProps as S, mergeProps as te, nextTick as C, normalizeClass as w, normalizeProps as T, normalizeStyle as E, onMounted as D, openBlock as O, provide as k, ref as A, renderList as j, renderSlot as M, resolveDynamicComponent as N, toDisplayString as P, unref as F, useAttrs as ne, useId as I, useSlots as L, watch as R, withCtx as z } from "vue";
-import { Check as B, ChevronDown as V, LoaderCircle as H, X as re } from "@lucide/vue";
-import { flattenTree as U, select as ie, tree as ae, virtualList as oe, virtualListBox as W } from "@wirecore/wirelayer-recipes";
-import { createListCollection as se } from "@ark-ui/vue/collection";
-import { Select as G } from "@ark-ui/vue/select";
-import { TreeView as K, useTreeView as q } from "@ark-ui/vue/tree-view";
-import { defaultRangeExtractor as ce, useVirtualizer as le } from "@tanstack/vue-virtual";
+import { a as ee, i as s, n as c, r as te, t as l } from "./useTree-DO_-mY9G.js";
+import { Fragment as u, Teleport as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as v, createVNode as y, defineComponent as b, guardReactiveProps as x, mergeProps as ne, nextTick as S, normalizeClass as C, normalizeProps as w, normalizeStyle as T, onMounted as E, openBlock as D, provide as O, ref as k, renderList as A, renderSlot as j, resolveDynamicComponent as M, toDisplayString as N, unref as P, useAttrs as re, useId as F, useSlots as I, watch as L, withCtx as R } from "vue";
+import { Check as z, ChevronDown as B, LoaderCircle as V, X as ie } from "@lucide/vue";
+import { flattenTree as H, select as ae, tree as oe, virtualList as se, virtualListBox as U } from "@wirecore/wirelayer-recipes";
+import { createListCollection as ce } from "@ark-ui/vue/collection";
+import { Select as W } from "@ark-ui/vue/select";
+import { TreeView as G, useTreeView as K } from "@ark-ui/vue/tree-view";
+import { defaultRangeExtractor as le, useVirtualizer as q } from "@tanstack/vue-virtual";
 //#region src/virtual/VirtualSelect.vue?vue&type=script&setup=true&lang.ts
 var ue = ["aria-label", "onClick"], de = [
 	"aria-controls",
@@ -17,7 +17,7 @@ var ue = ["aria-label", "onClick"], de = [
 	"placeholder",
 	"value",
 	"onInput"
-], J = /* @__PURE__ */ x({
+], J = /* @__PURE__ */ b({
 	inheritAttrs: !1,
 	__name: "VirtualSelect",
 	props: {
@@ -59,37 +59,37 @@ var ue = ["aria-label", "onClick"], de = [
 		"filterChange",
 		"loadMore"
 	],
-	setup(i, { emit: s }) {
-		let c = e(), l = i, ee = t("select", ie), u = t("virtualList", oe), x = s, k = ne(), M = p(() => n(k)), L = p(() => ee({
-			size: l.size,
-			clearable: l.clearable
-		})), U = u(), ae = c.select, W = p(() => ({
-			itemValue: l.itemValue,
-			itemLabel: l.itemLabel,
-			itemDisabled: l.itemDisabled,
+	setup(i, { emit: ee }) {
+		let s = e(), c = i, te = t("select", ae), l = t("virtualList", se), b = ee, O = re(), j = f(() => n(O)), I = f(() => te({
+			size: c.size,
+			clearable: c.clearable
+		})), H = l(), oe = s.select, U = f(() => ({
+			itemValue: c.itemValue,
+			itemLabel: c.itemLabel,
+			itemDisabled: c.itemDisabled,
 			itemGroup: () => void 0,
-			valueKey: l.valueKey
-		})), K = A(""), q = r({
-			items: () => l.items,
-			source: () => l.dataSource,
-			accessors: () => W.value,
-			pageSize: () => l.pageSize,
-			minSearchLength: () => l.minSearchLength
-		}), { options: ce, visible: J } = a(() => q.items.value, () => W.value, () => l.filter && !l.manualFilter && !l.dataSource ? K.value : ""), Y = p(() => [...ce.value, ...q.resolvedOptions.value]), { selected: fe, keys: X, commit: pe, commitKeys: me } = o({
+			valueKey: c.valueKey
+		})), G = k(""), K = r({
+			items: () => c.items,
+			source: () => c.dataSource,
+			accessors: () => U.value,
+			pageSize: () => c.pageSize,
+			minSearchLength: () => c.minSearchLength
+		}), { options: le, visible: J } = a(() => K.items.value, () => U.value, () => c.filter && !c.manualFilter && !c.dataSource ? G.value : ""), Y = f(() => [...le.value, ...K.resolvedOptions.value]), { selected: fe, keys: X, commit: pe, commitKeys: me } = o({
 			multiple: !1,
-			model: () => l.modelValue,
-			defaultValue: l.defaultValue,
-			accessors: () => W.value,
+			model: () => c.modelValue,
+			defaultValue: c.defaultValue,
+			accessors: () => U.value,
 			items: Y,
-			emit: (e) => x("update:modelValue", e)
-		}), Z = p(() => fe.value[0]), he = p(() => se({
+			emit: (e) => b("update:modelValue", e)
+		}), Z = f(() => fe.value[0]), he = f(() => ce({
 			items: J.value,
 			itemToString: (e) => e.label,
 			itemToValue: (e) => e.key,
 			isItemDisabled: (e) => e.disabled
-		})), ge = I(), _e = A(null), ve = A(null), ye = (e) => e ? "$el" in e ? e.$el ?? null : e : null, Q = le(p(() => ({
+		})), ge = F(), _e = k(null), ve = k(null), ye = (e) => e ? "$el" in e ? e.$el ?? null : e : null, Q = q(f(() => ({
 			count: J.value.length,
-			getScrollElement: () => ye(l.filter ? ve.value : _e.value),
+			getScrollElement: () => ye(c.filter ? ve.value : _e.value),
 			estimateSize: () => 36,
 			overscan: 8,
 			initialRect: {
@@ -97,21 +97,21 @@ var ue = ["aria-label", "onClick"], de = [
 				height: 288
 			}
 		})));
-		D(() => q.resolve(X.value, Y.value)), R(X, (e) => q.resolve(e, Y.value));
-		let $ = p(() => l.loading || q.loading.value), be = p(() => l.hasMore || q.hasMore.value), xe = p(() => Q.value.getVirtualItems().at(-1)?.index ?? -1);
-		R([
+		E(() => K.resolve(X.value, Y.value)), L(X, (e) => K.resolve(e, Y.value));
+		let $ = f(() => c.loading || K.loading.value), be = f(() => c.hasMore || K.hasMore.value), xe = f(() => Q.value.getVirtualItems().at(-1)?.index ?? -1);
+		L([
 			xe,
 			() => J.value.length,
 			$,
 			be
 		], () => {
-			!be.value || $.value || !J.value.length || xe.value < J.value.length - 1 || (l.dataSource ? q.loadMore() : x("loadMore"));
+			!be.value || $.value || !J.value.length || xe.value < J.value.length - 1 || (c.dataSource ? K.loadMore() : b("loadMore"));
 		});
 		function Se(e) {
-			l.clearable && fe.value.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), pe([]));
+			c.clearable && fe.value.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), pe([]));
 		}
 		function Ce(e, t) {
-			K.value = t.target.value, x("filterChange", K.value), l.dataSource && q.search(K.value), !(l.manualFilter || l.dataSource) && C(() => {
+			G.value = t.target.value, b("filterChange", G.value), c.dataSource && K.search(G.value), !(c.manualFilter || c.dataSource) && S(() => {
 				let t = J.value.find((e) => !e.disabled);
 				t && e.setHighlightValue(t.key);
 			});
@@ -120,134 +120,134 @@ var ue = ["aria-label", "onClick"], de = [
 			(e.key === " " || e.key === "Home" || e.key === "End") && e.stopPropagation();
 		}
 		function Te(e) {
-			e && q.open(), !e && K.value && (K.value = "", x("filterChange", ""), l.dataSource && q.search(""));
+			e && K.open(), !e && G.value && (G.value = "", b("filterChange", ""), c.dataSource && K.search(""));
 		}
 		let Ee = (e) => e.highlightedItem ? e.getItemProps({ item: e.highlightedItem }).id : void 0, De = {
 			sameWidth: !0,
 			gutter: 4
 		};
-		return (e, t) => (O(), m(F(G).Root, {
-			class: w(L.value.base({ class: M.value.className })),
-			style: E(M.value.style),
+		return (e, t) => (D(), p(P(W).Root, {
+			class: C(I.value.base({ class: j.value.className })),
+			style: T(j.value.style),
 			collection: he.value,
-			"model-value": F(X),
+			"model-value": P(X),
 			disabled: i.disabled,
 			invalid: i.invalid,
 			required: i.required,
 			name: i.name,
 			positioning: De,
 			composite: !i.filter,
-			"scroll-to-index-fn": (e) => F(Q).scrollToIndex(e.index, { align: "auto" }),
-			onValueChange: t[0] ||= (e) => F(me)(e.value, e.items),
+			"scroll-to-index-fn": (e) => P(Q).scrollToIndex(e.index, { align: "auto" }),
+			onValueChange: t[0] ||= (e) => P(me)(e.value, e.items),
 			onOpenChange: t[1] ||= (e) => Te(e.open)
 		}, {
-			default: z(() => [
-				b(F(G).Control, T(S(i.clearable ? { class: L.value.control() } : {})), {
-					default: z(() => [b(F(G).Trigger, te(M.value.rest, {
-						class: L.value.trigger(),
+			default: R(() => [
+				y(P(W).Control, w(x(i.clearable ? { class: I.value.control() } : {})), {
+					default: R(() => [y(P(W).Trigger, ne(j.value.rest, {
+						class: I.value.trigger(),
 						"aria-busy": $.value || void 0,
 						onKeydown: Se
 					}), {
-						default: z(() => [_("span", { class: w(L.value.value()) }, [Z.value?.icon ? (O(), m(N(Z.value.icon), {
+						default: R(() => [g("span", { class: C(I.value.value()) }, [Z.value?.icon ? (D(), p(M(Z.value.icon), {
 							key: 0,
-							class: w(L.value.icon()),
+							class: C(I.value.icon()),
 							"aria-hidden": "true"
-						}, null, 8, ["class"])) : h("", !0), b(F(G).ValueText, { placeholder: i.placeholder ?? F(c).common.placeholder }, v({ _: 2 }, [Z.value ? {
+						}, null, 8, ["class"])) : m("", !0), y(P(W).ValueText, { placeholder: i.placeholder ?? P(s).common.placeholder }, _({ _: 2 }, [Z.value ? {
 							name: "default",
-							fn: z(() => [y(P(Z.value.label), 1)]),
+							fn: R(() => [v(N(Z.value.label), 1)]),
 							key: "0"
-						} : void 0]), 1032, ["placeholder"])], 2), b(F(G).Indicator, { class: w(L.value.indicator()) }, {
-							default: z(() => [$.value ? (O(), m(F(H), {
+						} : void 0]), 1032, ["placeholder"])], 2), y(P(W).Indicator, { class: C(I.value.indicator()) }, {
+							default: R(() => [$.value ? (D(), p(P(V), {
 								key: 0,
-								class: w(L.value.spinner()),
+								class: C(I.value.spinner()),
 								"aria-hidden": "true"
-							}, null, 8, ["class"])) : (O(), m(F(V), {
+							}, null, 8, ["class"])) : (D(), p(P(B), {
 								key: 1,
-								class: w(L.value.indicatorIcon()),
+								class: C(I.value.indicatorIcon()),
 								"aria-hidden": "true"
 							}, null, 8, ["class"]))]),
 							_: 1
 						}, 8, ["class"])]),
 						_: 1
-					}, 16, ["class", "aria-busy"]), i.clearable ? (O(), m(F(G).Context, { key: 0 }, {
-						default: z((e) => [Z.value && !e.disabled ? (O(), g("button", {
+					}, 16, ["class", "aria-busy"]), i.clearable ? (D(), p(P(W).Context, { key: 0 }, {
+						default: R((e) => [Z.value && !e.disabled ? (D(), h("button", {
 							key: 0,
 							type: "button",
 							tabindex: "-1",
-							class: w(L.value.clear()),
-							"aria-label": F(ae).clear,
+							class: C(I.value.clear()),
+							"aria-label": P(oe).clear,
 							onClick: (t) => {
-								F(pe)([]), e.focus();
+								P(pe)([]), e.focus();
 							}
-						}, [b(F(re), {
-							class: w(L.value.clearIcon()),
+						}, [y(P(ie), {
+							class: C(I.value.clearIcon()),
 							"aria-hidden": "true"
-						}, null, 8, ["class"])], 10, ue)) : h("", !0)]),
+						}, null, 8, ["class"])], 10, ue)) : m("", !0)]),
 						_: 1
-					})) : h("", !0)]),
+					})) : m("", !0)]),
 					_: 1
 				}, 16),
-				(O(), m(f, { to: "body" }, [b(F(G).Positioner, null, {
-					default: z(() => [b(F(G).Content, {
+				(D(), p(d, { to: "body" }, [y(P(W).Positioner, null, {
+					default: R(() => [y(P(W).Content, {
 						ref_key: "content",
 						ref: _e,
-						class: w(L.value.content()),
+						class: C(I.value.content()),
 						"aria-busy": $.value || void 0,
-						"aria-label": i.filter ? M.value.rest["aria-label"] : void 0
+						"aria-label": i.filter ? j.value.rest["aria-label"] : void 0
 					}, {
-						default: z(() => [i.filter ? (O(), g("div", {
+						default: R(() => [i.filter ? (D(), h("div", {
 							key: 0,
-							class: w(L.value.header())
-						}, [b(F(G).Context, null, {
-							default: z((e) => [_("input", {
+							class: C(I.value.header())
+						}, [y(P(W).Context, null, {
+							default: R((e) => [g("input", {
 								type: "text",
 								role: "combobox",
 								autocomplete: "off",
 								"aria-autocomplete": "list",
 								"aria-expanded": "true",
 								"data-autofocus": "",
-								"aria-controls": F(ge),
+								"aria-controls": P(ge),
 								"aria-activedescendant": Ee(e),
-								"aria-label": F(ae).filter,
-								placeholder: F(c).combobox.search,
-								value: K.value,
-								class: w(L.value.search()),
+								"aria-label": P(oe).filter,
+								placeholder: P(s).combobox.search,
+								value: G.value,
+								class: C(I.value.search()),
 								onInput: (t) => Ce(e, t),
 								onKeydown: we
 							}, null, 42, de)]),
 							_: 1
-						})], 2)) : h("", !0), i.filter ? (O(), m(F(G).List, {
+						})], 2)) : m("", !0), i.filter ? (D(), p(P(W).List, {
 							key: 1,
-							id: F(ge),
+							id: P(ge),
 							ref_key: "scroller",
 							ref: ve,
-							class: w(L.value.list({ class: F(U).scroll() }))
+							class: C(I.value.list({ class: P(H).scroll() }))
 						}, {
-							default: z(() => [
-								_("div", {
-									class: w(F(U).spacer()),
-									style: E({ height: `${F(Q).getTotalSize()}px` })
-								}, [(O(!0), g(d, null, j(F(Q).getVirtualItems(), (e) => (O(), m(F(G).Item, {
+							default: R(() => [
+								g("div", {
+									class: C(P(H).spacer()),
+									style: T({ height: `${P(Q).getTotalSize()}px` })
+								}, [(D(!0), h(u, null, A(P(Q).getVirtualItems(), (e) => (D(), p(P(W).Item, {
 									key: String(e.key),
-									item: F(J)[e.index],
-									class: w(L.value.item({ class: F(U).item() })),
-									style: E({ transform: `translateY(${e.start}px)` }),
-									"aria-setsize": F(J).length,
+									item: P(J)[e.index],
+									class: C(I.value.item({ class: P(H).item() })),
+									style: T({ transform: `translateY(${e.start}px)` }),
+									"aria-setsize": P(J).length,
 									"aria-posinset": e.index + 1
 								}, {
-									default: z(() => [
-										F(J)[e.index].icon ? (O(), m(N(F(J)[e.index].icon), {
+									default: R(() => [
+										P(J)[e.index].icon ? (D(), p(M(P(J)[e.index].icon), {
 											key: 0,
-											class: w(L.value.icon()),
+											class: C(I.value.icon()),
 											"aria-hidden": "true"
-										}, null, 8, ["class"])) : h("", !0),
-										b(F(G).ItemText, { class: w(L.value.itemText()) }, {
-											default: z(() => [y(P(F(J)[e.index].label), 1)]),
+										}, null, 8, ["class"])) : m("", !0),
+										y(P(W).ItemText, { class: C(I.value.itemText()) }, {
+											default: R(() => [v(N(P(J)[e.index].label), 1)]),
 											_: 2
 										}, 1032, ["class"]),
-										b(F(G).ItemIndicator, null, {
-											default: z(() => [b(F(B), {
-												class: w(L.value.itemIndicator()),
+										y(P(W).ItemIndicator, null, {
+											default: R(() => [y(P(z), {
+												class: C(I.value.itemIndicator()),
 												"aria-hidden": "true"
 											}, null, 8, ["class"])]),
 											_: 1
@@ -261,46 +261,46 @@ var ue = ["aria-label", "onClick"], de = [
 									"aria-setsize",
 									"aria-posinset"
 								]))), 128))], 6),
-								$.value ? (O(), g("div", {
+								$.value ? (D(), h("div", {
 									key: 0,
-									class: w(L.value.loading())
-								}, [b(F(H), {
-									class: w(L.value.loadingIcon()),
+									class: C(I.value.loading())
+								}, [y(P(V), {
+									class: C(I.value.loadingIcon()),
 									"aria-hidden": "true"
-								}, null, 8, ["class"]), y(" " + P(i.loadingText ?? F(c).common.loading), 1)], 2)) : h("", !0),
-								!F(J).length && !$.value ? (O(), g("div", {
+								}, null, 8, ["class"]), v(" " + N(i.loadingText ?? P(s).common.loading), 1)], 2)) : m("", !0),
+								!P(J).length && !$.value ? (D(), h("div", {
 									key: 1,
 									role: "option",
 									"aria-disabled": "true",
-									class: w(L.value.empty())
-								}, P(i.emptyText ?? F(q).emptyText.value ?? (K.value ? F(c).common.noResults : F(c).common.empty)), 3)) : h("", !0)
+									class: C(I.value.empty())
+								}, N(i.emptyText ?? P(K).emptyText.value ?? (G.value ? P(s).common.noResults : P(s).common.empty)), 3)) : m("", !0)
 							]),
 							_: 1
-						}, 8, ["id", "class"])) : (O(), g(d, { key: 2 }, [
-							_("div", {
-								class: w(F(U).spacer()),
-								style: E({ height: `${F(Q).getTotalSize()}px` })
-							}, [(O(!0), g(d, null, j(F(Q).getVirtualItems(), (e) => (O(), m(F(G).Item, {
+						}, 8, ["id", "class"])) : (D(), h(u, { key: 2 }, [
+							g("div", {
+								class: C(P(H).spacer()),
+								style: T({ height: `${P(Q).getTotalSize()}px` })
+							}, [(D(!0), h(u, null, A(P(Q).getVirtualItems(), (e) => (D(), p(P(W).Item, {
 								key: String(e.key),
-								item: F(J)[e.index],
-								class: w(L.value.item({ class: F(U).item() })),
-								style: E({ transform: `translateY(${e.start}px)` }),
-								"aria-setsize": F(J).length,
+								item: P(J)[e.index],
+								class: C(I.value.item({ class: P(H).item() })),
+								style: T({ transform: `translateY(${e.start}px)` }),
+								"aria-setsize": P(J).length,
 								"aria-posinset": e.index + 1
 							}, {
-								default: z(() => [
-									F(J)[e.index].icon ? (O(), m(N(F(J)[e.index].icon), {
+								default: R(() => [
+									P(J)[e.index].icon ? (D(), p(M(P(J)[e.index].icon), {
 										key: 0,
-										class: w(L.value.icon()),
+										class: C(I.value.icon()),
 										"aria-hidden": "true"
-									}, null, 8, ["class"])) : h("", !0),
-									b(F(G).ItemText, { class: w(L.value.itemText()) }, {
-										default: z(() => [y(P(F(J)[e.index].label), 1)]),
+									}, null, 8, ["class"])) : m("", !0),
+									y(P(W).ItemText, { class: C(I.value.itemText()) }, {
+										default: R(() => [v(N(P(J)[e.index].label), 1)]),
 										_: 2
 									}, 1032, ["class"]),
-									b(F(G).ItemIndicator, null, {
-										default: z(() => [b(F(B), {
-											class: w(L.value.itemIndicator()),
+									y(P(W).ItemIndicator, null, {
+										default: R(() => [y(P(z), {
+											class: C(I.value.itemIndicator()),
 											"aria-hidden": "true"
 										}, null, 8, ["class"])]),
 										_: 1
@@ -314,19 +314,19 @@ var ue = ["aria-label", "onClick"], de = [
 								"aria-setsize",
 								"aria-posinset"
 							]))), 128))], 6),
-							$.value ? (O(), g("div", {
+							$.value ? (D(), h("div", {
 								key: 0,
-								class: w(L.value.loading())
-							}, [b(F(H), {
-								class: w(L.value.loadingIcon()),
+								class: C(I.value.loading())
+							}, [y(P(V), {
+								class: C(I.value.loadingIcon()),
 								"aria-hidden": "true"
-							}, null, 8, ["class"]), y(" " + P(i.loadingText ?? F(c).common.loading), 1)], 2)) : h("", !0),
-							!F(J).length && !$.value ? (O(), g("div", {
+							}, null, 8, ["class"]), v(" " + N(i.loadingText ?? P(s).common.loading), 1)], 2)) : m("", !0),
+							!P(J).length && !$.value ? (D(), h("div", {
 								key: 1,
 								role: "option",
 								"aria-disabled": "true",
-								class: w(L.value.empty())
-							}, P(i.emptyText ?? F(q).emptyText.value ?? (K.value ? F(c).common.noResults : F(c).common.empty)), 3)) : h("", !0)
+								class: C(I.value.empty())
+							}, N(i.emptyText ?? P(K).emptyText.value ?? (G.value ? P(s).common.noResults : P(s).common.empty)), 3)) : m("", !0)
 						], 64))]),
 						_: 1
 					}, 8, [
@@ -336,12 +336,12 @@ var ue = ["aria-label", "onClick"], de = [
 					])]),
 					_: 1
 				})])),
-				b(F(G).HiddenSelect),
-				i.dataSource ? (O(), g("span", {
+				y(P(W).HiddenSelect),
+				i.dataSource ? (D(), h("span", {
 					key: 0,
 					role: "status",
-					class: w(L.value.status())
-				}, P(F(q).announcement.value), 3)) : h("", !0)
+					class: C(I.value.status())
+				}, N(P(K).announcement.value), 3)) : m("", !0)
 			]),
 			_: 1
 		}, 8, [
@@ -361,7 +361,7 @@ var ue = ["aria-label", "onClick"], de = [
 	"aria-posinset",
 	"aria-setsize",
 	"data-index"
-], pe = /* @__PURE__ */ x({
+], pe = /* @__PURE__ */ b({
 	inheritAttrs: !1,
 	__name: "VirtualList",
 	props: {
@@ -390,7 +390,7 @@ var ue = ["aria-label", "onClick"], de = [
 	},
 	emits: ["loadMore", "endReached"],
 	setup(n, { expose: r, emit: a }) {
-		let o = n, s = a, c = t("virtualListBox", W), l = ne(), ee = e(), u = c(), f = A(null), m = i({
+		let o = n, ee = a, s = t("virtualListBox", U), c = re(), te = e(), l = s(), d = k(null), p = i({
 			source: () => o.dataSource,
 			pageSize: () => o.pageSize,
 			query: () => {
@@ -399,23 +399,23 @@ var ue = ["aria-label", "onClick"], de = [
 				return delete e.search, e;
 			}
 		});
-		D(() => {
-			o.dataSource && m.search(o.query?.search ?? "", !1);
-		}), R(() => o.query?.search, (e) => {
-			o.dataSource && m.search(e ?? "");
+		E(() => {
+			o.dataSource && p.search(o.query?.search ?? "", !1);
+		}), L(() => o.query?.search, (e) => {
+			o.dataSource && p.search(e ?? "");
 		});
-		let v = p(() => o.dataSource ? m.state.value.items : o.items), x = p(() => o.dataSource ? m.state.value.hasMore : o.hasMore), S = p(() => o.dataSource ? m.state.value.status === "loading" : o.loading || o.loadingMore), te = (e) => {
+		let _ = f(() => o.dataSource ? p.state.value.items : o.items), b = f(() => o.dataSource ? p.state.value.hasMore : o.hasMore), x = f(() => o.dataSource ? p.state.value.status === "loading" : o.loading || o.loadingMore), ne = (e) => {
 			let t = o.itemGroup, n = typeof t == "function" ? t(e) : e?.[t];
 			return n == null || n === "" ? void 0 : String(n);
-		}, C = p(() => {
-			if (!o.itemGroup) return v.value.map((e, t) => ({
+		}, S = f(() => {
+			if (!o.itemGroup) return _.value.map((e, t) => ({
 				kind: "item",
 				item: e,
 				index: t
 			}));
 			let e = [], t;
-			return v.value.forEach((n, r) => {
-				let i = te(n);
+			return _.value.forEach((n, r) => {
+				let i = ne(n);
 				i !== void 0 && i !== t && e.push({
 					kind: "header",
 					label: i
@@ -425,88 +425,88 @@ var ue = ["aria-label", "onClick"], de = [
 					index: r
 				});
 			}), e;
-		}), T = p(() => C.value.flatMap((e, t) => e.kind === "header" ? [t] : [])), k = (e) => [...T.value].reverse().find((t) => e >= t) ?? -1, N = le(p(() => ({
-			count: C.value.length,
-			getScrollElement: () => f.value,
+		}), w = f(() => S.value.flatMap((e, t) => e.kind === "header" ? [t] : [])), O = (e) => [...w.value].reverse().find((t) => e >= t) ?? -1, M = q(f(() => ({
+			count: S.value.length,
+			getScrollElement: () => d.value,
 			estimateSize: (e) => {
-				let t = C.value[e];
+				let t = S.value[e];
 				return t?.kind === "item" && o.estimateSize ? o.estimateSize(t.item, t.index) : o.itemHeight;
 			},
 			measureElement: (e) => e.getBoundingClientRect().height || o.itemHeight,
 			overscan: 6,
-			rangeExtractor: T.value.length ? (e) => {
-				let t = k(e.startIndex), n = new Set(ce(e));
+			rangeExtractor: w.value.length ? (e) => {
+				let t = O(e.startIndex), n = new Set(le(e));
 				return t >= 0 && n.add(t), [...n].sort((e, t) => e - t);
-			} : ce,
+			} : le,
 			initialRect: {
 				width: 0,
 				height: 320
 			}
-		}))), I = p(() => N.value.getVirtualItems()), L = p(() => {
-			let e = I.value.length ? N.value.range : null;
-			return T.value.length ? k(e?.startIndex ?? 0) : -1;
-		}), z = -1;
-		function B() {
-			let e = I.value.at(-1)?.index, t = C.value.length;
-			e !== void 0 && x.value && !S.value && z !== t && (e < t - 1 - o.endThreshold || (z = t, o.dataSource ? m.loadMore() : (s("loadMore"), s("endReached"))));
+		}))), F = f(() => M.value.getVirtualItems()), I = f(() => {
+			let e = F.value.length ? M.value.range : null;
+			return w.value.length ? O(e?.startIndex ?? 0) : -1;
+		}), R = -1;
+		function z() {
+			let e = F.value.at(-1)?.index, t = S.value.length;
+			e !== void 0 && b.value && !x.value && R !== t && (e < t - 1 - o.endThreshold || (R = t, o.dataSource ? p.loadMore() : (ee("loadMore"), ee("endReached"))));
 		}
-		D(B), R(() => [
-			I.value.at(-1)?.index,
-			C.value.length,
-			x.value,
-			S.value
-		], B);
-		let V = p(() => !!o.dataSource || o.hasMore || o.loading || o.loadingMore);
+		E(z), L(() => [
+			F.value.at(-1)?.index,
+			S.value.length,
+			b.value,
+			x.value
+		], z);
+		let B = f(() => !!o.dataSource || o.hasMore || o.loading || o.loadingMore);
 		return r({
 			scrollToIndex(e, t = {}) {
-				let n = C.value.findIndex((t) => t.kind === "item" && t.index === e);
-				n >= 0 && N.value.scrollToIndex(n, { align: t.align ?? "auto" });
+				let n = S.value.findIndex((t) => t.kind === "item" && t.index === e);
+				n >= 0 && M.value.scrollToIndex(n, { align: t.align ?? "auto" });
 			},
-			refresh: () => m.refresh()
-		}), (e, t) => (O(), g(d, null, [_("div", {
+			refresh: () => p.refresh()
+		}), (e, t) => (D(), h(u, null, [g("div", {
 			ref_key: "scrollElement",
-			ref: f,
+			ref: d,
 			role: "list",
 			"aria-label": n.label,
-			"aria-busy": V.value && S.value || void 0,
+			"aria-busy": B.value && x.value || void 0,
 			tabindex: "0",
-			class: w(F(u).base({ class: w(F(l).class) })),
-			style: E([{ height: n.height }, F(l).style])
-		}, [_("div", {
-			class: w(F(u).spacer()),
-			style: E({ height: `${F(N).getTotalSize()}px` })
-		}, [(O(!0), g(d, null, j(I.value, (t) => (O(), g(d, { key: String(t.key) }, [C.value[t.index]?.kind === "header" ? (O(), g("div", {
+			class: C(P(l).base({ class: C(P(c).class) })),
+			style: T([{ height: n.height }, P(c).style])
+		}, [g("div", {
+			class: C(P(l).spacer()),
+			style: T({ height: `${P(M).getTotalSize()}px` })
+		}, [(D(!0), h(u, null, A(F.value, (t) => (D(), h(u, { key: String(t.key) }, [S.value[t.index]?.kind === "header" ? (D(), h("div", {
 			key: 0,
 			ref_for: !0,
-			ref: (e) => e && F(N).measureElement(e),
+			ref: (e) => e && P(M).measureElement(e),
 			role: "presentation",
 			"data-index": t.index,
-			class: w(t.index === L.value ? F(u).groupHeader({ class: F(u).sticky() }) : F(u).item({ class: F(u).groupHeader() })),
-			style: E(t.index === L.value ? void 0 : { transform: `translateY(${t.start}px)` })
-		}, P(C.value[t.index].label), 15, fe)) : C.value[t.index] ? (O(), g("div", {
+			class: C(t.index === I.value ? P(l).groupHeader({ class: P(l).sticky() }) : P(l).item({ class: P(l).groupHeader() })),
+			style: T(t.index === I.value ? void 0 : { transform: `translateY(${t.start}px)` })
+		}, N(S.value[t.index].label), 15, fe)) : S.value[t.index] ? (D(), h("div", {
 			key: 1,
 			ref_for: !0,
-			ref: (e) => e && F(N).measureElement(e),
+			ref: (e) => e && P(M).measureElement(e),
 			role: "listitem",
-			"aria-posinset": C.value[t.index].index + 1,
-			"aria-setsize": v.value.length,
+			"aria-posinset": S.value[t.index].index + 1,
+			"aria-setsize": _.value.length,
 			"data-index": t.index,
-			class: w(F(u).item()),
-			style: E({ transform: `translateY(${t.start}px)` })
-		}, [M(e.$slots, "default", {
-			item: C.value[t.index].item,
-			index: C.value[t.index].index
-		})], 14, X)) : h("", !0)], 64))), 128))], 6), V.value && S.value && v.value.length ? (O(), g("div", {
+			class: C(P(l).item()),
+			style: T({ transform: `translateY(${t.start}px)` })
+		}, [j(e.$slots, "default", {
+			item: S.value[t.index].item,
+			index: S.value[t.index].index
+		})], 14, X)) : m("", !0)], 64))), 128))], 6), B.value && x.value && _.value.length ? (D(), h("div", {
 			key: 0,
-			class: w(F(u).loading()),
+			class: C(P(l).loading()),
 			"aria-hidden": "true"
-		}, [b(F(H), { class: w(F(u).loadingIcon()) }, null, 8, ["class"]), y(" " + P(F(ee).dataSource.loadingMore), 1)], 2)) : h("", !0)], 14, Y), n.dataSource ? (O(), g("p", {
+		}, [y(P(V), { class: C(P(l).loadingIcon()) }, null, 8, ["class"]), v(" " + N(P(te).dataSource.loadingMore), 1)], 2)) : m("", !0)], 14, Y), n.dataSource ? (D(), h("p", {
 			key: 0,
 			role: "status",
-			class: w(F(u).status())
-		}, P(F(m).announcement.value), 3)) : h("", !0)], 64));
+			class: C(P(l).status())
+		}, N(P(p).announcement.value), 3)) : m("", !0)], 64));
 	}
-}), me = ["data-index"], Z = /* @__PURE__ */ x({
+}), me = ["data-index"], Z = /* @__PURE__ */ b({
 	inheritAttrs: !1,
 	__name: "VirtualTree",
 	props: {
@@ -562,88 +562,88 @@ var ue = ["aria-label", "onClick"], de = [
 		"loadChildren"
 	],
 	setup(n, { expose: r, emit: i }) {
-		let a = n, o = i, f = L(), x = t("tree", ae, () => a.classes)(), S = ne(), C = e(), T = C.tree, D = A(null), N = u(a, o, p(() => D.value?.$el ?? null));
-		k(c, N.drag), k(s, {
-			...N,
-			showLines: p(() => !1)
+		let a = n, o = i, d = I(), b = t("tree", oe, () => a.classes)(), x = re(), S = e(), w = S.tree, E = k(null), M = l(a, o, f(() => E.value?.$el ?? null));
+		O(s, M.drag), O(ee, {
+			...M,
+			showLines: f(() => !1)
 		});
-		let I = p(() => {
+		let F = f(() => {
 			let e = [];
-			for (let t of U(N.view.value, N.expanded.value)) e.push({
+			for (let t of H(M.view.value, M.expanded.value)) e.push({
 				...t,
 				kind: "node"
-			}), t.expanded && N.loadingOf(t.node) && e.push({
+			}), t.expanded && M.loadingOf(t.node) && e.push({
 				kind: "loading",
 				parentId: t.node.id,
 				level: t.level
 			});
 			return e;
-		}), R = A(null), B = le(p(() => ({
-			count: I.value.length,
-			getScrollElement: () => R.value?.$el ?? null,
+		}), L = k(null), z = q(f(() => ({
+			count: F.value.length,
+			getScrollElement: () => L.value?.$el ?? null,
 			estimateSize: () => a.itemHeight,
 			measureElement: (e) => e.getBoundingClientRect().height || a.itemHeight,
 			overscan: 8,
 			getItemKey: (e) => {
-				let t = I.value[e];
+				let t = F.value[e];
 				return t.kind === "node" ? t.node.id : `${t.parentId}\u0000loading`;
 			},
 			initialRect: {
 				width: 0,
 				height: 320
 			}
-		}))), V = (e) => I.value.findIndex((t) => t.kind === "node" && t.node.id === e);
-		function re(e, t = 6) {
+		}))), B = (e) => F.value.findIndex((t) => t.kind === "node" && t.node.id === e);
+		function ie(e, t = 6) {
 			requestAnimationFrame(() => {
 				let n = e();
-				n ? n.ownerDocument.activeElement !== n && n.focus() : t > 0 && re(e, t - 1);
+				n ? n.ownerDocument.activeElement !== n && n.focus() : t > 0 && ie(e, t - 1);
 			});
 		}
-		function ie(e) {
-			let t = V(e.node.id);
-			t < 0 || (B.value.scrollToIndex(t, { align: "auto" }), re(e.getElement));
+		function ae(e) {
+			let t = B(e.node.id);
+			t < 0 || (z.value.scrollToIndex(t, { align: "auto" }), ie(e.getElement));
 		}
-		let oe = p(() => a.label ?? S["aria-label"] ?? C.tree.treeLabel), W = q(p(() => ({
-			collection: N.collection.value,
+		let se = f(() => a.label ?? x["aria-label"] ?? S.tree.treeLabel), U = K(f(() => ({
+			collection: M.collection.value,
 			selectionMode: a.selectionMode,
-			selectedValue: N.selected.value,
-			expandedValue: N.expanded.value,
-			...N.ownChecks.value ? {} : {
+			selectedValue: M.selected.value,
+			expandedValue: M.expanded.value,
+			...M.ownChecks.value ? {} : {
 				checkedValue: a.checkedValue,
 				defaultCheckedValue: a.defaultCheckedValue
 			},
-			translations: { treeLabel: oe.value },
-			scrollToIndexFn: ie,
-			onSelectionChange: (e) => N.onSelectionChange(e.selectedValue),
-			onExpandedChange: (e) => N.setExpanded(e.expandedValue),
-			onCheckedChange: (e) => N.ownChecks.value || N.onArkCheckedChange(e.checkedValue)
-		}))), se = p(() => a.emptyText ?? (N.query.value.trim() ? T.noMatches : a.group === void 0 ? void 0 : C.common.empty)), G = p(() => !N.view.value.length && (se.value !== void 0 || !!f.empty || a.group !== void 0));
+			translations: { treeLabel: se.value },
+			scrollToIndexFn: ae,
+			onSelectionChange: (e) => M.onSelectionChange(e.selectedValue),
+			onExpandedChange: (e) => M.setExpanded(e.expandedValue),
+			onCheckedChange: (e) => M.ownChecks.value || M.onArkCheckedChange(e.checkedValue)
+		}))), ce = f(() => a.emptyText ?? (M.query.value.trim() ? w.noMatches : a.group === void 0 ? void 0 : S.common.empty)), W = f(() => !M.view.value.length && (ce.value !== void 0 || !!d.empty || a.group !== void 0));
 		return r({
-			expandAll: N.expandAll,
-			collapseAll: N.collapseAll,
-			invalidate: N.invalidate,
+			expandAll: M.expandAll,
+			collapseAll: M.collapseAll,
+			invalidate: M.invalidate,
 			focusNode(e) {
-				let t = V(e);
-				t >= 0 && B.value.scrollToIndex(t, { align: "auto" }), requestAnimationFrame(() => N.focusNode(e));
+				let t = B(e);
+				t >= 0 && z.value.scrollToIndex(t, { align: "auto" }), requestAnimationFrame(() => M.focusNode(e));
 			}
-		}), (e, t) => (O(), m(F(K).RootProvider, {
+		}), (e, t) => (D(), p(P(G).RootProvider, {
 			ref_key: "root",
-			ref: D,
-			value: F(W),
-			class: w(F(x).base({ class: w(F(S).class) })),
-			style: E(F(S).style),
-			onKeydownCapture: F(N).onKeydown
+			ref: E,
+			value: P(U),
+			class: C(P(b).base({ class: C(P(x).class) })),
+			style: T(P(x).style),
+			onKeydownCapture: P(M).onKeydown
 		}, {
-			default: z(() => [
-				n.label ? (O(), m(F(K).Label, {
+			default: R(() => [
+				n.label ? (D(), p(P(G).Label, {
 					key: 0,
-					class: w(F(x).label())
+					class: C(P(b).label())
 				}, {
-					default: z(() => [y(P(n.label), 1)]),
+					default: R(() => [v(N(n.label), 1)]),
 					_: 1
-				}, 8, ["class"])) : h("", !0),
-				b(l, {
-					model: F(N),
+				}, 8, ["class"])) : m("", !0),
+				y(c, {
+					model: P(M),
 					filter: n.filter,
 					"filter-mode": n.filterMode,
 					"expand-controls": n.expandControls,
@@ -655,34 +655,34 @@ var ue = ["aria-label", "onClick"], de = [
 					"expand-controls",
 					"classes"
 				]),
-				b(F(K).Tree, {
+				y(P(G).Tree, {
 					ref_key: "viewport",
-					ref: R,
-					class: w(F(x).tree({ class: F(x).viewport() })),
-					style: E({ height: n.height }),
-					hidden: G.value || void 0
+					ref: L,
+					class: C(P(b).tree({ class: P(b).viewport() })),
+					style: T({ height: n.height }),
+					hidden: W.value || void 0
 				}, {
-					default: z(() => [_("div", {
-						class: w(F(x).spacer()),
-						style: E({ height: `${F(B).getTotalSize()}px` })
-					}, [(O(!0), g(d, null, j(F(B).getVirtualItems(), (t) => (O(), g("div", {
+					default: R(() => [g("div", {
+						class: C(P(b).spacer()),
+						style: T({ height: `${P(z).getTotalSize()}px` })
+					}, [(D(!0), h(u, null, A(P(z).getVirtualItems(), (t) => (D(), h("div", {
 						key: String(t.key),
 						ref_for: !0,
-						ref: (e) => e && F(B).measureElement(e),
+						ref: (e) => e && P(z).measureElement(e),
 						"data-index": t.index,
-						class: w(F(x).row()),
-						style: E({ transform: `translateY(${t.start}px)` })
-					}, [I.value[t.index].kind === "node" ? (O(), m(ee, {
+						class: C(P(b).row()),
+						style: T({ transform: `translateY(${t.start}px)` })
+					}, [F.value[t.index].kind === "node" ? (D(), p(te, {
 						key: 0,
-						node: I.value[t.index].node,
-						"index-path": I.value[t.index].indexPath,
+						node: F.value[t.index].node,
+						"index-path": F.value[t.index].indexPath,
 						checkable: n.checkable,
 						flat: "",
-						posinset: I.value[t.index].posinset,
-						setsize: I.value[t.index].setsize
-					}, v({ _: 2 }, [e.$slots.node ? {
+						posinset: F.value[t.index].posinset,
+						setsize: F.value[t.index].setsize
+					}, _({ _: 2 }, [e.$slots.node ? {
 						name: "node",
-						fn: z((t) => [M(e.$slots, "node", te({ ref_for: !0 }, t))]),
+						fn: R((t) => [j(e.$slots, "node", ne({ ref_for: !0 }, t))]),
 						key: "0"
 					} : void 0]), 1032, [
 						"node",
@@ -690,28 +690,28 @@ var ue = ["aria-label", "onClick"], de = [
 						"checkable",
 						"posinset",
 						"setsize"
-					])) : (O(), g("div", {
+					])) : (D(), h("div", {
 						key: 1,
-						class: w(F(x).loadingRow()),
-						style: E({ "--depth": I.value[t.index].level }),
+						class: C(P(b).loadingRow()),
+						style: T({ "--depth": F.value[t.index].level }),
 						"aria-hidden": "true"
-					}, [b(F(H), { class: w(F(x).loadingIcon()) }, null, 8, ["class"]), y(" " + P(F(T).loadingRow), 1)], 6))], 14, me))), 128))], 6)]),
+					}, [y(P(V), { class: C(P(b).loadingIcon()) }, null, 8, ["class"]), v(" " + N(P(w).loadingRow), 1)], 6))], 14, me))), 128))], 6)]),
 					_: 3
 				}, 8, [
 					"class",
 					"style",
 					"hidden"
 				]),
-				G.value ? (O(), g("div", {
+				W.value ? (D(), h("div", {
 					key: 1,
-					class: w(F(x).empty()),
-					onDragover: t[0] ||= (...e) => F(N).onEmptyDragOver && F(N).onEmptyDragOver(...e),
-					onDrop: t[1] ||= (...e) => F(N).onEmptyDrop && F(N).onEmptyDrop(...e)
-				}, [M(e.$slots, "empty", {}, () => [y(P(se.value), 1)])], 34)) : h("", !0),
-				_("p", {
+					class: C(P(b).empty()),
+					onDragover: t[0] ||= (...e) => P(M).onEmptyDragOver && P(M).onEmptyDragOver(...e),
+					onDrop: t[1] ||= (...e) => P(M).onEmptyDrop && P(M).onEmptyDrop(...e)
+				}, [j(e.$slots, "empty", {}, () => [v(N(ce.value), 1)])], 34)) : m("", !0),
+				g("p", {
 					role: "status",
-					class: w(F(x).status())
-				}, P(F(N).status.value), 3)
+					class: C(P(b).status())
+				}, N(P(M).status.value), 3)
 			]),
 			_: 3
 		}, 8, [
@@ -721,6 +721,6 @@ var ue = ["aria-label", "onClick"], de = [
 			"onKeydownCapture"
 		]));
 	}
-});
+}), he = { useVirtualizer: q };
 //#endregion
-export { pe as VirtualList, J as VirtualSelect, Z as VirtualTree };
+export { pe as VirtualList, J as VirtualSelect, Z as VirtualTree, he as virtualRows };