morya-ui 0.1.1

package/dist/confirm-dialog/style.js

@@ -0,0 +1,6 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Button/styles.css'
+import '../components/Dialog/styles.css'
+import '../components/Icon/styles.css'
+import '../components/ConfirmDialog/styles.css'

package/dist/confirm-popup/index.js

@@ -0,0 +1,132 @@
+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 "./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";
+//#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__ */ _({
+	__name: "ConfirmPopup",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		message: {},
+		acceptLabel: {},
+		rejectLabel: {},
+		acceptSeverity: {},
+		icon: {},
+		beforeAccept: {},
+		placement: { default: "bottom" },
+		target: { default: null },
+		position: { default: null },
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {}
+	},
+	emits: [
+		"update:modelValue",
+		"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);
+		}
+		async function V() {
+			if (!L.value) {
+				L.value = !0;
+				try {
+					if (!await a(j.beforeAccept)) return;
+					M("accept"), B();
+				} finally {
+					L.value &&= !1;
+				}
+			}
+		}
+		function H() {
+			L.value || (M("reject"), B());
+		}
+		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);
+				return;
+			}
+			if (j.position) {
+				I.value = {
+					left: `${j.position.left}px`,
+					top: `${j.position.top}px`
+				};
+				return;
+			}
+			I.value = {
+				left: "50%",
+				top: "30%",
+				transform: "translateX(-50%)"
+			};
+		}
+		function W(e) {
+			e.key === "Escape" && H();
+		}
+		function G(e) {
+			F.value?.contains(e.target) || j.target?.contains(e.target) || H();
+		}
+		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
+		], () => {
+			j.modelValue && U();
+		}), x(() => {
+			document.removeEventListener("keydown", W), document.removeEventListener("click", G), window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !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", {
+				key: 0,
+				ref_key: "panel",
+				ref: F,
+				class: y(["m-confirmpopup", { "m-confirmpopup--teleported": z.value }]),
+				role: "alertdialog",
+				tabindex: "-1",
+				style: b(I.value)
+			}, [m("div", O, [_.icon ? (S(), d(e, {
+				key: 0,
+				class: "m-confirmpopup__icon",
+				name: _.icon,
+				size: "sm"
+			}, null, 8, ["name"])) : f("", !0), w(n.$slots, "default", {}, () => [h(T(_.message), 1)])]), m("div", k, [g(t, {
+				label: J.value,
+				severity: "secondary",
+				size: "small",
+				onClick: H
+			}, null, 8, ["label"]), g(t, {
+				label: q.value,
+				size: "small",
+				severity: _.acceptSeverity,
+				loading: L.value,
+				onClick: V
+			}, null, 8, [
+				"label",
+				"severity",
+				"loading"
+			])])], 6)) : f("", !0)]),
+			_: 3
+		})], 8, ["to", "disabled"]));
+	}
+});
+//#endregion
+export { A as MConfirmPopup };