morya-ui 0.4.1 → 0.4.3

package/dist/confirm-dialog/index.js

@@ -1,22 +1,22 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.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 n } from "../useMotionTransition-DqL_SEML.js";
+import { t as r } from "../Icon-CmHjx7W8.js";
+import { t as i } from "../Button-Bjsth0ct.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 { l } from "../config-BEpyhJi3.js";
+import { n as u } from "../locale-CZddM-tH.js";
 import "./style.js";
-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";
+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 A, watch as ee, withCtx as te, withModifiers as ne } from "vue";
 //#region src/components/ConfirmDialog/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
-var ie = ["aria-label"], A = { class: "m-dialog__header" }, j = { class: "m-dialog__body m-confirmdialog__message" }, M = {
+var re = ["aria-label"], j = { class: "m-dialog__header" }, M = { class: "m-dialog__body m-confirmdialog__message" }, N = {
 	key: 0,
 	class: "m-dialog__type-icon",
 	"aria-hidden": "true"
-}, N = { class: "m-confirmdialog__copy" }, P = { class: "m-dialog__footer m-confirmdialog__footer" }, F = /* @__PURE__ */ b({
+}, P = { class: "m-confirmdialog__copy" }, F = { class: "m-dialog__footer m-confirmdialog__footer" }, I = /* @__PURE__ */ b({
 	inheritAttrs: !1,
 	__name: "ConfirmDialog",
 	props: {
@@ -29,7 +29,7 @@ var ie = ["aria-label"], A = { class: "m-dialog__header" }, j = { class: "m-dial
 		message: {},
 		acceptLabel: {},
 		rejectLabel: {},
-		acceptSeverity: { default: void 0 },
+		acceptColor: { default: void 0 },
 		type: {},
 		loading: {
 			type: Boolean,
@@ -65,121 +65,124 @@ var ie = ["aria-label"], A = { class: "m-dialog__header" }, j = { class: "m-dial
 		"reject"
 	],
 	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(() => t(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({
+		let T = c, I = b, L = A(), { rootAttrs: R } = e(L, () => T.pt), z = l(), B = u(), V = w(null), H = p(() => t(T, z.value.appendTo)), U = p(() => T.header ?? B.value.confirm), W = p(() => T.acceptLabel ?? B.value.accept), G = p(() => T.rejectLabel ?? B.value.reject), K = p(() => {
+			let e = T.acceptColor;
+			return !e || e === "primary" ? { type: "primary" } : e === "danger" ? {
+				type: "primary",
+				danger: !0
+			} : {
+				color: e,
+				variant: "solid"
+			};
+		}), q = w(s()), J = w(null), { transitionName: Y, transitionCss: ie } = 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 = p(() => {
-			switch (X.value) {
+		}), X = p(() => J.value != null || T.loading), Z = p(() => {
+			switch (T.type) {
 				case "success": return "check-circle";
-				case "warn": return "warning";
-				case "error": return "x-circle";
+				case "warning": return "warning";
+				case "danger": return "x-circle";
 				case "info": return "info";
 				default: return;
 			}
 		}), ae = p(() => ({
-			"--m-dialog-origin-x": `${G.value.x}px`,
-			"--m-dialog-origin-y": `${G.value.y}px`
+			"--m-dialog-origin-x": `${q.value.x}px`,
+			"--m-dialog-origin-y": `${q.value.y}px`
 		}));
 		function Q() {
-			K.value = null, F("update:modelValue", !1);
+			J.value = null, I("update:modelValue", !1);
 		}
 		async function oe() {
-			if (!K.value) {
-				K.value = "accept";
+			if (!J.value) {
+				J.value = "accept";
 				try {
 					if (!await o(T.beforeAccept)) return;
-					F("accept"), Q();
+					I("accept"), Q();
 				} finally {
-					K.value === "accept" && (K.value = null);
+					J.value === "accept" && (J.value = null);
 				}
 			}
 		}
 		async function $() {
-			if (!K.value) {
-				K.value = "reject";
+			if (!J.value) {
+				J.value = "reject";
 				try {
 					if (!await o(T.beforeReject)) return;
-					F("reject"), Q();
+					I("reject"), Q();
 				} finally {
-					K.value === "reject" && (K.value = null);
+					J.value === "reject" && (J.value = null);
 				}
 			}
 		}
 		function se() {
 			T.closeOnOutsideClick && $();
 		}
-		return te(() => T.modelValue, (e) => {
-			e && (G.value = s());
+		return ee(() => T.modelValue, (e) => {
+			e && (q.value = s());
 		}), a({
 			open: O(T, "modelValue"),
-			container: B,
+			container: V,
 			closeOnEsc: () => T.closeOnEsc,
 			blockScroll: () => T.blockScroll,
 			onEscape: () => {
 				$();
 			}
 		}), (e, t) => (C(), m(d, {
-			to: V.value.to,
-			disabled: V.value.disabled
+			to: H.value.to,
+			disabled: H.value.disabled
 		}, [y(f, {
-			name: k(q),
-			css: k(J)
+			name: k(Y),
+			css: k(ie)
 		}, {
-			default: ne(() => [c.modelValue ? (C(), g("div", x({ key: 0 }, k(L), {
+			default: te(() => [c.modelValue ? (C(), g("div", x({ key: 0 }, k(R), {
 				class: "m-dialog-backdrop m-dialog-backdrop--center m-dialog-backdrop--modal",
 				style: ae.value
 			}), [_("div", {
 				class: "m-dialog-zoom",
-				onClick: re(se, ["self"])
+				onClick: ne(se, ["self"])
 			}, [_("section", {
 				ref_key: "dialogElement",
-				ref: B,
-				class: S(["m-dialog m-confirmdialog", { [`m-dialog--${X.value}`]: X.value }]),
+				ref: V,
+				class: S(["m-dialog m-confirmdialog", { [`m-dialog--${T.type}`]: T.type }]),
 				role: "alertdialog",
 				"aria-modal": "true",
-				"aria-label": H.value,
+				"aria-label": U.value,
 				tabindex: "-1"
 			}, [
-				_("header", A, [E(e.$slots, "header", {}, () => [_("h2", null, D(H.value), 1)])]),
-				_("div", j, [Z.value ? (C(), g("span", M, [y(r, {
+				_("header", j, [E(e.$slots, "header", {}, () => [_("h2", null, D(U.value), 1)])]),
+				_("div", M, [Z.value ? (C(), g("span", N, [y(r, {
 					name: Z.value,
 					size: "sm"
-				}, null, 8, ["name"])])) : h("", !0), _("div", N, [E(e.$slots, "default", {}, () => [v(D(c.message), 1)])])]),
-				_("footer", P, [E(e.$slots, "footer", {}, () => [y(i, {
-					label: W.value,
-					severity: "secondary",
-					disabled: Y.value,
-					loading: K.value === "reject",
+				}, null, 8, ["name"])])) : h("", !0), _("div", P, [E(e.$slots, "default", {}, () => [v(D(c.message), 1)])])]),
+				_("footer", F, [E(e.$slots, "footer", {}, () => [y(i, {
+					label: G.value,
+					disabled: X.value,
+					loading: J.value === "reject",
 					onClick: $
 				}, null, 8, [
 					"label",
 					"disabled",
 					"loading"
-				]), y(i, {
-					label: U.value,
-					severity: c.acceptSeverity,
-					disabled: Y.value && K.value !== "accept",
-					loading: c.loading || K.value === "accept",
+				]), y(i, x(K.value, {
+					label: W.value,
+					disabled: X.value && J.value !== "accept",
+					loading: c.loading || J.value === "accept",
 					onClick: oe
-				}, null, 8, [
+				}), null, 16, [
 					"label",
-					"severity",
 					"disabled",
 					"loading"
 				])])])
-			], 10, ie)])], 16)) : h("", !0)]),
+			], 10, re)])], 16)) : h("", !0)]),
 			_: 3
 		}, 8, ["name", "css"])], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
 //#region src/components/ConfirmDialog/useConfirm.ts
-function I() {
+function L() {
 	function e(e = {}) {
 		return typeof document > "u" ? Promise.resolve(!1) : new Promise((t) => {
 			let n = document.createElement("div");
@@ -188,7 +191,7 @@ function I() {
 			function i(e) {
 				r || (r = !0, T(null, n), n.remove(), t(e));
 			}
-			let a = y(F, {
+			let a = y(I, {
 				...e,
 				modelValue: !0,
 				"onUpdate:modelValue": (e) => {
@@ -203,4 +206,4 @@ function I() {
 	return { require: e };
 }
 //#endregion
-export { F as MConfirmDialog, I as useConfirm };
+export { I as MConfirmDialog, L as useConfirm };