@shtabapp/ui-kit 1.63.0 → 1.64.0

package/dist/treeKeyboardNavigation-SmxTdnDz.js

@@ -0,0 +1,131 @@
+import { computed as e, toValue as t } from "vue";
+import { useInfiniteScroll as n } from "@vueuse/core";
+//#region src/composables/useFlatTreeList.ts
+var r = (e, t) => {
+	if (typeof t == "function") return t(e);
+	let n = e[t];
+	return typeof n == "string" ? n : typeof n == "number" ? String(n) : "";
+}, i = (e, t) => {
+	let n = e[t];
+	return Array.isArray(n) ? n.filter((e) => typeof e == "object" && !!e) : [];
+}, a = (e, t) => {
+	if (!t) return !1;
+	let n = e[t];
+	return typeof n == "boolean" ? n : !1;
+}, o = "__s-ui-load-more:", s = (e) => `${o}${e}`, c = "__s-ui-list-divider__", l = () => Object.create(null), u = (e) => e === void 0 ? /* @__PURE__ */ new Set() : typeof e == "string" ? new Set([e]) : new Set(e), d = (e, t, n, a) => {
+	i(e, n).forEach((e) => {
+		let i = r(e, t);
+		i && a.add(i), d(e, t, n, a);
+	});
+}, f = (e, t, n, a) => {
+	for (let o of e) {
+		if (r(o, n) === t) return o;
+		let e = f(i(o, a), t, n, a);
+		if (e) return e;
+	}
+}, p = (e, t, n, o, c, l, u, d) => {
+	e.forEach((e) => {
+		let f = r(e, t);
+		if (!f) return;
+		let m = i(e, n), h = m.length > 0, g = o.includes(f);
+		u.push({
+			key: f,
+			item: e,
+			depth: c,
+			flatIndex: u.length,
+			hasChildren: h,
+			expanded: g,
+			parentKey: l
+		}), h && g && p(m, t, n, o, c + 1, f, u, d), h && g && a(e, d) && u.push({
+			key: s(f),
+			item: e,
+			depth: c + 1,
+			flatIndex: u.length,
+			hasChildren: !1,
+			expanded: !1,
+			parentKey: f,
+			loadMoreForKey: f
+		});
+	});
+}, m = (e, t, n, a) => {
+	let o = u(a);
+	if (o.size === 0) return;
+	let s = [], c = [];
+	for (let a of e) {
+		if (i(a, n).length > 0) return;
+		o.has(r(a, t)) ? s.push(a) : c.push(a);
+	}
+	if (!(s.length === 0 || c.length === 0)) return {
+		selectedItems: s,
+		restItems: c
+	};
+}, h = ({ items: n, childrenKey: r, itemKey: i, expanded: a, hasMoreChildrenKey: o, selectedOnTop: s, selectedKeys: u }) => ({
+	flatRows: e(() => {
+		let e = [], d = t(n), f = t(r), h = t(i), g = t(o), _ = t(s) ? m(d, h, f, t(u)) : void 0;
+		return _ ? (p(_.selectedItems, h, f, a.value, 0, void 0, e, g), e.push({
+			key: c,
+			item: l(),
+			depth: 0,
+			flatIndex: e.length,
+			hasChildren: !1,
+			expanded: !1,
+			divider: !0
+		}), p(_.restItems, h, f, a.value, 0, void 0, e, g), e) : (p(d, h, f, a.value, 0, void 0, e, g), e);
+	}),
+	toggleExpanded: (e) => {
+		let o = t(n), s = t(r), c = t(i), l = new Set(a.value);
+		if (l.has(e)) {
+			l.delete(e);
+			let t = f(o, e, c, s);
+			if (t) {
+				let e = /* @__PURE__ */ new Set();
+				d(t, c, s, e), e.forEach((e) => {
+					l.delete(e);
+				});
+			}
+		} else l.add(e);
+		a.value = [...l];
+	},
+	isExpanded: (e) => a.value.includes(e)
+}), g = (e, r) => n(e, () => {
+	r.onEndReached();
+}, {
+	distance: t(r.distance),
+	canLoadMore: () => r.canLoadMore === void 0 ? !0 : t(r.canLoadMore),
+	direction: "bottom"
+}), _ = (e, t) => typeof t == "string" && t ? t : Array.isArray(t) && t[0] ? t[0] : e, v = (e) => e.some((e) => e.hasChildren || e.parentKey), y = (e, t, n) => {
+	if (!e.hasChildren) return null;
+	if (!e.expanded) return {
+		type: "expand",
+		rowKey: t
+	};
+	let r = n.find((e) => e.parentKey === t);
+	return r ? {
+		type: "select",
+		rowKey: r.key
+	} : null;
+}, b = (e, t) => e.hasChildren && e.expanded ? {
+	type: "collapse",
+	rowKey: t
+} : e.parentKey ? {
+	type: "select",
+	rowKey: e.parentKey
+} : null, x = (e, t, n) => {
+	let r = n.find((e) => e.key === t);
+	return r ? e === "ArrowRight" ? y(r, t, n) : b(r, t) : null;
+}, S = (e, t, n, r) => {
+	for (let i = t; i >= 0 && i < e.length; i += n) {
+		let t = e[i];
+		if (t && t.depth <= r) return t.key;
+	}
+	return null;
+}, C = (e, t, n) => {
+	let r = n.findIndex((e) => e.key === t);
+	if (r === -1) return null;
+	let i = n[r];
+	if (!i) return null;
+	let a = e === "ArrowDown" ? 1 : -1;
+	return S(n, r + a, a, i.depth);
+};
+//#endregion
+export { g as a, C as i, _ as n, r as o, x as r, h as s, v as t };