morya-ui 0.1.1 → 0.2.1

package/dist/confirm-dialog/index.js

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