morya-ui 0.2.8 → 0.3.0

package/dist/loading/index.js

@@ -1,54 +1,56 @@
-import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { i as t } from "../types-DGuu4Eg4.js";
-import { n } from "../overlay-oR-5MDuE.js";
-import { i as r } from "../content-h8POj44-.js";
-import { t as i } from "../overlayHost-78CGtMgR.js";
-import { c as a, i as o } from "../config-BdK5ccNT.js";
-import { n as s } from "../locale-B36KH7c3.js";
+import { t as n } from "../usePauseOffscreen-BIikV_gj.js";
+import { n as r, t as i } from "../useMotionTransition-Bxnnb_9u.js";
+import { n as a } from "../overlay-oR-5MDuE.js";
+import { i as o } from "../content-h8POj44-.js";
+import { t as s } from "../overlayHost-78CGtMgR.js";
+import { c, i as l, l as u, t as d } from "../config-CapALqt3.js";
+import { n as f } from "../locale-Bzm2nbEp.js";
 import "./style.js";
-import { Fragment as c, Teleport as l, Transition as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createStaticVNode as g, createVNode as _, defineComponent as v, h as y, mergeProps as b, normalizeClass as x, normalizeStyle as S, onBeforeUnmount as C, openBlock as w, reactive as T, ref as ee, render as E, renderList as D, renderSlot as O, toDisplayString as k, unref as A, useAttrs as te, useSlots as ne, watch as j, withCtx as M } from "vue";
+import { Fragment as p, Teleport as m, Transition as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createStaticVNode as x, createVNode as S, defineComponent as C, h as w, mergeProps as T, normalizeClass as ee, normalizeStyle as E, onBeforeUnmount as D, openBlock as O, reactive as k, ref as A, render as j, renderList as M, renderSlot as N, toDisplayString as P, toValue as F, unref as I, useAttrs as te, useSlots as ne, watch as L, withCtx as R } from "vue";
 //#region src/components/Loading/types.ts
-var N = [
+var z = [
 	"circular",
 	"aurora",
 	"bounce",
 	"wave",
 	"pulse",
 	"stardust"
-], P = new Set(N);
-function F(e) {
-	return typeof e == "string" && P.has(e);
+], B = new Set(z);
+function V(e) {
+	return typeof e == "string" && B.has(e);
 }
-function I(e) {
-	return F(e) ? e : "circular";
+function H(e) {
+	return V(e) ? e : "circular";
 }
 //#endregion
 //#region src/components/Loading/LoadingIndicator.vue?vue&type=script&setup=true&lang.ts
-var L = ["aria-label"], R = {
+var U = ["aria-label"], W = {
 	class: "m-loading-indicator__graphic",
 	"aria-hidden": "true"
-}, z = {
+}, re = {
 	key: 0,
 	class: "m-loading-aurora"
-}, B = {
+}, ie = {
 	key: 1,
 	class: "m-loading-bounce"
-}, V = {
+}, ae = {
 	key: 2,
 	class: "m-loading-wave"
-}, re = {
+}, oe = {
 	key: 3,
 	class: "m-loading-pulse"
-}, ie = {
+}, se = {
 	key: 4,
 	class: "m-loading-stardust"
-}, ae = {
+}, ce = {
 	key: 5,
 	class: "m-loading-circular"
-}, oe = {
+}, le = {
 	key: 0,
 	class: "m-loading-indicator__tip"
-}, H = /* @__PURE__ */ v({
+}, G = /* @__PURE__ */ C({
 	name: "MLoadingIndicator",
 	__name: "LoadingIndicator",
 	props: {
@@ -58,50 +60,70 @@ var L = ["aria-label"], R = {
 		size: {}
 	},
 	setup(e) {
-		let n = e, r = s(), i = o("Loading"), a = d(() => I(n.effect ?? i.value.effect)), l = d(() => n.size ?? i.value.size), u = d(() => {
-			let e = t(l.value);
+		let r = e, i = f(), a = A(null), { pauseAttrs: o } = n(a, !0), s = l("Loading"), c = g(() => H(r.effect ?? s.value.effect)), u = g(() => r.size ?? s.value.size), d = g(() => {
+			let e = t(u.value);
 			return {
 				"m-loading-indicator--small": e === "small",
 				"m-loading-indicator--large": e === "large"
 			};
-		}), f = d(() => n.ariaLabel ?? (n.text ? void 0 : r.value.loading));
-		return (t, n) => (w(), m("div", {
-			class: x(["m-loading-indicator", u.value]),
+		}), m = g(() => r.ariaLabel ?? (r.text ? void 0 : i.value.loading));
+		return (t, n) => (O(), y("div", T({
+			ref_key: "rootRef",
+			ref: a
+		}, I(o), {
+			class: ["m-loading-indicator", d.value],
 			role: "status",
 			"aria-live": "polite",
-			"aria-label": f.value
-		}, [h("div", R, [a.value === "aurora" ? (w(), m("div", z, [...n[0] ||= [h("div", { class: "m-loading-aurora__ring" }, null, -1), h("div", { class: "m-loading-aurora__glow" }, null, -1)]])) : a.value === "bounce" ? (w(), m("div", B, [...n[1] ||= [
-			h("span", { class: "m-loading-bounce__ball" }, null, -1),
-			h("span", { class: "m-loading-bounce__ball" }, null, -1),
-			h("span", { class: "m-loading-bounce__ball" }, null, -1)
-		]])) : a.value === "wave" ? (w(), m("div", V, [...n[2] ||= [g("<span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span>", 5)]])) : a.value === "pulse" ? (w(), m("div", re, [...n[3] ||= [
-			h("span", { class: "m-loading-pulse__ring" }, null, -1),
-			h("span", { class: "m-loading-pulse__ring" }, null, -1),
-			h("span", { class: "m-loading-pulse__ring" }, null, -1),
-			h("span", { class: "m-loading-pulse__ring" }, null, -1)
-		]])) : a.value === "stardust" ? (w(), m("div", ie, [(w(), m(c, null, D(8, (e) => h("span", {
+			"aria-label": m.value
+		}), [b("div", W, [c.value === "aurora" ? (O(), y("div", re, [...n[0] ||= [b("div", { class: "m-loading-aurora__ring" }, null, -1), b("div", { class: "m-loading-aurora__glow" }, null, -1)]])) : c.value === "bounce" ? (O(), y("div", ie, [...n[1] ||= [
+			b("span", { class: "m-loading-bounce__ball" }, null, -1),
+			b("span", { class: "m-loading-bounce__ball" }, null, -1),
+			b("span", { class: "m-loading-bounce__ball" }, null, -1)
+		]])) : c.value === "wave" ? (O(), y("div", ae, [...n[2] ||= [x("<span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span><span class=\"m-loading-wave__bar\"></span>", 5)]])) : c.value === "pulse" ? (O(), y("div", oe, [...n[3] ||= [
+			b("span", { class: "m-loading-pulse__ring" }, null, -1),
+			b("span", { class: "m-loading-pulse__ring" }, null, -1),
+			b("span", { class: "m-loading-pulse__ring" }, null, -1),
+			b("span", { class: "m-loading-pulse__ring" }, null, -1)
+		]])) : c.value === "stardust" ? (O(), y("div", se, [(O(), y(p, null, M(8, (e) => b("span", {
 			key: e,
 			class: "m-loading-stardust__dot",
-			style: S({ "--i": String(e - 1) })
-		}, null, 4)), 64))])) : (w(), m("div", ae, [...n[4] ||= [h("svg", {
+			style: E({ "--i": String(e - 1) })
+		}, null, 4)), 64))])) : (O(), y("div", ce, [...n[4] ||= [b("svg", {
 			class: "m-loading-circular__svg",
 			viewBox: "0 0 50 50"
-		}, [h("circle", {
+		}, [b("circle", {
 			class: "m-loading-circular__path",
 			cx: "25",
 			cy: "25",
 			r: "20",
 			fill: "none"
-		})], -1)]]))]), e.text ? (w(), m("p", oe, k(e.text), 1)) : p("", !0)], 10, L));
+		})], -1)]]))]), e.text ? (O(), y("p", le, P(e.text), 1)) : v("", !0)], 16, U));
 	}
-}), U = /* @__PURE__ */ new Set(), W = null, G = 0, K = "";
-function q() {
-	typeof document > "u" || (G === 0 && (K = document.body.style.overflow), G += 1, document.body.style.overflow = "hidden");
+});
+//#endregion
+//#region src/components/Loading/loading.ts
+function ue(e) {
+	let t = e ?? s();
+	if (!t) return;
+	let n = t.provides?.[d];
+	return n == null ? t.config.globalProperties.$m : F(n);
+}
+function de(e) {
+	let t = ue(e);
+	return r({
+		rolePreset: t?.motion?.transitions?.overlay,
+		componentDefault: u(t?.componentDefaults, "Loading", "transition"),
+		fallback: "loading"
+	});
+}
+var K = /* @__PURE__ */ new Set(), q = null, J = 0, Y = "";
+function X() {
+	typeof document > "u" || (J === 0 && (Y = document.body.style.overflow), J += 1, document.body.style.overflow = "hidden");
 }
-function J() {
-	typeof document > "u" || (G = Math.max(0, G - 1), G === 0 && (document.body.style.overflow = K));
+function Z() {
+	typeof document > "u" || (J = Math.max(0, J - 1), J === 0 && (document.body.style.overflow = Y));
 }
-function se(e) {
+function fe(e) {
 	if (typeof document > "u") throw Error("[MLoading] service is only available in the browser");
 	if (!e || e === document.body) return document.body;
 	if (typeof e == "string") {
@@ -111,7 +133,7 @@ function se(e) {
 	}
 	return e;
 }
-function ce(e) {
+function pe(e) {
 	let t = 0;
 	return () => {
 		t ||= requestAnimationFrame(() => {
@@ -119,8 +141,8 @@ function ce(e) {
 		});
 	};
 }
-function Y(e) {
-	let t = T({
+function me(e) {
+	let t = k({
 		visible: !e.delay,
 		text: e.text ?? "",
 		effect: e.effect,
@@ -135,44 +157,46 @@ function Y(e) {
 		width: 0,
 		height: 0
 	});
-	t.fullscreen && W && W.destroy();
+	t.fullscreen && q && q.destroy();
 	let n = document.createElement("div");
 	(t.fullscreen || t.body ? document.body : e.target).appendChild(n);
-	let a = !1;
+	let r = !1;
 	if (!t.fullscreen && !t.body) {
 		let t = getComputedStyle(e.target).position;
-		(!t || t === "static") && (e.target.classList.add("m-loading-parent--relative"), a = !0);
+		(!t || t === "static") && (e.target.classList.add("m-loading-parent--relative"), r = !0);
 	}
 	e.target.setAttribute("aria-busy", "true");
-	let o = !1;
-	function s(e) {
-		if (e && !o) {
-			q(), o = !0;
+	let i = !1;
+	function a(e) {
+		if (e && !i) {
+			X(), i = !0;
 			return;
 		}
-		!e && o && (J(), o = !1);
+		!e && i && (Z(), i = !1);
 	}
-	t.visible && s(!!e.lock);
+	t.visible && a(!!e.lock);
 	function c() {
 		if (!t.body) return;
 		let n = e.target.getBoundingClientRect();
 		t.top = n.top, t.left = n.left, t.width = n.width, t.height = n.height;
 	}
-	let l = ce(c), d = null;
-	t.body && (c(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l), typeof ResizeObserver < "u" && (d = new ResizeObserver(l), d.observe(e.target)));
-	let f = null;
-	e.delay && e.delay > 0 && (f = setTimeout(() => {
-		f = null, t.visible = !0, s(!!e.lock);
+	let l = pe(c), u = null;
+	t.body && (c(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l), typeof ResizeObserver < "u" && (u = new ResizeObserver(l), u.observe(e.target)));
+	let d = null;
+	e.delay && e.delay > 0 && (d = setTimeout(() => {
+		d = null, t.visible = !0, a(!!e.lock);
 	}, e.delay));
-	let p = null, m = !1, h = !1, g = null;
+	let f = null, p = !1, m = !1, g = null;
 	function _() {
-		h || (h = !0, m = !0, f !== null && (clearTimeout(f), f = null), p !== null && (clearTimeout(p), p = null), s(!1), t.body && (window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), d?.disconnect(), d = null), a && e.target.classList.remove("m-loading-parent--relative"), e.target.getAttribute("aria-busy") === "true" && e.target.removeAttribute("aria-busy"), E(null, n), n.remove(), g && (U.delete(g), W === g && (W = null)));
+		m || (m = !0, p = !0, d !== null && (clearTimeout(d), d = null), f !== null && (clearTimeout(f), f = null), a(!1), t.body && (window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), u?.disconnect(), u = null), r && e.target.classList.remove("m-loading-parent--relative"), e.target.getAttribute("aria-busy") === "true" && e.target.removeAttribute("aria-busy"), j(null, n), n.remove(), g && (K.delete(g), q === g && (q = null)));
 	}
-	let b = v({
+	let v = C({
 		name: "MLoadingMask",
 		setup() {
-			return () => y(u, {
-				name: "m-loading",
+			let n = de(e.appContext);
+			return () => w(h, {
+				name: n,
+				css: n !== void 0,
 				appear: !0,
 				duration: {
 					enter: 180,
@@ -188,15 +212,15 @@ function Y(e) {
 					t.customClass || void 0
 				].filter((e) => !!e), n = {};
 				t.background && (n.background = t.background), t.body && (n.top = `${t.top}px`, n.left = `${t.left}px`, n.width = `${t.width}px`, n.height = `${t.height}px`);
-				let i = t.spinner ? r(t.spinner) : y(H, {
+				let r = t.spinner ? o(t.spinner) : w(G, {
 					effect: t.effect,
 					size: t.size,
 					text: t.text || void 0
 				});
-				return y("div", {
+				return w("div", {
 					class: e,
 					style: n
-				}, [i]);
+				}, [r]);
 			} });
 		}
 	});
@@ -204,42 +228,42 @@ function Y(e) {
 		fullscreen: t.fullscreen,
 		destroy: _,
 		close() {
-			if (!m) {
-				if (m = !0, f !== null) {
-					clearTimeout(f), f = null, _();
+			if (!p) {
+				if (p = !0, d !== null) {
+					clearTimeout(d), d = null, _();
 					return;
 				}
 				if (!t.visible) {
 					_();
 					return;
 				}
-				t.visible = !1, p = setTimeout(_, 200);
+				t.visible = !1, f = setTimeout(_, 200);
 			}
 		}
-	}, U.add(g), t.fullscreen && (W = g);
-	let x = y(b);
-	return x.appContext = e.appContext ?? i(), E(x, n), {
+	}, K.add(g), t.fullscreen && (q = g);
+	let y = w(v);
+	return y.appContext = e.appContext ?? s(), j(y, n), {
 		close: () => g.close(),
 		destroy: () => _(),
 		setText(e) {
-			h || (t.text = e);
+			m || (t.text = e);
 		},
 		update(e) {
-			h || (e.text !== void 0 && (t.text = e.text), e.effect !== void 0 && (t.effect = e.effect), e.background !== void 0 && (t.background = e.background), e.customClass !== void 0 && (t.customClass = e.customClass), e.size !== void 0 && (t.size = e.size), e.spinner !== void 0 && (t.spinner = e.spinner), e.lock !== void 0 && t.visible && s(e.lock));
+			m || (e.text !== void 0 && (t.text = e.text), e.effect !== void 0 && (t.effect = e.effect), e.background !== void 0 && (t.background = e.background), e.customClass !== void 0 && (t.customClass = e.customClass), e.size !== void 0 && (t.size = e.size), e.spinner !== void 0 && (t.spinner = e.spinner), e.lock !== void 0 && t.visible && a(e.lock));
 		}
 	};
 }
-function le() {
+function he() {
 	return {
 		close() {},
 		setText() {},
 		destroy() {}
 	};
 }
-function ue(e = {}) {
-	if (typeof document > "u") return le();
-	let t = e.fullscreen ?? (e.target == null && !e.body), n = Y({
-		target: t ? document.body : se(e.target ?? document.body),
+function ge(e = {}) {
+	if (typeof document > "u") return he();
+	let t = e.fullscreen ?? (e.target == null && !e.body), n = me({
+		target: t ? document.body : fe(e.target ?? document.body),
 		fullscreen: t,
 		body: !!e.body && !t,
 		lock: e.lock,
@@ -257,7 +281,7 @@ function ue(e = {}) {
 		destroy: () => n.destroy()
 	};
 }
-var X = { service: ue }, de = ["aria-busy"], fe = ["inert"], pe = /* @__PURE__ */ v({
+var _e = { service: ge }, ve = ["aria-busy"], ye = ["inert"], be = /* @__PURE__ */ C({
 	name: "MLoading",
 	inheritAttrs: !1,
 	__name: "Loading",
@@ -281,59 +305,71 @@ var X = { service: ue }, de = ["aria-busy"], fe = ["inert"], pe = /* @__PURE__ *
 			type: Boolean,
 			default: !1
 		},
-		delay: { default: 0 }
+		delay: { default: 0 },
+		transition: {
+			type: [String, Boolean],
+			default: void 0
+		}
 	},
 	setup(t) {
-		let r = t, i = te(), s = ne(), { rootAttrs: g } = e(i, () => r.pt), v = o("Loading"), y = a(), T = d(() => !!s.default), E = d(() => T.value || r.fullscreen), D = d(() => I(r.effect ?? v.value.effect)), k = d(() => r.size ?? v.value.size), N = d(() => r.delay ?? v.value.delay ?? 0), P = d(() => r.background ? { background: r.background } : void 0), F = d(() => n(r.fullscreen ? {
+		let n = t, r = te(), o = ne(), { rootAttrs: s } = e(r, () => n.pt), u = l("Loading"), d = c(), { transitionName: f, transitionCss: x } = i({
+			role: "overlay",
+			local: () => n.transition,
+			componentName: "Loading",
+			fallback: "loading"
+		}), C = g(() => !!o.default), w = g(() => C.value || n.fullscreen), k = g(() => H(n.effect ?? u.value.effect)), j = g(() => n.size ?? u.value.size), M = g(() => n.delay ?? u.value.delay ?? 0), P = g(() => n.background ? { background: n.background } : void 0), F = g(() => a(n.fullscreen ? {
 			teleport: !0,
 			appendTo: "body"
-		} : { teleport: !1 }, y.value.appendTo)), L = ee(r.loading && N.value <= 0), R = null;
-		function z() {
-			R !== null && (clearTimeout(R), R = null);
+		} : { teleport: !1 }, d.value.appendTo)), z = A(n.loading && M.value <= 0), B = null;
+		function V() {
+			B !== null && (clearTimeout(B), B = null);
 		}
-		j(() => [
-			r.loading,
-			N.value,
-			E.value
+		L(() => [
+			n.loading,
+			M.value,
+			w.value
 		], ([e, t]) => {
-			if (z(), !e || !E.value) {
-				L.value = !1;
+			if (V(), !e || !w.value) {
+				z.value = !1;
 				return;
 			}
 			if (!t) {
-				L.value = !0;
+				z.value = !0;
 				return;
 			}
-			L.value = !1, R = setTimeout(() => {
-				L.value = !0, R = null;
+			z.value = !1, B = setTimeout(() => {
+				z.value = !0, B = null;
 			}, t);
 		}, { immediate: !0 });
-		let B = d(() => r.lock && L.value && E.value), V = !1;
-		return j(B, (e) => {
-			if (e && !V) {
-				q(), V = !0;
+		let U = g(() => n.lock && z.value && w.value), W = !1;
+		return L(U, (e) => {
+			if (e && !W) {
+				X(), W = !0;
 				return;
 			}
-			!e && V && (J(), V = !1);
-		}, { immediate: !0 }), C(() => {
-			z(), V &&= (J(), !1);
-		}), (e, n) => E.value ? (w(), m(c, { key: 0 }, [T.value ? (w(), m("div", b({ key: 0 }, A(g), {
-			class: ["m-loading", { "m-loading--active": L.value }],
-			"aria-busy": L.value || void 0
-		}), [h("div", {
+			!e && W && (Z(), W = !1);
+		}, { immediate: !0 }), D(() => {
+			V(), W &&= (Z(), !1);
+		}), (e, n) => w.value ? (O(), y(p, { key: 0 }, [C.value ? (O(), y("div", T({ key: 0 }, I(s), {
+			class: ["m-loading", { "m-loading--active": z.value }],
+			"aria-busy": z.value || void 0
+		}), [b("div", {
 			class: "m-loading__content",
-			inert: L.value || void 0
-		}, [O(e.$slots, "default")], 8, fe), (w(), f(l, {
+			inert: z.value || void 0
+		}, [N(e.$slots, "default")], 8, ye), (O(), _(m, {
 			to: F.value.to,
 			disabled: F.value.disabled
-		}, [_(u, { name: "m-loading" }, {
-			default: M(() => [L.value ? (w(), m("div", {
+		}, [S(h, {
+			name: I(f),
+			css: I(x)
+		}, {
+			default: R(() => [z.value ? (O(), y("div", {
 				key: 0,
-				class: x(["m-loading-mask", [{ "m-loading-mask--fullscreen": t.fullscreen }, t.customClass]]),
-				style: S(P.value)
-			}, [O(e.$slots, "indicator", {}, () => [_(H, {
-				effect: D.value,
-				size: k.value,
+				class: ee(["m-loading-mask", [{ "m-loading-mask--fullscreen": t.fullscreen }, t.customClass]]),
+				style: E(P.value)
+			}, [N(e.$slots, "indicator", {}, () => [S(G, {
+				effect: k.value,
+				size: j.value,
 				text: t.text,
 				"aria-label": t.ariaLabel
 			}, null, 8, [
@@ -341,21 +377,24 @@ var X = { service: ue }, de = ["aria-busy"], fe = ["inert"], pe = /* @__PURE__ *
 				"size",
 				"text",
 				"aria-label"
-			])])], 6)) : p("", !0)]),
+			])])], 6)) : v("", !0)]),
 			_: 3
-		})], 8, ["to", "disabled"]))], 16, de)) : (w(), f(l, {
+		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 16, ve)) : (O(), _(m, {
 			key: 1,
 			to: F.value.to,
 			disabled: F.value.disabled
-		}, [_(u, { name: "m-loading" }, {
-			default: M(() => [L.value ? (w(), m("div", b({ key: 0 }, A(g), {
+		}, [S(h, {
+			name: I(f),
+			css: I(x)
+		}, {
+			default: R(() => [z.value ? (O(), y("div", T({ key: 0 }, I(s), {
 				class: ["m-loading-mask m-loading-mask--fullscreen", t.customClass],
 				style: P.value,
 				role: "presentation",
 				"aria-busy": "true"
-			}), [O(e.$slots, "indicator", {}, () => [_(H, {
-				effect: D.value,
-				size: k.value,
+			}), [N(e.$slots, "indicator", {}, () => [S(G, {
+				effect: k.value,
+				size: j.value,
 				text: t.text,
 				"aria-label": t.ariaLabel
 			}, null, 8, [
@@ -363,11 +402,11 @@ var X = { service: ue }, de = ["aria-busy"], fe = ["inert"], pe = /* @__PURE__ *
 				"size",
 				"text",
 				"aria-label"
-			])])], 16)) : p("", !0)]),
+			])])], 16)) : v("", !0)]),
 			_: 3
-		})], 8, ["to", "disabled"]))], 64)) : (w(), f(H, b({ key: 1 }, A(g), {
-			effect: D.value,
-			size: k.value,
+		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 64)) : (O(), _(G, T({ key: 1 }, I(s), {
+			effect: k.value,
+			size: j.value,
 			text: t.text,
 			"aria-label": t.ariaLabel
 		}), null, 16, [
@@ -377,24 +416,24 @@ var X = { service: ue }, de = ["aria-busy"], fe = ["inert"], pe = /* @__PURE__ *
 			"aria-label"
 		]));
 	}
-}), Z = /* @__PURE__ */ new WeakMap();
-function Q(e, ...t) {
+}), Q = /* @__PURE__ */ new WeakMap();
+function $(e, ...t) {
 	for (let n of t) {
 		let t = e.getAttribute(n);
 		if (t != null) return t;
 	}
 }
-function me(e) {
-	return F(e) ? e : void 0;
+function xe(e) {
+	return V(e) ? e : void 0;
 }
-function he(e, t) {
-	let n = t.value, r = n && typeof n == "object" ? n : void 0, i = typeof n == "boolean" ? n : r ? r.loading !== !1 : !!n, a = !!(t.modifiers.fullscreen || r?.fullscreen), o = !!(t.modifiers.body || r?.body) && !a, s = me(r?.effect ?? Q(e, "m-loading-effect")), c = r?.size, l = Q(e, "m-loading-delay"), u = r?.delay ?? (l == null ? void 0 : Number(l));
+function Se(e, t) {
+	let n = t.value, r = n && typeof n == "object" ? n : void 0, i = typeof n == "boolean" ? n : r ? r.loading !== !1 : !!n, a = !!(t.modifiers.fullscreen || r?.fullscreen), o = !!(t.modifiers.body || r?.body) && !a, s = xe(r?.effect ?? $(e, "m-loading-effect")), c = r?.size, l = $(e, "m-loading-delay"), u = r?.delay ?? (l == null ? void 0 : Number(l));
 	return {
 		visible: i,
-		text: r?.text ?? Q(e, "m-loading-text"),
+		text: r?.text ?? $(e, "m-loading-text"),
 		effect: s,
-		background: r?.background ?? Q(e, "m-loading-background"),
-		customClass: r?.customClass ?? Q(e, "m-loading-custom-class"),
+		background: r?.background ?? $(e, "m-loading-background"),
+		customClass: r?.customClass ?? $(e, "m-loading-custom-class"),
 		size: typeof c == "string" ? c : void 0,
 		fullscreen: a,
 		lock: !!(t.modifiers.lock || r?.lock),
@@ -404,20 +443,20 @@ function he(e, t) {
 		mode: `${a}:${o}`
 	};
 }
-function $(e, t) {
-	let n = he(e, t), r = Z.get(e);
+function Ce(e, t) {
+	let n = Se(e, t), r = Q.get(e);
 	if (!n.visible) {
 		if (!r) return;
-		Z.delete(e), r.instance.close();
+		Q.delete(e), r.instance.close();
 		return;
 	}
 	if (r && r.mode === n.mode) {
 		r.instance.update(n);
 		return;
 	}
-	r?.instance.destroy(), Z.set(e, {
+	r?.instance.destroy(), Q.set(e, {
 		mode: n.mode,
-		instance: Y({
+		instance: me({
 			target: e,
 			text: n.text,
 			effect: n.effect,
@@ -433,26 +472,26 @@ function $(e, t) {
 		})
 	});
 }
-var ge = {
-	mounted: $,
-	updated: $,
+var we = {
+	mounted: Ce,
+	updated: Ce,
 	unmounted(e) {
-		let t = Z.get(e);
-		t && (Z.delete(e), t.instance.destroy());
+		let t = Q.get(e);
+		t && (Q.delete(e), t.instance.destroy());
 	}
 };
 //#endregion
 //#region src/components/Loading/useLoading.ts
-function _e(e = {}) {
+function Te(e = {}) {
 	let t = null;
 	function n() {
 		t?.close(), t = null;
 	}
-	return C(() => {
+	return D(() => {
 		t?.destroy(), t = null;
 	}), {
 		open(r = {}) {
-			return n(), t = X.service({
+			return n(), t = _e.service({
 				...e,
 				...r
 			}), t;
@@ -464,4 +503,4 @@ function _e(e = {}) {
 	};
 }
 //#endregion
-export { N as LOADING_EFFECTS, pe as MLoading, F as isLoadingEffect, X as loading, I as normalizeLoadingEffect, _e as useLoading, ge as vLoading };
+export { z as LOADING_EFFECTS, be as MLoading, V as isLoadingEffect, _e as loading, H as normalizeLoadingEffect, Te as useLoading, we as vLoading };