@czxingyu/xycomponents 0.1.0

package/dist/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,929 @@
+import { resolveSemanticClassNames as e, resolveSemanticStyles as t } from "../core/shared/index.js";
+import { provideXyFormControl as n, useXyFormControl as r } from "../core/control/index.js";
+import { useXyLocale as i } from "../core/locale/index.js";
+import a from "../icon/icon.js";
+import o from "../select/select.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, getCurrentInstance as ee, nextTick as g, normalizeClass as _, normalizeStyle as v, openBlock as y, ref as b, renderList as te, renderSlot as x, toDisplayString as S, unref as ne, useId as re, watch as ie, withCtx as ae } from "vue";
+//#region components/cascader/cascader.vue?vue&type=script&setup=true&lang.ts
+var oe = [
+	"id",
+	"aria-controls",
+	"aria-label",
+	"placeholder",
+	"value"
+], se = ["aria-label"], ce = ["id", "aria-multiselectable"], le = [
+	"id",
+	"aria-selected",
+	"disabled",
+	"tabindex",
+	"onClick",
+	"onFocus",
+	"onMouseenter"
+], ue = [
+	"id",
+	"aria-label",
+	"aria-multiselectable"
+], de = [
+	"id",
+	"aria-selected",
+	"disabled",
+	"tabindex",
+	"onClick",
+	"onFocus",
+	"onMouseenter"
+], fe = {
+	class: "xy-cascader__option-meta",
+	"aria-hidden": "true"
+}, pe = /*@__PURE__*/ h({
+	name: "XyCascader",
+	__name: "cascader",
+	props: {
+		allowClear: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		ariaLabel: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		autoClearSearchValue: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		autofocus: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		changeOnSelect: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		classNames: {
+			type: [
+				Function,
+				null,
+				Array
+			],
+			required: !1,
+			skipCheck: !0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		displayRender: {
+			type: Function,
+			required: !1
+		},
+		error: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		expandTrigger: {
+			type: String,
+			required: !1,
+			default: "click"
+		},
+		filterOption: {
+			type: [Boolean, Function],
+			required: !1,
+			default: !0
+		},
+		id: {
+			type: String,
+			required: !1
+		},
+		label: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		loadData: {
+			type: Function,
+			required: !1
+		},
+		loading: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		maxCount: {
+			type: Number,
+			required: !1,
+			default: Infinity
+		},
+		maxTagCount: {
+			type: Number,
+			required: !1,
+			default: 3
+		},
+		maxTagTextLength: {
+			type: Number,
+			required: !1
+		},
+		modelValue: {
+			type: Array,
+			required: !1,
+			default: () => []
+		},
+		multiple: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		notFoundContent: {
+			type: String,
+			required: !1
+		},
+		open: {
+			type: Boolean,
+			required: !1
+		},
+		options: {
+			type: Array,
+			required: !1,
+			default: () => []
+		},
+		placeholder: {
+			type: String,
+			required: !1
+		},
+		placement: {
+			type: String,
+			required: !1,
+			default: "bottomLeft"
+		},
+		popupMatchSelectWidth: {
+			type: [Boolean, Number],
+			required: !1,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			required: !1
+		},
+		searchable: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		searchLimit: {
+			type: [Boolean, Number],
+			required: !1,
+			default: 50
+		},
+		searchPlaceholder: {
+			type: String,
+			required: !1
+		},
+		separator: {
+			type: String,
+			required: !1,
+			default: " / "
+		},
+		showSearch: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		size: {
+			type: String,
+			required: !1
+		},
+		status: {
+			type: String,
+			required: !1
+		},
+		styles: {
+			type: [
+				Function,
+				null,
+				Array
+			],
+			required: !1,
+			skipCheck: !0
+		},
+		variant: {
+			type: String,
+			required: !1,
+			default: "outlined"
+		}
+	},
+	emits: [
+		"blur",
+		"change",
+		"clear",
+		"deselect",
+		"focus",
+		"load-error",
+		"open-change",
+		"search",
+		"select",
+		"update:modelValue",
+		"update:open"
+	],
+	setup(h, { expose: pe, emit: me }) {
+		let C = h, w = me, T = r(() => C), E = i();
+		n({
+			describedBy: T.describedBy,
+			disabled: T.disabled,
+			id: T.id,
+			labelledBy: T.labelledBy,
+			readonly: T.readonly,
+			size: T.size,
+			status: T.status
+		});
+		let he = ee(), D = b(), O = b(), ge = b(C.defaultOpen), k = b(""), A = b([]), j = b([]), M = b(0), N = b(-1), P = b(/* @__PURE__ */ new Set()), _e = b(null), F = `${re()}-cascader`, ve = c(() => Object.prototype.hasOwnProperty.call(he?.vnode.props ?? {}, "open")), I = c(() => ve.value ? !!C.open : ge.value), ye = c(() => C.searchable || C.showSearch), be = c(() => C.ariaLabel || C.label || E.value.cascader.ariaLabel), xe = c(() => C.notFoundContent ?? E.value.cascader.notFoundContent), Se = c(() => C.placeholder ?? E.value.cascader.placeholder), Ce = c(() => C.searchPlaceholder ?? E.value.cascader.searchPlaceholder), L = c(() => e(C.classNames, C)), R = c(() => t(C.styles, C)), we = c(() => ({
+			arrow: L.value.arrow,
+			clear: L.value.clear,
+			dropdown: L.value.dropdown,
+			tag: L.value.tag,
+			trigger: L.value.trigger,
+			value: L.value.value
+		})), Te = c(() => ({
+			arrow: R.value.arrow,
+			clear: R.value.clear,
+			dropdown: R.value.dropdown,
+			tag: R.value.tag,
+			trigger: R.value.trigger,
+			value: R.value.value
+		}));
+		function z(e) {
+			return JSON.stringify(e);
+		}
+		function Ee(e, t) {
+			return z(e) === z(t);
+		}
+		function De(e) {
+			return e.isLeaf === !0 || e.isLeaf !== !1 && !e.children?.length;
+		}
+		function Oe(e, t) {
+			return !!(e.loading || P.value.has(z(t)));
+		}
+		function B(e) {
+			let t = [], n = C.options;
+			for (let r of e) {
+				let e = n.find((e) => Object.is(e.value, r));
+				if (!e) break;
+				t.push(e), n = e.children ?? [];
+			}
+			return t;
+		}
+		function ke(e, t) {
+			let n = t.length === e.length ? t.map((e) => e.label) : e.map((e) => String(e));
+			return C.displayRender ? C.displayRender(n, t) : n.join(C.separator);
+		}
+		function Ae(e, t = B(e)) {
+			return {
+				key: z(e),
+				label: ke(e, t),
+				options: t,
+				path: [...e],
+				selectionDisabled: !!(t.some((e) => e.disabled) || C.multiple && t.at(-1)?.disableCheckbox)
+			};
+		}
+		let V = c(() => !Array.isArray(C.modelValue) || C.modelValue.length === 0 ? [] : C.multiple ? C.modelValue.filter(Array.isArray).map((e) => [...e]) : [[...C.modelValue]]), H = c(() => {
+			let e = [], t = (n, r = [], i = []) => {
+				n.forEach((n) => {
+					let a = [...r, n], o = [...i, n.value];
+					(C.multiple || C.changeOnSelect || De(n)) && e.push(Ae(o, a)), n.children?.length && t(n.children, a, o);
+				});
+			};
+			return t(C.options), e;
+		}), je = c(() => new Map(H.value.map((e) => [e.key, e]))), U = c(() => V.value.map((e) => je.value.get(z(e)) ?? Ae(e))), Me = c(() => new Map(U.value.map((e) => [e.key, e]))), Ne = c(() => {
+			let e = new Map(H.value.map((e) => [e.key, e]));
+			return U.value.forEach((t) => e.set(t.key, t)), [...e.values()].map((e) => ({
+				disabled: e.selectionDisabled,
+				label: e.label,
+				value: e.key
+			}));
+		}), Pe = c(() => C.multiple ? U.value.map((e) => e.key) : U.value[0]?.key ?? ""), W = c(() => {
+			let e = [{
+				options: C.options,
+				parentOptions: []
+			}];
+			return A.value.forEach((t, n) => {
+				t.children?.length && e.push({
+					options: t.children,
+					parentOptions: A.value.slice(0, n + 1)
+				});
+			}), e;
+		});
+		function G(e) {
+			return V.value.some((t) => Ee(t, e));
+		}
+		function Fe(e, t) {
+			return [...W.value[e]?.parentOptions ?? [], t];
+		}
+		function K(e, t) {
+			return Fe(e, t).map((e) => e.value);
+		}
+		function Ie(e, t) {
+			return T.disabled.value || T.readonly.value || C.loading || t.some((e) => e.disabled) || C.multiple && t.at(-1)?.disableCheckbox ? !0 : !!(C.multiple && !G(e) && V.value.length >= C.maxCount);
+		}
+		function Le(e, t) {
+			let n = Fe(e, t);
+			return Ie(n.map((e) => e.value), n);
+		}
+		function q(e, t) {
+			return t.disabled || C.loading ? !0 : !!(De(t) && Le(e, t));
+		}
+		function J(e) {
+			return Ie(e.path, e.options);
+		}
+		function Y(e) {
+			let t = String(e);
+			return je.value.get(t) ?? Me.value.get(t);
+		}
+		function Re(e) {
+			return Y(e)?.path ?? [];
+		}
+		function ze(e) {
+			return Y(e)?.options ?? [];
+		}
+		function Be(e) {
+			return Y(e)?.label ?? "";
+		}
+		let X = c(() => {
+			let e = k.value.trim();
+			if (!e) return [];
+			let t = C.filterOption === !1 ? H.value : H.value.filter((t) => typeof C.filterOption == "function" ? C.filterOption(e, t.options) : t.label.toLocaleLowerCase().includes(e.toLocaleLowerCase()));
+			return C.searchLimit === !1 ? t : t.slice(0, Math.max(0, C.searchLimit));
+		});
+		function Ve(e) {
+			let t = e.map((e) => [...e]), n = C.multiple ? t : t[0] ?? [], r = t.map(B);
+			w("update:modelValue", n), w("change", n, C.multiple ? r : r[0] ?? []), T.notifyChange(n);
+		}
+		function He(e) {
+			k.value = e, w("search", e);
+		}
+		function Ue(e, t = B(e)) {
+			if (Ie(e, t)) return !1;
+			if (!C.multiple) return Ve([e]), w("select", [...e], t), !0;
+			let n = G(e);
+			return Ve(n ? V.value.filter((t) => !Ee(t, e)) : [...V.value, e]), w(n ? "deselect" : "select", [...e], t), C.autoClearSearchValue && k.value && He(""), !0;
+		}
+		function We(e) {
+			if (Array.isArray(e) && e.length === 0 || e === "") {
+				Ve([]);
+				return;
+			}
+			Ve((Array.isArray(e) ? e : [e]).map((e) => Y(e)?.path).filter((e) => !!e));
+		}
+		function Ge(e) {
+			let t = Y(e);
+			t && w("select", [...t.path], t.options);
+		}
+		function Ke(e) {
+			let t = Y(e);
+			t && w("deselect", [...t.path], t.options);
+		}
+		function qe() {
+			w("clear"), k.value && He("");
+		}
+		function Je(e) {
+			w("blur", e), T.notifyBlur(e);
+		}
+		function Z(e, t = null) {
+			if (!(e && (T.disabled.value || T.readonly.value))) {
+				if (_e.value = e ? t : null, I.value === e) {
+					e && tt();
+					return;
+				}
+				ve.value || (ge.value = e), w("update:open", e), w("open-change", e);
+			}
+		}
+		function Ye(e) {
+			Z(e, e && ye.value ? "search" : null);
+		}
+		function Xe(e) {
+			return W.value[e]?.options.findIndex((t) => !q(e, t)) ?? -1;
+		}
+		function Ze() {
+			A.value = V.value[0] ? B(V.value[0]) : [], j.value = W.value.map((e, t) => {
+				let n = A.value[t], r = n ? e.options.findIndex((e) => Object.is(e.value, n.value)) : -1;
+				return r >= 0 && !q(t, n) ? r : Xe(t);
+			}), M.value = Math.min(Math.max(A.value.length - 1, 0), Math.max(W.value.length - 1, 0));
+		}
+		function Qe(e, t) {
+			return `${F}-option-${e}-${t}`;
+		}
+		function $e(e) {
+			return `${F}-search-${e}`;
+		}
+		async function Q(e, t) {
+			if (t < 0) return;
+			M.value = e;
+			let n = [...j.value];
+			n[e] = t, j.value = n, await g(), document.getElementById(Qe(e, t))?.focus();
+		}
+		async function et(e) {
+			e < 0 || (N.value = e, await g(), document.getElementById($e(e))?.focus());
+		}
+		async function tt() {
+			await g();
+			let e = _e.value;
+			if (_e.value = null, e === "search") {
+				O.value?.focus();
+				return;
+			}
+			e === "menu" && await Q(M.value, j.value[M.value] ?? -1);
+		}
+		function $() {
+			Z(!1), g(() => D.value?.focus());
+		}
+		async function nt(e, t, n) {
+			if (e.disabled || C.loading) return;
+			let r = Fe(t, e), i = r.map((e) => e.value);
+			if (A.value = r, M.value = t, n !== void 0) {
+				let e = j.value.slice(0, t + 1);
+				e[t] = n, j.value = e;
+			}
+			let a = z(i);
+			if (C.loadData && e.isLeaf === !1 && !e.children?.length && !e.loading && !P.value.has(a)) {
+				P.value = new Set(P.value).add(a);
+				try {
+					await C.loadData?.(e, r);
+				} catch (t) {
+					w("load-error", t, e, r);
+				} finally {
+					let e = new Set(P.value);
+					e.delete(a), P.value = e;
+				}
+			}
+			if (e.children?.length && z(A.value.map((e) => e.value)) === a) {
+				let e = [...j.value];
+				e[t + 1] = Xe(t + 1), j.value = e;
+			}
+			return {
+				path: i,
+				pathOptions: r
+			};
+		}
+		async function rt(e, t, n, r) {
+			let i = await nt(e, t, n);
+			if (!i) return;
+			let { path: a, pathOptions: o } = i, s = De(e);
+			if ((C.multiple || C.changeOnSelect || s) && Ue(a, o), e.children?.length) {
+				let e = t + 1, n = j.value[e] ?? -1;
+				r && await Q(e, n);
+				return;
+			}
+			s && !C.multiple ? $() : C.multiple && C.autoClearSearchValue && g(() => O.value?.focus());
+		}
+		function it(e, t, n) {
+			if (e.disabled || C.loading) return;
+			M.value = t;
+			let r = [...j.value];
+			r[t] = n, j.value = r, C.expandTrigger === "hover" && nt(e, t, n);
+		}
+		async function at() {
+			let e = M.value, t = j.value[e] ?? -1, n = W.value[e]?.options[t];
+			!n || n.disabled || (await nt(n, e, t), n.children?.length && await Q(e + 1, j.value[e + 1] ?? -1));
+		}
+		function ot(e) {
+			let t = M.value, n = W.value[t]?.options ?? [];
+			if (!n.length) return;
+			let r = j.value[t] ?? (e > 0 ? -1 : 0);
+			for (let i = 0; i < n.length; i += 1) {
+				r = (r + e + n.length) % n.length;
+				let i = n[r];
+				if (i && !q(t, i)) {
+					Q(t, r);
+					return;
+				}
+			}
+		}
+		function st(e) {
+			let t = M.value, n = (W.value[t]?.options ?? []).map((e, t) => ({
+				index: t,
+				option: e
+			})).filter((e) => !q(t, e.option));
+			Q(t, (e ? n.at(-1) : n[0])?.index ?? -1);
+		}
+		async function ct(e) {
+			if (e.key === "Tab") {
+				Z(!1);
+				return;
+			}
+			if (e.key === "Escape") {
+				e.preventDefault(), e.stopPropagation(), $();
+				return;
+			}
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				e.preventDefault(), e.stopPropagation(), ot(e.key === "ArrowDown" ? 1 : -1);
+				return;
+			}
+			if (e.key === "Home" || e.key === "End") {
+				e.preventDefault(), e.stopPropagation(), st(e.key === "End");
+				return;
+			}
+			if (e.key === "ArrowRight") {
+				e.preventDefault(), e.stopPropagation(), await at();
+				return;
+			}
+			if (e.key === "ArrowLeft" && M.value > 0) {
+				e.preventDefault(), e.stopPropagation(), await Q(M.value - 1, j.value[M.value - 1] ?? -1);
+				return;
+			}
+			if ([
+				"Enter",
+				" ",
+				"Spacebar"
+			].includes(e.key)) {
+				e.preventDefault(), e.stopPropagation();
+				let t = M.value, n = j.value[t] ?? -1, r = W.value[t]?.options[n];
+				r && await rt(r, t, n, !0);
+			}
+		}
+		function lt(e) {
+			if (e.target.classList.contains("xy-select__trigger") && [
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowRight",
+				"ArrowUp",
+				"End",
+				"Enter",
+				"Escape",
+				"Home",
+				" ",
+				"Spacebar"
+			].includes(e.key)) {
+				if (e.preventDefault(), e.stopPropagation(), !I.value) {
+					Z(!0, ye.value ? "search" : "menu");
+					return;
+				}
+				ct(e);
+			}
+		}
+		function ut() {
+			return X.value.findIndex((e) => !J(e));
+		}
+		function dt(e) {
+			let t = X.value;
+			if (!t.length) return;
+			let n = N.value >= 0 ? N.value : e > 0 ? -1 : 0;
+			for (let r = 0; r < t.length; r += 1) {
+				n = (n + e + t.length) % t.length;
+				let r = t[n];
+				if (r && !J(r)) {
+					et(n);
+					return;
+				}
+			}
+		}
+		function ft(e) {
+			let t = X.value.map((e, t) => ({
+				index: t,
+				item: e
+			})).filter((e) => !J(e.item));
+			et((e ? t.at(-1) : t[0])?.index ?? -1);
+		}
+		function pt(e) {
+			J(e) || Ue(e.path, e.options) && (C.multiple ? C.autoClearSearchValue && g(() => O.value?.focus()) : $());
+		}
+		function mt(e) {
+			if (e.key === "Tab") {
+				Z(!1);
+				return;
+			}
+			if (e.key === "Escape") {
+				e.preventDefault(), $();
+				return;
+			}
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				e.preventDefault(), k.value ? dt(e.key === "ArrowDown" ? 1 : -1) : Q(M.value, j.value[M.value] ?? -1);
+				return;
+			}
+			if (e.key === "Enter" && N.value >= 0) {
+				e.preventDefault();
+				let t = X.value[N.value];
+				t && pt(t);
+			}
+		}
+		function ht(e) {
+			if (e.key === "Tab") {
+				Z(!1);
+				return;
+			}
+			if (e.key === "Escape") {
+				e.preventDefault(), $();
+				return;
+			}
+			if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+				e.preventDefault(), dt(e.key === "ArrowDown" ? 1 : -1);
+				return;
+			}
+			if (e.key === "Home" || e.key === "End") {
+				e.preventDefault(), ft(e.key === "End");
+				return;
+			}
+			if (e.key === "ArrowLeft") {
+				e.preventDefault(), O.value?.focus();
+				return;
+			}
+			if ([
+				"Enter",
+				" ",
+				"Spacebar"
+			].includes(e.key)) {
+				e.preventDefault();
+				let t = X.value[N.value];
+				t && pt(t);
+			}
+		}
+		function gt(e) {
+			let t = e.target;
+			if (t.closest(".xy-cascader__search")) {
+				t === O.value && mt(e);
+				return;
+			}
+			if (t.closest(".xy-cascader__result")) {
+				ht(e);
+				return;
+			}
+			ct(e);
+		}
+		return ie(I, (e) => {
+			e ? (Ze(), tt()) : (k.value = "", N.value = -1);
+		}, { immediate: !0 }), ie(X, () => {
+			N.value = ut();
+		}), ie(ye, (e) => {
+			e || (k.value = "");
+		}), ie(() => C.options, () => {
+			I.value && Ze();
+		}), pe({
+			blur: () => D.value?.blur(),
+			focus: (e) => D.value?.focus(e),
+			get nativeElement() {
+				return D.value?.nativeElement;
+			}
+		}), (e, t) => (y(), d("div", {
+			class: _(["xy-cascader", L.value.root]),
+			style: v(R.value.root),
+			onKeydownCapture: lt
+		}, [m(o, {
+			ref_key: "selectRef",
+			ref: D,
+			"allow-clear": h.allowClear,
+			"aria-label": be.value,
+			autofocus: h.autofocus,
+			"class-names": we.value,
+			disabled: h.disabled,
+			error: h.error,
+			id: h.id,
+			label: h.label,
+			loading: h.loading,
+			"max-count": h.maxCount,
+			"max-tag-count": h.maxTagCount,
+			"max-tag-text-length": h.maxTagTextLength,
+			"model-value": Pe.value,
+			multiple: h.multiple,
+			open: I.value,
+			options: Ne.value,
+			placeholder: Se.value,
+			placement: h.placement,
+			"popup-match-select-width": h.popupMatchSelectWidth,
+			readonly: h.readonly,
+			size: h.size,
+			status: h.status,
+			styles: Te.value,
+			variant: h.variant,
+			onBlur: Je,
+			onClear: qe,
+			onDeselect: Ke,
+			onFocus: t[2] ||= (e) => w("focus", e),
+			onOpenChange: Ye,
+			onSelect: Ge,
+			"onUpdate:modelValue": We
+		}, {
+			selection: ae(({ multiple: t, remove: n, value: r }) => [f("span", {
+				class: _(["xy-cascader__selection", L.value.selection]),
+				style: v(R.value.selection)
+			}, [x(e.$slots, "selection", {
+				label: Be(r),
+				multiple: t,
+				path: Re(r),
+				remove: n,
+				selectedOptions: ze(r)
+			}, () => [p(S(Be(r)), 1)], !0)], 6)]),
+			suffix: ae(() => [x(e.$slots, "suffix", {}, () => [m(a, {
+				name: h.loading ? "loading-outlined" : "down-outlined",
+				size: 12,
+				spin: h.loading
+			}, null, 8, ["name", "spin"])], !0)]),
+			dropdown: ae(() => [f("div", {
+				class: "xy-cascader__popup",
+				onKeydown: gt
+			}, [ye.value ? (y(), d("div", {
+				key: 0,
+				class: _(["xy-cascader__search", L.value.search]),
+				style: v(R.value.search)
+			}, [
+				m(a, {
+					name: "search-outlined",
+					size: 13
+				}),
+				f("input", {
+					id: `${F}-search-input`,
+					ref_key: "searchRef",
+					ref: O,
+					"aria-controls": k.value ? `${F}-search-results` : `${F}-column-0`,
+					"aria-label": ne(E).cascader.searchAriaLabel,
+					autocomplete: "off",
+					placeholder: Ce.value,
+					role: "searchbox",
+					type: "text",
+					value: k.value,
+					onInput: t[0] ||= (e) => He(e.target.value)
+				}, null, 40, oe),
+				k.value ? (y(), d("button", {
+					key: 0,
+					type: "button",
+					"aria-label": ne(E).cascader.clearSearchAriaLabel,
+					onClick: t[1] ||= (e) => {
+						He(""), O.value?.focus();
+					}
+				}, [m(a, {
+					name: "close-circle-filled",
+					size: 13
+				})], 8, se)) : u("", !0)
+			], 6)) : u("", !0), h.loading ? (y(), d("div", {
+				key: 1,
+				class: _(["xy-cascader__loading", L.value.loading]),
+				style: v(R.value.loading),
+				role: "status",
+				"aria-live": "polite"
+			}, [x(e.$slots, "loading", {}, () => [m(a, {
+				name: "loading-outlined",
+				size: 15,
+				spin: ""
+			}), f("span", null, S(ne(E).cascader.loading), 1)], !0)], 6)) : k.value ? (y(), d("div", {
+				key: 2,
+				id: `${F}-search-results`,
+				class: "xy-cascader__results",
+				role: "listbox",
+				"aria-multiselectable": h.multiple || void 0
+			}, [(y(!0), d(s, null, te(X.value, (t, n) => (y(), d("button", {
+				id: $e(n),
+				key: t.key,
+				type: "button",
+				role: "option",
+				"aria-selected": G(t.path),
+				class: _(["xy-cascader__result", [{
+					"xy-cascader__result--active": n === N.value,
+					"xy-cascader__result--selected": G(t.path)
+				}, L.value.option]]),
+				disabled: J(t),
+				style: v(R.value.option),
+				tabindex: n === N.value ? 0 : -1,
+				onClick: (e) => pt(t),
+				onFocus: (e) => N.value = n,
+				onMouseenter: (e) => N.value = n
+			}, [
+				h.multiple ? (y(), d("span", {
+					key: 0,
+					class: _(["xy-cascader__checkbox", { "xy-cascader__checkbox--checked": G(t.path) }]),
+					"aria-hidden": "true"
+				}, [G(t.path) ? (y(), l(a, {
+					key: 0,
+					name: "check-outlined",
+					size: 10
+				})) : u("", !0)], 2)) : u("", !0),
+				f("span", {
+					class: _(["xy-cascader__option-label", L.value.optionLabel]),
+					style: v(R.value.optionLabel)
+				}, [x(e.$slots, "option", {
+					active: n === N.value,
+					loading: !1,
+					option: t.options.at(-1),
+					path: t.path,
+					selected: G(t.path),
+					selectedOptions: t.options
+				}, () => [p(S(t.label), 1)], !0)], 6),
+				!h.multiple && G(t.path) ? (y(), l(a, {
+					key: 1,
+					name: "check-outlined",
+					size: 12
+				})) : u("", !0)
+			], 46, le))), 128)), X.value.length ? u("", !0) : (y(), d("div", {
+				key: 0,
+				class: _(["xy-cascader__empty", L.value.empty]),
+				style: v(R.value.empty)
+			}, [x(e.$slots, "empty", {}, () => [p(S(xe.value), 1)], !0)], 6))], 8, ce)) : (y(), d("div", {
+				key: 3,
+				class: _(["xy-cascader__columns", L.value.columns]),
+				style: v(R.value.columns)
+			}, [(y(!0), d(s, null, te(W.value, (t, n) => (y(), d("div", {
+				id: `${F}-column-${n}`,
+				key: n,
+				class: _(["xy-cascader__column", L.value.column]),
+				role: "listbox",
+				"aria-label": ne(E).cascader.levelAriaLabel(n + 1),
+				"aria-multiselectable": h.multiple || void 0,
+				style: v(R.value.column)
+			}, [(y(!0), d(s, null, te(t.options, (t, r) => (y(), d("button", {
+				id: Qe(n, r),
+				key: z(K(n, t)),
+				type: "button",
+				role: "option",
+				"aria-selected": G(K(n, t)),
+				class: _(["xy-cascader__option", [{
+					"xy-cascader__option--active": Object.is(A.value[n]?.value, t.value),
+					"xy-cascader__option--focused": M.value === n && j.value[n] === r,
+					"xy-cascader__option--selected": G(K(n, t)),
+					"xy-cascader__option--selection-disabled": Le(n, t)
+				}, L.value.option]]),
+				disabled: q(n, t),
+				style: v(R.value.option),
+				tabindex: M.value === n && j.value[n] === r ? 0 : -1,
+				onClick: (e) => rt(t, n, r, !1),
+				onFocus: (e) => {
+					M.value = n, j.value[n] = r;
+				},
+				onMouseenter: (e) => it(t, n, r)
+			}, [
+				h.multiple ? (y(), d("span", {
+					key: 0,
+					class: _(["xy-cascader__checkbox", {
+						"xy-cascader__checkbox--checked": G(K(n, t)),
+						"xy-cascader__checkbox--disabled": Le(n, t)
+					}]),
+					"aria-hidden": "true"
+				}, [G(K(n, t)) ? (y(), l(a, {
+					key: 0,
+					name: "check-outlined",
+					size: 10
+				})) : u("", !0)], 2)) : u("", !0),
+				f("span", {
+					class: _(["xy-cascader__option-label", L.value.optionLabel]),
+					style: v(R.value.optionLabel)
+				}, [x(e.$slots, "option", {
+					active: Object.is(A.value[n]?.value, t.value),
+					loading: Oe(t, K(n, t)),
+					option: t,
+					path: K(n, t),
+					selected: G(K(n, t)),
+					selectedOptions: Fe(n, t)
+				}, () => [p(S(t.label), 1)], !0)], 6),
+				f("span", fe, [!h.multiple && G(K(n, t)) ? (y(), l(a, {
+					key: 0,
+					name: "check-outlined",
+					size: 12
+				})) : u("", !0), Oe(t, K(n, t)) ? (y(), l(a, {
+					key: 1,
+					name: "loading-outlined",
+					size: 12,
+					spin: ""
+				})) : t.children?.length || t.isLeaf === !1 ? (y(), l(a, {
+					key: 2,
+					name: "right-outlined",
+					size: 11
+				})) : u("", !0)])
+			], 46, de))), 128)), t.options.length ? u("", !0) : (y(), d("div", {
+				key: 0,
+				class: _(["xy-cascader__empty", L.value.empty]),
+				style: v(R.value.empty)
+			}, [x(e.$slots, "empty", {}, () => [p(S(xe.value), 1)], !0)], 6))], 14, ue))), 128))], 6))], 32)]),
+			_: 3
+		}, 8, [
+			"allow-clear",
+			"aria-label",
+			"autofocus",
+			"class-names",
+			"disabled",
+			"error",
+			"id",
+			"label",
+			"loading",
+			"max-count",
+			"max-tag-count",
+			"max-tag-text-length",
+			"model-value",
+			"multiple",
+			"open",
+			"options",
+			"placeholder",
+			"placement",
+			"popup-match-select-width",
+			"readonly",
+			"size",
+			"status",
+			"styles",
+			"variant"
+		])], 38));
+	}
+});
+//#endregion
+export { pe as default };