@wirecore/wirelayer-vue 0.8.0 → 0.9.1

package/dist/Tree-B-0NXpUq.js

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