morya-ui 0.2.9 → 0.3.1

package/dist/message/index.js

@@ -1,91 +1,92 @@
-import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../types-DGuu4Eg4.js";
-import { t as n } from "../Icon-B6IBrJ5S.js";
-import { n as r } from "../overlay-oR-5MDuE.js";
-import { r as i, t as a } from "../content-h8POj44-.js";
-import { n as o } from "../overlayHost-78CGtMgR.js";
-import { t as s } from "../Renderable-DHU4Jcfw.js";
-import { c } from "../config-BdK5ccNT.js";
-import { n as l } from "../locale-B36KH7c3.js";
+import { t as n } from "../Icon-od9Ob-Ay.js";
+import { t as r } from "../useMotionTransition-Bxnnb_9u.js";
+import { n as i } from "../overlay-oR-5MDuE.js";
+import { r as a, t as o } from "../content-h8POj44-.js";
+import { n as s } from "../overlayHost-78CGtMgR.js";
+import { t as c } from "../Renderable-DHU4Jcfw.js";
+import { c as l } from "../config-CapALqt3.js";
+import { n as u } from "../locale-Bzm2nbEp.js";
 import "./style.js";
-import { Fragment as u, Teleport as d, TransitionGroup as ee, 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 te, onMounted as ne, openBlock as S, reactive as C, renderList as w, unref as T, useAttrs as E, watch as D, withCtx as O } from "vue";
+import { Fragment as d, Teleport as ee, TransitionGroup as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, h as b, mergeProps as x, normalizeClass as te, onBeforeUnmount as ne, onMounted as S, openBlock as C, reactive as w, renderList as T, unref as E, useAttrs as D, watch as O, withCtx as k } from "vue";
 //#region src/components/Message/messageState.ts
-var k = C({
+var A = w({
 	items: [],
 	placement: "top",
 	max: void 0,
 	dedupe: !0
-}), A = null, j = 0, M = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map();
-function F(e) {
-	A = e;
-}
-function I() {
-	j += 1, A &&= (A.unmount(), null);
+}), j = null, M = 0, N = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map();
+function I(e) {
+	j = e;
 }
 function L() {
-	j = Math.max(0, j - 1);
+	M += 1, j &&= (j.unmount(), null);
 }
-function R(e) {
-	return i(e);
+function R() {
+	M = Math.max(0, M - 1);
 }
 function z(e) {
-	let t = M.get(e);
-	t != null && clearTimeout(t), M.delete(e), N.delete(e), P.delete(e);
+	return a(e);
 }
 function B(e) {
-	let t = M.get(e);
+	let t = N.get(e);
+	t != null && clearTimeout(t), N.delete(e), P.delete(e), F.delete(e);
+}
+function V(e) {
+	let t = N.get(e);
 	if (t == null) return;
-	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)));
+	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)));
 }
-function V(e, t) {
-	let n = N.get(e);
-	n == null || n <= 0 || (P.set(e, Date.now()), M.set(e, setTimeout(() => {
+function H(e, t) {
+	let n = P.get(e);
+	n == null || n <= 0 || (F.set(e, Date.now()), N.set(e, setTimeout(() => {
 		t(e);
 	}, n)));
 }
-function H(e, t) {
-	z(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(() => {
+function U(e, t) {
+	B(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(() => {
 		t(e.id);
 	}, e.life)));
 }
-function U(e) {
+function W(e) {
 	if (e == null) {
-		W();
+		G();
 		return;
 	}
-	z(e), k.items = k.items.filter((t) => t.id !== e);
+	B(e), A.items = A.items.filter((t) => t.id !== e);
 }
-function W() {
-	for (let e of [...M.keys()]) z(e);
-	k.items = [];
+function G() {
+	for (let e of [...N.keys()]) B(e);
+	A.items = [];
 }
-function G(e) {
-	if (!(e == null || e <= 0)) for (; k.items.length >= e;) {
-		let e = k.items[0];
+function K(e) {
+	if (!(e == null || e <= 0)) for (; A.items.length >= e;) {
+		let e = A.items[0];
 		if (!e) break;
-		U(e.id);
+		W(e.id);
 	}
 }
-function K(e) {
-	if (!(e == null || e <= 0)) for (; k.items.length > e;) {
-		let e = k.items[0];
+function q(e) {
+	if (!(e == null || e <= 0)) for (; A.items.length > e;) {
+		let e = A.items[0];
 		if (!e) break;
-		U(e.id);
+		W(e.id);
 	}
 }
-function q(e) {
-	let t = R(e.content);
-	return k.items.find((e) => R(e.content) === t);
+function J(e) {
+	let t = z(e.content);
+	return A.items.find((e) => z(e.content) === t);
 }
 //#endregion
 //#region src/components/Message/Message.vue?vue&type=script&setup=true&lang.ts
-var J = ["onMouseenter", "onMouseleave"], Y = {
+var Y = ["onMouseenter", "onMouseleave"], X = {
 	key: 0,
 	class: "m-message__icon",
 	"aria-hidden": "true"
-}, X = { class: "m-message__content" }, re = ["aria-label", "onClick"], Z = /* @__PURE__ */ v({
+}, re = { class: "m-message__content" }, ie = ["aria-label", "onClick"], Z = /* @__PURE__ */ y({
 	inheritAttrs: !1,
 	__name: "Message",
 	props: {
@@ -101,18 +102,27 @@ var J = ["onMouseenter", "onMouseleave"], Y = {
 		auto: {
 			type: Boolean,
 			default: !1
+		},
+		transition: {
+			type: [String, Boolean],
+			default: void 0
 		}
 	},
-	setup(i) {
-		let a = i, o = E(), { rootAttrs: v } = e(o, () => a.pt), y = c(), C = l(), A = f(() => r(a, y.value.appendTo)), j = f(() => a.messages === void 0), M = f(() => a.messages ?? k.items), N = f(() => a.placement ?? (j.value ? k.placement : "top"));
-		ne(() => {
-			j.value && !a.auto && I();
-		}), te(() => {
-			j.value && !a.auto && L();
-		}), D(() => [a.placement, a.max], ([e, t]) => {
-			j.value && (e && (k.placement = e), t !== void 0 && (k.max = t, K(t)));
+	setup(a) {
+		let o = a, s = D(), { rootAttrs: y } = e(s, () => o.pt), b = l(), { transitionName: w, transitionCss: j } = r({
+			role: "toast",
+			local: () => o.transition,
+			componentName: "Message",
+			fallback: "message"
+		}), M = u(), N = p(() => i(o, b.value.appendTo)), P = p(() => o.messages === void 0), F = p(() => o.messages ?? A.items), I = p(() => o.placement ?? (P.value ? A.placement : "top"));
+		S(() => {
+			P.value && !o.auto && L();
+		}), ne(() => {
+			P.value && !o.auto && R();
+		}), O(() => [o.placement, o.max], ([e, t]) => {
+			P.value && (e && (A.placement = e), t !== void 0 && (A.max = t, q(t)));
 		}, { immediate: !0 });
-		function P(e) {
+		function z(e) {
 			switch (t(e) ?? "info") {
 				case "success": return "check-circle";
 				case "warn": return "warning";
@@ -120,85 +130,88 @@ var J = ["onMouseenter", "onMouseleave"], Y = {
 				default: return "info";
 			}
 		}
-		function F(e) {
+		function B(e) {
 			return `m-message--${t(e) ?? "info"}`;
 		}
-		function R(e) {
-			j.value && U(e.id);
+		function U(e) {
+			P.value && W(e.id);
 		}
-		function z(e) {
-			j.value && B(e.id);
+		function G(e) {
+			P.value && V(e.id);
 		}
-		function H(e) {
-			j.value && V(e.id, U);
+		function K(e) {
+			P.value && H(e.id, W);
 		}
-		return (e, t) => (S(), p(d, {
-			to: A.value.to,
-			disabled: A.value.disabled
-		}, [g("div", b(T(v), {
-			class: ["m-message-host", `m-message-host--${N.value}`],
+		return (e, t) => (C(), m(ee, {
+			to: N.value.to,
+			disabled: N.value.disabled
+		}, [_("div", x(E(y), {
+			class: ["m-message-host", `m-message-host--${I.value}`],
 			"aria-live": "polite",
 			"aria-atomic": "false"
-		}), [_(ee, { name: "m-message-slide" }, {
-			default: O(() => [(S(!0), h(u, null, w(M.value, (e) => (S(), h("div", {
+		}), [v(f, {
+			name: E(w),
+			css: E(j)
+		}, {
+			default: k(() => [(C(!0), g(d, null, T(F.value, (e) => (C(), g("div", {
 				key: e.id,
-				class: x(["m-message", F(e.severity)]),
+				class: te(["m-message", B(e.severity)]),
 				role: "status",
-				onMouseenter: (t) => z(e),
-				onMouseleave: (t) => H(e)
+				onMouseenter: (t) => G(e),
+				onMouseleave: (t) => K(e)
 			}, [
-				e.icon === !1 ? m("", !0) : (S(), h("span", Y, [_(n, {
-					name: P(e.severity),
+				e.icon === !1 ? h("", !0) : (C(), g("span", X, [v(n, {
+					name: z(e.severity),
 					size: "sm"
 				}, null, 8, ["name"])])),
-				g("div", X, [_(T(s), { value: e.content }, null, 8, ["value"])]),
-				e.closable ? (S(), h("button", {
+				_("div", re, [v(E(c), { value: e.content }, null, 8, ["value"])]),
+				e.closable ? (C(), g("button", {
 					key: 1,
 					type: "button",
 					class: "m-message__close",
-					"aria-label": T(C).close,
-					onClick: (t) => R(e)
-				}, [_(n, {
+					"aria-label": E(M).close,
+					onClick: (t) => U(e)
+				}, [v(n, {
 					name: "close",
 					size: "sm"
-				})], 8, re)) : m("", !0)
-			], 42, J))), 128))]),
+				})], 8, ie)) : h("", !0)
+			], 42, Y))), 128))]),
 			_: 1
-		})], 16)], 8, ["to", "disabled"]));
+		}, 8, ["name", "css"])], 16)], 8, ["to", "disabled"]));
 	}
-}), ie = 3e3, ae = 0, oe = v({
+}), ae = 3e3, oe = 0, se = y({
 	name: "MMessageAutoHost",
 	setup() {
-		return () => y(Z, { auto: !0 });
+		return () => b(Z, { auto: !0 });
 	}
 });
-function se() {
-	typeof document > "u" || j > 0 || A || F(o(oe, "m-message-host-root"));
+function ce() {
+	typeof document > "u" || M > 0 || j || I(s(se, "m-message-host-root"));
 }
-function ce(e, t) {
-	let n = a(e) ? e : { content: e };
+function le(e, t) {
+	let n = o(e) ? e : { content: e };
 	return {
-		id: n.id ?? `m-message-${Date.now()}-${++ae}`,
+		id: n.id ?? `m-message-${Date.now()}-${++oe}`,
 		content: n.content,
 		severity: t ?? n.severity ?? "info",
 		closable: n.closable ?? !1,
-		life: n.life === void 0 ? ie : n.life,
+		life: n.life === void 0 ? ae : n.life,
 		icon: n.icon ?? !0
 	};
 }
 function Q(e, t) {
-	se(), G(k.max);
-	let n = ce(e, t);
-	if ((a(e) ? e.dedupe : void 0) ?? k.dedupe ?? !0) {
-		let e = q(n);
-		if (e) return n.life !== void 0 && (e.life = n.life), n.severity !== void 0 && (e.severity = n.severity), H(e, U), {
+	ce(), K(A.max);
+	let n = le(e, t);
+	if ((o(e) ? e.dedupe : void 0) ?? A.dedupe ?? !0) {
+		let e = J(n);
+		if (e) return n.life !== void 0 && (e.life = n.life), n.severity !== void 0 && (e.severity = n.severity), U(e, W), {
 			id: e.id,
-			close: () => U(e.id)
+			close: () => W(e.id)
 		};
 	}
-	return k.items = [...k.items, n], H(n, U), {
+	return A.items = [...A.items, n], U(n, W), {
 		id: n.id,
-		close: () => U(n.id)
+		close: () => W(n.id)
 	};
 }
 var $ = {
@@ -208,18 +221,18 @@ var $ = {
 	warn: (e) => Q(e, "warn"),
 	warning: (e) => Q(e, "warn"),
 	error: (e) => Q(e, "error"),
-	close: U,
-	closeAll: W,
-	destroyAll: W,
+	close: W,
+	closeAll: G,
+	destroyAll: G,
 	config(e) {
-		e.placement && (k.placement = e.placement), e.max !== void 0 && (k.max = e.max), e.dedupe !== void 0 && (k.dedupe = e.dedupe);
+		e.placement && (A.placement = e.placement), e.max !== void 0 && (A.max = e.max), e.dedupe !== void 0 && (A.dedupe = e.dedupe);
 	},
 	setDefaults(e) {
 		$.config(e);
 	}
 };
-function le() {
+function ue() {
 	return $;
 }
 //#endregion
-export { Z as MMessage, $ as message, le as useMessage };
+export { Z as MMessage, $ as message, ue as useMessage };