morya-ui 0.1.1 → 0.2.2

package/dist/toast/index.js

@@ -1,87 +1,90 @@
-import { t as e } from "../types-DGuu4Eg4.js";
-import { t } from "../Icon-DfpIfo2L.js";
-import { n } from "../overlay-oR-5MDuE.js";
-import { i as r, r as i, t as a } from "../Renderable-BaaCI4tS.js";
-import { c as ee } from "../config-CI8_WBbE.js";
-import { n as o } from "../overlayHost-78CGtMgR.js";
-import { n as s, t as c } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../types-DGuu4Eg4.js";
+import { t as n } from "../Icon-DfpIfo2L.js";
+import { n as r } from "../overlay-oR-5MDuE.js";
+import { i, r as a, t as o } from "../Renderable-BaaCI4tS.js";
+import { c as s } from "../config-CI8_WBbE.js";
+import { n as c } from "../overlayHost-78CGtMgR.js";
+import { n as l, t as u } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as l, Teleport as u, TransitionGroup as d, computed as f, createBlock as te, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, h as v, normalizeClass as y, onBeforeUnmount as b, onMounted as x, openBlock as S, reactive as C, renderList as w, unref as T, watch as E, withCtx as D } from "vue";
+import { Fragment as d, Teleport as f, TransitionGroup as p, computed as m, createBlock as ee, 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 te, onMounted as ne, 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/Toast/toastState.ts
-var O = C({
+var A = w({
 	messages: [],
 	position: "top-right",
 	max: void 0,
 	dedupe: !0
-}), k = null, A = 0, j = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map();
-function P(e) {
-	k = e;
+}), j = null, M = 0, N = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map();
+function I(e) {
+	j = e;
 }
-function F() {
-	A += 1, k &&= (k.unmount(), null);
+function L() {
+	M += 1, j &&= (j.unmount(), null);
 }
-function I() {
-	A = Math.max(0, A - 1);
+function R() {
+	M = Math.max(0, M - 1);
 }
-function L(e, t) {
-	return `${r(e)}::${r(t ?? "")}`;
+function z(e, t) {
+	return `${i(e)}::${i(t ?? "")}`;
 }
-function R(e) {
-	let t = j.get(e);
-	t != null && clearTimeout(t), j.delete(e), M.delete(e), N.delete(e);
+function B(e) {
+	let t = N.get(e);
+	t != null && clearTimeout(t), N.delete(e), P.delete(e), F.delete(e);
 }
-function z(e) {
-	let t = j.get(e);
+function V(e) {
+	let t = N.get(e);
 	if (t == null) return;
-	clearTimeout(t), j.delete(e);
-	let n = N.get(e), r = M.get(e);
-	n != null && r != null && M.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 B(e, t) {
-	let n = M.get(e);
-	n == null || n <= 0 || (N.set(e, Date.now()), j.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 V(e, t) {
-	R(e.id), !(e.life == null || e.life <= 0) && (M.set(e.id, e.life), N.set(e.id, Date.now()), j.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 H(e) {
+function W(e) {
 	if (e == null) {
-		U();
+		G();
 		return;
 	}
-	R(e), O.messages = O.messages.filter((t) => t.id !== e);
+	B(e), A.messages = A.messages.filter((t) => t.id !== e);
 }
-function U() {
-	for (let e of [...j.keys()]) R(e);
-	O.messages = [];
+function G() {
+	for (let e of [...N.keys()]) B(e);
+	A.messages = [];
 }
-function W(e) {
-	if (!(e == null || e <= 0)) for (; O.messages.length >= e;) {
-		let e = O.messages[0];
+function K(e) {
+	if (!(e == null || e <= 0)) for (; A.messages.length >= e;) {
+		let e = A.messages[0];
 		if (!e) break;
-		H(e.id);
+		W(e.id);
 	}
 }
-function G(e) {
-	if (!(e == null || e <= 0)) for (; O.messages.length > e;) {
-		let e = O.messages[0];
+function q(e) {
+	if (!(e == null || e <= 0)) for (; A.messages.length > e;) {
+		let e = A.messages[0];
 		if (!e) break;
-		H(e.id);
+		W(e.id);
 	}
 }
-function K(e) {
-	let t = L(e.summary, e.detail);
-	return O.messages.find((e) => L(e.summary, e.detail) === t);
+function J(e) {
+	let t = z(e.summary, e.detail);
+	return A.messages.find((e) => z(e.summary, e.detail) === t);
 }
 //#endregion
 //#region src/components/Toast/Toast.vue?vue&type=script&setup=true&lang.ts
-var q = ["onMouseenter", "onMouseleave"], J = { class: "m-toast__content" }, Y = { key: 0 }, X = ["aria-label", "onClick"], Z = /* @__PURE__ */ _({
+var Y = ["onMouseenter", "onMouseleave"], X = { class: "m-toast__content" }, re = { key: 0 }, ie = ["aria-label", "onClick"], Z = /* @__PURE__ */ y({
+	inheritAttrs: !1,
 	__name: "Toast",
 	props: {
+		pt: {},
 		messages: {},
 		position: {},
 		teleport: {
@@ -96,90 +99,90 @@ var q = ["onMouseenter", "onMouseleave"], J = { class: "m-toast__content" }, Y =
 		}
 	},
 	emits: ["close"],
-	setup(i, { emit: o }) {
-		let _ = i, v = o, C = ee(), k = s(), A = f(() => n(_, C.value.appendTo)), j = f(() => _.messages === void 0), M = f(() => _.messages ?? O.messages), N = f(() => _.position ?? (j.value ? O.position : "top-right"));
-		x(() => {
-			j.value && !_.auto && F();
-		}), b(() => {
-			j.value && !_.auto && I();
-		}), E(() => _.max, (e) => {
-			!j.value || e === void 0 || (O.max = e, G(e));
+	setup(a, { emit: c }) {
+		let y = a, b = D(), { rootAttrs: w } = e(b, () => y.pt), j = c, M = s(), N = l(), P = m(() => r(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"));
+		ne(() => {
+			F.value && !y.auto && L();
+		}), te(() => {
+			F.value && !y.auto && R();
+		}), O(() => y.max, (e) => {
+			!F.value || e === void 0 || (A.max = e, q(e));
 		}, { immediate: !0 });
-		function P(t) {
-			return `m-toast__message--${e(t) ?? "info"}`;
+		function B(e) {
+			return `m-toast__message--${t(e) ?? "info"}`;
 		}
-		function L(e) {
-			return c(k.value.closeNamed, { summary: r(e.summary) || "toast" });
+		function U(e) {
+			return u(N.value.closeNamed, { summary: i(e.summary) || "toast" });
 		}
-		function R(e) {
-			j.value && H(e.id), v("close", e);
+		function G(e) {
+			F.value && W(e.id), j("close", e);
 		}
-		function V(e) {
-			j.value && z(e.id);
+		function K(e) {
+			F.value && V(e.id);
 		}
-		function U(e) {
-			j.value && B(e.id, H);
+		function J(e) {
+			F.value && H(e.id, W);
 		}
-		return (e, n) => (S(), te(u, {
-			to: A.value.to,
-			disabled: A.value.disabled
-		}, [h("div", {
-			class: y(["m-toast", `m-toast--${N.value}`]),
+		return (e, t) => (C(), ee(f, {
+			to: P.value.to,
+			disabled: P.value.disabled
+		}, [_("div", x(E(w), {
+			class: ["m-toast", `m-toast--${z.value}`],
 			"aria-live": "polite",
 			"aria-atomic": "true"
-		}, [g(d, { name: "m-slide-fade" }, {
-			default: D(() => [(S(!0), m(l, null, w(M.value, (e) => (S(), m("article", {
+		}), [v(p, { name: "m-slide-fade" }, {
+			default: k(() => [(C(!0), g(d, null, T(I.value, (e) => (C(), g("article", {
 				key: e.id,
-				class: y(["m-toast__message", P(e.severity)]),
+				class: S(["m-toast__message", B(e.severity)]),
 				role: "status",
-				onMouseenter: (t) => V(e),
-				onMouseleave: (t) => U(e)
-			}, [h("div", J, [h("strong", null, [g(T(a), { value: e.summary }, null, 8, ["value"])]), e.detail != null && e.detail !== "" ? (S(), m("p", Y, [g(T(a), { value: e.detail }, null, 8, ["value"])])) : p("", !0)]), e.closable === !1 ? p("", !0) : (S(), m("button", {
+				onMouseenter: (t) => K(e),
+				onMouseleave: (t) => J(e)
+			}, [_("div", X, [_("strong", null, [v(E(o), { value: e.summary }, null, 8, ["value"])]), e.detail != null && e.detail !== "" ? (C(), g("p", re, [v(E(o), { value: e.detail }, null, 8, ["value"])])) : h("", !0)]), e.closable === !1 ? h("", !0) : (C(), g("button", {
 				key: 0,
 				type: "button",
 				class: "m-toast__close",
-				"aria-label": L(e),
-				onClick: (t) => R(e)
-			}, [g(t, {
+				"aria-label": U(e),
+				onClick: (t) => G(e)
+			}, [v(n, {
 				name: "close",
 				size: "sm"
-			})], 8, X))], 42, q))), 128))]),
+			})], 8, ie))], 42, Y))), 128))]),
 			_: 1
-		})], 2)], 8, ["to", "disabled"]));
+		})], 16)], 8, ["to", "disabled"]));
 	}
-}), ne = 3e3, re = 0, ie = _({
+}), ae = 3e3, oe = 0, se = y({
 	name: "MToastAutoHost",
 	setup() {
-		return () => v(Z, { auto: !0 });
+		return () => b(Z, { auto: !0 });
 	}
 });
-function ae() {
-	typeof document > "u" || A > 0 || k || P(o(ie, "m-toast-host-root"));
+function ce() {
+	typeof document > "u" || M > 0 || j || I(c(se, "m-toast-host-root"));
 }
-function oe(e, t) {
-	let n = i(e) ? e : { summary: e };
-	return n.position && (O.position = n.position), {
-		id: n.id ?? `m-toast-${Date.now()}-${++re}`,
+function le(e, t) {
+	let n = a(e) ? e : { summary: e };
+	return n.position && (A.position = n.position), {
+		id: n.id ?? `m-toast-${Date.now()}-${++oe}`,
 		summary: n.summary,
 		detail: n.detail,
 		severity: t ?? n.severity ?? "info",
 		closable: n.closable ?? !0,
-		life: n.life === void 0 ? ne : n.life
+		life: n.life === void 0 ? ae : n.life
 	};
 }
 function Q(e, t) {
-	ae(), W(O.max);
-	let n = oe(e, t);
-	if ((i(e) ? e.dedupe : void 0) ?? O.dedupe ?? !0) {
-		let e = K(n);
-		if (e) return n.life !== void 0 && (e.life = n.life), n.severity !== void 0 && (e.severity = n.severity), V(e, H), {
+	ce(), K(A.max);
+	let n = le(e, t);
+	if ((a(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: () => H(e.id)
+			close: () => W(e.id)
 		};
 	}
-	return O.messages = [...O.messages, n], V(n, H), {
+	return A.messages = [...A.messages, n], U(n, W), {
 		id: n.id,
-		close: () => H(n.id)
+		close: () => W(n.id)
 	};
 }
 var $ = {
@@ -189,17 +192,17 @@ var $ = {
 	warn: (e) => Q(e, "warn"),
 	warning: (e) => Q(e, "warn"),
 	error: (e) => Q(e, "error"),
-	remove: H,
-	clear: U,
-	close: H,
-	closeAll: U,
-	destroyAll: U,
+	remove: W,
+	clear: G,
+	close: W,
+	closeAll: G,
+	destroyAll: G,
 	setDefaults(e) {
-		e.position && (O.position = e.position), e.max !== void 0 && (O.max = e.max), e.dedupe !== void 0 && (O.dedupe = e.dedupe);
+		e.position && (A.position = e.position), e.max !== void 0 && (A.max = e.max), e.dedupe !== void 0 && (A.dedupe = e.dedupe);
 	}
 };
-function se() {
+function ue() {
 	return $;
 }
 //#endregion
-export { Z as MToast, $ as toast, se as useToast };
+export { Z as MToast, $ as toast, ue as useToast };