morya-ui 0.3.8 → 0.4.0

package/dist/alert/style.js

@@ -0,0 +1,4 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Icon/styles.css'
+import '../components/Alert/styles.css'

package/dist/anchor/index.js

@@ -0,0 +1,251 @@
+import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
+import "./style.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, inject as l, mergeProps as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, provide as _, ref as v, renderList as y, renderSlot as b, resolveComponent as x, toDisplayString as S, unref as C, useAttrs as w, useSlots as T, watch as E, withCtx as D } from "vue";
+//#region src/components/Anchor/anchorContext.ts
+var O = Symbol("m-anchor"), k = /#([^\t\r\n\f\v]+)$/;
+function A(e) {
+	return k.exec(e)?.[1] ?? null;
+}
+function j(e, t) {
+	if (!e.getClientRects().length) return 0;
+	let n = e.getBoundingClientRect();
+	if (!n.width && !n.height) return n.top;
+	if (t === window) return n.top - e.ownerDocument.documentElement.clientTop;
+	let r = t.getBoundingClientRect();
+	return n.top - r.top;
+}
+function M(e) {
+	return e === window ? window.scrollY || document.documentElement.scrollTop : e.scrollTop;
+}
+function N(e, t, n = "smooth") {
+	if (e === window) {
+		window.scrollTo({
+			top: t,
+			behavior: n
+		});
+		return;
+	}
+	e.scrollTo({
+		top: t,
+		behavior: n
+	});
+}
+function P(e) {
+	return typeof document > "u" ? null : document.getElementById(e);
+}
+//#endregion
+//#region src/components/Anchor/AnchorLink.vue?vue&type=script&setup=true&lang.ts
+var F = ["href", "target"], I = {
+	key: 0,
+	class: "m-anchor__sub"
+}, L = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "AnchorLink",
+	props: {
+		pt: {},
+		href: {},
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		target: {},
+		replace: { type: Boolean },
+		targetOffset: {}
+	},
+	emits: ["click"],
+	setup(t, { emit: r }) {
+		let c = t, d = r, p = w(), _ = T(), { rootAttrs: v } = e(p, () => c.pt), y = l(O, null), x = n(() => y?.activeLink.value === c.href), E = n(() => ["m-anchor__link", { "m-anchor__link--active": x.value }]);
+		h(() => {
+			y?.registerLink(c.href, c.targetOffset);
+		}), m(() => {
+			y?.unregisterLink(c.href);
+		});
+		function D(e) {
+			d("click", e), y?.onLinkClick(e, {
+				href: c.href,
+				title: c.title
+			}, c.targetOffset);
+		}
+		return (e, n) => (g(), a("div", { class: f(["m-anchor__item", { "m-anchor__item--active": x.value }]) }, [o("a", u(C(v), {
+			class: E.value,
+			href: t.href,
+			target: t.target,
+			onClick: D
+		}), [b(e.$slots, "title", {}, () => [s(S(t.title), 1)])], 16, F), C(_).default ? (g(), a("div", I, [b(e.$slots, "default")])) : i("", !0)], 2));
+	}
+}), R = /* @__PURE__ */ c({
+	__name: "AnchorItems",
+	props: { items: {} },
+	setup(e) {
+		return (n, o) => {
+			let s = x("MAnchorItems");
+			return g(!0), a(t, null, y(e.items, (e, t) => (g(), r(L, {
+				key: e.key ?? e.href ?? t,
+				href: e.href,
+				title: e.title,
+				target: e.target,
+				replace: e.replace,
+				"target-offset": e.targetOffset
+			}, {
+				default: D(() => [e.children?.length ? (g(), r(s, {
+					key: 0,
+					items: e.children
+				}, null, 8, ["items"])) : i("", !0)]),
+				_: 2
+			}, 1032, [
+				"href",
+				"title",
+				"target",
+				"replace",
+				"target-offset"
+			]))), 128);
+		};
+	}
+}), z = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "Anchor",
+	props: {
+		pt: {},
+		items: {},
+		direction: { default: "vertical" },
+		offsetTop: { default: 0 },
+		bounds: { default: void 0 },
+		bound: { default: void 0 },
+		targetOffset: {},
+		affix: {
+			type: Boolean,
+			default: !0
+		},
+		getContainer: {},
+		getCurrentAnchor: {},
+		replace: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["change", "click"],
+	setup(t, { emit: i }) {
+		let s = t, c = i, l = w(), { rootAttrs: f } = e(l, () => s.pt), y = n(() => s.bounds ?? s.bound ?? 5), x = v([]), S = v(null), T = v({}), D = v(null), k = v(null), F = v(!1);
+		function I() {
+			return typeof window < "u" ? window : null;
+		}
+		function L() {
+			return s.getContainer?.() ?? I();
+		}
+		function z(e, t) {
+			x.value.includes(e) || (x.value = [...x.value, e]), t !== void 0 && (T.value = {
+				...T.value,
+				[e]: t
+			});
+		}
+		function B(e) {
+			x.value = x.value.filter((t) => t !== e);
+			let t = { ...T.value };
+			delete t[e], T.value = t;
+		}
+		function V() {
+			return s.targetOffset ?? s.offsetTop ?? 0;
+		}
+		function H() {
+			let e = L(), t = V(), n = [];
+			for (let r of x.value) {
+				let i = A(r);
+				if (!i) continue;
+				let a = P(i);
+				if (!a) continue;
+				let o = T.value[r] ?? t, s = j(a, e);
+				s <= o + y.value && n.push({
+					link: r,
+					top: s
+				});
+			}
+			return n.length ? n.reduce((e, t) => t.top > e.top ? t : e).link : "";
+		}
+		function U(e, t = !1) {
+			let n = s.getCurrentAnchor?.(e) ?? e;
+			S.value === n && !t || (S.value = n || null, e && c("change", e), d(W));
+		}
+		function W() {
+			let e = D.value, t = k.value;
+			if (!e || !t) return;
+			let n = e.querySelector(".m-anchor__link--active");
+			if (!n) {
+				t.style.opacity = "0";
+				return;
+			}
+			t.style.opacity = "1", s.direction === "horizontal" ? (t.style.top = "", t.style.height = "", t.style.left = `${n.offsetLeft}px`, t.style.width = `${n.clientWidth}px`) : (t.style.left = "", t.style.width = "", t.style.top = `${n.offsetTop + n.clientHeight / 2}px`, t.style.height = `${n.clientHeight}px`);
+		}
+		function G() {
+			F.value || U(H());
+		}
+		function K(e, t) {
+			let n = A(e);
+			if (!n) return;
+			let r = P(n);
+			if (!r) return;
+			let i = L(), a = t ?? s.targetOffset ?? s.offsetTop ?? 0;
+			if (F.value = !0, i === window) {
+				let e = r.getBoundingClientRect().top + M(window) - a;
+				N(window, e, "smooth");
+			} else {
+				let e = i;
+				N(e, j(r, e) + e.scrollTop - a, "smooth");
+			}
+			U(e, !0), window.setTimeout(() => {
+				F.value = !1;
+			}, 400);
+		}
+		function q(e, t, n) {
+			c("click", e, t), !e.defaultPrevented && A(t.href) && (e.preventDefault(), K(t.href, n), s.replace && typeof history < "u" && history.replaceState && history.replaceState(null, "", t.href));
+		}
+		_(O, {
+			registerLink: z,
+			unregisterLink: B,
+			activeLink: S,
+			direction: s.direction,
+			scrollTo: K,
+			onLinkClick: q
+		});
+		let J = n(() => [
+			"m-anchor",
+			`m-anchor--${s.direction}`,
+			{ "m-anchor--affix": s.affix }
+		]), Y = n(() => {
+			if (!(!s.affix || s.offsetTop == null)) return { top: `${s.offsetTop}px` };
+		}), X = null;
+		function Z() {
+			Q(), X = L(), X.addEventListener("scroll", G, { passive: !0 }), G();
+		}
+		function Q() {
+			X &&= (X.removeEventListener("scroll", G), null);
+		}
+		return h(() => {
+			Z(), d(W);
+		}), m(Q), E(() => s.getContainer, () => {
+			Z();
+		}), E(x, () => {
+			G(), d(W);
+		}), (e, n) => (g(), a("div", u(C(f), { class: J.value }), [o("div", {
+			class: "m-anchor__affix",
+			style: p(Y.value)
+		}, [o("div", {
+			ref_key: "wrapperRef",
+			ref: D,
+			class: "m-anchor__list"
+		}, [o("span", {
+			ref_key: "inkRef",
+			ref: k,
+			class: "m-anchor__ink",
+			"aria-hidden": "true"
+		}, null, 512), t.items?.length ? (g(), r(R, {
+			key: 0,
+			items: t.items
+		}, null, 8, ["items"])) : b(e.$slots, "default", {}, void 0, void 0, 1)], 512)], 4)], 16));
+	}
+});
+//#endregion
+export { z as MAnchor, L as MAnchorLink };