@wirecore/wirelayer-vue 0.6.0 → 0.8.0

package/dist/Tree-DgHt0P5P.js

@@ -0,0 +1,807 @@
+import { a as e, n as t } from "./recipes-BlM9aKyt.js";
+import { t as n } from "./attrs-KNjeRUCf.js";
+import { i as r, n as i, t as a } from "./InputStatus-Cgarj-yu.js";
+import { a as o, i as s, n as c, r as l, t as u } from "./useTree-UhG1TMeM.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, inject as S, mergeModels as C, mergeProps as w, normalizeClass as T, normalizeProps 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 te, useSlots as B, useTemplateRef as V, watch as H, withCtx as U } from "vue";
+import { Check as ne, ChevronLeft as W, ChevronRight as re, Circle as ie, Eye as ae, EyeOff as oe, Maximize2 as se, Minimize2 as ce, X as G } from "@lucide/vue";
+import { checkPasswordRequirements as le, clampDialogOffset as K, closeTab as q, controlIds as ue, dialog as de, dialogMoveForKey as fe, dialogMoveKeys as pe, passwordInput as me, passwordStrength as he, scrollEdges as ge, setTextControlValue as _e, tabs as J, tree as ve } from "@wirecore/wirelayer-recipes";
+import { useFieldContext as ye } from "@ark-ui/vue/field";
+import { Tabs as Y } from "@ark-ui/vue/tabs";
+import { Dialog as X, useDialogContext as be } 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 xe = /* @__PURE__ */ x({
+	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(), m(R(Y).Root, w({
+			...R(o),
+			class: R(s).base({ class: T(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: U(() => [N(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"model-value",
+			"default-value",
+			"orientation",
+			"activation-mode",
+			"lazy-mount",
+			"unmount-on-exit",
+			"translations"
+		]));
+	}
+}), Se = /* @__PURE__ */ x({
+	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(), m(R(Y).Content, w({
+			...R(i),
+			class: R(a).content({ class: T(R(i).class) })
+		}, { value: e.value }), {
+			default: U(() => [N(t.$slots, "default")]),
+			_: 3
+		}, 16, ["value"]));
+	}
+}), Ce = /* @__PURE__ */ x({
+	inheritAttrs: !1,
+	__name: "TabsList",
+	props: { scrollable: { type: Boolean } },
+	setup(e) {
+		let n = e, r = t("tabs", J), i = z(), a = r(), o = V("list"), s = j({
+			start: !1,
+			end: !1
+		}), c = () => {
+			o.value?.$el && (s.value = ge(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(), g("div", {
+			key: 0,
+			class: T(R(a).scroller())
+		}, [
+			s.value.start ? (k(), g("button", {
+				key: 0,
+				type: "button",
+				tabindex: "-1",
+				"aria-hidden": "true",
+				"data-side": "start",
+				class: T(R(a).scrollButton()),
+				onClick: n[0] ||= (e) => u(!1)
+			}, [b(R(W), { class: T(R(a).scrollIcon()) }, null, 8, ["class"])], 2)) : h("", !0),
+			b(R(Y).List, w({
+				ref_key: "list",
+				ref: o
+			}, {
+				...R(i),
+				class: R(a).list({ class: [R(a).scrollList(), T(R(i).class)] })
+			}, { onScroll: c }), {
+				default: U(() => [N(t.$slots, "default")]),
+				_: 3
+			}, 16),
+			s.value.end ? (k(), g("button", {
+				key: 1,
+				type: "button",
+				tabindex: "-1",
+				"aria-hidden": "true",
+				"data-side": "end",
+				class: T(R(a).scrollButton()),
+				onClick: n[1] ||= (e) => u(!0)
+			}, [b(R(re), { class: T(R(a).scrollIcon()) }, null, 8, ["class"])], 2)) : h("", !0)
+		], 2)) : (k(), m(R(Y).List, E(w({ key: 1 }, {
+			...R(i),
+			class: R(a).list({ class: T(R(i).class) })
+		})), {
+			default: U(() => [N(t.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), we = ["disabled"], Te = /* @__PURE__ */ x({
+	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 = p(() => a({ closable: r.closable }));
+		function c(e) {
+			!r.closable || e.key !== "Delete" || e.defaultPrevented || r.disabled || (e.preventDefault(), q(e.currentTarget, () => i("close", r.value)));
+		}
+		function l(e) {
+			let t = e.currentTarget.parentElement?.querySelector("[role=tab]");
+			t && q(t, () => i("close", r.value));
+		}
+		return (t, n) => e.closable ? (k(), g("span", {
+			key: 0,
+			role: "presentation",
+			class: T(s.value.tab())
+		}, [b(R(Y).Trigger, w({
+			...R(o),
+			class: s.value.trigger({ class: T(R(o).class) })
+		}, {
+			value: e.value,
+			disabled: e.disabled,
+			"aria-keyshortcuts": "Delete",
+			onKeydown: c
+		}), {
+			default: U(() => [e.icon ? (k(), m(P(e.icon), {
+				key: 0,
+				class: T(s.value.icon()),
+				"aria-hidden": "true"
+			}, null, 8, ["class"])) : h("", !0), N(t.$slots, "default")]),
+			_: 3
+		}, 16, ["value", "disabled"]), _("button", {
+			type: "button",
+			tabindex: "-1",
+			"aria-hidden": "true",
+			class: T(s.value.close()),
+			disabled: e.disabled,
+			onClick: l
+		}, [b(R(G), { class: T(s.value.closeIcon()) }, null, 8, ["class"])], 10, we)], 2)) : (k(), m(R(Y).Trigger, w({ key: 1 }, {
+			...R(o),
+			class: s.value.trigger({ class: T(R(o).class) })
+		}, {
+			value: e.value,
+			disabled: e.disabled
+		}), {
+			default: U(() => [e.icon ? (k(), m(P(e.icon), {
+				key: 0,
+				class: T(s.value.icon()),
+				"aria-hidden": "true"
+			}, null, 8, ["class"])) : h("", !0), N(t.$slots, "default")]),
+			_: 3
+		}, 16, ["value", "disabled"]));
+	}
+}), $ = Symbol("wirecore-dialog-root"), Ee = /* @__PURE__ */ x({
+	__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($, p(() => ({ modal: n.modal }))), (t, n) => (k(), m(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: U(() => [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 De(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 = K(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 = fe(n);
+		i && (n.preventDefault(), r({
+			x: t.value.x + i.x,
+			y: t.value.y + i.y
+		}, n.currentTarget));
+	}
+	return {
+		style: p(() => 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 Oe = ["aria-label"], ke = /* @__PURE__ */ x({
+	inheritAttrs: !1,
+	__name: "DialogContent",
+	props: {
+		title: {},
+		hideTitle: { type: Boolean },
+		titlePosition: {},
+		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", de, () => a.classes), c = z(), l = S($, null), u = p(() => l?.value.modal ?? !0), d = j(a.defaultMaximized ?? !1), v = p(() => a.maximized ?? d.value);
+		function x() {
+			let e = !v.value;
+			d.value = e, o("update:maximized", e);
+		}
+		let C = De(() => a.draggable && !v.value && !a.fullscreen), E = be();
+		H(() => E.value.open, (e) => !e && C.reset());
+		let D = p(() => s({
+			status: a.status,
+			size: a.size,
+			position: a.position,
+			scrollBehavior: a.scrollBehavior,
+			fullscreen: a.fullscreen || v.value,
+			responsive: a.responsive,
+			draggable: a.draggable && !v.value,
+			maximizable: a.maximizable,
+			hideTitle: a.hideTitle,
+			titleInHeader: a.titlePosition === "header"
+		}));
+		return (e, t) => (k(), m(f, { to: n.portalTarget ?? "body" }, [u.value ? (k(), m(R(X).Backdrop, {
+			key: 0,
+			class: T(D.value.backdrop())
+		}, null, 8, ["class"])) : h("", !0), b(R(X).Positioner, { class: T(D.value.positioner()) }, {
+			default: U(() => [b(R(X).Content, w({
+				...R(c),
+				class: D.value.content({ class: T(R(c).class) }),
+				...R(C).style.value ? { style: [R(c).style, R(C).style.value] } : {},
+				...n.draggable ? { "aria-keyshortcuts": R(pe) } : {}
+			}, { onKeydown: t[0] ||= (e) => n.draggable && R(C).onKeyDown(e) }), {
+				default: U(() => [
+					_("div", w({ class: D.value.header() }, I(n.draggable ? R(C).header : {}, !0)), [
+						n.icon ? (k(), g("span", {
+							key: 0,
+							class: T(D.value.iconBox())
+						}, [(k(), m(P(n.icon), {
+							class: T(D.value.icon()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"]))], 2)) : h("", !0),
+						n.titlePosition === "header" ? (k(), m(R(X).Title, {
+							key: 1,
+							class: T(D.value.title())
+						}, {
+							default: U(() => [y(F(n.title), 1)]),
+							_: 1
+						}, 8, ["class"])) : h("", !0),
+						n.maximizable ? (k(), g("button", {
+							key: 2,
+							type: "button",
+							class: T(D.value.maximize()),
+							"aria-label": v.value ? n.restoreLabel ?? R(i).dialog.restore : n.maximizeLabel ?? R(i).dialog.maximize,
+							onClick: x
+						}, [(k(), m(P(v.value ? R(ce) : R(se)), {
+							class: T(D.value.maximizeIcon()),
+							"aria-hidden": "true"
+						}, null, 8, ["class"]))], 10, Oe)) : h("", !0),
+						n.closable ? (k(), m(R(X).CloseTrigger, {
+							key: 3,
+							class: T(D.value.close()),
+							"aria-label": n.closeLabel ?? R(i).common.close
+						}, {
+							default: U(() => [b(R(G), {
+								class: T(D.value.closeIcon()),
+								"aria-hidden": "true"
+							}, null, 8, ["class"])]),
+							_: 1
+						}, 8, ["class", "aria-label"])) : h("", !0)
+					], 16),
+					_("div", { class: T(D.value.body()) }, [
+						n.titlePosition === "header" ? h("", !0) : (k(), m(R(X).Title, {
+							key: 0,
+							class: T(D.value.title())
+						}, {
+							default: U(() => [y(F(n.title), 1)]),
+							_: 1
+						}, 8, ["class"])),
+						n.description ? (k(), m(R(X).Description, {
+							key: 1,
+							class: T(D.value.description())
+						}, {
+							default: U(() => [y(F(n.description), 1)]),
+							_: 1
+						}, 8, ["class"])) : h("", !0),
+						N(e.$slots, "default")
+					], 2),
+					e.$slots.footer ? (k(), g("div", {
+						key: 0,
+						class: T(D.value.footer())
+					}, [N(e.$slots, "footer")], 2)) : h("", !0)
+				]),
+				_: 3
+			}, 16)]),
+			_: 3
+		}, 8, ["class"])], 8, ["to"]));
+	}
+}), Ae = ["data-level", "data-filled"], je = ["id"], Me = ["id", "aria-label"], Ne = ["data-met"], Pe = /* @__PURE__ */ x({
+	inheritAttrs: !1,
+	__name: "PasswordInput",
+	props: /*@__PURE__*/ C({
+		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 },
+		id: {},
+		mono: { type: Boolean },
+		classes: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ C(["update:visible"], ["update:modelValue"]),
+	setup(o, { expose: s, emit: c }) {
+		let l = e(), u = o, f = c, v = t("passwordInput", me, () => u.classes), x = te(o, "modelValue"), S = z(), C = p(() => n(S)), E = ye(), D = r(), O = p(() => !!u.invalid || !!E?.value.invalid), A = p(() => !O.value && (!!u.success || D.value.success)), N = p(() => v({
+			size: u.size,
+			success: A.value,
+			mono: u.mono
+		})), P = ee(), I = j(u.defaultValue), L = p(() => x.value ?? I.value), B = p(() => he(L.value ?? "")), H = p(() => L.value ? l.passwordStrength.levels[B.value] : ""), W = p(() => le(L.value ?? "", u.requirements ?? []));
+		function re(e) {
+			I.value = e.target.value, x.value = I.value;
+		}
+		let se = p(() => u.strength || u.requirements?.length ? [
+			E?.value.ariaDescribedby,
+			u.strength && `${P}strength`,
+			u.requirements?.length && `${P}requirements`
+		].filter(Boolean).join(" ") : void 0), ce = p(() => !!u.disabled || !!E?.value.disabled), G = p(() => !!u.readOnly || !!E?.value.readOnly), K = V("control");
+		function q() {
+			let e = K.value?.$el.querySelector("input");
+			e && (_e(e), e.focus());
+		}
+		s(i(() => K.value?.$el.querySelector("input")));
+		let de = p(() => u.autocomplete), fe = p(() => ue(u.id, "input", { input: E?.value.ids.control }));
+		return (e, t) => (k(), m(R(Z).Root, w({
+			class: N.value.base({ class: C.value.className }),
+			style: C.value.style,
+			invalid: o.invalid,
+			disabled: o.disabled,
+			"read-only": o.readOnly,
+			required: o.required,
+			name: o.name,
+			"default-visible": o.defaultVisible,
+			visible: o.visible,
+			"auto-complete": de.value,
+			translations: R(l).passwordInput
+		}, fe.value, { onVisibilityChange: t[0] ||= (e) => f("update:visible", e.visible) }), {
+			default: U(() => [
+				b(R(Z).Control, {
+					ref_key: "control",
+					ref: K,
+					class: T(N.value.control())
+				}, {
+					default: U(() => [
+						b(R(Z).Input, w(C.value.rest, {
+							"aria-describedby": se.value,
+							"aria-busy": o.loading || void 0,
+							value: L.value,
+							class: N.value.input(),
+							onInput: re
+						}), null, 16, [
+							"aria-describedby",
+							"aria-busy",
+							"value",
+							"class"
+						]),
+						o.loading || o.clearable || A.value ? (k(), m(a, {
+							key: 0,
+							loading: o.loading,
+							clear: o.clearable && !!L.value && !ce.value && !G.value,
+							"clear-label": o.clearLabel ?? R(l).field.clear,
+							success: A.value,
+							classes: {
+								spinner: N.value.spinner(),
+								clear: N.value.clear(),
+								clearIcon: N.value.clearIcon(),
+								statusIcon: N.value.statusIcon()
+							},
+							onClear: q
+						}, null, 8, [
+							"loading",
+							"clear",
+							"clear-label",
+							"success",
+							"classes"
+						])) : h("", !0),
+						b(R(Z).VisibilityTrigger, { class: T(N.value.toggle()) }, {
+							default: U(() => [b(R(Z).Indicator, null, {
+								fallback: U(() => [b(R(ae), {
+									class: T(N.value.toggleIcon()),
+									"aria-hidden": "true"
+								}, null, 8, ["class"])]),
+								default: U(() => [b(R(oe), {
+									class: T(N.value.toggleIcon()),
+									"aria-hidden": "true"
+								}, null, 8, ["class"])]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["class"])
+					]),
+					_: 1
+				}, 8, ["class"]),
+				o.strength ? (k(), g("div", {
+					key: 0,
+					class: T(N.value.strength())
+				}, [_("div", {
+					class: T(N.value.meter()),
+					"aria-hidden": "true"
+				}, [(k(), g(d, null, M(4, (e) => _("span", {
+					key: e,
+					class: T(N.value.bar()),
+					"data-level": B.value,
+					"data-filled": e <= B.value || void 0
+				}, null, 10, Ae)), 64))], 2), _("span", {
+					id: `${R(P)}strength`,
+					class: T(N.value.strengthText()),
+					"aria-live": "polite"
+				}, [H.value ? (k(), g(d, { key: 0 }, [y(F(R(l).passwordStrength.label(H.value)), 1)], 64)) : h("", !0)], 10, je)], 2)) : h("", !0),
+				o.requirements?.length ? (k(), g("ul", {
+					key: 1,
+					id: `${R(P)}requirements`,
+					class: T(N.value.requirements()),
+					"aria-label": R(l).passwordRequirements.label
+				}, [(k(!0), g(d, null, M(o.requirements, (e, t) => (k(), g("li", {
+					key: e.label,
+					class: T(N.value.requirement()),
+					"data-met": W.value[t] || void 0
+				}, [
+					W.value[t] ? (k(), m(R(ne), {
+						key: 0,
+						class: T(N.value.requirementIcon()),
+						"aria-hidden": "true"
+					}, null, 8, ["class"])) : (k(), m(R(ie), {
+						key: 1,
+						class: T(N.value.requirementIcon()),
+						"aria-hidden": "true"
+					}, null, 8, ["class"])),
+					y(" " + F(e.label), 1),
+					_("span", { class: T(N.value.requirementState()) }, F(`: ${W.value[t] ? R(l).passwordRequirements.met : R(l).passwordRequirements.unmet}`), 3)
+				], 10, Ne))), 128))], 10, Me)) : h("", !0)
+			]),
+			_: 1
+		}, 16, [
+			"class",
+			"style",
+			"invalid",
+			"disabled",
+			"read-only",
+			"required",
+			"name",
+			"default-visible",
+			"visible",
+			"auto-complete",
+			"translations"
+		]));
+	}
+}), Fe = /* @__PURE__ */ x({
+	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 a = e(), f = n, _ = t("tree", ve, () => f.classes), x = i, S = B(), C = z(), E = _(), D = a.tree, O = j(null), P = p(() => O.value?.$el ?? null), I = u(f, x, P);
+		A(s, I.drag), A(o, {
+			...I,
+			showLines: L(f, "showLines")
+		});
+		let ee = p(() => f.label ?? C["aria-label"] ?? a.tree.treeLabel), te = p(() => f.filter || f.filterValue !== void 0), V = p(() => !I.view.value.length && (H.value !== void 0 || !!S.empty || f.group !== void 0)), H = p(() => f.emptyText ?? (I.query.value.trim() ? D.noMatches : f.group === void 0 ? void 0 : a.common.empty)), ne = p(() => f.reorderable || I.lazy.value || te.value || f.group !== void 0);
+		return r({
+			expandAll: I.expandAll,
+			collapseAll: I.collapseAll,
+			invalidate: I.invalidate,
+			focusNode: I.focusNode
+		}), (e, t) => (k(), m(R(Q).Root, w({
+			ref_key: "root",
+			ref: O,
+			class: R(E).base({ class: T(R(C).class) }),
+			style: R(C).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: U(() => [
+				n.label ? (k(), m(R(Q).Label, {
+					key: 0,
+					class: T(R(E).label())
+				}, {
+					default: U(() => [y(F(n.label), 1)]),
+					_: 1
+				}, 8, ["class"])) : h("", !0),
+				b(c, {
+					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"
+				]),
+				b(R(Q).Tree, {
+					class: T(R(E).tree()),
+					hidden: V.value || void 0
+				}, {
+					default: U(() => [(k(!0), g(d, null, M(R(I).view.value, (t, r) => (k(), m(l, {
+						key: t.id,
+						node: t,
+						"index-path": [r],
+						checkable: n.checkable
+					}, v({ _: 2 }, [e.$slots.node ? {
+						name: "node",
+						fn: U((t) => [N(e.$slots, "node", w({ ref_for: !0 }, t))]),
+						key: "0"
+					} : void 0]), 1032, [
+						"node",
+						"index-path",
+						"checkable"
+					]))), 128))]),
+					_: 3
+				}, 8, ["class", "hidden"]),
+				V.value ? (k(), g("div", {
+					key: 1,
+					class: T(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", {}, () => [y(F(H.value), 1)])], 34)) : h("", !0),
+				ne.value ? (k(), g("p", {
+					key: 2,
+					role: "status",
+					class: T(R(E).status())
+				}, F(R(I).status.value), 3)) : h("", !0)
+			]),
+			_: 3
+		}, 16, [
+			"class",
+			"style",
+			"collection",
+			"selection-mode",
+			"selected-value",
+			"expanded-value",
+			"translations",
+			"onKeydownCapture"
+		]));
+	}
+});
+//#endregion
+export { $ as a, Se as c, Ee as i, xe as l, Pe as n, Te as o, ke as r, Ce as s, Fe as t };