morya-ui 0.3.8 → 0.4.0

package/dist/Input-DQHYqvNk.js

@@ -0,0 +1,181 @@
+import { i as e } from "./useComponentAttrs-e-5QAjdw.js";
+import { t } from "./useMId-BXFYayPP.js";
+import { t as n } from "./Icon-od9Ob-Ay.js";
+import { n as r } from "./context-CIx8fy-I.js";
+import { i, o as ee, s as a } from "./config-COgrsSV2.js";
+import { n as o } from "./locale-Dnk0UIie.js";
+import { computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, inject as p, mergeProps as m, normalizeClass as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, useSlots as S } from "vue";
+//#region src/components/Input/Input.vue?vue&type=script&setup=true&lang.ts
+var te = ["for"], ne = {
+	key: 0,
+	class: "m-input__prefix"
+}, re = [
+	"id",
+	"type",
+	"value",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"placeholder",
+	"name",
+	"autocomplete",
+	"autofocus",
+	"aria-invalid",
+	"aria-describedby"
+], ie = {
+	key: 1,
+	class: "m-input__suffix"
+}, ae = ["aria-label", "disabled"], oe = {
+	key: 1,
+	class: "m-input-field__meta"
+}, C = ["id", "role"], w = ["id"], T = /* @__PURE__ */ f({
+	inheritAttrs: !1,
+	__name: "Input",
+	props: {
+		modelValue: { default: "" },
+		label: {},
+		helpText: {},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		status: {},
+		errorMessage: {},
+		id: {},
+		type: { default: "text" },
+		size: {},
+		variant: {},
+		fluid: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: void 0
+		},
+		allowClear: {
+			type: Boolean,
+			default: void 0
+		},
+		maxlength: {},
+		showCount: {
+			type: Boolean,
+			default: void 0
+		},
+		pt: {},
+		placeholder: {},
+		name: {},
+		autocomplete: {},
+		autofocus: { type: Boolean }
+	},
+	emits: [
+		"update:modelValue",
+		"clear",
+		"focus",
+		"blur",
+		"change"
+	],
+	setup(f, { expose: T, emit: E }) {
+		let D = f, O = E, k = x(), { rootAttrs: A, controlAttrs: j } = e(k, () => D.pt), M = S(), N = i("Input"), P = p(r, null), F = o(), I = _(null), L = t("m-input"), R = s(() => D.id ?? L), z = s(() => D.invalid || D.status === "error" || !!D.errorMessage), B = s(() => D.status === "warning" && !z.value), V = ee("Input", () => D.size ?? P?.value.size), H = a("Input", () => D.variant), U = s(() => D.clearable ?? D.allowClear ?? N.value.clearable ?? N.value.allowClear ?? !1), W = s(() => D.showCount ?? N.value.showCount ?? !1), G = s(() => D.fluid ?? N.value.fluid ?? !1), K = s(() => D.modelValue.length), q = s(() => D.maxlength == null ? String(K.value) : `${K.value} / ${D.maxlength}`), J = s(() => D.errorMessage || D.helpText), Y = s(() => !!D.errorMessage || z.value && !!D.helpText), X = s(() => !!M.prefix), Z = s(() => !!M.suffix), se = s(() => {
+			let e = [];
+			return J.value && e.push(`${R.value}-help`), W.value && e.push(`${R.value}-count`), e.length ? e.join(" ") : void 0;
+		}), ce = s(() => [
+			"m-input",
+			`m-input--${V.value}`,
+			{
+				"m-input--filled": H.value === "filled",
+				"m-input--fluid": G.value,
+				"m-input--invalid": z.value,
+				"m-input--warning": B.value
+			}
+		]), Q = s(() => U.value && !!D.modelValue), le = s(() => ({
+			"m-input-field__control--clearable": Q.value,
+			"m-input-field__control--counted": W.value,
+			"m-input-field__control--prefixed": X.value,
+			"m-input-field__control--suffixed": Z.value
+		}));
+		function $(e) {
+			O("update:modelValue", e.target.value);
+		}
+		function ue() {
+			D.disabled || D.readonly || (O("update:modelValue", ""), O("clear"), I.value?.focus());
+		}
+		function de() {
+			I.value?.focus();
+		}
+		function fe() {
+			I.value?.blur();
+		}
+		function pe() {
+			I.value?.select();
+		}
+		return T({
+			focus: de,
+			blur: fe,
+			select: pe
+		}), (e, t) => (g(), l("div", m(b(A), { class: ["m-input-field", { "m-input-field--fluid": G.value }] }), [
+			f.label ? (g(), l("label", {
+				key: 0,
+				class: "m-input-field__label",
+				for: R.value
+			}, y(f.label), 9, te)) : c("", !0),
+			u("div", { class: h(["m-input-field__control", le.value]) }, [
+				X.value ? (g(), l("span", ne, [v(e.$slots, "prefix")])) : c("", !0),
+				u("input", m(b(j), {
+					id: R.value,
+					ref_key: "inputElement",
+					ref: I,
+					class: ce.value,
+					type: f.type,
+					value: f.modelValue,
+					disabled: f.disabled,
+					readonly: f.readonly,
+					maxlength: f.maxlength,
+					placeholder: f.placeholder,
+					name: f.name,
+					autocomplete: f.autocomplete,
+					autofocus: f.autofocus || void 0,
+					"aria-invalid": z.value || void 0,
+					"aria-describedby": se.value,
+					onInput: $,
+					onFocus: t[0] ||= (e) => O("focus", e),
+					onBlur: t[1] ||= (e) => O("blur", e),
+					onChange: t[2] ||= (e) => O("change", e.target.value)
+				}), null, 16, re),
+				Z.value ? (g(), l("span", ie, [v(e.$slots, "suffix")])) : c("", !0),
+				Q.value ? (g(), l("button", {
+					key: 2,
+					class: "m-input__clear",
+					type: "button",
+					"aria-label": b(F).clearInput,
+					disabled: f.disabled || f.readonly,
+					onClick: ue
+				}, [d(n, {
+					name: "close",
+					size: "sm"
+				})], 8, ae)) : c("", !0)
+			], 2),
+			J.value || W.value ? (g(), l("div", oe, [J.value ? (g(), l("span", {
+				key: 0,
+				id: `${R.value}-help`,
+				class: h(["m-input-field__help", { "m-input-field__help--invalid": Y.value }]),
+				role: Y.value ? "alert" : void 0
+			}, y(J.value), 11, C)) : c("", !0), W.value ? (g(), l("span", {
+				key: 1,
+				id: `${R.value}-count`,
+				class: "m-input-field__count",
+				"aria-live": "polite"
+			}, y(q.value), 9, w)) : c("", !0)])) : c("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { T as t };

package/dist/{Loading-Ba-Js5-u.js → Loading-BPpR-jGa.js}

@@ -1,55 +1,55 @@
 import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
-import { i as t } from "./types-DGuu4Eg4.js";
-import { t as n } from "./usePauseOffscreen-BIikV_gj.js";
-import { n as r, t as i } from "./useMotionTransition-tW0yeJsy.js";
-import { n as a } from "./overlay-oR-5MDuE.js";
+import { n as t } from "./overlay-oR-5MDuE.js";
+import { n, t as r } from "./useMotionTransition-S2rlviyZ.js";
+import { i } from "./types-DGuu4Eg4.js";
+import { t as a } from "./usePauseOffscreen-BIikV_gj.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-De8ueCY-.js";
-import { n as f } from "./locale-xavS6-Hw.js";
-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 E, normalizeStyle as D, onBeforeUnmount as O, openBlock as k, reactive as A, ref as j, render as M, renderList as N, renderSlot as P, toDisplayString as F, toValue as I, unref as L, useAttrs as ee, useSlots as te, watch as R, withCtx as z } from "vue";
+import { c, i as l, l as u, t as d } from "./config-COgrsSV2.js";
+import { n as f } from "./locale-Dnk0UIie.js";
+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 te, openBlock as D, reactive as O, ref as k, render as A, renderList as j, renderSlot as M, toDisplayString as N, toValue as P, unref as F, useAttrs as ne, useSlots as re, watch as I, withCtx as L } from "vue";
 //#region src/components/Loading/types.ts
-var B = [
+var R = [
 	"circular",
 	"aurora",
 	"bounce",
 	"wave",
 	"pulse",
 	"stardust"
-], V = new Set(B);
-function H(e) {
-	return typeof e == "string" && V.has(e);
+], z = new Set(R);
+function B(e) {
+	return typeof e == "string" && z.has(e);
 }
-function U(e) {
-	return H(e) ? e : "circular";
+function V(e) {
+	return B(e) ? e : "circular";
 }
 //#endregion
 //#region src/components/Loading/LoadingIndicator.vue?vue&type=script&setup=true&lang.ts
-var W = ["aria-label"], G = {
+var H = ["aria-label"], U = {
 	class: "m-loading-indicator__graphic",
 	"aria-hidden": "true"
-}, ne = {
+}, W = {
 	key: 0,
 	class: "m-loading-aurora"
-}, re = {
+}, ie = {
 	key: 1,
 	class: "m-loading-bounce"
-}, ie = {
+}, ae = {
 	key: 2,
 	class: "m-loading-wave"
-}, ae = {
+}, oe = {
 	key: 3,
 	class: "m-loading-pulse"
-}, oe = {
+}, se = {
 	key: 4,
 	class: "m-loading-stardust"
-}, se = {
+}, ce = {
 	key: 5,
 	class: "m-loading-circular"
-}, ce = {
+}, le = {
 	key: 0,
 	class: "m-loading-indicator__tip"
-}, K = /* @__PURE__ */ C({
+}, G = /* @__PURE__ */ C({
 	name: "MLoadingIndicator",
 	__name: "LoadingIndicator",
 	props: {
@@ -59,35 +59,35 @@ var W = ["aria-label"], G = {
 		size: {}
 	},
 	setup(e) {
-		let r = e, i = f(), a = j(null), { pauseAttrs: o } = n(a, !0), s = l("Loading"), c = g(() => U(r.effect ?? s.value.effect)), u = g(() => r.size ?? s.value.size), d = g(() => {
-			let e = t(u.value);
+		let t = e, n = f(), r = k(null), { pauseAttrs: o } = a(r, !0), s = l("Loading"), c = g(() => V(t.effect ?? s.value.effect)), u = g(() => t.size ?? s.value.size), d = g(() => {
+			let e = i(u.value);
 			return {
 				"m-loading-indicator--small": e === "small",
 				"m-loading-indicator--large": e === "large"
 			};
-		}), m = g(() => r.ariaLabel ?? (r.text ? void 0 : i.value.loading));
-		return (t, n) => (k(), y("div", T({
+		}), m = g(() => t.ariaLabel ?? (t.text ? void 0 : n.value.loading));
+		return (t, n) => (D(), y("div", T({
 			ref_key: "rootRef",
-			ref: a
-		}, L(o), {
+			ref: r
+		}, F(o), {
 			class: ["m-loading-indicator", d.value],
 			role: "status",
 			"aria-live": "polite",
 			"aria-label": m.value
-		}), [b("div", G, [c.value === "aurora" ? (k(), y("div", ne, [...n[0] ||= [b("div", { class: "m-loading-aurora__ring" }, null, -1), b("div", { class: "m-loading-aurora__glow" }, null, -1)]])) : c.value === "bounce" ? (k(), y("div", re, [...n[1] ||= [
+		}), [b("div", U, [c.value === "aurora" ? (D(), y("div", W, [...n[0] ||= [b("div", { class: "m-loading-aurora__ring" }, null, -1), b("div", { class: "m-loading-aurora__glow" }, null, -1)]])) : c.value === "bounce" ? (D(), 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" ? (k(), y("div", ie, [...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" ? (k(), y("div", ae, [...n[3] ||= [
+		]])) : c.value === "wave" ? (D(), 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" ? (D(), 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" ? (k(), y("div", oe, [(k(), y(p, null, N(8, (e) => b("span", {
+		]])) : c.value === "stardust" ? (D(), y("div", se, [(D(), y(p, null, j(8, (e) => b("span", {
 			key: e,
 			class: "m-loading-stardust__dot",
-			style: D({ "--i": String(e - 1) })
-		}, null, 4)), 64))])) : (k(), y("div", se, [...n[4] ||= [b("svg", {
+			style: E({ "--i": String(e - 1) })
+		}, null, 4)), 64))])) : (D(), y("div", ce, [...n[4] ||= [b("svg", {
 			class: "m-loading-circular__svg",
 			viewBox: "0 0 50 50"
 		}, [b("circle", {
@@ -96,33 +96,33 @@ var W = ["aria-label"], G = {
 			cy: "25",
 			r: "20",
 			fill: "none"
-		})], -1)]]))]), e.text ? (k(), y("p", ce, F(e.text), 1)) : v("", !0)], 16, W));
+		})], -1)]]))]), e.text ? (D(), y("p", le, N(e.text), 1)) : v("", !0)], 16, H));
 	}
 });
 //#endregion
 //#region src/components/Loading/loading.ts
-function le(e) {
+function ue(e) {
 	let t = e ?? s();
 	if (!t) return;
 	let n = t.provides?.[d];
-	return n == null ? t.config.globalProperties.$m : I(n);
+	return n == null ? t.config.globalProperties.$m : P(n);
 }
-function ue(e) {
-	let t = le(e);
-	return r({
+function de(e) {
+	let t = ue(e);
+	return n({
 		rolePreset: t?.motion?.transitions?.overlay,
 		componentDefault: u(t?.componentDefaults, "Loading", "transition"),
 		fallback: "loading"
 	});
 }
-var q = /* @__PURE__ */ new Set(), J = null, Y = 0, X = "";
-function Z() {
-	typeof document > "u" || (Y === 0 && (X = document.body.style.overflow), Y += 1, document.body.style.overflow = "hidden");
+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 Q() {
-	typeof document > "u" || (Y = Math.max(0, Y - 1), Y === 0 && (document.body.style.overflow = X));
+function Z() {
+	typeof document > "u" || (J = Math.max(0, J - 1), J === 0 && (document.body.style.overflow = Y));
 }
-function de(e) {
+function Q(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") {
@@ -141,7 +141,7 @@ function fe(e) {
 	};
 }
 function $(e) {
-	let t = A({
+	let t = O({
 		visible: !e.delay,
 		text: e.text ?? "",
 		effect: e.effect,
@@ -156,7 +156,7 @@ function $(e) {
 		width: 0,
 		height: 0
 	});
-	t.fullscreen && J && J.destroy();
+	t.fullscreen && q && q.destroy();
 	let n = document.createElement("div");
 	(t.fullscreen || t.body ? document.body : e.target).appendChild(n);
 	let r = !1;
@@ -168,10 +168,10 @@ function $(e) {
 	let i = !1;
 	function a(e) {
 		if (e && !i) {
-			Z(), i = !0;
+			X(), i = !0;
 			return;
 		}
-		!e && i && (Q(), i = !1);
+		!e && i && (Z(), i = !1);
 	}
 	t.visible && a(!!e.lock);
 	function c() {
@@ -187,12 +187,12 @@ function $(e) {
 	}, e.delay));
 	let f = null, p = !1, m = !1, g = null;
 	function _() {
-		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"), M(null, n), n.remove(), g && (q.delete(g), J === g && (J = 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"), A(null, n), n.remove(), g && (K.delete(g), q === g && (q = null)));
 	}
 	let v = C({
 		name: "MLoadingMask",
 		setup() {
-			let n = ue(e.appContext);
+			let n = de(e.appContext);
 			return () => w(h, {
 				name: n,
 				css: n !== void 0,
@@ -211,7 +211,7 @@ function $(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 r = t.spinner ? o(t.spinner) : w(K, {
+				let r = t.spinner ? o(t.spinner) : w(G, {
 					effect: t.effect,
 					size: t.size,
 					text: t.text || void 0
@@ -239,9 +239,9 @@ function $(e) {
 				t.visible = !1, f = setTimeout(_, 200);
 			}
 		}
-	}, q.add(g), t.fullscreen && (J = g);
+	}, K.add(g), t.fullscreen && (q = g);
 	let y = w(v);
-	return y.appContext = e.appContext ?? s(), M(y, n), {
+	return y.appContext = e.appContext ?? s() ?? null, A(y, n), {
 		close: () => g.close(),
 		destroy: () => _(),
 		setText(e) {
@@ -262,11 +262,11 @@ function pe() {
 function me(e = {}) {
 	if (typeof document > "u") return pe();
 	let t = e.fullscreen ?? (e.target == null && !e.body), n = $({
-		target: t ? document.body : de(e.target ?? document.body),
+		target: t ? document.body : Q(e.target ?? document.body),
 		fullscreen: t,
 		body: !!e.body && !t,
 		lock: e.lock,
-		text: e.text,
+		text: e.text ?? e.tip,
 		effect: e.effect,
 		background: e.background,
 		customClass: e.customClass,
@@ -292,6 +292,7 @@ var he = { service: me }, ge = ["aria-busy"], _e = ["inert"], ve = /* @__PURE__
 		},
 		effect: {},
 		text: {},
+		tip: {},
 		ariaLabel: {},
 		size: {},
 		background: {},
@@ -310,67 +311,67 @@ var he = { service: me }, ge = ["aria-busy"], _e = ["inert"], ve = /* @__PURE__
 			default: void 0
 		}
 	},
-	setup(t) {
-		let n = t, r = ee(), o = te(), { rootAttrs: s } = e(r, () => n.pt), u = l("Loading"), d = c(), { transitionName: f, transitionCss: x } = i({
+	setup(n) {
+		let i = n, a = ne(), o = re(), { rootAttrs: s } = e(a, () => i.pt), u = l("Loading"), d = c(), { transitionName: f, transitionCss: x } = r({
 			role: "overlay",
-			local: () => n.transition,
+			local: () => i.transition,
 			componentName: "Loading",
 			fallback: "loading"
-		}), C = g(() => !!o.default), w = g(() => C.value || n.fullscreen), A = g(() => U(n.effect ?? u.value.effect)), M = g(() => n.size ?? u.value.size), N = g(() => n.delay ?? u.value.delay ?? 0), F = g(() => n.background ? { background: n.background } : void 0), I = g(() => a(n.fullscreen ? {
+		}), C = g(() => !!o.default), w = g(() => C.value || i.fullscreen), O = g(() => V(i.effect ?? u.value.effect)), A = g(() => i.size ?? u.value.size), j = g(() => i.delay ?? u.value.delay ?? 0), N = g(() => i.text ?? i.tip), P = g(() => i.background ? { background: i.background } : void 0), R = g(() => t(i.fullscreen ? {
 			teleport: !0,
 			appendTo: "body"
-		} : { teleport: !1 }, d.value.appendTo)), B = j(n.loading && N.value <= 0), V = null;
+		} : { teleport: !1 }, d.value.appendTo)), z = k(i.loading && j.value <= 0), B = null;
 		function H() {
-			V !== null && (clearTimeout(V), V = null);
+			B !== null && (clearTimeout(B), B = null);
 		}
-		R(() => [
-			n.loading,
-			N.value,
+		I(() => [
+			i.loading,
+			j.value,
 			w.value
 		], ([e, t]) => {
 			if (H(), !e || !w.value) {
-				B.value = !1;
+				z.value = !1;
 				return;
 			}
 			if (!t) {
-				B.value = !0;
+				z.value = !0;
 				return;
 			}
-			B.value = !1, V = setTimeout(() => {
-				B.value = !0, V = null;
+			z.value = !1, B = setTimeout(() => {
+				z.value = !0, B = null;
 			}, t);
 		}, { immediate: !0 });
-		let W = g(() => n.lock && B.value && w.value), G = !1;
-		return R(W, (e) => {
-			if (e && !G) {
-				Z(), G = !0;
+		let U = g(() => i.lock && z.value && w.value), W = !1;
+		return I(U, (e) => {
+			if (e && !W) {
+				X(), W = !0;
 				return;
 			}
-			!e && G && (Q(), G = !1);
-		}, { immediate: !0 }), O(() => {
-			H(), G &&= (Q(), !1);
-		}), (e, n) => w.value ? (k(), y(p, { key: 0 }, [C.value ? (k(), y("div", T({ key: 0 }, L(s), {
-			class: ["m-loading", { "m-loading--active": B.value }],
-			"aria-busy": B.value || void 0
+			!e && W && (Z(), W = !1);
+		}, { immediate: !0 }), te(() => {
+			H(), W &&= (Z(), !1);
+		}), (e, t) => w.value ? (D(), y(p, { key: 0 }, [C.value ? (D(), y("div", T({ key: 0 }, F(s), {
+			class: ["m-loading", { "m-loading--active": z.value }],
+			"aria-busy": z.value || void 0
 		}), [b("div", {
 			class: "m-loading__content",
-			inert: B.value || void 0
-		}, [P(e.$slots, "default")], 8, _e), (k(), _(m, {
-			to: I.value.to,
-			disabled: I.value.disabled
+			inert: z.value || void 0
+		}, [M(e.$slots, "default")], 8, _e), (D(), _(m, {
+			to: R.value.to,
+			disabled: R.value.disabled
 		}, [S(h, {
-			name: L(f),
-			css: L(x)
+			name: F(f),
+			css: F(x)
 		}, {
-			default: z(() => [B.value ? (k(), y("div", {
+			default: L(() => [z.value ? (D(), y("div", {
 				key: 0,
-				class: E(["m-loading-mask", [{ "m-loading-mask--fullscreen": t.fullscreen }, t.customClass]]),
-				style: D(F.value)
-			}, [P(e.$slots, "indicator", {}, () => [S(K, {
-				effect: A.value,
-				size: M.value,
-				text: t.text,
-				"aria-label": t.ariaLabel
+				class: ee(["m-loading-mask", [{ "m-loading-mask--fullscreen": n.fullscreen }, n.customClass]]),
+				style: E(P.value)
+			}, [M(e.$slots, "indicator", {}, () => [S(G, {
+				effect: O.value,
+				size: A.value,
+				text: N.value,
+				"aria-label": n.ariaLabel
 			}, null, 8, [
 				"effect",
 				"size",
@@ -378,24 +379,24 @@ var he = { service: me }, ge = ["aria-busy"], _e = ["inert"], ve = /* @__PURE__
 				"aria-label"
 			])])], 6)) : v("", !0)]),
 			_: 3
-		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 16, ge)) : (k(), _(m, {
+		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 16, ge)) : (D(), _(m, {
 			key: 1,
-			to: I.value.to,
-			disabled: I.value.disabled
+			to: R.value.to,
+			disabled: R.value.disabled
 		}, [S(h, {
-			name: L(f),
-			css: L(x)
+			name: F(f),
+			css: F(x)
 		}, {
-			default: z(() => [B.value ? (k(), y("div", T({ key: 0 }, L(s), {
-				class: ["m-loading-mask m-loading-mask--fullscreen", t.customClass],
-				style: F.value,
+			default: L(() => [z.value ? (D(), y("div", T({ key: 0 }, F(s), {
+				class: ["m-loading-mask m-loading-mask--fullscreen", n.customClass],
+				style: P.value,
 				role: "presentation",
 				"aria-busy": "true"
-			}), [P(e.$slots, "indicator", {}, () => [S(K, {
-				effect: A.value,
-				size: M.value,
-				text: t.text,
-				"aria-label": t.ariaLabel
+			}), [M(e.$slots, "indicator", {}, () => [S(G, {
+				effect: O.value,
+				size: A.value,
+				text: N.value,
+				"aria-label": n.ariaLabel
 			}, null, 8, [
 				"effect",
 				"size",
@@ -403,11 +404,11 @@ var he = { service: me }, ge = ["aria-busy"], _e = ["inert"], ve = /* @__PURE__
 				"aria-label"
 			])])], 16)) : v("", !0)]),
 			_: 3
-		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 64)) : (k(), _(K, T({ key: 1 }, L(s), {
-			effect: A.value,
-			size: M.value,
-			text: t.text,
-			"aria-label": t.ariaLabel
+		}, 8, ["name", "css"])], 8, ["to", "disabled"]))], 64)) : (D(), _(G, T({ key: 1 }, F(s), {
+			effect: O.value,
+			size: A.value,
+			text: N.value,
+			"aria-label": n.ariaLabel
 		}), null, 16, [
 			"effect",
 			"size",
@@ -417,4 +418,4 @@ var he = { service: me }, ge = ["aria-busy"], _e = ["inert"], ve = /* @__PURE__
 	}
 });
 //#endregion
-export { H as a, B as i, he as n, U as o, $ as r, ve as t };
+export { B as a, R as i, he as n, V as o, $ as r, ve as t };