morya-ui 0.1.1 → 0.2.1

package/dist/confirm-popup/index.js

@@ -1,16 +1,19 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { t } from "../Button-DnE_ns8s.js";
-import { n, t as r } from "../overlay-oR-5MDuE.js";
-import { t as i } from "../overlayPlacement-Cd20JTD_.js";
-import { t as a } from "../asyncGuard-CPGT_TKu.js";
-import { c as o } from "../config-CI8_WBbE.js";
-import { n as s } 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, t as i } from "../overlay-oR-5MDuE.js";
+import { t as a } from "../overlayPlacement-Cd20JTD_.js";
+import { t as o } from "../asyncGuard-CPGT_TKu.js";
+import { c as s } from "../config-CI8_WBbE.js";
+import { n as c } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, nextTick as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, openBlock as S, ref as C, renderSlot as w, toDisplayString as T, watch as E, withCtx as D } from "vue";
+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, mergeProps as y, nextTick as b, onBeforeUnmount as x, openBlock as S, ref as C, renderSlot as w, toDisplayString as T, unref as E, useAttrs as D, watch as O, withCtx as k } from "vue";
 //#region src/components/ConfirmPopup/ConfirmPopup.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "m-confirmpopup__message" }, k = { class: "m-confirmpopup__footer" }, A = /* @__PURE__ */ _({
+var A = { class: "m-confirmpopup__message" }, j = { class: "m-confirmpopup__footer" }, M = /* @__PURE__ */ v({
+	inheritAttrs: !1,
 	__name: "ConfirmPopup",
 	props: {
+		pt: {},
 		modelValue: {
 			type: Boolean,
 			default: !1
@@ -35,98 +38,99 @@ var O = { class: "m-confirmpopup__message" }, k = { class: "m-confirmpopup__foot
 		"accept",
 		"reject"
 	],
-	setup(_, { emit: A }) {
-		let j = _, M = A, N = o(), P = s(), F = C(null), I = C({}), L = C(!1), R = u(() => n(j, N.value.appendTo)), z = u(() => r(j, N.value.appendTo));
-		function B() {
-			L.value = !1, M("update:modelValue", !1);
+	setup(v, { emit: M }) {
+		let N = v, P = D(), { rootAttrs: F } = e(P, () => N.pt), I = M, L = s(), R = c(), z = C(null), B = C({}), V = C(!1), H = d(() => r(N, L.value.appendTo)), U = d(() => i(N, L.value.appendTo));
+		function W() {
+			V.value = !1, I("update:modelValue", !1);
 		}
-		async function V() {
-			if (!L.value) {
-				L.value = !0;
+		async function G() {
+			if (!V.value) {
+				V.value = !0;
 				try {
-					if (!await a(j.beforeAccept)) return;
-					M("accept"), B();
+					if (!await o(N.beforeAccept)) return;
+					I("accept"), W();
 				} finally {
-					L.value &&= !1;
+					V.value &&= !1;
 				}
 			}
 		}
-		function H() {
-			L.value || (M("reject"), B());
+		function K() {
+			V.value || (I("reject"), W());
 		}
-		function U() {
-			if (j.target) {
-				let e = j.target.getBoundingClientRect(), t = j.placement === "top" || j.placement === "left" || j.placement === "right" ? j.placement : "bottom";
-				I.value = i(e, t);
+		function q() {
+			if (N.target) {
+				let e = N.target.getBoundingClientRect(), t = N.placement === "top" || N.placement === "left" || N.placement === "right" ? N.placement : "bottom";
+				B.value = a(e, t);
 				return;
 			}
-			if (j.position) {
-				I.value = {
-					left: `${j.position.left}px`,
-					top: `${j.position.top}px`
+			if (N.position) {
+				B.value = {
+					left: `${N.position.left}px`,
+					top: `${N.position.top}px`
 				};
 				return;
 			}
-			I.value = {
+			B.value = {
 				left: "50%",
 				top: "30%",
 				transform: "translateX(-50%)"
 			};
 		}
-		function W(e) {
-			e.key === "Escape" && H();
+		function J(e) {
+			e.key === "Escape" && K();
 		}
-		function G(e) {
-			F.value?.contains(e.target) || j.target?.contains(e.target) || H();
+		function Y(e) {
+			z.value?.contains(e.target) || N.target?.contains(e.target) || K();
 		}
-		E(() => j.modelValue, async (e) => {
-			e ? (document.addEventListener("keydown", W), window.addEventListener("resize", U), window.addEventListener("scroll", U, !0), await v(), U(), F.value?.focus(), window.setTimeout(() => document.addEventListener("click", G), 0)) : (document.removeEventListener("keydown", W), document.removeEventListener("click", G), window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0), F.value?.contains(document.activeElement) && j.target?.focus({ preventScroll: !0 }));
-		}, { immediate: !0 }), E(() => [
-			j.target,
-			j.position,
-			j.placement
+		O(() => N.modelValue, async (e) => {
+			e ? (document.addEventListener("keydown", J), window.addEventListener("resize", q), window.addEventListener("scroll", q, !0), await b(), q(), z.value?.focus(), window.setTimeout(() => document.addEventListener("click", Y), 0)) : (document.removeEventListener("keydown", J), document.removeEventListener("click", Y), window.removeEventListener("resize", q), window.removeEventListener("scroll", q, !0), z.value?.contains(document.activeElement) && N.target?.focus({ preventScroll: !0 }));
+		}, { immediate: !0 }), O(() => [
+			N.target,
+			N.position,
+			N.placement
 		], () => {
-			j.modelValue && U();
+			N.modelValue && q();
 		}), x(() => {
-			document.removeEventListener("keydown", W), document.removeEventListener("click", G), window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
+			document.removeEventListener("keydown", J), document.removeEventListener("click", Y), window.removeEventListener("resize", q), window.removeEventListener("scroll", q, !0);
 		});
-		let K = u(() => j.modelValue), q = u(() => j.acceptLabel ?? P.value.accept), J = u(() => j.rejectLabel ?? P.value.reject);
-		return (n, r) => (S(), d(c, {
-			to: R.value.to,
-			disabled: R.value.disabled
-		}, [g(l, { name: "m-scale-fade" }, {
-			default: D(() => [K.value ? (S(), p("div", {
+		let X = d(() => N.modelValue), Z = d(() => N.acceptLabel ?? R.value.accept), Q = d(() => N.rejectLabel ?? R.value.reject);
+		return (e, r) => (S(), f(l, {
+			to: H.value.to,
+			disabled: H.value.disabled
+		}, [_(u, { name: "m-scale-fade" }, {
+			default: k(() => [X.value ? (S(), m("div", y({
 				key: 0,
 				ref_key: "panel",
-				ref: F,
-				class: y(["m-confirmpopup", { "m-confirmpopup--teleported": z.value }]),
+				ref: z
+			}, E(F), {
+				class: ["m-confirmpopup", { "m-confirmpopup--teleported": U.value }],
 				role: "alertdialog",
 				tabindex: "-1",
-				style: b(I.value)
-			}, [m("div", O, [_.icon ? (S(), d(e, {
+				style: B.value
+			}), [h("div", A, [v.icon ? (S(), f(t, {
 				key: 0,
 				class: "m-confirmpopup__icon",
-				name: _.icon,
+				name: v.icon,
 				size: "sm"
-			}, null, 8, ["name"])) : f("", !0), w(n.$slots, "default", {}, () => [h(T(_.message), 1)])]), m("div", k, [g(t, {
-				label: J.value,
+			}, null, 8, ["name"])) : p("", !0), w(e.$slots, "default", {}, () => [g(T(v.message), 1)])]), h("div", j, [_(n, {
+				label: Q.value,
 				severity: "secondary",
 				size: "small",
-				onClick: H
-			}, null, 8, ["label"]), g(t, {
-				label: q.value,
+				onClick: K
+			}, null, 8, ["label"]), _(n, {
+				label: Z.value,
 				size: "small",
-				severity: _.acceptSeverity,
-				loading: L.value,
-				onClick: V
+				severity: v.acceptSeverity,
+				loading: V.value,
+				onClick: G
 			}, null, 8, [
 				"label",
 				"severity",
 				"loading"
-			])])], 6)) : f("", !0)]),
+			])])], 16)) : p("", !0)]),
 			_: 3
 		})], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { A as MConfirmPopup };
+export { M as MConfirmPopup };