morya-ui 0.3.8 → 0.4.0

package/dist/toast/index.js

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