morya-ui 0.3.8 → 0.4.0

package/dist/descriptions/style.js

@@ -0,0 +1,3 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Descriptions/styles.css'

package/dist/dialog/index.js

@@ -1,27 +1,28 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../useMotionTransition-tW0yeJsy.js";
-import { t as r } from "../Button-3vJoiEQC.js";
-import { n as i } from "../overlay-oR-5MDuE.js";
-import { t as ee } from "../useModalOverlay-Beo3CEAt.js";
-import { t as a } from "../asyncGuard-CPGT_TKu.js";
-import { t as o } from "../lastPointer-CRxcUqdd.js";
-import { c as te } from "../config-De8ueCY-.js";
-import { n as ne } from "../locale-xavS6-Hw.js";
+import { n as t } from "../overlay-oR-5MDuE.js";
+import { t as n } from "../useMotionTransition-S2rlviyZ.js";
+import { t as r } from "../Icon-od9Ob-Ay.js";
+import { t as i } from "../Button-TaJ0LKtP.js";
+import { t as a } from "../useModalOverlay-Beo3CEAt.js";
+import { t as o } from "../asyncGuard-CPGT_TKu.js";
+import { t as s } from "../lastPointer-CRxcUqdd.js";
+import { t as c } from "../overlayHost-78CGtMgR.js";
+import { c as l } from "../config-COgrsSV2.js";
+import { n as u } from "../locale-Dnk0UIie.js";
 import "./style.js";
-import { Teleport as re, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, normalizeStyle as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as ie, toRef as x, unref as S, useAttrs as ae, useSlots as oe, watch as C, withCtx as se, withModifiers as w } from "vue";
+import { Teleport as d, Transition 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 ee, nextTick as x, normalizeClass as S, normalizeStyle as C, onBeforeUnmount as w, openBlock as T, reactive as E, ref as D, render as O, renderSlot as k, toDisplayString as te, toRef as A, unref as j, useAttrs as M, useSlots as N, watch as P, withCtx as ne, withModifiers as re } from "vue";
 //#region src/components/Dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
-var T = ["aria-modal", "aria-label"], E = {
+var ie = ["aria-modal", "aria-label"], ae = {
 	key: 0,
 	class: "m-dialog__header"
-}, D = { class: "m-dialog__heading" }, O = {
+}, oe = { class: "m-dialog__heading" }, se = {
 	key: 0,
 	class: "m-dialog__type-icon",
 	"aria-hidden": "true"
 }, ce = { key: 0 }, le = {
 	key: 0,
 	class: "m-dialog__actions"
-}, ue = ["aria-label", "disabled"], de = ["aria-label", "disabled"], k = { class: "m-dialog__body" }, A = /* @__PURE__ */ m({
+}, ue = ["aria-label", "disabled"], de = ["aria-label", "disabled"], fe = { class: "m-dialog__body" }, F = /* @__PURE__ */ y({
 	inheritAttrs: !1,
 	__name: "Dialog",
 	props: {
@@ -36,8 +37,18 @@ var T = ["aria-modal", "aria-label"], E = {
 			type: Boolean,
 			default: !0
 		},
-		closeOnOutsideClick: { type: Boolean },
-		dismissableMask: { type: Boolean },
+		closeOnOutsideClick: {
+			type: Boolean,
+			default: void 0
+		},
+		dismissableMask: {
+			type: Boolean,
+			default: void 0
+		},
+		maskClosable: {
+			type: Boolean,
+			default: void 0
+		},
 		closable: {
 			type: Boolean,
 			default: !0
@@ -51,6 +62,10 @@ var T = ["aria-modal", "aria-label"], E = {
 			default: !0
 		},
 		position: { default: "center" },
+		centered: {
+			type: Boolean,
+			default: void 0
+		},
 		width: {},
 		teleport: {
 			type: Boolean,
@@ -82,196 +97,308 @@ var T = ["aria-modal", "aria-label"], E = {
 		"maximize",
 		"unmaximize"
 	],
-	setup(m, { expose: A, emit: j }) {
-		let M = m, N = j, P = ae(), { rootAttrs: F } = e(P, () => M.pt), I = c(() => {
-			let e = F.value.style;
+	setup(c, { expose: y, emit: b }) {
+		let x = c, w = b, E = M(), { rootAttrs: O } = e(E, () => x.pt), F = p(() => {
+			let e = O.value.style;
 			if (e) return typeof e == "string" ? e.match(/(?:^|;)\s*width\s*:\s*([^;]+)/i)?.[1]?.trim() : typeof e.width == "string" ? e.width : void 0;
-		}), L = c(() => {
-			let e = { ...F.value }, t = e.style;
-			if (!t || !I.value) return e;
+		}), I = p(() => {
+			let e = { ...O.value }, t = e.style;
+			if (!t || !F.value) return e;
 			if (typeof t == "string") {
 				let n = t.replace(/(?:^|;)\s*width\s*:\s*[^;]+/i, "").replace(/^;|;$/g, "").trim();
 				return n ? e.style = n : delete e.style, e;
 			}
 			let { width: n, ...r } = t;
 			return Object.keys(r).length ? e.style = r : delete e.style, e;
-		}), R = oe(), z = te(), B = ne(), V = y(null), H = y(!1), U = y(o()), W = y(null), { transitionName: fe, transitionCss: pe } = n({
+		}), L = N(), R = l(), z = u(), B = D(null), V = D(!1), H = D(s()), U = D(null), { transitionName: pe, transitionCss: me } = n({
 			role: "dialog",
-			local: () => M.transition,
+			local: () => x.transition,
 			componentName: "Dialog",
 			fallback: "zoom"
-		}), G = c(() => M.header ?? M.title), K = c(() => i(M, z.value.appendTo)), q = c(() => {
-			let e = M.type;
+		}), W = p(() => x.header ?? x.title), G = p(() => t(x, R.value.appendTo)), K = p(() => {
+			let e = x.type;
 			return e === "warning" || e === "warn" ? "warn" : e;
-		}), J = c(() => {
-			switch (q.value) {
+		}), q = p(() => {
+			switch (K.value) {
 				case "success": return "check-circle";
 				case "warn": return "warning";
 				case "error": return "x-circle";
 				case "info": return "info";
 				default: return;
 			}
-		}), Y = c(() => !R.footer && !!(M.positiveText || M.negativeText)), me = c(() => !!(R.footer || Y.value)), X = c(() => W.value != null), he = c(() => M.ariaLabel ?? G.value), ge = c(() => ({
-			"--m-dialog-origin-x": `${U.value.x}px`,
-			"--m-dialog-origin-y": `${U.value.y}px`
-		})), _e = c(() => {
-			if (H.value) return;
-			let e = M.width ?? I.value;
+		}), J = p(() => !L.footer && !!(x.positiveText || x.negativeText)), he = p(() => !!(L.footer || J.value)), Y = p(() => U.value != null), ge = p(() => x.ariaLabel ?? W.value), _e = p(() => ({
+			"--m-dialog-origin-x": `${H.value.x}px`,
+			"--m-dialog-origin-y": `${H.value.y}px`
+		})), ve = p(() => x.centered === !0 ? "center" : x.centered === !1 ? "top" : x.position), ye = p(() => [`m-dialog-backdrop--${ve.value}`, {
+			"m-dialog-backdrop--modal": x.modal,
+			"m-dialog-backdrop--maximized": V.value
+		}]), X = p(() => {
+			if (V.value) return;
+			let e = x.width ?? F.value;
 			return e ? { width: e } : void 0;
-		}), ve = c(() => M.dismissableMask === void 0 ? M.closeOnOutsideClick === void 0 || M.closeOnOutsideClick : M.dismissableMask);
+		}), be = p(() => x.maskClosable === void 0 ? x.dismissableMask === void 0 ? x.closeOnOutsideClick === void 0 || x.closeOnOutsideClick : x.dismissableMask : x.maskClosable);
 		function Z() {
-			H.value = !1, W.value = null, N("update:modelValue", !1), N("close");
+			V.value = !1, U.value = null, w("update:modelValue", !1), w("close");
 		}
 		async function Q() {
-			if (!W.value) {
-				if (!M.beforeClose) {
+			if (!U.value) {
+				if (!x.beforeClose) {
 					Z();
 					return;
 				}
-				W.value = "close";
+				U.value = "close";
 				try {
-					if (!await a(M.beforeClose)) return;
+					if (!await o(x.beforeClose)) return;
 					Z();
 				} finally {
-					W.value === "close" && (W.value = null);
+					U.value === "close" && (U.value = null);
 				}
 			}
 		}
-		async function ye(e) {
-			if (!W.value) {
-				W.value = "positive";
+		async function xe(e) {
+			if (!U.value) {
+				U.value = "positive";
 				try {
-					if (!await a(M.onPositiveClick, e)) return;
+					if (!await o(x.onPositiveClick, e)) return;
 					Z();
 				} finally {
-					W.value === "positive" && (W.value = null);
+					U.value === "positive" && (U.value = null);
 				}
 			}
 		}
-		async function be(e) {
-			if (!W.value) {
-				W.value = "negative";
+		async function Se(e) {
+			if (!U.value) {
+				U.value = "negative";
 				try {
-					if (!await a(M.onNegativeClick, e)) return;
+					if (!await o(x.onNegativeClick, e)) return;
 					Z();
 				} finally {
-					W.value === "negative" && (W.value = null);
+					U.value === "negative" && (U.value = null);
 				}
 			}
 		}
 		function $() {
-			H.value = !H.value, H.value ? N("maximize") : N("unmaximize");
+			V.value = !V.value, V.value ? w("maximize") : w("unmaximize");
 		}
-		function xe() {
-			ve.value && Q();
+		function Ce() {
+			be.value && Q();
 		}
-		return C(() => M.modelValue, (e) => {
-			e && (U.value = o());
-		}), ee({
-			open: x(M, "modelValue"),
-			container: V,
-			closeOnEsc: x(M, "closeOnEsc"),
-			blockScroll: () => M.blockScroll && M.modal,
+		return P(() => x.modelValue, (e) => {
+			e && (H.value = s());
+		}), a({
+			open: A(x, "modelValue"),
+			container: B,
+			closeOnEsc: A(x, "closeOnEsc"),
+			blockScroll: () => x.blockScroll && x.modal,
 			onEscape: () => {
 				Q();
 			},
-			onOpen: () => N("show"),
+			onOpen: () => w("show"),
 			onClose: () => {
-				H.value = !1, N("hide");
+				V.value = !1, w("hide");
 			}
-		}), A({
+		}), y({
 			close: Q,
 			maximize: () => {
-				H.value || $();
+				V.value || $();
 			},
 			unmaximize: () => {
-				H.value && $();
+				V.value && $();
 			}
-		}), (e, n) => (v(), l(re, {
-			to: K.value.to,
-			disabled: K.value.disabled
-		}, [p(s, {
-			name: S(fe),
-			css: S(pe)
+		}), (e, t) => (T(), m(d, {
+			to: G.value.to,
+			disabled: G.value.disabled
+		}, [v(f, {
+			name: j(pe),
+			css: j(me)
 		}, {
-			default: se(() => [m.modelValue ? (v(), d("div", h({ key: 0 }, L.value, {
-				class: ["m-dialog-backdrop", [`m-dialog-backdrop--${m.position}`, {
-					"m-dialog-backdrop--modal": m.modal,
-					"m-dialog-backdrop--maximized": H.value
-				}]],
-				style: ge.value
-			}), [f("div", {
+			default: ne(() => [c.modelValue ? (T(), g("div", ee({ key: 0 }, I.value, {
+				class: ["m-dialog-backdrop", ye.value],
+				style: _e.value
+			}), [_("div", {
 				class: "m-dialog-zoom",
-				onClick: w(xe, ["self"])
-			}, [f("section", {
+				onClick: re(Ce, ["self"])
+			}, [_("section", {
 				ref_key: "dialogElement",
-				ref: V,
-				class: g(["m-dialog", {
-					"m-dialog--maximized": H.value,
-					[`m-dialog--${q.value}`]: q.value
+				ref: B,
+				class: S(["m-dialog", {
+					"m-dialog--maximized": V.value,
+					[`m-dialog--${K.value}`]: K.value
 				}]),
-				style: _(_e.value),
+				style: C(X.value),
 				role: "dialog",
-				"aria-modal": m.modal || void 0,
-				"aria-label": he.value,
+				"aria-modal": c.modal || void 0,
+				"aria-label": ge.value,
 				tabindex: "-1"
 			}, [
-				e.$slots.header || G.value || J.value || m.closable || m.maximizable ? (v(), d("header", E, [f("div", D, [J.value ? (v(), d("span", O, [p(t, {
-					name: J.value,
+				e.$slots.header || W.value || q.value || c.closable || c.maximizable ? (T(), g("header", ae, [_("div", oe, [q.value ? (T(), g("span", se, [v(r, {
+					name: q.value,
 					size: "sm"
-				}, null, 8, ["name"])])) : u("", !0), b(e.$slots, "header", {}, () => [G.value ? (v(), d("h2", ce, ie(G.value), 1)) : u("", !0)])]), m.maximizable || m.closable ? (v(), d("div", le, [m.maximizable ? (v(), d("button", {
+				}, null, 8, ["name"])])) : h("", !0), k(e.$slots, "header", {}, () => [W.value ? (T(), g("h2", ce, te(W.value), 1)) : h("", !0)])]), c.maximizable || c.closable ? (T(), g("div", le, [c.maximizable ? (T(), g("button", {
 					key: 0,
 					type: "button",
 					class: "m-dialog__action",
-					"aria-label": H.value ? S(B).restore : S(B).maximize,
-					disabled: X.value,
+					"aria-label": V.value ? j(z).restore : j(z).maximize,
+					disabled: Y.value,
 					onClick: $
-				}, [p(t, {
-					name: H.value ? "restore" : "maximize",
+				}, [v(r, {
+					name: V.value ? "restore" : "maximize",
 					size: "sm"
-				}, null, 8, ["name"])], 8, ue)) : u("", !0), m.closable ? (v(), d("button", {
+				}, null, 8, ["name"])], 8, ue)) : h("", !0), c.closable ? (T(), g("button", {
 					key: 1,
 					type: "button",
 					class: "m-dialog__action",
-					"aria-label": S(B).close,
-					disabled: X.value,
+					"aria-label": j(z).close,
+					disabled: Y.value,
 					onClick: Q
-				}, [p(t, {
+				}, [v(r, {
 					name: "close",
 					size: "sm"
-				})], 8, de)) : u("", !0)])) : u("", !0)])) : u("", !0),
-				f("div", k, [b(e.$slots, "default")]),
-				me.value ? (v(), d("footer", {
+				})], 8, de)) : h("", !0)])) : h("", !0)])) : h("", !0),
+				_("div", fe, [k(e.$slots, "default")]),
+				he.value ? (T(), g("footer", {
 					key: 1,
-					class: g(["m-dialog__footer", { "m-dialog__footer--preset": Y.value }])
-				}, [b(e.$slots, "footer", {}, () => [m.negativeText ? (v(), l(r, {
+					class: S(["m-dialog__footer", { "m-dialog__footer--preset": J.value }])
+				}, [k(e.$slots, "footer", {}, () => [c.negativeText ? (T(), m(i, {
 					key: 0,
-					label: m.negativeText,
+					label: c.negativeText,
 					severity: "secondary",
-					disabled: X.value,
-					loading: W.value === "negative",
-					onClick: be
+					disabled: Y.value,
+					loading: U.value === "negative",
+					onClick: Se
 				}, null, 8, [
 					"label",
 					"disabled",
 					"loading"
-				])) : u("", !0), m.positiveText ? (v(), l(r, {
+				])) : h("", !0), c.positiveText ? (T(), m(i, {
 					key: 1,
-					label: m.positiveText,
-					severity: m.positiveSeverity,
-					disabled: X.value && W.value !== "positive",
-					loading: W.value === "positive",
-					onClick: ye
+					label: c.positiveText,
+					severity: c.positiveSeverity,
+					disabled: Y.value && U.value !== "positive",
+					loading: U.value === "positive",
+					onClick: xe
 				}, null, 8, [
 					"label",
 					"severity",
 					"disabled",
 					"loading"
-				])) : u("", !0)])], 2)) : u("", !0)
-			], 14, T)])], 16)) : u("", !0)]),
+				])) : h("", !0)])], 2)) : h("", !0)
+			], 14, ie)])], 16)) : h("", !0)]),
 			_: 3
 		}, 8, ["name", "css"])], 8, ["to", "disabled"]));
 	}
-});
+}), I = /* @__PURE__ */ new Set();
+function L(e) {
+	return typeof e == "string" ? { content: e } : { ...e };
+}
+function R(e) {
+	if (typeof document > "u") return {
+		destroy: () => {},
+		update: () => {}
+	};
+	let t = document.createElement("div");
+	document.body.appendChild(t);
+	let n = E(L(e)), r = D(!0), a = D(!1), o = !1;
+	function s() {
+		o || (o = !0, I.delete(h), t.remove(), x(() => O(null, t)));
+	}
+	function l() {
+		r.value = !1;
+	}
+	async function d() {
+		let e = n.onOk?.();
+		if (e instanceof Promise) {
+			a.value = !0;
+			try {
+				await e;
+			} finally {
+				a.value = !1;
+			}
+		}
+		l();
+	}
+	function f() {
+		n.onCancel?.(), l();
+	}
+	function p() {
+		n.afterClose?.(), s();
+	}
+	let m = y({
+		name: "MModalHost",
+		setup() {
+			let e = u();
+			return () => b(F, {
+				modelValue: r.value,
+				"onUpdate:modelValue": (e) => {
+					r.value = e;
+				},
+				title: n.title,
+				type: n.type,
+				width: n.width,
+				position: n.position,
+				centered: n.centered,
+				maskClosable: n.maskClosable ?? !1,
+				teleport: !1,
+				onClose: f,
+				onHide: p
+			}, {
+				default: () => n.content,
+				footer: () => [n.showCancel ? b(i, {
+					severity: "secondary",
+					disabled: a.value,
+					onClick: f
+				}, { default: () => n.cancelText ?? e.value.reject ?? "Cancel" }) : null, b(i, {
+					severity: n.okSeverity ?? "primary",
+					loading: a.value,
+					onClick: () => void d()
+				}, { default: () => n.okText ?? e.value.confirm ?? "OK" })]
+			});
+		}
+	}), h = {
+		destroy: () => {
+			r.value = !1, s();
+		},
+		update: (e) => {
+			Object.assign(n, L(e));
+		}
+	}, g = v(m), _ = c();
+	return _ && (g.appContext = _), O(g, t), I.add(h), h;
+}
+function z() {
+	function e(e) {
+		return (t) => R({
+			...e,
+			...L(t)
+		});
+	}
+	return {
+		info: e({
+			type: "info",
+			showCancel: !1
+		}),
+		success: e({
+			type: "success",
+			showCancel: !1
+		}),
+		warning: e({
+			type: "warning",
+			showCancel: !1
+		}),
+		error: e({
+			type: "error",
+			showCancel: !1
+		}),
+		confirm: e({ showCancel: !0 }),
+		destroyAll: () => {
+			for (let e of [...I]) e.destroy();
+		}
+	};
+}
+var B = z();
+function V() {
+	w(() => {
+		for (let e of [...I]) e.destroy();
+	});
+}
 //#endregion
-export { A as MDialog };
+export { F as MDialog, B as modal, z as useModal, V as useModalCleanup };