morya-ui 0.1.1

package/dist/Scrollbar-BGCxnXaQ.js

@@ -0,0 +1,407 @@
+import { t as e } from "./useMId-BXFYayPP.js";
+import { Fragment as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, inject as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onActivated as m, onBeforeUnmount as h, onMounted as g, onUpdated as _, openBlock as v, provide as y, reactive as b, ref as x, renderSlot as S, resolveDynamicComponent as C, unref as w, vShow as T, watch as E, withCtx as ee, withDirectives as D } from "vue";
+//#region src/components/Scrollbar/constants.ts
+var te = Symbol("muScrollbar"), O = {
+	vertical: {
+		offset: "offsetHeight",
+		scroll: "scrollTop",
+		scrollSize: "scrollHeight",
+		size: "height",
+		key: "vertical",
+		axis: "Y",
+		client: "clientY",
+		direction: "top"
+	},
+	horizontal: {
+		offset: "offsetWidth",
+		scroll: "scrollLeft",
+		scrollSize: "scrollWidth",
+		size: "width",
+		key: "horizontal",
+		axis: "X",
+		client: "clientX",
+		direction: "left"
+	}
+};
+function k(e) {
+	if (e == null || e === "") return;
+	if (typeof e == "number") return `${e}px`;
+	let t = String(e).trim();
+	return /^\d+(\.\d+)?$/.test(t) ? `${t}px` : t;
+}
+function A({ move: e, size: t, bar: n }) {
+	return {
+		[n.size]: t,
+		transform: `translate${n.axis}(${e}%)`
+	};
+}
+function j(e) {
+	return typeof e == "number" && !Number.isNaN(e);
+}
+function M(e) {
+	return Object.prototype.toString.call(e) === "[object Object]";
+}
+//#endregion
+//#region src/components/Scrollbar/Thumb.vue?vue&type=script&setup=true&lang.ts
+var N = ["aria-orientation", "aria-controls"], P = /* @__PURE__ */ l({
+	__name: "Thumb",
+	props: {
+		vertical: { type: Boolean },
+		size: {},
+		move: {},
+		ratio: {},
+		always: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, a = u(te);
+		if (!a) throw Error("[MScrollbar] Thumb must be used inside MScrollbar");
+		let o = a, c = x(), l = x(), d = x(!1), m = x({}), _ = !1, y = !0, b = 0, S = 0, C = null, k, j, M = r(() => t.vertical ? "vertical" : "horizontal"), P = r(() => O[M.value]), F = r(() => A({
+			size: t.size,
+			move: t.move,
+			bar: P.value
+		})), I = r(() => t.always || d.value), L = r(() => {
+			let e = c.value, n = l.value, r = o.wrapElement;
+			return !e || !n || !r ? 1 : e[P.value.offset] ** 2 / r[P.value.scrollSize] / t.ratio / n[P.value.offset];
+		});
+		function R() {
+			typeof document > "u" || document.onselectstart !== C && (document.onselectstart = C);
+		}
+		function z(e) {
+			let t = c.value, n = l.value, r = o.wrapElement;
+			if (!_ || !t || !n || !r) return;
+			let i = m.value[P.value.axis];
+			if (!i) return;
+			let a = ((t.getBoundingClientRect()[P.value.direction] - e[P.value.client]) * -1 - (n[P.value.offset] - i)) * 100 * L.value / t[P.value.offset];
+			P.value.scroll === "scrollLeft" ? r.scrollLeft = a * S / 100 : r.scrollTop = a * b / 100;
+		}
+		function B() {
+			_ = !1, m.value[P.value.axis] = 0, document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", B), R(), y && (d.value = !1);
+		}
+		function V(e) {
+			let t = o.wrapElement;
+			t && (e.stopImmediatePropagation(), _ = !0, b = t.scrollHeight, S = t.scrollWidth, document.addEventListener("mousemove", z), document.addEventListener("mouseup", B), C = document.onselectstart, document.onselectstart = () => !1);
+		}
+		function H(e) {
+			if (e.stopPropagation(), e.ctrlKey || [1, 2].includes(e.button)) return;
+			window.getSelection()?.removeAllRanges(), V(e);
+			let t = e.currentTarget;
+			t && (m.value[P.value.axis] = t[P.value.offset] - (e[P.value.client] - t.getBoundingClientRect()[P.value.direction]));
+		}
+		function U(e) {
+			let t = c.value, n = l.value, r = o.wrapElement;
+			if (!t || !n || !r) return;
+			let i = (Math.abs(e.target.getBoundingClientRect()[P.value.direction] - e[P.value.client]) - n[P.value.offset] / 2) * 100 * L.value / t[P.value.offset];
+			r[P.value.scroll] = i * r[P.value.scrollSize] / 100;
+		}
+		function W(e) {
+			let n = o.wrapElement;
+			if (!n || !t.size) return;
+			let r = (t.vertical ? {
+				ArrowDown: () => {
+					n.scrollTop += 40;
+				},
+				ArrowUp: () => {
+					n.scrollTop -= 40;
+				},
+				PageDown: () => {
+					n.scrollTop += n.clientHeight;
+				},
+				PageUp: () => {
+					n.scrollTop -= n.clientHeight;
+				},
+				Home: () => {
+					n.scrollTop = 0;
+				},
+				End: () => {
+					n.scrollTop = n.scrollHeight;
+				}
+			} : {
+				ArrowRight: () => {
+					n.scrollLeft += 40;
+				},
+				ArrowLeft: () => {
+					n.scrollLeft -= 40;
+				},
+				Home: () => {
+					n.scrollLeft = 0;
+				},
+				End: () => {
+					n.scrollLeft = n.scrollWidth;
+				}
+			})[e.key];
+			r && (e.preventDefault(), r());
+		}
+		function G() {
+			y = !1, d.value = !!t.size;
+		}
+		function K() {
+			y = !0, d.value = _;
+		}
+		function q() {
+			k?.(), j?.();
+			let e = o.scrollbarElement;
+			e && (e.addEventListener("mousemove", G), e.addEventListener("mouseleave", K), k = () => e.removeEventListener("mousemove", G), j = () => e.removeEventListener("mouseleave", K));
+		}
+		return g(() => {
+			q();
+		}), E(() => o.scrollbarElement, () => {
+			q();
+		}), h(() => {
+			R(), document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", B), k?.(), j?.();
+		}), (t, r) => (v(), i(n, { name: "m-scrollbar-fade" }, {
+			default: ee(() => [D(s("div", {
+				ref_key: "trackRef",
+				ref: c,
+				class: f(["m-scrollbar__bar", e.vertical ? "m-scrollbar__bar--vertical" : "m-scrollbar__bar--horizontal"]),
+				role: "scrollbar",
+				"aria-orientation": e.vertical ? "vertical" : "horizontal",
+				"aria-controls": w(o).contentId,
+				tabindex: "0",
+				onMousedown: U,
+				onKeydown: W
+			}, [s("div", {
+				ref_key: "thumbRef",
+				ref: l,
+				class: "m-scrollbar__thumb",
+				style: p(F.value),
+				onMousedown: H
+			}, null, 36)], 42, N), [[T, e.size && I.value]])]),
+			_: 1
+		}));
+	}
+}), F = ["tabindex"], I = /* @__PURE__ */ l({
+	name: "MScrollbar",
+	__name: "Scrollbar",
+	props: {
+		height: { default: "" },
+		maxHeight: { default: "" },
+		width: { default: "" },
+		maxWidth: { default: "" },
+		fitContent: {
+			type: Boolean,
+			default: !1
+		},
+		native: { type: Boolean },
+		wrapStyle: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		},
+		wrapClass: { default: "" },
+		viewStyle: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		},
+		viewClass: { default: "" },
+		noresize: { type: Boolean },
+		tag: { default: "div" },
+		always: { type: Boolean },
+		trigger: { default: "hover" },
+		minSize: { default: 20 },
+		tabindex: { default: void 0 },
+		id: {},
+		role: {},
+		ariaLabel: {},
+		ariaMultiselectable: { type: Boolean },
+		ariaOrientation: {},
+		distance: { default: 0 }
+	},
+	emits: ["scroll", "end-reached"],
+	setup(n, { expose: l, emit: u }) {
+		let w = n, T = u, D = x(), O = x(), A = x(), N = x(0), I = x(0), L = x(""), R = x(""), z = x(1), B = x(1), V = e("m-scrollbar-view"), H = r(() => w.id ?? V), U = 0, W = 0, G = "", K = 0, q, J = {
+			bottom: !1,
+			top: !1,
+			right: !1,
+			left: !1
+		}, ne = {
+			top: "bottom",
+			bottom: "top",
+			left: "right",
+			right: "left"
+		}, re = r(() => !!k(w.maxHeight) || !!k(w.maxWidth));
+		function Y(e, t, n, r) {
+			let i = t === "height" ? "minHeight" : "minWidth";
+			n && (e[t] = n), r && (e[t === "height" ? "maxHeight" : "maxWidth"] = r, n || (e[t] = "auto", e[i] = "0"));
+		}
+		let ie = r(() => {
+			let e = {};
+			return Y(e, "height", k(w.height), k(w.maxHeight)), Y(e, "width", k(w.width), k(w.maxWidth)), e;
+		}), ae = r(() => {
+			let e = {}, t = k(w.height), n = k(w.maxHeight), r = k(w.width), i = k(w.maxWidth);
+			return t ? e.height = t : n && Y(e, "height", void 0, n), r ? e.width = r : i && Y(e, "width", void 0, i), [w.wrapStyle, e];
+		}), oe = r(() => [
+			"m-scrollbar",
+			{ "m-scrollbar--fill": !re.value },
+			{ "m-scrollbar--fit-content": w.fitContent }
+		]), se = r(() => [
+			"m-scrollbar__wrap",
+			w.wrapClass,
+			{ "m-scrollbar__wrap--hidden-default": !w.native }
+		]), ce = r(() => ["m-scrollbar__view", w.viewClass]), X = r(() => !!(w.always || w.trigger === "none"));
+		y(te, b({
+			scrollbarElement: D,
+			wrapElement: O,
+			contentId: H
+		}));
+		function le(e) {
+			let t = e.offsetHeight - 4, n = e.offsetWidth - 4;
+			I.value = e.scrollTop * 100 / t * B.value, N.value = e.scrollLeft * 100 / n * z.value;
+		}
+		function ue() {
+			let e = O.value;
+			if (!e) return;
+			let t = e.offsetHeight - 4, n = e.offsetWidth - 4, r = t ** 2 / e.scrollHeight, i = n ** 2 / e.scrollWidth, a = Math.max(r, w.minSize), o = Math.max(i, w.minSize);
+			B.value = r / (t - r) / (a / (t - a)) || 1, z.value = i / (n - i) / (o / (n - o)) || 1, R.value = a + 4 < t ? `${a}px` : "", L.value = o + 4 < n ? `${o}px` : "";
+		}
+		function de(e, t) {
+			return e > t + 2 ** -52;
+		}
+		function fe(e) {
+			return J[e] ?? !1;
+		}
+		function pe(e) {
+			let t = ne[G];
+			t && (e[G] && !J[G] && (J[G] = !0), !e[t] && J[t] && (J[t] = !1));
+		}
+		function me() {
+			let e = O.value;
+			if (!e) return;
+			w.native || le(e);
+			let t = U, n = W;
+			U = e.scrollTop, W = e.scrollLeft;
+			let r = {
+				bottom: !de(e.scrollHeight - w.distance, e.clientHeight + U),
+				top: U <= w.distance && t !== 0,
+				right: !de(e.scrollWidth - w.distance, e.clientWidth + W) && n !== W,
+				left: W <= w.distance && n !== 0
+			};
+			if (T("scroll", {
+				scrollTop: U,
+				scrollLeft: W
+			}), t !== U && (G = U > t ? "bottom" : "top"), n !== W && (G = W > n ? "right" : "left"), w.distance > 0) {
+				if (fe(G)) return;
+				pe(r);
+			}
+			r[G] && T("end-reached", G);
+		}
+		function Z() {
+			w.native || (ue(), J[G] = !1, O.value && le(O.value));
+		}
+		function he(e, t) {
+			let n = O.value;
+			n && (M(e) ? n.scrollTo(e) : j(e) && j(t) && n.scrollTo(e, t));
+		}
+		function ge(e) {
+			!j(e) || !O.value || (O.value.scrollTop = e);
+		}
+		function _e(e) {
+			!j(e) || !O.value || (O.value.scrollLeft = e);
+		}
+		function Q() {
+			K ||= requestAnimationFrame(() => {
+				K = 0, Z();
+			});
+		}
+		function $() {
+			q?.disconnect(), q = void 0, window.removeEventListener("resize", Q);
+		}
+		function ve() {
+			$(), !(w.noresize || w.native || typeof ResizeObserver > "u") && (q = new ResizeObserver(() => Q()), A.value && q.observe(A.value), O.value && q.observe(O.value), window.addEventListener("resize", Q));
+		}
+		return E(() => w.noresize, () => {
+			w.noresize ? $() : ve();
+		}), E(() => [
+			w.maxHeight,
+			w.maxWidth,
+			w.height,
+			w.width,
+			w.native
+		], () => {
+			w.native || d(() => Z());
+		}), g(() => {
+			d(() => {
+				Z(), ve();
+			});
+		}), _(() => {
+			w.native || Q();
+		}), m(() => {
+			O.value && (O.value.scrollTop = U, O.value.scrollLeft = W);
+		}), h(() => {
+			$(), K && cancelAnimationFrame(K);
+		}), l({
+			wrapRef: O,
+			update: Z,
+			scrollTo: he,
+			setScrollTop: ge,
+			setScrollLeft: _e,
+			handleScroll: me
+		}), (e, r) => (v(), o("div", {
+			ref_key: "scrollbarRef",
+			ref: D,
+			class: f(oe.value),
+			style: p(ie.value)
+		}, [s("div", {
+			ref_key: "wrapRef",
+			ref: O,
+			class: f(se.value),
+			style: p(ae.value),
+			tabindex: n.tabindex,
+			onScroll: me
+		}, [(v(), i(C(n.tag), {
+			id: H.value,
+			ref_key: "viewRef",
+			ref: A,
+			class: f(ce.value),
+			style: p(n.viewStyle),
+			role: n.role,
+			"aria-label": n.ariaLabel,
+			"aria-multiselectable": n.ariaMultiselectable === !0 || void 0,
+			"aria-orientation": n.ariaOrientation
+		}, {
+			default: ee(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"id",
+			"class",
+			"style",
+			"role",
+			"aria-label",
+			"aria-multiselectable",
+			"aria-orientation"
+		]))], 46, F), n.native ? a("", !0) : (v(), o(t, { key: 0 }, [c(P, {
+			move: N.value,
+			ratio: z.value,
+			size: L.value,
+			always: X.value
+		}, null, 8, [
+			"move",
+			"ratio",
+			"size",
+			"always"
+		]), c(P, {
+			vertical: "",
+			move: I.value,
+			ratio: B.value,
+			size: R.value,
+			always: X.value
+		}, null, 8, [
+			"move",
+			"ratio",
+			"size",
+			"always"
+		])], 64))], 6));
+	}
+});
+//#endregion
+export { I as t };

package/dist/Tooltip-CrKm9FMD.js

@@ -0,0 +1,93 @@
+import { t as e } from "./useMId-BXFYayPP.js";
+import { n as t, t as n } from "./overlay-oR-5MDuE.js";
+import { n as r, t as i } from "./overlayPlacement-Cd20JTD_.js";
+import { c as a } from "./config-CI8_WBbE.js";
+import { Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, watch as C, withCtx as w } from "vue";
+//#region src/components/Tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
+var T = ["aria-describedby"], E = ["id"], D = /* @__PURE__ */ p({
+	__name: "Tooltip",
+	props: {
+		content: {},
+		placement: { default: "top" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showDelay: { default: 0 },
+		hideDelay: { default: 0 },
+		maxWidth: {},
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {}
+	},
+	setup(p) {
+		let D = p, O = a(), k = y(null), A = e(), j = y(!1), M = y({}), N = c(() => t(D, O.value.appendTo)), P = c(() => n(D, O.value.appendTo)), F = null, I = null;
+		function L() {
+			F !== null && (clearTimeout(F), F = null), I !== null && (clearTimeout(I), I = null);
+		}
+		function R() {
+			!P.value || !k.value || (M.value = i(k.value.getBoundingClientRect(), D.placement, { maxWidth: r(D.maxWidth) }));
+		}
+		function z() {
+			j.value = !0, m(R);
+		}
+		function B() {
+			if (!D.disabled) {
+				if (L(), D.showDelay > 0) {
+					F = setTimeout(() => {
+						z(), F = null;
+					}, D.showDelay);
+					return;
+				}
+				z();
+			}
+		}
+		function V() {
+			if (L(), D.hideDelay > 0) {
+				I = setTimeout(() => {
+					j.value = !1, I = null;
+				}, D.hideDelay);
+				return;
+			}
+			j.value = !1;
+		}
+		function H() {
+			j.value && R();
+		}
+		C(j, (e) => {
+			e && P.value ? (window.addEventListener("resize", H), window.addEventListener("scroll", H, !0)) : (window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0));
+		}), _(() => {
+			L(), window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
+		});
+		let U = c(() => {
+			let e = r(D.maxWidth);
+			return P.value ? M.value : e ? { maxWidth: e } : void 0;
+		});
+		return (e, t) => (v(), d("span", {
+			ref_key: "root",
+			ref: k,
+			class: "m-tooltip",
+			"aria-describedby": j.value ? S(A) : void 0,
+			onMouseenter: B,
+			onMouseleave: V,
+			onFocusin: B,
+			onFocusout: V
+		}, [b(e.$slots, "default"), (v(), l(o, {
+			to: N.value.to,
+			disabled: N.value.disabled
+		}, [f(s, { name: "m-fade" }, {
+			default: w(() => [j.value ? (v(), d("span", {
+				key: 0,
+				id: S(A),
+				class: h(["m-tooltip__content", [`m-tooltip__content--${p.placement}`, { "m-tooltip__content--teleported": P.value }]]),
+				style: g(U.value),
+				role: "tooltip"
+			}, x(p.content), 15, E)) : u("", !0)]),
+			_: 1
+		})], 8, ["to", "disabled"]))], 40, T));
+	}
+});
+//#endregion
+export { D as t };

package/dist/accordion/index.js

@@ -0,0 +1,78 @@
+import { t as e } from "../useControllable-elmWaz23.js";
+import "./style.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, renderSlot as u, toDisplayString as d, vShow as f, withDirectives as p, withModifiers as m } from "vue";
+//#region src/components/Accordion/Accordion.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "m-accordion" }, g = [
+	"id",
+	"aria-expanded",
+	"aria-controls",
+	"disabled",
+	"onClick"
+], _ = { class: "m-accordion__header-text" }, v = ["id", "aria-labelledby"], y = /* @__PURE__ */ o({
+	__name: "Accordion",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		tabs: {}
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: y }) {
+		let b = o, x = y;
+		function S() {
+			return b.defaultValue === void 0 ? b.multiple ? [] : "" : b.defaultValue;
+		}
+		let { value: C, setValue: w } = e({
+			controlled: () => b.modelValue,
+			defaultValue: S()
+		}, (e) => x("update:modelValue", e)), T = n(() => {
+			let e = C.value;
+			return b.multiple ? Array.isArray(e) ? e : e ? [e] : [] : Array.isArray(e) ? e[0] ? [e[0]] : [] : e ? [e] : [];
+		});
+		function E(e) {
+			return T.value.includes(e);
+		}
+		function D(e) {
+			return `m-accordion-panel-${e}`;
+		}
+		function O(e) {
+			return `m-accordion-header-${e}`;
+		}
+		function k(e, t) {
+			if (!t) {
+				if (b.multiple) {
+					let t = [...T.value], n = t.indexOf(e);
+					n >= 0 ? t.splice(n, 1) : t.push(e), w(t);
+					return;
+				}
+				w(E(e) ? "" : e);
+			}
+		}
+		return (e, n) => (c(), i("div", h, [(c(!0), i(t, null, l(o.tabs, (t) => (c(), i("div", {
+			key: t.value,
+			class: "m-accordion__tab"
+		}, [a("button", {
+			id: O(t.value),
+			type: "button",
+			class: s(["m-accordion__header", { "m-accordion__header--active": E(t.value) }]),
+			"aria-expanded": E(t.value),
+			"aria-controls": D(t.value),
+			disabled: t.disabled,
+			onClick: (e) => k(t.value, t.disabled)
+		}, [a("span", _, d(t.header), 1), e.$slots.extra ? (c(), i("span", {
+			key: 0,
+			class: "m-accordion__header-extra",
+			onClick: n[0] ||= m(() => {}, ["stop"])
+		}, [u(e.$slots, "extra", { tab: t })])) : r("", !0)], 10, g), p(a("div", {
+			id: D(t.value),
+			class: "m-accordion__content",
+			role: "region",
+			"aria-labelledby": O(t.value)
+		}, [u(e.$slots, t.value)], 8, v), [[f, E(t.value)]])]))), 128))]));
+	}
+});
+//#endregion
+export { y as MAccordion };