@wirecore/wirelayer-vue 0.6.0 → 0.8.0

package/dist/Tree-DWxqSrO6.js

@@ -1,789 +0,0 @@
-import { a as e, n as t } from "./recipes-BlM9aKyt.js";
-import { t as n } from "./attrs-KNjeRUCf.js";
-import { r, t as i } from "./InputStatus-D7kBGlew.js";
-import { a, i as o, n as s, r as c, 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, inject as x, mergeModels as S, mergeProps as C, normalizeClass as w, normalizeProps as T, normalizeStyle as E, onBeforeUnmount as D, onMounted as O, openBlock as k, provide as A, ref as j, renderList as M, renderSlot as N, resolveDynamicComponent as P, toDisplayString as F, toHandlers as I, toRef as L, unref as R, useAttrs as z, useId as ee, useModel as B, useSlots as V, useTemplateRef as H, watch as U, withCtx as W } from "vue";
-import { Check as te, ChevronLeft as ne, ChevronRight as G, Circle as re, Eye as ie, EyeOff as ae, Maximize2 as oe, Minimize2 as K, X as q } from "@lucide/vue";
-import { checkPasswordRequirements as se, clampDialogOffset as ce, closeTab as le, dialog as ue, dialogMoveForKey as de, dialogMoveKeys as fe, passwordInput as pe, passwordStrength as me, scrollEdges as he, setTextControlValue as ge, tabs as J, tree as _e } from "@wirecore/wirelayer-recipes";
-import { useFieldContext as ve } from "@ark-ui/vue/field";
-import { Tabs as Y } from "@ark-ui/vue/tabs";
-import { Dialog as X, useDialogContext as ye } from "@ark-ui/vue/dialog";
-import { PasswordInput as Z } from "@ark-ui/vue/password-input";
-import { TreeView as Q } from "@ark-ui/vue/tree-view";
-//#endregion
-//#region src/components/Tabs/Tabs.vue
-var be = /* @__PURE__ */ b({
-	inheritAttrs: !1,
-	__name: "Tabs",
-	props: {
-		modelValue: { default: void 0 },
-		defaultValue: { default: void 0 },
-		label: {},
-		orientation: { default: void 0 },
-		activationMode: { default: void 0 },
-		lazyMount: {
-			type: Boolean,
-			default: void 0
-		},
-		unmountOnExit: {
-			type: Boolean,
-			default: void 0
-		},
-		classes: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: n }) {
-		let r = e, i = t("tabs", J, () => r.classes), a = n, o = z(), s = i();
-		return (t, n) => (k(), p(R(Y).Root, C({
-			...R(o),
-			class: R(s).base({ class: w(R(o).class) })
-		}, {
-			"model-value": e.modelValue,
-			"default-value": e.defaultValue,
-			orientation: e.orientation,
-			"activation-mode": e.activationMode,
-			"lazy-mount": e.lazyMount,
-			"unmount-on-exit": e.unmountOnExit,
-			translations: e.label ? { listLabel: e.label } : void 0,
-			"onUpdate:modelValue": n[0] ||= (e) => a("update:modelValue", e)
-		}), {
-			default: W(() => [N(t.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"model-value",
-			"default-value",
-			"orientation",
-			"activation-mode",
-			"lazy-mount",
-			"unmount-on-exit",
-			"translations"
-		]));
-	}
-}), xe = /* @__PURE__ */ b({
-	inheritAttrs: !1,
-	__name: "TabsContent",
-	props: {
-		value: {},
-		classes: {}
-	},
-	setup(e) {
-		let n = e, r = t("tabs", J, () => n.classes), i = z(), a = r();
-		return (t, n) => (k(), p(R(Y).Content, C({
-			...R(i),
-			class: R(a).content({ class: w(R(i).class) })
-		}, { value: e.value }), {
-			default: W(() => [N(t.$slots, "default")]),
-			_: 3
-		}, 16, ["value"]));
-	}
-}), Se = /* @__PURE__ */ b({
-	inheritAttrs: !1,
-	__name: "TabsList",
-	props: { scrollable: { type: Boolean } },
-	setup(e) {
-		let n = e, r = t("tabs", J), i = z(), a = r(), o = H("list"), s = j({
-			start: !1,
-			end: !1
-		}), c = () => {
-			o.value?.$el && (s.value = he(o.value.$el));
-		}, l;
-		O(() => {
-			n.scrollable && o.value?.$el && (c(), l = new ResizeObserver(c), l.observe(o.value.$el));
-		}), D(() => l?.disconnect());
-		function u(e) {
-			let t = o.value?.$el;
-			if (!t) return;
-			let n = getComputedStyle(t).direction === "rtl", r = t.clientWidth * .8 * (e ? 1 : -1) * (n ? -1 : 1), i = !matchMedia("(prefers-reduced-motion: reduce)").matches;
-			t.scrollBy({
-				left: r,
-				behavior: i ? "smooth" : "auto"
-			});
-		}
-		return (t, n) => e.scrollable ? (k(), h("div", {
-			key: 0,
-			class: w(R(a).scroller())
-		}, [
-			s.value.start ? (k(), h("button", {
-				key: 0,
-				type: "button",
-				tabindex: "-1",
-				"aria-hidden": "true",
-				"data-side": "start",
-				class: w(R(a).scrollButton()),
-				onClick: n[0] ||= (e) => u(!1)
-			}, [y(R(ne), { class: w(R(a).scrollIcon()) }, null, 8, ["class"])], 2)) : m("", !0),
-			y(R(Y).List, C({
-				ref_key: "list",
-				ref: o
-			}, {
-				...R(i),
-				class: R(a).list({ class: [R(a).scrollList(), w(R(i).class)] })
-			}, { onScroll: c }), {
-				default: W(() => [N(t.$slots, "default")]),
-				_: 3
-			}, 16),
-			s.value.end ? (k(), h("button", {
-				key: 1,
-				type: "button",
-				tabindex: "-1",
-				"aria-hidden": "true",
-				"data-side": "end",
-				class: w(R(a).scrollButton()),
-				onClick: n[1] ||= (e) => u(!0)
-			}, [y(R(G), { class: w(R(a).scrollIcon()) }, null, 8, ["class"])], 2)) : m("", !0)
-		], 2)) : (k(), p(R(Y).List, T(C({ key: 1 }, {
-			...R(i),
-			class: R(a).list({ class: w(R(i).class) })
-		})), {
-			default: W(() => [N(t.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), Ce = ["disabled"], we = /* @__PURE__ */ b({
-	inheritAttrs: !1,
-	__name: "TabsTrigger",
-	props: {
-		value: {},
-		icon: {},
-		disabled: {
-			type: Boolean,
-			default: void 0
-		},
-		closable: {
-			type: Boolean,
-			default: !1
-		},
-		classes: {}
-	},
-	emits: ["close"],
-	setup(e, { emit: n }) {
-		let r = e, i = n, a = t("tabs", J, () => r.classes), o = z(), s = f(() => a({ closable: r.closable }));
-		function c(e) {
-			!r.closable || e.key !== "Delete" || e.defaultPrevented || r.disabled || (e.preventDefault(), le(e.currentTarget, () => i("close", r.value)));
-		}
-		function l(e) {
-			let t = e.currentTarget.parentElement?.querySelector("[role=tab]");
-			t && le(t, () => i("close", r.value));
-		}
-		return (t, n) => e.closable ? (k(), h("span", {
-			key: 0,
-			role: "presentation",
-			class: w(s.value.tab())
-		}, [y(R(Y).Trigger, C({
-			...R(o),
-			class: s.value.trigger({ class: w(R(o).class) })
-		}, {
-			value: e.value,
-			disabled: e.disabled,
-			"aria-keyshortcuts": "Delete",
-			onKeydown: c
-		}), {
-			default: W(() => [e.icon ? (k(), p(P(e.icon), {
-				key: 0,
-				class: w(s.value.icon()),
-				"aria-hidden": "true"
-			}, null, 8, ["class"])) : m("", !0), N(t.$slots, "default")]),
-			_: 3
-		}, 16, ["value", "disabled"]), g("button", {
-			type: "button",
-			tabindex: "-1",
-			"aria-hidden": "true",
-			class: w(s.value.close()),
-			disabled: e.disabled,
-			onClick: l
-		}, [y(R(q), { class: w(s.value.closeIcon()) }, null, 8, ["class"])], 10, Ce)], 2)) : (k(), p(R(Y).Trigger, C({ key: 1 }, {
-			...R(o),
-			class: s.value.trigger({ class: w(R(o).class) })
-		}, {
-			value: e.value,
-			disabled: e.disabled
-		}), {
-			default: W(() => [e.icon ? (k(), p(P(e.icon), {
-				key: 0,
-				class: w(s.value.icon()),
-				"aria-hidden": "true"
-			}, null, 8, ["class"])) : m("", !0), N(t.$slots, "default")]),
-			_: 3
-		}, 16, ["value", "disabled"]));
-	}
-}), $ = Symbol("wirecore-dialog-root"), Te = /* @__PURE__ */ b({
-	__name: "Dialog",
-	props: {
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		defaultOpen: {
-			type: Boolean,
-			default: void 0
-		},
-		role: { default: "dialog" },
-		modal: {
-			type: Boolean,
-			default: !0
-		},
-		closeOnEscape: {
-			type: Boolean,
-			default: !0
-		},
-		closeOnInteractOutside: {
-			type: Boolean,
-			default: void 0
-		}
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = e, r = t;
-		return A($, f(() => ({ modal: n.modal }))), (t, n) => (k(), p(R(X).Root, {
-			open: e.open,
-			"default-open": e.defaultOpen,
-			role: e.role,
-			modal: e.modal,
-			"close-on-escape": e.closeOnEscape,
-			"close-on-interact-outside": e.closeOnInteractOutside,
-			"lazy-mount": "",
-			"unmount-on-exit": "",
-			"onUpdate:open": n[0] ||= (e) => r("update:open", e)
-		}, {
-			default: W(() => [N(t.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"open",
-			"default-open",
-			"role",
-			"modal",
-			"close-on-escape",
-			"close-on-interact-outside"
-		]));
-	}
-});
-//#endregion
-//#region src/components/Dialog/drag.ts
-function Ee(e) {
-	let t = j({
-		x: 0,
-		y: 0
-	}), n = null, r = (e, n) => {
-		let r = n.getBoundingClientRect(), i = {
-			x: r.x - t.value.x,
-			y: r.y - t.value.y,
-			width: r.width,
-			height: r.height
-		};
-		t.value = ce(e, i, {
-			width: innerWidth,
-			height: innerHeight
-		});
-	};
-	function i(r) {
-		let i = r.currentTarget;
-		if (!e() || r.button !== 0 || r.target.closest("button, a, input")) return;
-		let a = i.closest("[data-part=content]");
-		a && (n = {
-			id: r.pointerId,
-			x: r.clientX,
-			y: r.clientY,
-			origin: { ...t.value },
-			content: a
-		}, i.setPointerCapture?.(r.pointerId), r.preventDefault());
-	}
-	function a(e) {
-		n && e.pointerId === n.id && r({
-			x: n.origin.x + e.clientX - n.x,
-			y: n.origin.y + e.clientY - n.y
-		}, n.content);
-	}
-	function o() {
-		n = null;
-	}
-	function s(n) {
-		if (!e()) return;
-		let i = de(n);
-		i && (n.preventDefault(), r({
-			x: t.value.x + i.x,
-			y: t.value.y + i.y
-		}, n.currentTarget));
-	}
-	return {
-		style: f(() => e() && (t.value.x || t.value.y) ? { translate: `${t.value.x}px ${t.value.y}px` } : void 0),
-		reset: () => {
-			t.value = {
-				x: 0,
-				y: 0
-			};
-		},
-		header: {
-			pointerdown: i,
-			pointermove: a,
-			pointerup: o,
-			pointercancel: o
-		},
-		onKeyDown: s
-	};
-}
-//#endregion
-//#region src/components/Dialog/DialogContent.vue?vue&type=script&setup=true&lang.ts
-var De = ["aria-label"], Oe = /* @__PURE__ */ b({
-	inheritAttrs: !1,
-	__name: "DialogContent",
-	props: {
-		title: {},
-		description: {},
-		icon: {},
-		status: {},
-		size: {},
-		position: {},
-		fullscreen: { type: Boolean },
-		maximizable: { type: Boolean },
-		maximized: {
-			type: Boolean,
-			default: void 0
-		},
-		defaultMaximized: { type: Boolean },
-		draggable: { type: Boolean },
-		closable: {
-			type: Boolean,
-			default: !0
-		},
-		scrollBehavior: {},
-		responsive: {
-			type: Boolean,
-			default: !0
-		},
-		closeLabel: {},
-		maximizeLabel: {},
-		restoreLabel: {},
-		portalTarget: {},
-		classes: {}
-	},
-	emits: ["update:maximized"],
-	setup(n, { emit: r }) {
-		let i = e(), a = n, o = r, s = t("dialog", ue, () => a.classes), c = z(), l = x($, null), u = f(() => l?.value.modal ?? !0), _ = j(a.defaultMaximized ?? !1), b = f(() => a.maximized ?? _.value);
-		function S() {
-			let e = !b.value;
-			_.value = e, o("update:maximized", e);
-		}
-		let T = Ee(() => a.draggable && !b.value && !a.fullscreen), E = ye();
-		U(() => E.value.open, (e) => !e && T.reset());
-		let D = f(() => s({
-			status: a.status,
-			size: a.size,
-			position: a.position,
-			scrollBehavior: a.scrollBehavior,
-			fullscreen: a.fullscreen || b.value,
-			responsive: a.responsive,
-			draggable: a.draggable && !b.value,
-			maximizable: a.maximizable
-		}));
-		return (e, t) => (k(), p(d, { to: n.portalTarget ?? "body" }, [u.value ? (k(), p(R(X).Backdrop, {
-			key: 0,
-			class: w(D.value.backdrop())
-		}, null, 8, ["class"])) : m("", !0), y(R(X).Positioner, { class: w(D.value.positioner()) }, {
-			default: W(() => [y(R(X).Content, C({
-				...R(c),
-				class: D.value.content({ class: w(R(c).class) }),
-				...R(T).style.value ? { style: [R(c).style, R(T).style.value] } : {},
-				...n.draggable ? { "aria-keyshortcuts": R(fe) } : {}
-			}, { onKeydown: t[0] ||= (e) => n.draggable && R(T).onKeyDown(e) }), {
-				default: W(() => [
-					g("div", C({ class: D.value.header() }, I(n.draggable ? R(T).header : {}, !0)), [
-						n.icon ? (k(), h("span", {
-							key: 0,
-							class: w(D.value.iconBox())
-						}, [(k(), p(P(n.icon), {
-							class: w(D.value.icon()),
-							"aria-hidden": "true"
-						}, null, 8, ["class"]))], 2)) : m("", !0),
-						n.maximizable ? (k(), h("button", {
-							key: 1,
-							type: "button",
-							class: w(D.value.maximize()),
-							"aria-label": b.value ? n.restoreLabel ?? R(i).dialog.restore : n.maximizeLabel ?? R(i).dialog.maximize,
-							onClick: S
-						}, [(k(), p(P(b.value ? R(K) : R(oe)), {
-							class: w(D.value.maximizeIcon()),
-							"aria-hidden": "true"
-						}, null, 8, ["class"]))], 10, De)) : m("", !0),
-						n.closable ? (k(), p(R(X).CloseTrigger, {
-							key: 2,
-							class: w(D.value.close()),
-							"aria-label": n.closeLabel ?? R(i).common.close
-						}, {
-							default: W(() => [y(R(q), {
-								class: w(D.value.closeIcon()),
-								"aria-hidden": "true"
-							}, null, 8, ["class"])]),
-							_: 1
-						}, 8, ["class", "aria-label"])) : m("", !0)
-					], 16),
-					g("div", { class: w(D.value.body()) }, [
-						y(R(X).Title, { class: w(D.value.title()) }, {
-							default: W(() => [v(F(n.title), 1)]),
-							_: 1
-						}, 8, ["class"]),
-						n.description ? (k(), p(R(X).Description, {
-							key: 0,
-							class: w(D.value.description())
-						}, {
-							default: W(() => [v(F(n.description), 1)]),
-							_: 1
-						}, 8, ["class"])) : m("", !0),
-						N(e.$slots, "default")
-					], 2),
-					e.$slots.footer ? (k(), h("div", {
-						key: 0,
-						class: w(D.value.footer())
-					}, [N(e.$slots, "footer")], 2)) : m("", !0)
-				]),
-				_: 3
-			}, 16)]),
-			_: 3
-		}, 8, ["class"])], 8, ["to"]));
-	}
-}), ke = ["data-level", "data-filled"], Ae = ["id"], je = ["id", "aria-label"], Me = ["data-met"], Ne = /* @__PURE__ */ b({
-	inheritAttrs: !1,
-	__name: "PasswordInput",
-	props: /*@__PURE__*/ S({
-		size: {},
-		invalid: {
-			type: Boolean,
-			default: void 0
-		},
-		success: {
-			type: Boolean,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			default: void 0
-		},
-		readOnly: {
-			type: Boolean,
-			default: void 0
-		},
-		required: {
-			type: Boolean,
-			default: void 0
-		},
-		name: {},
-		defaultVisible: {
-			type: Boolean,
-			default: void 0
-		},
-		visible: {
-			type: Boolean,
-			default: void 0
-		},
-		autocomplete: { default: "current-password" },
-		strength: {
-			type: Boolean,
-			default: !1
-		},
-		requirements: { default: void 0 },
-		loading: { type: Boolean },
-		clearable: { type: Boolean },
-		clearLabel: {},
-		defaultValue: { default: void 0 },
-		classes: {}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ S(["update:visible"], ["update:modelValue"]),
-	setup(a, { emit: o }) {
-		let s = e(), c = a, l = o, d = t("passwordInput", pe, () => c.classes), _ = B(a, "modelValue"), b = z(), x = f(() => n(b)), S = ve(), T = r(), D = f(() => !!c.invalid || !!S?.value.invalid), O = f(() => !D.value && (!!c.success || T.value.success)), A = f(() => d({
-			size: c.size,
-			success: O.value
-		})), N = ee(), P = j(c.defaultValue), I = f(() => _.value ?? P.value), L = f(() => me(I.value ?? "")), V = f(() => I.value ? s.passwordStrength.levels[L.value] : ""), U = f(() => se(I.value ?? "", c.requirements ?? []));
-		function ne(e) {
-			P.value = e.target.value, _.value = P.value;
-		}
-		let G = f(() => c.strength || c.requirements?.length ? [
-			S?.value.ariaDescribedby,
-			c.strength && `${N}strength`,
-			c.requirements?.length && `${N}requirements`
-		].filter(Boolean).join(" ") : void 0), oe = f(() => !!c.disabled || !!S?.value.disabled), K = f(() => !!c.readOnly || !!S?.value.readOnly), q = H("control");
-		function ce() {
-			let e = q.value?.$el.querySelector("input");
-			e && (ge(e), e.focus());
-		}
-		return (e, t) => (k(), p(R(Z).Root, {
-			class: w(A.value.base({ class: x.value.className })),
-			style: E(x.value.style),
-			invalid: a.invalid,
-			disabled: a.disabled,
-			"read-only": a.readOnly,
-			required: a.required,
-			name: a.name,
-			"default-visible": a.defaultVisible,
-			visible: a.visible,
-			"auto-complete": a.autocomplete,
-			translations: R(s).passwordInput,
-			onVisibilityChange: t[0] ||= (e) => l("update:visible", e.visible)
-		}, {
-			default: W(() => [
-				y(R(Z).Control, {
-					ref_key: "control",
-					ref: q,
-					class: w(A.value.control())
-				}, {
-					default: W(() => [
-						y(R(Z).Input, C(x.value.rest, {
-							"aria-describedby": G.value,
-							"aria-busy": a.loading || void 0,
-							value: I.value,
-							class: A.value.input(),
-							onInput: ne
-						}), null, 16, [
-							"aria-describedby",
-							"aria-busy",
-							"value",
-							"class"
-						]),
-						a.loading || a.clearable || O.value ? (k(), p(i, {
-							key: 0,
-							loading: a.loading,
-							clear: a.clearable && !!I.value && !oe.value && !K.value,
-							"clear-label": a.clearLabel ?? R(s).field.clear,
-							success: O.value,
-							classes: {
-								spinner: A.value.spinner(),
-								clear: A.value.clear(),
-								clearIcon: A.value.clearIcon(),
-								statusIcon: A.value.statusIcon()
-							},
-							onClear: ce
-						}, null, 8, [
-							"loading",
-							"clear",
-							"clear-label",
-							"success",
-							"classes"
-						])) : m("", !0),
-						y(R(Z).VisibilityTrigger, { class: w(A.value.toggle()) }, {
-							default: W(() => [y(R(Z).Indicator, null, {
-								fallback: W(() => [y(R(ie), {
-									class: w(A.value.toggleIcon()),
-									"aria-hidden": "true"
-								}, null, 8, ["class"])]),
-								default: W(() => [y(R(ae), {
-									class: w(A.value.toggleIcon()),
-									"aria-hidden": "true"
-								}, null, 8, ["class"])]),
-								_: 1
-							})]),
-							_: 1
-						}, 8, ["class"])
-					]),
-					_: 1
-				}, 8, ["class"]),
-				a.strength ? (k(), h("div", {
-					key: 0,
-					class: w(A.value.strength())
-				}, [g("div", {
-					class: w(A.value.meter()),
-					"aria-hidden": "true"
-				}, [(k(), h(u, null, M(4, (e) => g("span", {
-					key: e,
-					class: w(A.value.bar()),
-					"data-level": L.value,
-					"data-filled": e <= L.value || void 0
-				}, null, 10, ke)), 64))], 2), g("span", {
-					id: `${R(N)}strength`,
-					class: w(A.value.strengthText()),
-					"aria-live": "polite"
-				}, [V.value ? (k(), h(u, { key: 0 }, [v(F(R(s).passwordStrength.label(V.value)), 1)], 64)) : m("", !0)], 10, Ae)], 2)) : m("", !0),
-				a.requirements?.length ? (k(), h("ul", {
-					key: 1,
-					id: `${R(N)}requirements`,
-					class: w(A.value.requirements()),
-					"aria-label": R(s).passwordRequirements.label
-				}, [(k(!0), h(u, null, M(a.requirements, (e, t) => (k(), h("li", {
-					key: e.label,
-					class: w(A.value.requirement()),
-					"data-met": U.value[t] || void 0
-				}, [
-					U.value[t] ? (k(), p(R(te), {
-						key: 0,
-						class: w(A.value.requirementIcon()),
-						"aria-hidden": "true"
-					}, null, 8, ["class"])) : (k(), p(R(re), {
-						key: 1,
-						class: w(A.value.requirementIcon()),
-						"aria-hidden": "true"
-					}, null, 8, ["class"])),
-					v(" " + F(e.label), 1),
-					g("span", { class: w(A.value.requirementState()) }, F(`: ${U.value[t] ? R(s).passwordRequirements.met : R(s).passwordRequirements.unmet}`), 3)
-				], 10, Me))), 128))], 10, je)) : m("", !0)
-			]),
-			_: 1
-		}, 8, [
-			"class",
-			"style",
-			"invalid",
-			"disabled",
-			"read-only",
-			"required",
-			"name",
-			"default-visible",
-			"visible",
-			"auto-complete",
-			"translations"
-		]));
-	}
-}), Pe = /* @__PURE__ */ b({
-	inheritAttrs: !1,
-	__name: "Tree",
-	props: {
-		items: {},
-		label: {},
-		selectionMode: { default: "single" },
-		selectedValue: { default: void 0 },
-		defaultSelectedValue: { default: void 0 },
-		expandedValue: { default: void 0 },
-		defaultExpandedValue: { default: void 0 },
-		checkable: {
-			type: Boolean,
-			default: !1
-		},
-		checkedValue: { default: void 0 },
-		defaultCheckedValue: { default: void 0 },
-		checkStrictly: {
-			type: Boolean,
-			default: !1
-		},
-		checkedStrategy: { default: void 0 },
-		reorderable: {
-			type: Boolean,
-			default: !1
-		},
-		allowDrop: {},
-		group: {},
-		name: {},
-		loadChildren: {},
-		dataSource: {},
-		filter: {
-			type: Boolean,
-			default: !1
-		},
-		filterValue: { default: void 0 },
-		filterMode: { default: "filter" },
-		expandControls: {
-			type: Boolean,
-			default: !1
-		},
-		showLines: {
-			type: Boolean,
-			default: !1
-		},
-		emptyText: {},
-		classes: {}
-	},
-	emits: [
-		"update:selectedValue",
-		"update:expandedValue",
-		"update:checkedValue",
-		"update:filterValue",
-		"move",
-		"transfer",
-		"loadChildren"
-	],
-	setup(n, { expose: r, emit: i }) {
-		let d = e(), g = n, b = t("tree", _e, () => g.classes), x = i, S = V(), T = z(), E = b(), D = d.tree, O = j(null), P = f(() => O.value?.$el ?? null), I = l(g, x, P);
-		A(o, I.drag), A(a, {
-			...I,
-			showLines: L(g, "showLines")
-		});
-		let ee = f(() => g.label ?? T["aria-label"] ?? d.tree.treeLabel), B = f(() => g.filter || g.filterValue !== void 0), H = f(() => !I.view.value.length && (U.value !== void 0 || !!S.empty || g.group !== void 0)), U = f(() => g.emptyText ?? (I.query.value.trim() ? D.noMatches : g.group === void 0 ? void 0 : d.common.empty)), te = f(() => g.reorderable || I.lazy.value || B.value || g.group !== void 0);
-		return r({
-			expandAll: I.expandAll,
-			collapseAll: I.collapseAll,
-			invalidate: I.invalidate,
-			focusNode: I.focusNode
-		}), (e, t) => (k(), p(R(Q).Root, C({
-			ref_key: "root",
-			ref: O,
-			class: R(E).base({ class: w(R(T).class) }),
-			style: R(T).style,
-			collection: R(I).collection.value,
-			"selection-mode": n.selectionMode,
-			"selected-value": R(I).selected.value,
-			"expanded-value": R(I).expanded.value
-		}, R(I).ownChecks.value ? {} : {
-			checkedValue: n.checkedValue,
-			defaultCheckedValue: n.defaultCheckedValue
-		}, {
-			translations: { treeLabel: ee.value },
-			onSelectionChange: t[2] ||= (e) => R(I).onSelectionChange(e.selectedValue),
-			onExpandedChange: t[3] ||= (e) => R(I).setExpanded(e.expandedValue),
-			onCheckedChange: t[4] ||= (e) => R(I).ownChecks.value || R(I).onArkCheckedChange(e.checkedValue),
-			onKeydownCapture: R(I).onKeydown
-		}), {
-			default: W(() => [
-				n.label ? (k(), p(R(Q).Label, {
-					key: 0,
-					class: w(R(E).label())
-				}, {
-					default: W(() => [v(F(n.label), 1)]),
-					_: 1
-				}, 8, ["class"])) : m("", !0),
-				y(s, {
-					model: R(I),
-					filter: n.filter,
-					"filter-mode": n.filterMode,
-					"expand-controls": n.expandControls,
-					classes: n.classes
-				}, null, 8, [
-					"model",
-					"filter",
-					"filter-mode",
-					"expand-controls",
-					"classes"
-				]),
-				y(R(Q).Tree, {
-					class: w(R(E).tree()),
-					hidden: H.value || void 0
-				}, {
-					default: W(() => [(k(!0), h(u, null, M(R(I).view.value, (t, r) => (k(), p(c, {
-						key: t.id,
-						node: t,
-						"index-path": [r],
-						checkable: n.checkable
-					}, _({ _: 2 }, [e.$slots.node ? {
-						name: "node",
-						fn: W((t) => [N(e.$slots, "node", C({ ref_for: !0 }, t))]),
-						key: "0"
-					} : void 0]), 1032, [
-						"node",
-						"index-path",
-						"checkable"
-					]))), 128))]),
-					_: 3
-				}, 8, ["class", "hidden"]),
-				H.value ? (k(), h("div", {
-					key: 1,
-					class: w(R(E).empty()),
-					onDragover: t[0] ||= (...e) => R(I).onEmptyDragOver && R(I).onEmptyDragOver(...e),
-					onDrop: t[1] ||= (...e) => R(I).onEmptyDrop && R(I).onEmptyDrop(...e)
-				}, [N(e.$slots, "empty", {}, () => [v(F(U.value), 1)])], 34)) : m("", !0),
-				te.value ? (k(), h("p", {
-					key: 2,
-					role: "status",
-					class: w(R(E).status())
-				}, F(R(I).status.value), 3)) : m("", !0)
-			]),
-			_: 3
-		}, 16, [
-			"class",
-			"style",
-			"collection",
-			"selection-mode",
-			"selected-value",
-			"expanded-value",
-			"translations",
-			"onKeydownCapture"
-		]));
-	}
-});
-//#endregion
-export { $ as a, xe as c, Te as i, be as l, Ne as n, we as o, Oe as r, Se as s, Pe as t };