morya-ui 0.2.8 → 0.3.0

package/dist/confirm-dialog/index.js

@@ -1,21 +1,22 @@
-import { r as e } from "../useComponentAttrs-BTYEe61P.js";
-import { t } from "../Icon-DfpIfo2L.js";
-import { t as n } from "../Button--RkQybU-.js";
-import { n as r } from "../overlay-oR-5MDuE.js";
-import { t as i } from "../useModalOverlay-Beo3CEAt.js";
-import { t as a } from "../asyncGuard-CPGT_TKu.js";
-import { t as o } from "../lastPointer-CRxcUqdd.js";
-import { t as s } from "../overlayHost-78CGtMgR.js";
-import { c } from "../config-BdK5ccNT.js";
-import { n as l } from "../locale-B36KH7c3.js";
+import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
+import { t } from "../Icon-lcN1rS87.js";
+import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
+import { t as r } from "../Button-B5X_R4Md.js";
+import { n as i } from "../overlay-oR-5MDuE.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-CapALqt3.js";
+import { n as u } from "../locale-Bzm2nbEp.js";
 import "./style.js";
-import { Teleport as u, Transition as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, mergeProps as b, normalizeClass as x, openBlock as S, ref as C, render as w, renderSlot as T, toDisplayString as E, toRef as D, unref as O, useAttrs as k, watch as A, withCtx as ee, withModifiers as te } from "vue";
+import { Teleport as d, Transition as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, mergeProps as x, normalizeClass as S, openBlock as C, ref as w, render as T, renderSlot as E, toDisplayString as D, toRef as O, unref as k, useAttrs as ee, watch as te, withCtx as ne, withModifiers as re } from "vue";
 //#region src/components/ConfirmDialog/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
-var j = ["aria-label"], M = { class: "m-dialog__header" }, N = { class: "m-dialog__body m-confirmdialog__message" }, P = {
+var ie = ["aria-label"], A = { class: "m-dialog__header" }, j = { class: "m-dialog__body m-confirmdialog__message" }, M = {
 	key: 0,
 	class: "m-dialog__type-icon",
 	"aria-hidden": "true"
-}, F = { class: "m-confirmdialog__copy" }, I = { class: "m-dialog__footer m-confirmdialog__footer" }, L = /* @__PURE__ */ y({
+}, N = { class: "m-confirmdialog__copy" }, P = { class: "m-dialog__footer m-confirmdialog__footer" }, F = /* @__PURE__ */ b({
 	inheritAttrs: !1,
 	__name: "ConfirmDialog",
 	props: {
@@ -52,18 +53,27 @@ var j = ["aria-label"], M = { class: "m-dialog__header" }, N = { class: "m-dialo
 			type: Boolean,
 			default: !0
 		},
-		appendTo: {}
+		appendTo: {},
+		transition: {
+			type: [String, Boolean],
+			default: void 0
+		}
 	},
 	emits: [
 		"update:modelValue",
 		"accept",
 		"reject"
 	],
-	setup(s, { emit: y }) {
-		let w = s, L = y, R = k(), { rootAttrs: z } = e(R, () => w.pt), B = c(), V = l(), H = C(null), U = f(() => r(w, B.value.appendTo)), W = f(() => w.header ?? V.value.confirm), G = f(() => w.acceptLabel ?? V.value.accept), K = f(() => w.rejectLabel ?? V.value.reject), q = C(o()), J = C(null), Y = f(() => J.value != null || w.loading), X = f(() => {
-			let e = w.type;
+	setup(c, { emit: b }) {
+		let T = c, F = b, I = ee(), { rootAttrs: L } = e(I, () => T.pt), R = l(), z = u(), B = w(null), V = p(() => i(T, R.value.appendTo)), H = p(() => T.header ?? z.value.confirm), U = p(() => T.acceptLabel ?? z.value.accept), W = p(() => T.rejectLabel ?? z.value.reject), G = w(s()), K = w(null), { transitionName: q, transitionCss: J } = n({
+			role: "dialog",
+			local: () => T.transition,
+			componentName: "ConfirmDialog",
+			fallback: "zoom"
+		}), Y = p(() => K.value != null || T.loading), X = p(() => {
+			let e = T.type;
 			return e === "warning" || e === "warn" ? "warn" : e;
-		}), Z = f(() => {
+		}), Z = p(() => {
 			switch (X.value) {
 				case "success": return "check-circle";
 				case "warn": return "warning";
@@ -71,111 +81,114 @@ var j = ["aria-label"], M = { class: "m-dialog__header" }, N = { class: "m-dialo
 				case "info": return "info";
 				default: return;
 			}
-		}), ne = f(() => ({
-			"--m-dialog-origin-x": `${q.value.x}px`,
-			"--m-dialog-origin-y": `${q.value.y}px`
+		}), ae = p(() => ({
+			"--m-dialog-origin-x": `${G.value.x}px`,
+			"--m-dialog-origin-y": `${G.value.y}px`
 		}));
 		function Q() {
-			J.value = null, L("update:modelValue", !1);
+			K.value = null, F("update:modelValue", !1);
 		}
-		async function re() {
-			if (!J.value) {
-				J.value = "accept";
+		async function oe() {
+			if (!K.value) {
+				K.value = "accept";
 				try {
-					if (!await a(w.beforeAccept)) return;
-					L("accept"), Q();
+					if (!await o(T.beforeAccept)) return;
+					F("accept"), Q();
 				} finally {
-					J.value === "accept" && (J.value = null);
+					K.value === "accept" && (K.value = null);
 				}
 			}
 		}
 		async function $() {
-			if (!J.value) {
-				J.value = "reject";
+			if (!K.value) {
+				K.value = "reject";
 				try {
-					if (!await a(w.beforeReject)) return;
-					L("reject"), Q();
+					if (!await o(T.beforeReject)) return;
+					F("reject"), Q();
 				} finally {
-					J.value === "reject" && (J.value = null);
+					K.value === "reject" && (K.value = null);
 				}
 			}
 		}
-		function ie() {
-			w.closeOnOutsideClick && $();
+		function se() {
+			T.closeOnOutsideClick && $();
 		}
-		return A(() => w.modelValue, (e) => {
-			e && (q.value = o());
-		}), i({
-			open: D(w, "modelValue"),
-			container: H,
-			closeOnEsc: () => w.closeOnEsc,
-			blockScroll: () => w.blockScroll,
+		return te(() => T.modelValue, (e) => {
+			e && (G.value = s());
+		}), a({
+			open: O(T, "modelValue"),
+			container: B,
+			closeOnEsc: () => T.closeOnEsc,
+			blockScroll: () => T.blockScroll,
 			onEscape: () => {
 				$();
 			}
-		}), (e, r) => (S(), p(u, {
-			to: U.value.to,
-			disabled: U.value.disabled
-		}, [v(d, { name: "m-dialog" }, {
-			default: ee(() => [s.modelValue ? (S(), h("div", b({ key: 0 }, O(z), {
+		}), (e, n) => (C(), m(d, {
+			to: V.value.to,
+			disabled: V.value.disabled
+		}, [y(f, {
+			name: k(q),
+			css: k(J)
+		}, {
+			default: ne(() => [c.modelValue ? (C(), g("div", x({ key: 0 }, k(L), {
 				class: "m-dialog-backdrop m-dialog-backdrop--center m-dialog-backdrop--modal",
-				style: ne.value
-			}), [g("div", {
+				style: ae.value
+			}), [_("div", {
 				class: "m-dialog-zoom",
-				onClick: te(ie, ["self"])
-			}, [g("section", {
+				onClick: re(se, ["self"])
+			}, [_("section", {
 				ref_key: "dialogElement",
-				ref: H,
-				class: x(["m-dialog m-confirmdialog", { [`m-dialog--${X.value}`]: X.value }]),
+				ref: B,
+				class: S(["m-dialog m-confirmdialog", { [`m-dialog--${X.value}`]: X.value }]),
 				role: "alertdialog",
 				"aria-modal": "true",
-				"aria-label": W.value,
+				"aria-label": H.value,
 				tabindex: "-1"
 			}, [
-				g("header", M, [T(e.$slots, "header", {}, () => [g("h2", null, E(W.value), 1)])]),
-				g("div", N, [Z.value ? (S(), h("span", P, [v(t, {
+				_("header", A, [E(e.$slots, "header", {}, () => [_("h2", null, D(H.value), 1)])]),
+				_("div", j, [Z.value ? (C(), g("span", M, [y(t, {
 					name: Z.value,
 					size: "sm"
-				}, null, 8, ["name"])])) : m("", !0), g("div", F, [T(e.$slots, "default", {}, () => [_(E(s.message), 1)])])]),
-				g("footer", I, [T(e.$slots, "footer", {}, () => [v(n, {
-					label: K.value,
+				}, null, 8, ["name"])])) : h("", !0), _("div", N, [E(e.$slots, "default", {}, () => [v(D(c.message), 1)])])]),
+				_("footer", P, [E(e.$slots, "footer", {}, () => [y(r, {
+					label: W.value,
 					severity: "secondary",
 					disabled: Y.value,
-					loading: J.value === "reject",
+					loading: K.value === "reject",
 					onClick: $
 				}, null, 8, [
 					"label",
 					"disabled",
 					"loading"
-				]), v(n, {
-					label: G.value,
-					severity: s.acceptSeverity,
-					disabled: Y.value && J.value !== "accept",
-					loading: s.loading || J.value === "accept",
-					onClick: re
+				]), y(r, {
+					label: U.value,
+					severity: c.acceptSeverity,
+					disabled: Y.value && K.value !== "accept",
+					loading: c.loading || K.value === "accept",
+					onClick: oe
 				}, null, 8, [
 					"label",
 					"severity",
 					"disabled",
 					"loading"
 				])])])
-			], 10, j)])], 16)) : m("", !0)]),
+			], 10, ie)])], 16)) : h("", !0)]),
 			_: 3
-		})], 8, ["to", "disabled"]));
+		}, 8, ["name", "css"])], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
 //#region src/components/ConfirmDialog/useConfirm.ts
-function R() {
+function I() {
 	function e(e = {}) {
 		return typeof document > "u" ? Promise.resolve(!1) : new Promise((t) => {
 			let n = document.createElement("div");
 			document.body.appendChild(n);
 			let r = !1;
 			function i(e) {
-				r || (r = !0, w(null, n), n.remove(), t(e));
+				r || (r = !0, T(null, n), n.remove(), t(e));
 			}
-			let a = v(L, {
+			let a = y(F, {
 				...e,
 				modelValue: !0,
 				"onUpdate:modelValue": (e) => {
@@ -183,11 +196,11 @@ function R() {
 				},
 				onAccept: () => i(!0),
 				onReject: () => i(!1)
-			}), o = s();
-			o && (a.appContext = o), w(a, n);
+			}), o = c();
+			o && (a.appContext = o), T(a, n);
 		});
 	}
 	return { require: e };
 }
 //#endregion
-export { L as MConfirmDialog, R as useConfirm };
+export { F as MConfirmDialog, I as useConfirm };