morya-ui 0.1.1

package/dist/tooltip/style.js

@@ -0,0 +1,3 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Tooltip/styles.css'

package/dist/tree/index.js

@@ -0,0 +1,418 @@
+import { a as e, t } from "../Icon-DfpIfo2L.js";
+import { t as n } from "../useMenuKeyboard-BedmYE4W.js";
+import { t as r } from "../Checkbox-D8Ma0ZbG.js";
+import { a as i, c as a, n as ee, o, s, t as c } from "../checkStrategy-CZzuUKDI.js";
+import { n as te } from "../locale-DYGhxekd.js";
+import "./style.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, defineComponent as g, inject as _, nextTick as v, normalizeClass as y, openBlock as b, provide as x, reactive as S, ref as C, renderList as ne, renderSlot as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, useSlots as O, watch as k, withModifiers as A } from "vue";
+//#region src/components/Tree/context.ts
+var j = Symbol("m-tree"), re = Symbol("m-tree-node-slot"), M = [
+	"aria-expanded",
+	"aria-disabled",
+	"aria-level",
+	"aria-selected",
+	"aria-checked",
+	"tabindex",
+	"data-m-tree-key"
+], N = ["draggable"], P = ["aria-label", "disabled"], F = {
+	key: 1,
+	class: "m-tree__toggler wk-tree__toggler--leaf",
+	"aria-hidden": "true"
+}, I = {
+	key: 3,
+	class: "m-tree__icon",
+	"aria-hidden": "true"
+}, L = ["disabled"], R = {
+	key: 0,
+	class: "m-tree__children",
+	role: "group"
+}, z = /* @__PURE__ */ g({
+	__name: "TreeNodeItem",
+	props: {
+		node: {},
+		depth: { default: 1 }
+	},
+	setup(n) {
+		let i = n, a = _(j), ee = _(re, void 0), o = te(), s = u(() => a.isExpanded(i.node.key)), c = u(() => a.isSelected(i.node.key)), g = u(() => a.isChecked(i.node.key)), v = u(() => a.isIndeterminate(i.node.key)), x = u(() => a.isDisabled(i.node)), S = u(() => a.isMatch(i.node)), C = u(() => !!a.loadingKeys[i.node.key]), w = u(() => a.hasChildren(i.node)), O = u(() => {
+			if (i.node.icon && e(i.node.icon)) return i.node.icon;
+		}), k = u(() => i.node.children ?? a.loadedChildren[i.node.key] ?? []), B = u(() => ee?.({
+			node: i.node,
+			data: i.node
+		}));
+		return (e, i) => (b(), p("li", {
+			class: y(["m-tree__node", { "m-tree__node--active": D(a).activeKey.value === n.node.key }]),
+			role: "treeitem",
+			"aria-expanded": w.value ? s.value : void 0,
+			"aria-disabled": x.value || void 0,
+			"aria-level": n.depth,
+			"aria-selected": c.value,
+			"aria-checked": D(a).showCheckbox ? g.value : void 0,
+			tabindex: D(a).tabindexForKey(n.node.key),
+			"data-m-tree-key": n.node.key,
+			onFocus: i[8] ||= (e) => D(a).setActiveKey(n.node.key)
+		}, [m("div", {
+			class: y(["m-tree__row", {
+				"m-tree__row--selected": c.value,
+				"m-tree__row--disabled": x.value,
+				"m-tree__row--matched": S.value,
+				"m-tree__row--indeterminate": v.value
+			}]),
+			draggable: D(a).draggable && !x.value,
+			onDragstart: i[4] ||= (e) => D(a).onDragStart(n.node, e),
+			onDragover: i[5] ||= (e) => D(a).onDragOver(n.node, e),
+			onDrop: i[6] ||= (e) => D(a).onDrop(n.node, e),
+			onDragend: i[7] ||= (e) => D(a).onDragEnd()
+		}, [
+			w.value ? (b(), p("button", {
+				key: 0,
+				type: "button",
+				class: "m-tree__toggler",
+				tabindex: "-1",
+				"aria-label": s.value ? D(o).collapse : D(o).expand,
+				disabled: x.value,
+				onClick: i[0] ||= (e) => D(a).toggleExpand(n.node)
+			}, [C.value ? (b(), d(t, {
+				key: 0,
+				name: "loader",
+				size: "sm"
+			})) : (b(), d(t, {
+				key: 1,
+				name: s.value ? "chevron-down" : "chevron-right",
+				size: "sm"
+			}, null, 8, ["name"]))], 8, P)) : (b(), p("span", F)),
+			D(a).showCheckbox ? (b(), d(r, {
+				key: 2,
+				class: "m-tree__checkbox",
+				tabindex: "-1",
+				"model-value": g.value || v.value,
+				disabled: x.value,
+				"onUpdate:modelValue": i[1] ||= (e) => D(a).toggleCheck(n.node),
+				onClick: i[2] ||= A(() => {}, ["stop"])
+			}, null, 8, ["model-value", "disabled"])) : f("", !0),
+			O.value || n.node.icon ? (b(), p("span", I, [O.value ? (b(), d(t, {
+				key: 0,
+				name: O.value,
+				size: "sm"
+			}, null, 8, ["name"])) : (b(), p(l, { key: 1 }, [h(E(n.node.icon), 1)], 64))])) : f("", !0),
+			m("button", {
+				type: "button",
+				class: "m-tree__label",
+				tabindex: "-1",
+				disabled: x.value,
+				onClick: i[3] ||= (e) => D(a).select(n.node)
+			}, [B.value ? (b(), d(T({ render: () => B.value }), { key: 0 })) : (b(), p(l, { key: 1 }, [h(E(n.node.label), 1)], 64))], 8, L)
+		], 42, N), w.value && s.value ? (b(), p("ul", R, [(b(!0), p(l, null, ne(k.value, (e) => (b(), d(z, {
+			key: e.key,
+			node: e,
+			depth: n.depth + 1
+		}, null, 8, ["node", "depth"]))), 128))])) : f("", !0)], 42, M));
+	}
+}), B = { class: "m-tree-root" }, ie = {
+	key: 1,
+	class: "m-tree__message",
+	role: "status"
+}, ae = { class: "m-tree__empty-text" }, V = /* @__PURE__ */ g({
+	__name: "Tree",
+	props: {
+		value: {},
+		selectionKeys: { default: () => ({}) },
+		modelValue: { default: null },
+		selectionMode: { default: "single" },
+		showCheckbox: {
+			type: Boolean,
+			default: !1
+		},
+		checkedKeys: { default: () => ({}) },
+		checkStrictly: {
+			type: Boolean,
+			default: !1
+		},
+		checkStrategy: { default: "all" },
+		expandedKeys: { default: void 0 },
+		defaultExpandAll: {
+			type: Boolean,
+			default: !1
+		},
+		accordion: {
+			type: Boolean,
+			default: !1
+		},
+		filter: { default: "" },
+		filterNode: {},
+		lazy: {
+			type: Boolean,
+			default: !1
+		},
+		load: {},
+		draggable: {
+			type: Boolean,
+			default: !1
+		},
+		emptyMessage: {}
+	},
+	emits: [
+		"update:selectionKeys",
+		"update:modelValue",
+		"update:checkedKeys",
+		"update:expandedKeys",
+		"node-expand",
+		"node-collapse",
+		"node-select",
+		"node-unselect",
+		"node-load-error",
+		"check",
+		"node-drop"
+	],
+	setup(e, { emit: t }) {
+		let r = e, f = t, h = O(), g = te();
+		x(re, h.default);
+		let _ = u(() => r.emptyMessage ?? g.value.emptyMessage), y = C({}), T = S({}), D = S({}), A = S({}), M = S({}), N = C(null), P = C(null), F = u(() => c(r.value)), I = u(() => r.checkStrategy ?? "all");
+		k(() => [
+			r.value,
+			r.defaultExpandAll,
+			r.expandedKeys
+		], () => {
+			if (r.expandedKeys) {
+				y.value = { ...r.expandedKeys };
+				return;
+			}
+			if (r.defaultExpandAll) {
+				let e = {};
+				a(r.value, (t) => {
+					t.children?.length && (e[t.key] = !0);
+				}), y.value = e;
+			}
+		}, {
+			immediate: !0,
+			deep: !0
+		}), k(() => r.expandedKeys, (e) => {
+			e && (y.value = { ...e });
+		});
+		let L = u(() => r.selectionMode === "single" && r.modelValue ? { [r.modelValue]: !0 } : r.selectionKeys ?? {}), R = u(() => ee(r.value, r.checkedKeys ?? {}, I.value, r.checkStrictly));
+		function V(e, t) {
+			return t.label.toLowerCase().includes(e.toLowerCase());
+		}
+		function H(e) {
+			let t = r.filter?.trim();
+			return !t || (r.filterNode ?? V)(t, e) ? !0 : (e.children ?? []).some((e) => H(e));
+		}
+		let U = u(() => r.filter?.trim() ? r.value.filter((e) => H(e)) : r.value), oe = u(() => !!r.filter?.trim() && U.value.length === 0);
+		function W(e) {
+			if (r.filter?.trim()) {
+				let t = G(r.value, e);
+				if (t && (t.children ?? []).some((e) => H(e))) return !0;
+			}
+			return !!y.value[e];
+		}
+		function G(e, t) {
+			for (let n of e) {
+				if (n.key === t) return n;
+				let e = G(n.children ?? [], t);
+				if (e) return e;
+			}
+			return null;
+		}
+		function K(e) {
+			return !!L.value[e];
+		}
+		function q(e) {
+			return !!R.value[e];
+		}
+		function se(e) {
+			if (r.checkStrictly || !r.showCheckbox) return !1;
+			let t = F.value.get(e) ?? [];
+			if (!t.length) return !1;
+			let n = 0, i = !1;
+			for (let e of t) q(e.key) && (n += 1), se(e.key) && (i = !0);
+			return i ? !0 : n > 0 && n < t.length;
+		}
+		function J(e) {
+			return !!e.disabled;
+		}
+		function ce(e) {
+			return e.isLeaf ? !0 : r.lazy ? !e.children?.length && !D[e.key]?.length && !T[e.key] : !e.children?.length && !D[e.key]?.length;
+		}
+		function Y(e) {
+			return e.children?.length || D[e.key]?.length ? !0 : r.lazy && !e.isLeaf && !A[e.key];
+		}
+		function le(e) {
+			return e.children ?? D[e.key] ?? [];
+		}
+		function ue(e) {
+			let t = r.filter?.trim();
+			return t ? (r.filterNode ?? V)(t, e) : !1;
+		}
+		async function X(e) {
+			if (J(e)) return;
+			let t = W(e.key), n = { ...y.value };
+			if (t) delete n[e.key], f("node-collapse", e);
+			else if (r.accordion && (n = {}), n[e.key] = !0, f("node-expand", e), r.lazy && r.load && !e.children?.length && !A[e.key] && !e.isLeaf) {
+				T[e.key] = !0, delete M[e.key];
+				try {
+					D[e.key] = await r.load(e), A[e.key] = !0;
+				} catch (t) {
+					M[e.key] = !0, delete n[e.key], f("node-load-error", {
+						node: e,
+						error: t
+					});
+				} finally {
+					T[e.key] = !1;
+				}
+			}
+			y.value = n, f("update:expandedKeys", n);
+		}
+		function de(e) {
+			if (J(e)) return;
+			if (r.selectionMode === "single") {
+				let t = K(e.key) ? null : e.key;
+				f("update:modelValue", t), f("update:selectionKeys", t ? { [t]: !0 } : {}), f(t ? "node-select" : "node-unselect", e);
+				return;
+			}
+			let t = { ...L.value };
+			t[e.key] ? (delete t[e.key], f("node-unselect", e)) : (t[e.key] = !0, f("node-select", e)), f("update:selectionKeys", t);
+		}
+		function fe(e) {
+			if (J(e)) return;
+			let t = { ...R.value }, n = !q(e.key);
+			r.checkStrictly ? n ? t[e.key] = !0 : delete t[e.key] : (o(e, n, t), s(r.value, t));
+			let a = i(r.value, t, I.value, r.checkStrictly);
+			f("update:checkedKeys", a), f("check", {
+				node: e,
+				checkedKeys: a
+			});
+		}
+		function pe(e, t) {
+			if (!r.draggable || J(e)) {
+				t.preventDefault();
+				return;
+			}
+			N.value = e.key, t.dataTransfer?.setData("text/plain", e.key), t.dataTransfer.effectAllowed = "move";
+		}
+		function me(e, t) {
+			!r.draggable || !N.value || N.value === e.key || (t.preventDefault(), t.dataTransfer.dropEffect = "move");
+		}
+		function he(e, t) {
+			if (!r.draggable || !N.value || N.value === e.key) return;
+			t.preventDefault();
+			let n = t.currentTarget.getBoundingClientRect(), i = t.clientY - n.top, a = "inside";
+			i < n.height * .25 ? a = "before" : i > n.height * .75 && (a = "after"), f("node-drop", {
+				dragKey: N.value,
+				dropKey: e.key,
+				position: a
+			}), N.value = null;
+		}
+		function ge() {
+			N.value = null;
+		}
+		let Z = u(() => {
+			let e = [], t = (n, r) => {
+				for (let i of n) e.push({
+					node: i,
+					parentKey: r
+				}), W(i.key) && t(le(i), i.key);
+			};
+			return t(U.value, null), e;
+		}), Q = n({
+			itemCount: () => Z.value.length,
+			isItemDisabled: (e) => !!Z.value[e]?.node.disabled,
+			onActivate: (e, t) => {
+				let n = Z.value[e];
+				n && (t.key === " " && r.showCheckbox ? fe(n.node) : de(n.node));
+			}
+		}), $ = u(() => Z.value[Q.activeIndex.value]?.node.key ?? null);
+		function _e(e) {
+			if ($.value === e) return 0;
+			if (Q.activeIndex.value < 0) {
+				let t = Z.value.findIndex((e) => !e.node.disabled);
+				if (t >= 0 && Z.value[t].node.key === e) return 0;
+			}
+			return -1;
+		}
+		function ve(e) {
+			let t = Z.value.findIndex((t) => t.node.key === e);
+			t >= 0 && Q.setActive(t);
+		}
+		k(Q.activeIndex, () => {
+			v(() => {
+				let e = $.value;
+				if (e == null || !P.value) return;
+				let t = P.value.querySelectorAll("[data-m-tree-key]");
+				for (let n of t) if (n.dataset.muTreeKey === e) {
+					n.focus({ preventScroll: !0 });
+					break;
+				}
+			});
+		});
+		function ye(e) {
+			let t = Q.activeIndex.value, n = Z.value[t];
+			if (e.key === "ArrowRight") {
+				if (e.preventDefault(), !n) return;
+				Y(n.node) && (W(n.node.key) ? Q.setActive(t + 1) : X(n.node));
+				return;
+			}
+			if (e.key === "ArrowLeft") {
+				if (e.preventDefault(), !n) return;
+				if (Y(n.node) && W(n.node.key)) X(n.node);
+				else if (n.parentKey != null) {
+					let e = Z.value.findIndex((e) => e.node.key === n.parentKey);
+					e >= 0 && Q.setActive(e);
+				}
+				return;
+			}
+			Q.onKeydown(e);
+		}
+		return x(j, {
+			isExpanded: W,
+			isSelected: K,
+			isChecked: q,
+			isIndeterminate: se,
+			isDisabled: J,
+			isLeaf: ce,
+			hasChildren: Y,
+			isMatch: ue,
+			get showCheckbox() {
+				return r.showCheckbox;
+			},
+			get draggable() {
+				return r.draggable;
+			},
+			get lazy() {
+				return r.lazy;
+			},
+			loadingKeys: T,
+			loadedChildren: D,
+			loadedKeys: A,
+			loadFailedKeys: M,
+			activeKey: $,
+			tabindexForKey: _e,
+			setActiveKey: ve,
+			toggleExpand: X,
+			select: de,
+			toggleCheck: fe,
+			onDragStart: pe,
+			onDragOver: me,
+			onDrop: he,
+			onDragEnd: ge
+		}), (e, t) => (b(), p("div", B, [U.value.length ? (b(), p("ul", {
+			key: 0,
+			ref_key: "root",
+			ref: P,
+			class: "m-tree",
+			role: "tree",
+			onKeydown: ye
+		}, [(b(!0), p(l, null, ne(U.value, (e) => (b(), d(z, {
+			key: e.key,
+			node: e,
+			depth: 1
+		}, null, 8, ["node"]))), 128))], 544)) : oe.value ? (b(), p("div", ie, [w(e.$slots, "empty", {}, () => [m("p", ae, E(_.value), 1)])])) : (b(), p("ul", {
+			key: 2,
+			ref_key: "root",
+			ref: P,
+			class: "m-tree",
+			role: "tree",
+			onKeydown: ye
+		}, null, 544))]));
+	}
+});
+//#endregion
+export { V as MTree };