morya-ui 0.4.0 → 0.4.2

package/dist/dialog/index.js

@@ -1,16 +1,16 @@
 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 _, 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";
+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 x, nextTick as S, normalizeClass as C, normalizeStyle as ee, 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 ne, useSlots as M, watch as N, withCtx as P, withModifiers as re } from "vue";
 //#region src/components/Dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
 var ie = ["aria-modal", "aria-label"], ae = {
 	key: 0,
@@ -79,7 +79,7 @@ var ie = ["aria-modal", "aria-label"], ae = {
 		type: {},
 		positiveText: {},
 		negativeText: {},
-		positiveSeverity: {},
+		positiveColor: {},
 		onPositiveClick: {},
 		onNegativeClick: {},
 		beforeClose: {},
@@ -98,7 +98,7 @@ var ie = ["aria-modal", "aria-label"], ae = {
 		"unmaximize"
 	],
 	setup(c, { expose: y, emit: b }) {
-		let x = c, w = b, E = M(), { rootAttrs: O } = e(E, () => x.pt), F = p(() => {
+		let S = c, w = b, E = ne(), { rootAttrs: O } = e(E, () => S.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;
 		}), I = p(() => {
@@ -110,13 +110,13 @@ var ie = ["aria-modal", "aria-label"], ae = {
 			}
 			let { width: n, ...r } = t;
 			return Object.keys(r).length ? e.style = r : delete e.style, e;
-		}), L = N(), R = l(), z = u(), B = D(null), V = D(!1), H = D(s()), U = D(null), { transitionName: pe, transitionCss: me } = n({
+		}), L = M(), R = l(), z = u(), B = D(null), V = D(!1), H = D(s()), U = D(null), { transitionName: pe, transitionCss: me } = n({
 			role: "dialog",
-			local: () => x.transition,
+			local: () => S.transition,
 			componentName: "Dialog",
 			fallback: "zoom"
-		}), W = p(() => x.header ?? x.title), G = p(() => t(x, R.value.appendTo)), K = p(() => {
-			let e = x.type;
+		}), W = p(() => S.header ?? S.title), G = p(() => t(S, R.value.appendTo)), K = p(() => {
+			let e = S.type;
 			return e === "warning" || e === "warn" ? "warn" : e;
 		}), q = p(() => {
 			switch (K.value) {
@@ -126,51 +126,60 @@ var ie = ["aria-modal", "aria-label"], ae = {
 				case "info": return "info";
 				default: return;
 			}
-		}), 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(() => ({
+		}), J = p(() => !L.footer && !!(S.positiveText || S.negativeText)), he = p(() => !!(L.footer || J.value)), ge = p(() => {
+			let e = S.positiveColor;
+			return !e || e === "primary" ? { type: "primary" } : e === "danger" ? {
+				type: "primary",
+				danger: !0
+			} : {
+				color: e,
+				variant: "solid"
+			};
+		}), Y = p(() => U.value != null), _e = p(() => S.ariaLabel ?? W.value), ve = 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,
+		})), ye = p(() => S.centered === !0 ? "center" : S.centered === !1 ? "top" : S.position), X = p(() => [`m-dialog-backdrop--${ye.value}`, {
+			"m-dialog-backdrop--modal": S.modal,
 			"m-dialog-backdrop--maximized": V.value
-		}]), X = p(() => {
+		}]), be = p(() => {
 			if (V.value) return;
-			let e = x.width ?? F.value;
+			let e = S.width ?? F.value;
 			return e ? { width: e } : void 0;
-		}), be = p(() => x.maskClosable === void 0 ? x.dismissableMask === void 0 ? x.closeOnOutsideClick === void 0 || x.closeOnOutsideClick : x.dismissableMask : x.maskClosable);
+		}), xe = p(() => S.maskClosable === void 0 ? S.dismissableMask === void 0 ? S.closeOnOutsideClick === void 0 || S.closeOnOutsideClick : S.dismissableMask : S.maskClosable);
 		function Z() {
 			V.value = !1, U.value = null, w("update:modelValue", !1), w("close");
 		}
 		async function Q() {
 			if (!U.value) {
-				if (!x.beforeClose) {
+				if (!S.beforeClose) {
 					Z();
 					return;
 				}
 				U.value = "close";
 				try {
-					if (!await o(x.beforeClose)) return;
+					if (!await o(S.beforeClose)) return;
 					Z();
 				} finally {
 					U.value === "close" && (U.value = null);
 				}
 			}
 		}
-		async function xe(e) {
+		async function Se(e) {
 			if (!U.value) {
 				U.value = "positive";
 				try {
-					if (!await o(x.onPositiveClick, e)) return;
+					if (!await o(S.onPositiveClick, e)) return;
 					Z();
 				} finally {
 					U.value === "positive" && (U.value = null);
 				}
 			}
 		}
-		async function Se(e) {
+		async function Ce(e) {
 			if (!U.value) {
 				U.value = "negative";
 				try {
-					if (!await o(x.onNegativeClick, e)) return;
+					if (!await o(S.onNegativeClick, e)) return;
 					Z();
 				} finally {
 					U.value === "negative" && (U.value = null);
@@ -180,16 +189,16 @@ var ie = ["aria-modal", "aria-label"], ae = {
 		function $() {
 			V.value = !V.value, V.value ? w("maximize") : w("unmaximize");
 		}
-		function Ce() {
-			be.value && Q();
+		function we() {
+			xe.value && Q();
 		}
-		return P(() => x.modelValue, (e) => {
+		return N(() => S.modelValue, (e) => {
 			e && (H.value = s());
 		}), a({
-			open: A(x, "modelValue"),
+			open: A(S, "modelValue"),
 			container: B,
-			closeOnEsc: A(x, "closeOnEsc"),
-			blockScroll: () => x.blockScroll && x.modal,
+			closeOnEsc: A(S, "closeOnEsc"),
+			blockScroll: () => S.blockScroll && S.modal,
 			onEscape: () => {
 				Q();
 			},
@@ -212,23 +221,23 @@ var ie = ["aria-modal", "aria-label"], ae = {
 			name: j(pe),
 			css: j(me)
 		}, {
-			default: ne(() => [c.modelValue ? (T(), g("div", ee({ key: 0 }, I.value, {
-				class: ["m-dialog-backdrop", ye.value],
-				style: _e.value
+			default: P(() => [c.modelValue ? (T(), g("div", x({ key: 0 }, I.value, {
+				class: ["m-dialog-backdrop", X.value],
+				style: ve.value
 			}), [_("div", {
 				class: "m-dialog-zoom",
-				onClick: re(Ce, ["self"])
+				onClick: re(we, ["self"])
 			}, [_("section", {
 				ref_key: "dialogElement",
 				ref: B,
-				class: S(["m-dialog", {
+				class: C(["m-dialog", {
 					"m-dialog--maximized": V.value,
 					[`m-dialog--${K.value}`]: K.value
 				}]),
-				style: C(X.value),
+				style: ee(be.value),
 				role: "dialog",
 				"aria-modal": c.modal || void 0,
-				"aria-label": ge.value,
+				"aria-label": _e.value,
 				tabindex: "-1"
 			}, [
 				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, {
@@ -258,28 +267,24 @@ var ie = ["aria-modal", "aria-label"], ae = {
 				_("div", fe, [k(e.$slots, "default")]),
 				he.value ? (T(), g("footer", {
 					key: 1,
-					class: S(["m-dialog__footer", { "m-dialog__footer--preset": J.value }])
+					class: C(["m-dialog__footer", { "m-dialog__footer--preset": J.value }])
 				}, [k(e.$slots, "footer", {}, () => [c.negativeText ? (T(), m(i, {
 					key: 0,
 					label: c.negativeText,
-					severity: "secondary",
 					disabled: Y.value,
 					loading: U.value === "negative",
-					onClick: Se
+					onClick: Ce
 				}, null, 8, [
 					"label",
 					"disabled",
 					"loading"
-				])) : h("", !0), c.positiveText ? (T(), m(i, {
-					key: 1,
+				])) : h("", !0), c.positiveText ? (T(), m(i, x({ key: 1 }, ge.value, {
 					label: c.positiveText,
-					severity: c.positiveSeverity,
 					disabled: Y.value && U.value !== "positive",
 					loading: U.value === "positive",
-					onClick: xe
-				}, null, 8, [
+					onClick: Se
+				}), null, 16, [
 					"label",
-					"severity",
 					"disabled",
 					"loading"
 				])) : h("", !0)])], 2)) : h("", !0)
@@ -300,7 +305,7 @@ function R(e) {
 	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)));
+		o || (o = !0, I.delete(h), t.remove(), S(() => O(null, t)));
 	}
 	function l() {
 		r.value = !1;
@@ -343,15 +348,23 @@ function R(e) {
 				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" })]
+				footer: () => {
+					let t = n.okColor ?? "primary", r = t === "primary" ? { type: "primary" } : t === "danger" ? {
+						type: "primary",
+						danger: !0
+					} : {
+						color: t,
+						variant: "solid"
+					};
+					return [n.showCancel ? b(i, {
+						disabled: a.value,
+						onClick: f
+					}, { default: () => n.cancelText ?? e.value.reject ?? "Cancel" }) : null, b(i, {
+						...r,
+						loading: a.value,
+						onClick: () => void d()
+					}, { default: () => n.okText ?? e.value.confirm ?? "OK" })];
+				}
 			});
 		}
 	}), h = {