morya-ui 0.1.1 → 0.2.2

package/dist/Scrollbar-BGCxnXaQ.js

@@ -1,407 +0,0 @@
-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 };