morya-ui 0.4.1 → 0.4.3

package/dist/toast/index.js

@@ -1,101 +1,100 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { n as t } from "../overlay-oR-5MDuE.js";
-import { t as n } from "../useMotionTransition-S2rlviyZ.js";
-import { t as r } from "../types-DGuu4Eg4.js";
-import { t as i } from "../Icon-od9Ob-Ay.js";
-import { n as a, r as o } from "../content-h8POj44-.js";
-import { t as s } from "../Renderable-DHU4Jcfw.js";
-import { n as c } from "../overlayHost-78CGtMgR.js";
-import { c as l } from "../config-COgrsSV2.js";
-import { n as u, t as ee } from "../locale-Dnk0UIie.js";
+import { t as n } from "../useMotionTransition-DqL_SEML.js";
+import { t as r } from "../Icon-CmHjx7W8.js";
+import { n as i, r as a } from "../content-h8POj44-.js";
+import { t as o } from "../Renderable-DHU4Jcfw.js";
+import { n as s } from "../overlayHost-78CGtMgR.js";
+import { l as c } from "../config-BEpyhJi3.js";
+import { n as l, t as u } from "../locale-CZddM-tH.js";
 import "./style.js";
-import { Fragment as d, Teleport as f, TransitionGroup as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createVNode as y, defineComponent as b, h as x, mergeProps as S, normalizeClass as te, onBeforeUnmount as C, onMounted as ne, openBlock as w, reactive as T, renderList as E, unref as D, useAttrs as O, watch as k, withCtx as re } from "vue";
+import { Fragment as ee, Teleport as d, TransitionGroup as te, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, h as y, mergeProps as b, normalizeClass as x, onBeforeUnmount as S, onMounted as ne, openBlock as C, reactive as w, renderList as re, unref as T, useAttrs as E, watch as D, withCtx as O } from "vue";
 //#region src/components/Toast/toastState.ts
-var A = T({
+var k = w({
 	messages: [],
 	position: "top-right",
 	max: void 0,
 	dedupe: !0
-}), j = null, M = 0, N = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map();
-function I(e) {
-	j = e;
+}), A = null, j = 0, M = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map();
+function F(e) {
+	A = e;
 }
 function ie() {
-	M += 1, j &&= (j.unmount(), null);
+	j += 1, A &&= (A.unmount(), null);
 }
 function ae() {
-	M = Math.max(0, M - 1);
+	j = Math.max(0, j - 1);
 }
-function L(e, t) {
-	return `${o(e)}::${o(t ?? "")}`;
+function I(e, t) {
+	return `${a(e)}::${a(t ?? "")}`;
 }
-function R(e) {
-	let t = N.get(e);
-	t != null && clearTimeout(t), N.delete(e), P.delete(e), F.delete(e);
+function L(e) {
+	let t = M.get(e);
+	t != null && clearTimeout(t), M.delete(e), N.delete(e), P.delete(e);
 }
-function z(e) {
-	let t = N.get(e);
+function R(e) {
+	let t = M.get(e);
 	if (t == null) return;
-	clearTimeout(t), N.delete(e);
-	let n = F.get(e), r = P.get(e);
-	n != null && r != null && P.set(e, Math.max(0, r - (Date.now() - n)));
+	clearTimeout(t), M.delete(e);
+	let n = P.get(e), r = N.get(e);
+	n != null && r != null && N.set(e, Math.max(0, r - (Date.now() - n)));
 }
-function B(e, t) {
-	let n = P.get(e);
-	n == null || n <= 0 || (F.set(e, Date.now()), N.set(e, setTimeout(() => {
+function z(e, t) {
+	let n = N.get(e);
+	n == null || n <= 0 || (P.set(e, Date.now()), M.set(e, setTimeout(() => {
 		t(e);
 	}, n)));
 }
-function V(e, t) {
-	R(e.id), !(e.life == null || e.life <= 0) && (P.set(e.id, e.life), F.set(e.id, Date.now()), N.set(e.id, setTimeout(() => {
+function B(e, t) {
+	L(e.id), !(e.life == null || e.life <= 0) && (N.set(e.id, e.life), P.set(e.id, Date.now()), M.set(e.id, setTimeout(() => {
 		t(e.id);
 	}, e.life)));
 }
-function H(e) {
+function V(e) {
 	if (e == null) {
-		U();
+		H();
 		return;
 	}
-	R(e), A.messages = A.messages.filter((t) => t.id !== e), K(e);
+	L(e), k.messages = k.messages.filter((t) => t.id !== e), G(e);
 }
-function U() {
-	for (let e of [...N.keys()]) R(e);
-	let e = A.messages.map((e) => e.id);
-	A.messages = [];
-	for (let t of e) K(t);
+function H() {
+	for (let e of [...M.keys()]) L(e);
+	let e = k.messages.map((e) => e.id);
+	k.messages = [];
+	for (let t of e) G(t);
 }
-var W = /* @__PURE__ */ new Map();
-function G(e, t) {
-	W.set(e, t);
+var U = /* @__PURE__ */ new Map();
+function W(e, t) {
+	U.set(e, t);
 }
-function K(e) {
-	let t = W.get(e);
-	t && (W.delete(e), t());
+function G(e) {
+	let t = U.get(e);
+	t && (U.delete(e), t());
 }
-function q(e) {
-	if (!(e == null || e <= 0)) for (; A.messages.length >= e;) {
-		let e = A.messages[0];
+function K(e) {
+	if (!(e == null || e <= 0)) for (; k.messages.length >= e;) {
+		let e = k.messages[0];
 		if (!e) break;
-		H(e.id);
+		V(e.id);
 	}
 }
-function J(e) {
-	if (!(e == null || e <= 0)) for (; A.messages.length > e;) {
-		let e = A.messages[0];
+function q(e) {
+	if (!(e == null || e <= 0)) for (; k.messages.length > e;) {
+		let e = k.messages[0];
 		if (!e) break;
-		H(e.id);
+		V(e.id);
 	}
 }
-function oe(e) {
-	let t = L(e.summary, e.detail);
-	return A.messages.find((e) => L(e.summary, e.detail) === t);
+function J(e) {
+	let t = I(e.summary, e.detail);
+	return k.messages.find((e) => I(e.summary, e.detail) === t);
 }
 //#endregion
 //#region src/components/Toast/Toast.vue?vue&type=script&setup=true&lang.ts
-var se = ["onMouseenter", "onMouseleave"], ce = { class: "m-toast__content" }, le = { class: "m-toast__heading" }, ue = { key: 0 }, de = {
+var oe = ["onMouseenter", "onMouseleave"], se = { class: "m-toast__content" }, ce = { class: "m-toast__heading" }, le = { key: 0 }, ue = {
 	key: 1,
 	class: "m-toast__actions"
-}, fe = ["aria-label", "onClick"], Y = /* @__PURE__ */ b({
+}, de = ["aria-label", "onClick"], Y = /* @__PURE__ */ v({
 	inheritAttrs: !1,
 	__name: "Toast",
 	props: {
@@ -118,150 +117,150 @@ var se = ["onMouseenter", "onMouseleave"], ce = { class: "m-toast__content" }, l
 		}
 	},
 	emits: ["close"],
-	setup(a, { emit: c }) {
-		let b = a, x = c, T = O(), { rootAttrs: j } = e(T, () => b.pt), M = l(), N = u(), P = m(() => t(b, M.value.appendTo)), F = m(() => b.messages === void 0), I = m(() => b.messages ?? A.messages), L = m(() => b.position ?? (F.value ? A.position : "top-right")), { transitionName: R, transitionCss: V } = n({
+	setup(i, { emit: s }) {
+		let v = i, y = s, w = E(), { rootAttrs: A } = e(w, () => v.pt), j = c(), M = l(), N = f(() => t(v, j.value.appendTo)), P = f(() => v.messages === void 0), F = f(() => v.messages ?? k.messages), I = f(() => v.position ?? (P.value ? k.position : "top-right")), { transitionName: L, transitionCss: B } = n({
 			role: "toast",
-			local: () => b.transition,
+			local: () => v.transition,
 			componentName: "Toast",
 			fallback: "slide-fade"
 		});
 		ne(() => {
-			F.value && !b.auto && ie();
-		}), C(() => {
-			F.value && !b.auto && ae();
-		}), k(() => b.max, (e) => {
-			!F.value || e === void 0 || (A.max = e, J(e));
+			P.value && !v.auto && ie();
+		}), S(() => {
+			P.value && !v.auto && ae();
+		}), D(() => v.max, (e) => {
+			!P.value || e === void 0 || (k.max = e, q(e));
 		}, { immediate: !0 });
+		function H(e) {
+			return `m-toast__message--${e ?? "info"}`;
+		}
 		function U(e) {
-			return `m-toast__message--${r(e) ?? "info"}`;
+			return u(M.value.closeNamed, { summary: a(e.summary) || "toast" });
 		}
 		function W(e) {
-			return ee(N.value.closeNamed, { summary: o(e.summary) || "toast" });
+			P.value && V(e.id), y("close", e);
 		}
 		function G(e) {
-			F.value && H(e.id), x("close", e);
+			P.value && R(e.id);
 		}
 		function K(e) {
-			F.value && z(e.id);
-		}
-		function q(e) {
-			F.value && B(e.id, H);
+			P.value && z(e.id, V);
 		}
-		return (e, t) => (w(), h(f, {
-			to: P.value.to,
-			disabled: P.value.disabled
-		}, [v("div", S(D(j), {
-			class: ["m-toast", `m-toast--${L.value}`],
+		return (e, t) => (C(), p(d, {
+			to: N.value.to,
+			disabled: N.value.disabled
+		}, [g("div", b(T(A), {
+			class: ["m-toast", `m-toast--${I.value}`],
 			"aria-live": "polite",
 			"aria-atomic": "true"
-		}), [y(p, {
-			name: D(R),
-			css: D(V)
+		}), [_(te, {
+			name: T(L),
+			css: T(B)
 		}, {
-			default: re(() => [(w(!0), _(d, null, E(I.value, (e) => (w(), _("article", {
+			default: O(() => [(C(!0), h(ee, null, re(F.value, (e) => (C(), h("article", {
 				key: e.id,
-				class: te(["m-toast__message", U(e.severity)]),
+				class: x(["m-toast__message", H(e.type)]),
 				role: "status",
-				onMouseenter: (t) => K(e),
-				onMouseleave: (t) => q(e)
-			}, [v("div", ce, [
-				v("div", le, [e.icon ? (w(), h(i, {
+				onMouseenter: (t) => G(e),
+				onMouseleave: (t) => K(e)
+			}, [g("div", se, [
+				g("div", ce, [e.icon ? (C(), p(r, {
 					key: 0,
 					class: "m-toast__icon",
 					name: e.icon,
 					size: "sm"
-				}, null, 8, ["name"])) : g("", !0), v("strong", null, [y(D(s), { value: e.summary }, null, 8, ["value"])])]),
-				e.detail != null && e.detail !== "" ? (w(), _("p", ue, [y(D(s), { value: e.detail }, null, 8, ["value"])])) : g("", !0),
-				e.actions != null && e.actions !== "" ? (w(), _("div", de, [y(D(s), { value: e.actions }, null, 8, ["value"])])) : g("", !0)
-			]), e.closable === !1 ? g("", !0) : (w(), _("button", {
+				}, null, 8, ["name"])) : m("", !0), g("strong", null, [_(T(o), { value: e.summary }, null, 8, ["value"])])]),
+				e.detail != null && e.detail !== "" ? (C(), h("p", le, [_(T(o), { value: e.detail }, null, 8, ["value"])])) : m("", !0),
+				e.actions != null && e.actions !== "" ? (C(), h("div", ue, [_(T(o), { value: e.actions }, null, 8, ["value"])])) : m("", !0)
+			]), e.closable === !1 ? m("", !0) : (C(), h("button", {
 				key: 0,
 				type: "button",
 				class: "m-toast__close",
-				"aria-label": W(e),
-				onClick: (t) => G(e)
-			}, [y(i, {
+				"aria-label": U(e),
+				onClick: (t) => W(e)
+			}, [_(r, {
 				name: "close",
 				size: "sm"
-			})], 8, fe))], 42, se))), 128))]),
+			})], 8, de))], 42, oe))), 128))]),
 			_: 1
 		}, 8, ["name", "css"])], 16)], 8, ["to", "disabled"]));
 	}
-}), pe = 3e3, me = 0, he = b({
+}), fe = 3e3, pe = 0, me = v({
 	name: "MToastAutoHost",
 	setup() {
-		return () => x(Y, { auto: !0 });
+		return () => y(Y, { auto: !0 });
 	}
 });
-function ge() {
-	typeof document > "u" || M > 0 || j || I(c(he, "m-toast-host-root"));
+function he() {
+	typeof document > "u" || j > 0 || A || F(s(me, "m-toast-host-root"));
 }
-function _e(e, t) {
-	let n = a(e) ? e : { summary: e };
-	return n.position && (A.position = n.position), {
-		id: n.id ?? `m-toast-${Date.now()}-${++me}`,
+function ge(e, t) {
+	let n = i(e) ? e : { summary: e };
+	return n.position && (k.position = n.position), {
+		id: n.id ?? `m-toast-${Date.now()}-${++pe}`,
 		summary: n.summary,
 		detail: n.detail,
-		severity: t ?? n.severity ?? "info",
+		type: t ?? n.type ?? "info",
 		closable: n.closable ?? !0,
 		icon: n.icon,
 		actions: n.actions,
-		life: n.life === void 0 ? pe : n.life
+		life: n.life === void 0 ? fe : n.life
 	};
 }
 function X(e, t) {
-	ge(), q(A.max);
-	let n = a(e) ? e : void 0, r = _e(e, t);
-	if (n?.onClose && G(r.id, n.onClose), n?.id != null) {
-		let e = A.messages.find((e) => e.id === r.id);
+	he(), K(k.max);
+	let n = i(e) ? e : void 0, r = ge(e, t);
+	if (n?.onClose && W(r.id, n.onClose), n?.id != null) {
+		let e = k.messages.find((e) => e.id === r.id);
 		if (e) return Object.assign(e, {
 			...r,
 			id: e.id
-		}), r.life !== void 0 && V(e, H), {
+		}), r.life !== void 0 && B(e, V), {
 			id: e.id,
-			close: () => H(e.id)
+			close: () => V(e.id)
 		};
 	}
-	if (n?.dedupe ?? A.dedupe ?? !0) {
-		let e = oe(r);
-		if (e) return r.life !== void 0 && (e.life = r.life), r.severity !== void 0 && (e.severity = r.severity), V(e, H), {
+	if (n?.dedupe ?? k.dedupe ?? !0) {
+		let e = J(r);
+		if (e) return r.life !== void 0 && (e.life = r.life), r.type !== void 0 && (e.type = r.type), B(e, V), {
 			id: e.id,
-			close: () => H(e.id)
+			close: () => V(e.id)
 		};
 	}
-	return A.messages = [...A.messages, r], V(r, H), {
+	return k.messages = [...k.messages, r], B(r, V), {
 		id: r.id,
-		close: () => H(r.id)
+		close: () => V(r.id)
 	};
 }
 var Z = {
 	add: (e) => X(e),
 	success: (e) => X(e, "success"),
 	info: (e) => X(e, "info"),
-	warn: (e) => X(e, "warn"),
-	warning: (e) => X(e, "warn"),
-	error: (e) => X(e, "error"),
+	warn: (e) => X(e, "warning"),
+	warning: (e) => X(e, "warning"),
+	error: (e) => X(e, "danger"),
 	update(e, t) {
-		let n = A.messages.find((t) => t.id === e);
-		if (n) return Object.assign(n, t), t.life !== void 0 && V(n, H), {
+		let n = k.messages.find((t) => t.id === e);
+		if (n) return Object.assign(n, t), t.life !== void 0 && B(n, V), {
 			id: e,
-			close: () => H(e)
+			close: () => V(e)
 		};
 	},
-	remove: H,
-	clear: U,
-	close: H,
-	closeAll: U,
-	destroyAll: U,
+	remove: V,
+	clear: H,
+	close: V,
+	closeAll: H,
+	destroyAll: H,
 	setDefaults(e) {
-		e.position && (A.position = e.position), e.max !== void 0 && (A.max = e.max), e.dedupe !== void 0 && (A.dedupe = e.dedupe);
+		e.position && (k.position = e.position), e.max !== void 0 && (k.max = e.max), e.dedupe !== void 0 && (k.dedupe = e.dedupe);
 	}
 };
-function ve() {
+function _e() {
 	return Z;
 }
 //#endregion
 //#region src/components/Toast/useNotification.ts
-var ye = 4.5, be = {
+var ve = 4.5, ye = {
 	topLeft: "top-left",
 	topRight: "top-right",
 	bottomLeft: "bottom-left",
@@ -277,10 +276,10 @@ function Q(e, t) {
 		detail: e.description,
 		actions: e.btn,
 		icon: e.icon,
-		severity: n,
+		type: n,
 		closable: e.closable ?? !0,
-		life: (e.duration ?? ye) * 1e3,
-		position: e.placement ? be[e.placement] : void 0,
+		life: (e.duration ?? ve) * 1e3,
+		position: e.placement ? ye[e.placement] : void 0,
 		dedupe: e.key == null,
 		onClose: e.onClose
 	});
@@ -291,11 +290,11 @@ function $() {
 		success: (e) => Q(e, "success"),
 		info: (e) => Q(e, "info"),
 		warning: (e) => Q(e, "warning"),
-		error: (e) => Q(e, "error"),
+		error: (e) => Q(e, "danger"),
 		close: (e) => Z.close(e),
 		destroy: () => Z.clear()
 	};
 }
-var xe = $();
+var be = $();
 //#endregion
-export { Y as MToast, xe as notification, Z as toast, $ as useNotification, ve as useToast };
+export { Y as MToast, be as notification, Z as toast, $ as useNotification, _e as useToast };