morya-ui 0.4.0 → 0.4.2

package/dist/confirm-dialog/index.js

@@ -1,18 +1,18 @@
 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 n } from "../useMotionTransition-D8JOR3ih.js";
 import { t as r } from "../Icon-od9Ob-Ay.js";
-import { t as i } from "../Button-TaJ0LKtP.js";
+import { t as i } from "../Button-BaYLh91a.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-CB_TiIvg.js";
+import { n as u } from "../locale-CR2PIaxt.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"], ie = { class: "m-dialog__header" }, j = { class: "m-dialog__body m-confirmdialog__message" }, M = {
 	key: 0,
 	class: "m-dialog__type-icon",
 	"aria-hidden": "true"
@@ -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,12 +65,21 @@ 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, F = b, I = A(), { 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 = p(() => {
+			let e = T.acceptColor;
+			return !e || e === "primary" ? { type: "primary" } : e === "danger" ? {
+				type: "primary",
+				danger: !0
+			} : {
+				color: e,
+				variant: "solid"
+			};
+		}), K = w(s()), q = w(null), { transitionName: J, transitionCss: ae } = n({
 			role: "dialog",
 			local: () => T.transition,
 			componentName: "ConfirmDialog",
 			fallback: "zoom"
-		}), Y = p(() => K.value != null || T.loading), X = p(() => {
+		}), Y = p(() => q.value != null || T.loading), X = p(() => {
 			let e = T.type;
 			return e === "warning" || e === "warn" ? "warn" : e;
 		}), Z = p(() => {
@@ -81,40 +90,40 @@ var ie = ["aria-label"], A = { class: "m-dialog__header" }, j = { class: "m-dial
 				case "info": return "info";
 				default: return;
 			}
-		}), ae = p(() => ({
-			"--m-dialog-origin-x": `${G.value.x}px`,
-			"--m-dialog-origin-y": `${G.value.y}px`
+		}), oe = p(() => ({
+			"--m-dialog-origin-x": `${K.value.x}px`,
+			"--m-dialog-origin-y": `${K.value.y}px`
 		}));
 		function Q() {
-			K.value = null, F("update:modelValue", !1);
+			q.value = null, F("update:modelValue", !1);
 		}
-		async function oe() {
-			if (!K.value) {
-				K.value = "accept";
+		async function se() {
+			if (!q.value) {
+				q.value = "accept";
 				try {
 					if (!await o(T.beforeAccept)) return;
 					F("accept"), Q();
 				} finally {
-					K.value === "accept" && (K.value = null);
+					q.value === "accept" && (q.value = null);
 				}
 			}
 		}
 		async function $() {
-			if (!K.value) {
-				K.value = "reject";
+			if (!q.value) {
+				q.value = "reject";
 				try {
 					if (!await o(T.beforeReject)) return;
 					F("reject"), Q();
 				} finally {
-					K.value === "reject" && (K.value = null);
+					q.value === "reject" && (q.value = null);
 				}
 			}
 		}
-		function se() {
+		function ce() {
 			T.closeOnOutsideClick && $();
 		}
-		return te(() => T.modelValue, (e) => {
-			e && (G.value = s());
+		return ee(() => T.modelValue, (e) => {
+			e && (K.value = s());
 		}), a({
 			open: O(T, "modelValue"),
 			container: B,
@@ -127,15 +136,15 @@ var ie = ["aria-label"], A = { class: "m-dialog__header" }, j = { class: "m-dial
 			to: V.value.to,
 			disabled: V.value.disabled
 		}, [y(f, {
-			name: k(q),
-			css: k(J)
+			name: k(J),
+			css: k(ae)
 		}, {
-			default: ne(() => [c.modelValue ? (C(), g("div", x({ key: 0 }, k(L), {
+			default: te(() => [c.modelValue ? (C(), g("div", x({ key: 0 }, k(L), {
 				class: "m-dialog-backdrop m-dialog-backdrop--center m-dialog-backdrop--modal",
-				style: ae.value
+				style: oe.value
 			}), [_("div", {
 				class: "m-dialog-zoom",
-				onClick: re(se, ["self"])
+				onClick: ne(ce, ["self"])
 			}, [_("section", {
 				ref_key: "dialogElement",
 				ref: B,
@@ -145,34 +154,31 @@ var ie = ["aria-label"], A = { class: "m-dialog__header" }, j = { class: "m-dial
 				"aria-label": H.value,
 				tabindex: "-1"
 			}, [
-				_("header", A, [E(e.$slots, "header", {}, () => [_("h2", null, D(H.value), 1)])]),
+				_("header", ie, [E(e.$slots, "header", {}, () => [_("h2", null, D(H.value), 1)])]),
 				_("div", j, [Z.value ? (C(), g("span", M, [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",
+					loading: q.value === "reject",
 					onClick: $
 				}, null, 8, [
 					"label",
 					"disabled",
 					"loading"
-				]), y(i, {
+				]), y(i, x(G.value, {
 					label: U.value,
-					severity: c.acceptSeverity,
-					disabled: Y.value && K.value !== "accept",
-					loading: c.loading || K.value === "accept",
-					onClick: oe
-				}, null, 8, [
+					disabled: Y.value && q.value !== "accept",
+					loading: c.loading || q.value === "accept",
+					onClick: se
+				}), null, 16, [
 					"label",
-					"severity",
 					"disabled",
 					"loading"
 				])])])
-			], 10, ie)])], 16)) : h("", !0)]),
+			], 10, re)])], 16)) : h("", !0)]),
 			_: 3
 		}, 8, ["name", "css"])], 8, ["to", "disabled"]));
 	}