morya-ui 0.2.9 → 0.3.1

package/dist/Tooltip-D5DO0B3z.js

@@ -0,0 +1,105 @@
+import { t as e } from "./useMotionTransition-Bxnnb_9u.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 { t as a } from "./useFloatingViewportSync-DZdJ7W8n.js";
+import { t as o } from "./useMId-BXFYayPP.js";
+import { c as s } from "./config-CapALqt3.js";
+import { Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createVNode as m, defineComponent as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, openBlock as b, ref as x, renderSlot as S, toDisplayString as C, unref as w, withCtx as T } from "vue";
+//#region src/components/Tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
+var E = ["aria-describedby"], D = ["id"], O = /* @__PURE__ */ h({
+	__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: {},
+		transition: {
+			type: [String, Boolean],
+			default: void 0
+		}
+	},
+	setup(h) {
+		let O = h, k = s(), { transitionName: A, transitionCss: j } = e({
+			role: "tooltip",
+			local: () => O.transition,
+			componentName: "Tooltip",
+			fallback: "fade"
+		}), M = x(null), N = o(), P = x(!1), F = x({}), I = u(() => t(O, k.value.appendTo)), L = u(() => n(O, k.value.appendTo)), R = null, z = null;
+		function B() {
+			R !== null && (clearTimeout(R), R = null), z !== null && (clearTimeout(z), z = null);
+		}
+		function V() {
+			!L.value || !M.value || (F.value = i(M.value.getBoundingClientRect(), O.placement, { maxWidth: r(O.maxWidth) }));
+		}
+		function H() {
+			P.value = !0, g(V);
+		}
+		function U() {
+			if (!O.disabled) {
+				if (B(), O.showDelay > 0) {
+					R = setTimeout(() => {
+						H(), R = null;
+					}, O.showDelay);
+					return;
+				}
+				H();
+			}
+		}
+		function W() {
+			if (B(), O.hideDelay > 0) {
+				z = setTimeout(() => {
+					P.value = !1, z = null;
+				}, O.hideDelay);
+				return;
+			}
+			P.value = !1;
+		}
+		function G() {
+			P.value && V();
+		}
+		a(() => P.value && L.value, G), y(() => {
+			B();
+		});
+		let K = u(() => {
+			let e = r(O.maxWidth);
+			return L.value ? F.value : e ? { maxWidth: e } : void 0;
+		});
+		return (e, t) => (b(), p("span", {
+			ref_key: "root",
+			ref: M,
+			class: "m-tooltip",
+			"aria-describedby": P.value ? w(N) : void 0,
+			onMouseenter: U,
+			onMouseleave: W,
+			onFocusin: U,
+			onFocusout: W
+		}, [S(e.$slots, "default"), (b(), d(c, {
+			to: I.value.to,
+			disabled: I.value.disabled
+		}, [m(l, {
+			name: w(A),
+			css: w(j)
+		}, {
+			default: T(() => [P.value ? (b(), p("span", {
+				key: 0,
+				id: w(N),
+				class: _(["m-tooltip__content", [`m-tooltip__content--${h.placement}`, { "m-tooltip__content--teleported": L.value }]]),
+				style: v(K.value),
+				role: "tooltip"
+			}, C(h.content), 15, D)) : f("", !0)]),
+			_: 1
+		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 40, E));
+	}
+});
+//#endregion
+export { O as t };

package/dist/VirtualScroller-CHoFCmpP.js

@@ -0,0 +1,75 @@
+import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
+import { t } from "./ScrollBody-5hUnHj_M.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeProps as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, withCtx as v } from "vue";
+//#region src/components/VirtualScroller/VirtualScroller.vue?vue&type=script&setup=true&lang.ts
+var y = ["data-index"], b = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "VirtualScroller",
+	props: {
+		pt: {},
+		items: {},
+		itemSize: {},
+		height: { default: 240 },
+		buffer: { default: 3 },
+		role: {},
+		ariaLabel: {}
+	},
+	setup(c, { expose: b }) {
+		let x = c, S = _(), { rootAttrs: C } = e(S, () => x.pt), w = f(null), T = f(0), E = r(() => {
+			if (typeof x.height == "number") return x.height;
+			let e = Number.parseFloat(x.height);
+			return Number.isFinite(e) ? e : 240;
+		}), D = r(() => x.items.length * x.itemSize), O = r(() => Math.max(0, Math.floor(T.value / x.itemSize) - x.buffer)), k = r(() => {
+			let e = Math.ceil(E.value / x.itemSize) + x.buffer * 2;
+			return Math.min(x.items.length, O.value + e);
+		}), A = r(() => x.items.slice(O.value, k.value).map((e, t) => ({
+			item: e,
+			index: O.value + t
+		}))), j = r(() => O.value * x.itemSize), M = r(() => ({ height: typeof x.height == "number" ? `${x.height}px` : x.height }));
+		function N(e) {
+			T.value = e.scrollTop;
+		}
+		function P(e) {
+			if (e < 0 || e >= x.items.length) return;
+			let t = x.itemSize, n = E.value, r = e * t, i = r + t, a = T.value, o = a;
+			if (r < a) o = r;
+			else if (i > a + n) o = i - n;
+			else return;
+			o = Math.max(0, Math.min(o, Math.max(0, D.value - n))), T.value = o, w.value?.setScrollTop(o);
+		}
+		return b({ scrollToIndex: P }), (e, r) => (d(), i(t, l({
+			ref_key: "scrollBody",
+			ref: w
+		}, g(C), {
+			"root-class": "m-virtualscroller m-virtualscroller__scrollbar",
+			"wrap-class": "m-virtualscroller__scroll",
+			"wrap-style": M.value,
+			role: c.role,
+			"aria-label": c.ariaLabel,
+			onScroll: N
+		}), {
+			default: v(() => [o("div", {
+				class: "m-virtualscroller__spacer",
+				style: u({ height: `${D.value}px` })
+			}, [o("div", {
+				class: "m-virtualscroller__content",
+				style: u({ transform: `translateY(${j.value}px)` })
+			}, [(d(!0), a(n, null, p(A.value, (t) => (d(), a("div", {
+				key: t.index,
+				class: "m-virtualscroller__item",
+				style: u({ height: `${c.itemSize}px` }),
+				"data-index": t.index
+			}, [m(e.$slots, "item", {
+				item: t.item,
+				index: t.index
+			}, () => [s(h(t.item), 1)])], 12, y))), 128))], 4)], 4)]),
+			_: 3
+		}, 16, [
+			"wrap-style",
+			"role",
+			"aria-label"
+		]));
+	}
+});
+//#endregion
+export { b as t };

package/dist/accordion/index.js

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