@wirecore/wirelayer-vue 0.6.0 → 0.8.0

package/dist/virtual.js

@@ -1,16 +1,17 @@
 import { a as e, n as t } from "./recipes-BlM9aKyt.js";
 import { t as n } from "./attrs-KNjeRUCf.js";
-import { a as r, i, n as a, r as o } from "./Highlight-Cg8DvCfq.js";
-import { a as ee, i as s, n as c, r as te, t as l } from "./useTree-H8XsFHMk.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 { a as r, i, n as a, r as o } from "./Highlight-uwptdaUw.js";
+import { a as s, i as c, n as l, r as ee, t as u } from "./useTree-UhG1TMeM.js";
+import { Fragment as d, Teleport as te, 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 S, 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 ne, 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 { controlIds as ae, flattenTree as H, select as oe, tree as se, virtualList as ce, virtualListBox as U } from "@wirecore/wirelayer-recipes";
+import { useFieldContext as le } from "@ark-ui/vue/field";
+import { createListCollection as ue } 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";
+import { defaultRangeExtractor as de, 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 = [
+var fe = ["aria-label", "onClick"], pe = [
 	"aria-controls",
 	"aria-activedescendant",
 	"aria-label",
@@ -52,44 +53,49 @@ var ue = ["aria-label", "onClick"], de = [
 		hasMore: { type: Boolean },
 		dataSource: { default: void 0 },
 		pageSize: {},
-		minSearchLength: {}
+		minSearchLength: {},
+		id: {}
 	},
 	emits: [
 		"update:modelValue",
 		"filterChange",
 		"loadMore"
 	],
-	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,
+	setup(i, { emit: s }) {
+		let c = e(), l = i, ee = t("select", oe), u = t("virtualList", ce), b = s, k = re(), j = f(() => n(k)), I = f(() => ee({
+			size: l.size,
+			clearable: l.clearable
+		})), H = u(), se = c.select, U = f(() => ({
+			itemValue: l.itemValue,
+			itemLabel: l.itemLabel,
+			itemDisabled: l.itemDisabled,
 			itemGroup: () => void 0,
-			valueKey: c.valueKey
-		})), G = k(""), K = r({
-			items: () => c.items,
-			source: () => c.dataSource,
+			valueKey: l.valueKey
+		})), G = A(""), K = r({
+			items: () => l.items,
+			source: () => l.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({
+			pageSize: () => l.pageSize,
+			minSearchLength: () => l.minSearchLength
+		}), { options: de, visible: J } = a(() => K.items.value, () => U.value, () => l.filter && !l.manualFilter && !l.dataSource ? G.value : ""), Y = f(() => [...de.value, ...K.resolvedOptions.value]), { selected: me, keys: X, commit: he, commitKeys: ge } = o({
 			multiple: !1,
-			model: () => c.modelValue,
-			defaultValue: c.defaultValue,
+			model: () => l.modelValue,
+			defaultValue: l.defaultValue,
 			accessors: () => U.value,
 			items: Y,
-			emit: (e) => b("update:modelValue", e)
-		}), Z = f(() => fe.value[0]), he = f(() => ce({
+			emit: (e) => b("update:modelValue", e),
+			check: {
+				component: "VirtualSelect",
+				ready: () => !l.dataSource && !l.loading && l.items.length > 0
+			}
+		}), Z = f(() => me.value[0]), _e = f(() => ue({
 			items: J.value,
 			itemToString: (e) => e.label,
 			itemToValue: (e) => e.key,
 			isItemDisabled: (e) => e.disabled
-		})), ge = F(), _e = k(null), ve = k(null), ye = (e) => e ? "$el" in e ? e.$el ?? null : e : null, Q = q(f(() => ({
+		})), ve = F(), ye = A(null), be = A(null), xe = (e) => e ? "$el" in e ? e.$el ?? null : e : null, Q = q(f(() => ({
 			count: J.value.length,
-			getScrollElement: () => ye(c.filter ? ve.value : _e.value),
+			getScrollElement: () => xe(l.filter ? be.value : ye.value),
 			estimateSize: () => 36,
 			overscan: 8,
 			initialRect: {
@@ -97,107 +103,111 @@ var ue = ["aria-label", "onClick"], de = [
 				height: 288
 			}
 		})));
-		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);
+		D(() => K.resolve(X.value, Y.value)), L(X, (e) => K.resolve(e, Y.value));
+		let $ = f(() => l.loading || K.loading.value), Se = f(() => l.hasMore || K.hasMore.value), Ce = f(() => Q.value.getVirtualItems().at(-1)?.index ?? -1);
 		L([
-			xe,
+			Ce,
 			() => J.value.length,
 			$,
-			be
+			Se
 		], () => {
-			!be.value || $.value || !J.value.length || xe.value < J.value.length - 1 || (c.dataSource ? K.loadMore() : b("loadMore"));
+			!Se.value || $.value || !J.value.length || Ce.value < J.value.length - 1 || (l.dataSource ? K.loadMore() : b("loadMore"));
 		});
-		function Se(e) {
-			c.clearable && fe.value.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), pe([]));
+		function we(e) {
+			l.clearable && me.value.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), he([]));
 		}
-		function Ce(e, t) {
-			G.value = t.target.value, b("filterChange", G.value), c.dataSource && K.search(G.value), !(c.manualFilter || c.dataSource) && S(() => {
+		function Te(e, t) {
+			G.value = t.target.value, b("filterChange", G.value), l.dataSource && K.search(G.value), !(l.manualFilter || l.dataSource) && C(() => {
 				let t = J.value.find((e) => !e.disabled);
 				t && e.setHighlightValue(t.key);
 			});
 		}
-		function we(e) {
+		function Ee(e) {
 			(e.key === " " || e.key === "Home" || e.key === "End") && e.stopPropagation();
 		}
-		function Te(e) {
-			e && K.open(), !e && G.value && (G.value = "", b("filterChange", ""), c.dataSource && K.search(""));
+		function De(e) {
+			e && K.open(), !e && G.value && (G.value = "", b("filterChange", ""), l.dataSource && K.search(""));
 		}
-		let Ee = (e) => e.highlightedItem ? e.getItemProps({ item: e.highlightedItem }).id : void 0, De = {
+		let Oe = (e) => e.highlightedItem ? e.getItemProps({ item: e.highlightedItem }).id : void 0, ke = {
 			sameWidth: !0,
 			gutter: 4
-		};
-		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,
+		}, Ae = le(), je = f(() => ae(l.id, "trigger", {
+			label: Ae?.value.ids.label,
+			hiddenSelect: Ae?.value.ids.control
+		}));
+		return (e, t) => (O(), p(P(W).Root, S({
+			class: I.value.base({ class: j.value.className }),
+			style: j.value.style,
+			collection: _e.value,
 			"model-value": P(X),
 			disabled: i.disabled,
 			invalid: i.invalid,
 			required: i.required,
 			name: i.name,
-			positioning: De,
-			composite: !i.filter,
+			positioning: ke,
+			composite: !i.filter
+		}, je.value, {
 			"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)
-		}, {
+			onValueChange: t[0] ||= (e) => P(ge)(e.value, e.items),
+			onOpenChange: t[1] ||= (e) => De(e.open)
+		}), {
 			default: R(() => [
-				y(P(W).Control, w(x(i.clearable ? { class: I.value.control() } : {})), {
-					default: R(() => [y(P(W).Trigger, ne(j.value.rest, {
+				y(P(W).Control, T(x(i.clearable ? { class: I.value.control() } : {})), {
+					default: R(() => [y(P(W).Trigger, S(j.value.rest, {
 						class: I.value.trigger(),
 						"aria-busy": $.value || void 0,
-						onKeydown: Se
+						onKeydown: we
 					}), {
-						default: R(() => [g("span", { class: C(I.value.value()) }, [Z.value?.icon ? (D(), p(M(Z.value.icon), {
+						default: R(() => [g("span", { class: w(I.value.value()) }, [Z.value?.icon ? (O(), p(M(Z.value.icon), {
 							key: 0,
-							class: C(I.value.icon()),
+							class: w(I.value.icon()),
 							"aria-hidden": "true"
-						}, null, 8, ["class"])) : m("", !0), y(P(W).ValueText, { placeholder: i.placeholder ?? P(s).common.placeholder }, _({ _: 2 }, [Z.value ? {
+						}, null, 8, ["class"])) : m("", !0), y(P(W).ValueText, { placeholder: i.placeholder ?? P(c).common.placeholder }, _({ _: 2 }, [Z.value ? {
 							name: "default",
 							fn: R(() => [v(N(Z.value.label), 1)]),
 							key: "0"
-						} : void 0]), 1032, ["placeholder"])], 2), y(P(W).Indicator, { class: C(I.value.indicator()) }, {
-							default: R(() => [$.value ? (D(), p(P(V), {
+						} : void 0]), 1032, ["placeholder"])], 2), y(P(W).Indicator, { class: w(I.value.indicator()) }, {
+							default: R(() => [$.value ? (O(), p(P(V), {
 								key: 0,
-								class: C(I.value.spinner()),
+								class: w(I.value.spinner()),
 								"aria-hidden": "true"
-							}, null, 8, ["class"])) : (D(), p(P(B), {
+							}, null, 8, ["class"])) : (O(), p(P(B), {
 								key: 1,
-								class: C(I.value.indicatorIcon()),
+								class: w(I.value.indicatorIcon()),
 								"aria-hidden": "true"
 							}, null, 8, ["class"]))]),
 							_: 1
 						}, 8, ["class"])]),
 						_: 1
-					}, 16, ["class", "aria-busy"]), i.clearable ? (D(), p(P(W).Context, { key: 0 }, {
-						default: R((e) => [Z.value && !e.disabled ? (D(), h("button", {
+					}, 16, ["class", "aria-busy"]), i.clearable ? (O(), p(P(W).Context, { key: 0 }, {
+						default: R((e) => [Z.value && !e.disabled ? (O(), h("button", {
 							key: 0,
 							type: "button",
 							tabindex: "-1",
-							class: C(I.value.clear()),
-							"aria-label": P(oe).clear,
+							class: w(I.value.clear()),
+							"aria-label": P(se).clear,
 							onClick: (t) => {
-								P(pe)([]), e.focus();
+								P(he)([]), e.focus();
 							}
 						}, [y(P(ie), {
-							class: C(I.value.clearIcon()),
+							class: w(I.value.clearIcon()),
 							"aria-hidden": "true"
-						}, null, 8, ["class"])], 10, ue)) : m("", !0)]),
+						}, null, 8, ["class"])], 10, fe)) : m("", !0)]),
 						_: 1
 					})) : m("", !0)]),
 					_: 1
 				}, 16),
-				(D(), p(d, { to: "body" }, [y(P(W).Positioner, null, {
+				(O(), p(te, { to: "body" }, [y(P(W).Positioner, null, {
 					default: R(() => [y(P(W).Content, {
 						ref_key: "content",
-						ref: _e,
-						class: C(I.value.content()),
+						ref: ye,
+						class: w(I.value.content()),
 						"aria-busy": $.value || void 0,
 						"aria-label": i.filter ? j.value.rest["aria-label"] : void 0
 					}, {
-						default: R(() => [i.filter ? (D(), h("div", {
+						default: R(() => [i.filter ? (O(), h("div", {
 							key: 0,
-							class: C(I.value.header())
+							class: w(I.value.header())
 						}, [y(P(W).Context, null, {
 							default: R((e) => [g("input", {
 								type: "text",
@@ -206,48 +216,48 @@ var ue = ["aria-label", "onClick"], de = [
 								"aria-autocomplete": "list",
 								"aria-expanded": "true",
 								"data-autofocus": "",
-								"aria-controls": P(ge),
-								"aria-activedescendant": Ee(e),
-								"aria-label": P(oe).filter,
-								placeholder: P(s).combobox.search,
+								"aria-controls": P(ve),
+								"aria-activedescendant": Oe(e),
+								"aria-label": P(se).filter,
+								placeholder: P(c).combobox.search,
 								value: G.value,
-								class: C(I.value.search()),
-								onInput: (t) => Ce(e, t),
-								onKeydown: we
-							}, null, 42, de)]),
+								class: w(I.value.search()),
+								onInput: (t) => Te(e, t),
+								onKeydown: Ee
+							}, null, 42, pe)]),
 							_: 1
-						})], 2)) : m("", !0), i.filter ? (D(), p(P(W).List, {
+						})], 2)) : m("", !0), i.filter ? (O(), p(P(W).List, {
 							key: 1,
-							id: P(ge),
+							id: P(ve),
 							ref_key: "scroller",
-							ref: ve,
-							class: C(I.value.list({ class: P(H).scroll() }))
+							ref: be,
+							class: w(I.value.list({ class: P(H).scroll() }))
 						}, {
 							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, {
+									class: w(P(H).spacer()),
+									style: E({ height: `${P(Q).getTotalSize()}px` })
+								}, [(O(!0), h(d, null, ne(P(Q).getVirtualItems(), (e) => (O(), p(P(W).Item, {
 									key: String(e.key),
 									item: P(J)[e.index],
-									class: C(I.value.item({ class: P(H).item() })),
-									style: T({ transform: `translateY(${e.start}px)` }),
+									class: w(I.value.item({ class: P(H).item() })),
+									style: E({ transform: `translateY(${e.start}px)` }),
 									"aria-setsize": P(J).length,
 									"aria-posinset": e.index + 1
 								}, {
 									default: R(() => [
-										P(J)[e.index].icon ? (D(), p(M(P(J)[e.index].icon), {
+										P(J)[e.index].icon ? (O(), p(M(P(J)[e.index].icon), {
 											key: 0,
-											class: C(I.value.icon()),
+											class: w(I.value.icon()),
 											"aria-hidden": "true"
 										}, null, 8, ["class"])) : m("", !0),
-										y(P(W).ItemText, { class: C(I.value.itemText()) }, {
+										y(P(W).ItemText, { class: w(I.value.itemText()) }, {
 											default: R(() => [v(N(P(J)[e.index].label), 1)]),
 											_: 2
 										}, 1032, ["class"]),
 										y(P(W).ItemIndicator, null, {
 											default: R(() => [y(P(z), {
-												class: C(I.value.itemIndicator()),
+												class: w(I.value.itemIndicator()),
 												"aria-hidden": "true"
 											}, null, 8, ["class"])]),
 											_: 1
@@ -261,46 +271,46 @@ var ue = ["aria-label", "onClick"], de = [
 									"aria-setsize",
 									"aria-posinset"
 								]))), 128))], 6),
-								$.value ? (D(), h("div", {
+								$.value ? (O(), h("div", {
 									key: 0,
-									class: C(I.value.loading())
+									class: w(I.value.loading())
 								}, [y(P(V), {
-									class: C(I.value.loadingIcon()),
+									class: w(I.value.loadingIcon()),
 									"aria-hidden": "true"
-								}, null, 8, ["class"]), v(" " + N(i.loadingText ?? P(s).common.loading), 1)], 2)) : m("", !0),
-								!P(J).length && !$.value ? (D(), h("div", {
+								}, null, 8, ["class"]), v(" " + N(i.loadingText ?? P(c).common.loading), 1)], 2)) : m("", !0),
+								!P(J).length && !$.value ? (O(), h("div", {
 									key: 1,
 									role: "option",
 									"aria-disabled": "true",
-									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)
+									class: w(I.value.empty())
+								}, N(i.emptyText ?? P(K).emptyText.value ?? (G.value ? P(c).common.noResults : P(c).common.empty)), 3)) : m("", !0)
 							]),
 							_: 1
-						}, 8, ["id", "class"])) : (D(), h(u, { key: 2 }, [
+						}, 8, ["id", "class"])) : (O(), h(d, { 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, {
+								class: w(P(H).spacer()),
+								style: E({ height: `${P(Q).getTotalSize()}px` })
+							}, [(O(!0), h(d, null, ne(P(Q).getVirtualItems(), (e) => (O(), p(P(W).Item, {
 								key: String(e.key),
 								item: P(J)[e.index],
-								class: C(I.value.item({ class: P(H).item() })),
-								style: T({ transform: `translateY(${e.start}px)` }),
+								class: w(I.value.item({ class: P(H).item() })),
+								style: E({ transform: `translateY(${e.start}px)` }),
 								"aria-setsize": P(J).length,
 								"aria-posinset": e.index + 1
 							}, {
 								default: R(() => [
-									P(J)[e.index].icon ? (D(), p(M(P(J)[e.index].icon), {
+									P(J)[e.index].icon ? (O(), p(M(P(J)[e.index].icon), {
 										key: 0,
-										class: C(I.value.icon()),
+										class: w(I.value.icon()),
 										"aria-hidden": "true"
 									}, null, 8, ["class"])) : m("", !0),
-									y(P(W).ItemText, { class: C(I.value.itemText()) }, {
+									y(P(W).ItemText, { class: w(I.value.itemText()) }, {
 										default: R(() => [v(N(P(J)[e.index].label), 1)]),
 										_: 2
 									}, 1032, ["class"]),
 									y(P(W).ItemIndicator, null, {
 										default: R(() => [y(P(z), {
-											class: C(I.value.itemIndicator()),
+											class: w(I.value.itemIndicator()),
 											"aria-hidden": "true"
 										}, null, 8, ["class"])]),
 										_: 1
@@ -314,19 +324,19 @@ var ue = ["aria-label", "onClick"], de = [
 								"aria-setsize",
 								"aria-posinset"
 							]))), 128))], 6),
-							$.value ? (D(), h("div", {
+							$.value ? (O(), h("div", {
 								key: 0,
-								class: C(I.value.loading())
+								class: w(I.value.loading())
 							}, [y(P(V), {
-								class: C(I.value.loadingIcon()),
+								class: w(I.value.loadingIcon()),
 								"aria-hidden": "true"
-							}, null, 8, ["class"]), v(" " + N(i.loadingText ?? P(s).common.loading), 1)], 2)) : m("", !0),
-							!P(J).length && !$.value ? (D(), h("div", {
+							}, null, 8, ["class"]), v(" " + N(i.loadingText ?? P(c).common.loading), 1)], 2)) : m("", !0),
+							!P(J).length && !$.value ? (O(), h("div", {
 								key: 1,
 								role: "option",
 								"aria-disabled": "true",
-								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)
+								class: w(I.value.empty())
+							}, N(i.emptyText ?? P(K).emptyText.value ?? (G.value ? P(c).common.noResults : P(c).common.empty)), 3)) : m("", !0)
 						], 64))]),
 						_: 1
 					}, 8, [
@@ -337,14 +347,14 @@ var ue = ["aria-label", "onClick"], de = [
 					_: 1
 				})])),
 				y(P(W).HiddenSelect),
-				i.dataSource ? (D(), h("span", {
+				i.dataSource ? (O(), h("span", {
 					key: 0,
 					role: "status",
-					class: C(I.value.status())
+					class: w(I.value.status())
 				}, N(P(K).announcement.value), 3)) : m("", !0)
 			]),
 			_: 1
-		}, 8, [
+		}, 16, [
 			"class",
 			"style",
 			"collection",
@@ -357,11 +367,11 @@ var ue = ["aria-label", "onClick"], de = [
 			"scroll-to-index-fn"
 		]));
 	}
-}), Y = ["aria-label", "aria-busy"], fe = ["data-index"], X = [
+}), Y = ["aria-label", "aria-busy"], me = ["data-index"], X = [
 	"aria-posinset",
 	"aria-setsize",
 	"data-index"
-], pe = /* @__PURE__ */ b({
+], he = /* @__PURE__ */ b({
 	inheritAttrs: !1,
 	__name: "VirtualList",
 	props: {
@@ -390,7 +400,7 @@ var ue = ["aria-label", "onClick"], de = [
 	},
 	emits: ["loadMore", "endReached"],
 	setup(n, { expose: r, emit: a }) {
-		let o = n, ee = a, s = t("virtualListBox", U), c = re(), te = e(), l = s(), d = k(null), p = i({
+		let o = n, s = a, c = t("virtualListBox", U), l = re(), ee = e(), u = c(), te = A(null), p = i({
 			source: () => o.dataSource,
 			pageSize: () => o.pageSize,
 			query: () => {
@@ -399,15 +409,15 @@ var ue = ["aria-label", "onClick"], de = [
 				return delete e.search, e;
 			}
 		});
-		E(() => {
+		D(() => {
 			o.dataSource && p.search(o.query?.search ?? "", !1);
 		}), L(() => o.query?.search, (e) => {
 			o.dataSource && p.search(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 _ = 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), S = (e) => {
 			let t = o.itemGroup, n = typeof t == "function" ? t(e) : e?.[t];
 			return n == null || n === "" ? void 0 : String(n);
-		}, S = f(() => {
+		}, C = f(() => {
 			if (!o.itemGroup) return _.value.map((e, t) => ({
 				kind: "item",
 				item: e,
@@ -415,7 +425,7 @@ var ue = ["aria-label", "onClick"], de = [
 			}));
 			let e = [], t;
 			return _.value.forEach((n, r) => {
-				let i = ne(n);
+				let i = S(n);
 				i !== void 0 && i !== t && e.push({
 					kind: "header",
 					label: i
@@ -425,88 +435,88 @@ var ue = ["aria-label", "onClick"], de = [
 					index: r
 				});
 			}), e;
-		}), 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,
+		}), T = f(() => C.value.flatMap((e, t) => e.kind === "header" ? [t] : [])), k = (e) => [...T.value].reverse().find((t) => e >= t) ?? -1, M = q(f(() => ({
+			count: C.value.length,
+			getScrollElement: () => te.value,
 			estimateSize: (e) => {
-				let t = S.value[e];
+				let t = C.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: w.value.length ? (e) => {
-				let t = O(e.startIndex), n = new Set(le(e));
+			rangeExtractor: T.value.length ? (e) => {
+				let t = k(e.startIndex), n = new Set(de(e));
 				return t >= 0 && n.add(t), [...n].sort((e, t) => e - t);
-			} : le,
+			} : de,
 			initialRect: {
 				width: 0,
 				height: 320
 			}
 		}))), 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;
+			return T.value.length ? k(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"))));
+			let e = F.value.at(-1)?.index, t = C.value.length;
+			e !== void 0 && b.value && !x.value && R !== t && (e < t - 1 - o.endThreshold || (R = t, o.dataSource ? p.loadMore() : (s("loadMore"), s("endReached"))));
 		}
-		E(z), L(() => [
+		D(z), L(() => [
 			F.value.at(-1)?.index,
-			S.value.length,
+			C.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 = S.value.findIndex((t) => t.kind === "item" && t.index === e);
+				let n = C.value.findIndex((t) => t.kind === "item" && t.index === e);
 				n >= 0 && M.value.scrollToIndex(n, { align: t.align ?? "auto" });
 			},
 			refresh: () => p.refresh()
-		}), (e, t) => (D(), h(u, null, [g("div", {
+		}), (e, t) => (O(), h(d, null, [g("div", {
 			ref_key: "scrollElement",
-			ref: d,
+			ref: te,
 			role: "list",
 			"aria-label": n.label,
 			"aria-busy": B.value && x.value || void 0,
 			tabindex: "0",
-			class: C(P(l).base({ class: C(P(c).class) })),
-			style: T([{ height: n.height }, P(c).style])
+			class: w(P(u).base({ class: w(P(l).class) })),
+			style: E([{ height: n.height }, P(l).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", {
+			class: w(P(u).spacer()),
+			style: E({ height: `${P(M).getTotalSize()}px` })
+		}, [(O(!0), h(d, null, ne(F.value, (t) => (O(), h(d, { key: String(t.key) }, [C.value[t.index]?.kind === "header" ? (O(), h("div", {
 			key: 0,
 			ref_for: !0,
 			ref: (e) => e && P(M).measureElement(e),
 			role: "presentation",
 			"data-index": t.index,
-			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", {
+			class: w(t.index === I.value ? P(u).groupHeader({ class: P(u).sticky() }) : P(u).item({ class: P(u).groupHeader() })),
+			style: E(t.index === I.value ? void 0 : { transform: `translateY(${t.start}px)` })
+		}, N(C.value[t.index].label), 15, me)) : C.value[t.index] ? (O(), h("div", {
 			key: 1,
 			ref_for: !0,
 			ref: (e) => e && P(M).measureElement(e),
 			role: "listitem",
-			"aria-posinset": S.value[t.index].index + 1,
+			"aria-posinset": C.value[t.index].index + 1,
 			"aria-setsize": _.value.length,
 			"data-index": t.index,
-			class: C(P(l).item()),
-			style: T({ transform: `translateY(${t.start}px)` })
+			class: w(P(u).item()),
+			style: E({ 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", {
+			item: C.value[t.index].item,
+			index: C.value[t.index].index
+		})], 14, X)) : m("", !0)], 64))), 128))], 6), B.value && x.value && _.value.length ? (O(), h("div", {
 			key: 0,
-			class: C(P(l).loading()),
+			class: w(P(u).loading()),
 			"aria-hidden": "true"
-		}, [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", {
+		}, [y(P(V), { class: w(P(u).loadingIcon()) }, null, 8, ["class"]), v(" " + N(P(ee).dataSource.loadingMore), 1)], 2)) : m("", !0)], 14, Y), n.dataSource ? (O(), h("p", {
 			key: 0,
 			role: "status",
-			class: C(P(l).status())
+			class: w(P(u).status())
 		}, N(P(p).announcement.value), 3)) : m("", !0)], 64));
 	}
-}), me = ["data-index"], Z = /* @__PURE__ */ b({
+}), ge = ["data-index"], Z = /* @__PURE__ */ b({
 	inheritAttrs: !1,
 	__name: "VirtualTree",
 	props: {
@@ -562,8 +572,8 @@ var ue = ["aria-label", "onClick"], de = [
 		"loadChildren"
 	],
 	setup(n, { expose: r, emit: i }) {
-		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, {
+		let a = n, o = i, te = I(), b = t("tree", se, () => a.classes)(), x = re(), C = e(), T = C.tree, D = A(null), M = u(a, o, f(() => D.value?.$el ?? null));
+		k(c, M.drag), k(s, {
 			...M,
 			showLines: f(() => !1)
 		});
@@ -578,7 +588,7 @@ var ue = ["aria-label", "onClick"], de = [
 				level: t.level
 			});
 			return e;
-		}), L = k(null), z = q(f(() => ({
+		}), L = A(null), z = q(f(() => ({
 			count: F.value.length,
 			getScrollElement: () => L.value?.$el ?? null,
 			estimateSize: () => a.itemHeight,
@@ -603,7 +613,7 @@ var ue = ["aria-label", "onClick"], de = [
 			let t = B(e.node.id);
 			t < 0 || (z.value.scrollToIndex(t, { align: "auto" }), ie(e.getElement));
 		}
-		let se = f(() => a.label ?? x["aria-label"] ?? S.tree.treeLabel), U = K(f(() => ({
+		let oe = f(() => a.label ?? x["aria-label"] ?? C.tree.treeLabel), ce = K(f(() => ({
 			collection: M.collection.value,
 			selectionMode: a.selectionMode,
 			selectedValue: M.selected.value,
@@ -612,12 +622,12 @@ var ue = ["aria-label", "onClick"], de = [
 				checkedValue: a.checkedValue,
 				defaultCheckedValue: a.defaultCheckedValue
 			},
-			translations: { treeLabel: se.value },
+			translations: { treeLabel: oe.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));
+		}))), U = f(() => a.emptyText ?? (M.query.value.trim() ? T.noMatches : a.group === void 0 ? void 0 : C.common.empty)), le = f(() => !M.view.value.length && (U.value !== void 0 || !!te.empty || a.group !== void 0));
 		return r({
 			expandAll: M.expandAll,
 			collapseAll: M.collapseAll,
@@ -626,23 +636,23 @@ var ue = ["aria-label", "onClick"], de = [
 				let t = B(e);
 				t >= 0 && z.value.scrollToIndex(t, { align: "auto" }), requestAnimationFrame(() => M.focusNode(e));
 			}
-		}), (e, t) => (D(), p(P(G).RootProvider, {
+		}), (e, t) => (O(), p(P(G).RootProvider, {
 			ref_key: "root",
-			ref: E,
-			value: P(U),
-			class: C(P(b).base({ class: C(P(x).class) })),
-			style: T(P(x).style),
+			ref: D,
+			value: P(ce),
+			class: w(P(b).base({ class: w(P(x).class) })),
+			style: E(P(x).style),
 			onKeydownCapture: P(M).onKeydown
 		}, {
 			default: R(() => [
-				n.label ? (D(), p(P(G).Label, {
+				n.label ? (O(), p(P(G).Label, {
 					key: 0,
-					class: C(P(b).label())
+					class: w(P(b).label())
 				}, {
 					default: R(() => [v(N(n.label), 1)]),
 					_: 1
 				}, 8, ["class"])) : m("", !0),
-				y(c, {
+				y(l, {
 					model: P(M),
 					filter: n.filter,
 					"filter-mode": n.filterMode,
@@ -658,21 +668,21 @@ var ue = ["aria-label", "onClick"], de = [
 				y(P(G).Tree, {
 					ref_key: "viewport",
 					ref: L,
-					class: C(P(b).tree({ class: P(b).viewport() })),
-					style: T({ height: n.height }),
-					hidden: W.value || void 0
+					class: w(P(b).tree({ class: P(b).viewport() })),
+					style: E({ height: n.height }),
+					hidden: le.value || void 0
 				}, {
 					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", {
+						class: w(P(b).spacer()),
+						style: E({ height: `${P(z).getTotalSize()}px` })
+					}, [(O(!0), h(d, null, ne(P(z).getVirtualItems(), (t) => (O(), h("div", {
 						key: String(t.key),
 						ref_for: !0,
 						ref: (e) => e && P(z).measureElement(e),
 						"data-index": t.index,
-						class: C(P(b).row()),
-						style: T({ transform: `translateY(${t.start}px)` })
-					}, [F.value[t.index].kind === "node" ? (D(), p(te, {
+						class: w(P(b).row()),
+						style: E({ transform: `translateY(${t.start}px)` })
+					}, [F.value[t.index].kind === "node" ? (O(), p(ee, {
 						key: 0,
 						node: F.value[t.index].node,
 						"index-path": F.value[t.index].indexPath,
@@ -682,7 +692,7 @@ var ue = ["aria-label", "onClick"], de = [
 						setsize: F.value[t.index].setsize
 					}, _({ _: 2 }, [e.$slots.node ? {
 						name: "node",
-						fn: R((t) => [j(e.$slots, "node", ne({ ref_for: !0 }, t))]),
+						fn: R((t) => [j(e.$slots, "node", S({ ref_for: !0 }, t))]),
 						key: "0"
 					} : void 0]), 1032, [
 						"node",
@@ -690,27 +700,27 @@ var ue = ["aria-label", "onClick"], de = [
 						"checkable",
 						"posinset",
 						"setsize"
-					])) : (D(), h("div", {
+					])) : (O(), h("div", {
 						key: 1,
-						class: C(P(b).loadingRow()),
-						style: T({ "--depth": F.value[t.index].level }),
+						class: w(P(b).loadingRow()),
+						style: E({ "--depth": F.value[t.index].level }),
 						"aria-hidden": "true"
-					}, [y(P(V), { class: C(P(b).loadingIcon()) }, null, 8, ["class"]), v(" " + N(P(w).loadingRow), 1)], 6))], 14, me))), 128))], 6)]),
+					}, [y(P(V), { class: w(P(b).loadingIcon()) }, null, 8, ["class"]), v(" " + N(P(T).loadingRow), 1)], 6))], 14, ge))), 128))], 6)]),
 					_: 3
 				}, 8, [
 					"class",
 					"style",
 					"hidden"
 				]),
-				W.value ? (D(), h("div", {
+				le.value ? (O(), h("div", {
 					key: 1,
-					class: C(P(b).empty()),
+					class: w(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),
+				}, [j(e.$slots, "empty", {}, () => [v(N(U.value), 1)])], 34)) : m("", !0),
 				g("p", {
 					role: "status",
-					class: C(P(b).status())
+					class: w(P(b).status())
 				}, N(P(M).status.value), 3)
 			]),
 			_: 3
@@ -721,6 +731,6 @@ var ue = ["aria-label", "onClick"], de = [
 			"onKeydownCapture"
 		]));
 	}
-}), he = { useVirtualizer: q };
+}), _e = { useVirtualizer: q };
 //#endregion
-export { pe as VirtualList, J as VirtualSelect, Z as VirtualTree, he as virtualRows };
+export { he as VirtualList, J as VirtualSelect, Z as VirtualTree, _e as virtualRows };