morya-ui 0.1.1 → 0.2.2

package/dist/message/index.js

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