@well-insight/ui 0.1.9 → 0.1.11

package/dist/confirm-popup/index.js

@@ -1,13 +1,14 @@
-import { t as e } from "../Icon-B6gOD07E.js";
-import { t } from "../Button-BZzV1X-d.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { t } from "../Button-tnrMSwNg.js";
 import { n, t as r } from "../overlay-oR-5MDuE.js";
-import { t as i } from "../asyncGuard-CPGT_TKu.js";
-import { c as a } from "../config-DWwce9jA.js";
-import { n as o } from "../locale-CYkJyRd1.js";
+import { t as i } from "../overlayPlacement-CN1tuC95.js";
+import { t as a } from "../asyncGuard-CPGT_TKu.js";
+import { c as o } from "../config-CTLkobga.js";
+import { n as s } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, watch as T, withCtx as E } from "vue";
+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 D = { class: "wi-confirmpopup__message" }, O = { class: "wi-confirmpopup__footer" }, k = /* @__PURE__ */ g({
+var O = { class: "wi-confirmpopup__message" }, k = { class: "wi-confirmpopup__footer" }, A = /* @__PURE__ */ _({
 	__name: "ConfirmPopup",
 	props: {
 		modelValue: {
@@ -33,110 +34,94 @@ var D = { class: "wi-confirmpopup__message" }, O = { class: "wi-confirmpopup__fo
 		"accept",
 		"reject"
 	],
-	setup(g, { emit: k }) {
-		let A = g, j = k, M = a(), N = o(), P = S(null), F = S({}), I = S(!1), L = l(() => n(A, M.value.appendTo)), R = l(() => r(A, M.value.appendTo));
-		function z() {
-			I.value = !1, j("update:modelValue", !1);
+	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 B() {
-			if (!I.value) {
-				I.value = !0;
+		async function V() {
+			if (!L.value) {
+				L.value = !0;
 				try {
-					if (!await i(A.beforeAccept)) return;
-					j("accept"), z();
+					if (!await a(j.beforeAccept)) return;
+					M("accept"), B();
 				} finally {
-					I.value &&= !1;
+					L.value &&= !1;
 				}
 			}
 		}
-		function V() {
-			I.value || (j("reject"), z());
-		}
 		function H() {
-			if (A.target) {
-				let e = A.target.getBoundingClientRect(), t = e.left + e.width / 2, n = e.top + e.height / 2;
-				A.placement === "top" ? F.value = {
-					left: `${t}px`,
-					top: `${e.top - 8}px`,
-					transform: "translate(-50%, -100%)"
-				} : A.placement === "left" ? F.value = {
-					left: `${e.left - 8}px`,
-					top: `${n}px`,
-					transform: "translate(-100%, -50%)"
-				} : A.placement === "right" ? F.value = {
-					left: `${e.right + 8}px`,
-					top: `${n}px`,
-					transform: "translateY(-50%)"
-				} : F.value = {
-					left: `${t}px`,
-					top: `${e.bottom + 8}px`,
-					transform: "translateX(-50%)"
-				};
+			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 (A.position) {
-				F.value = {
-					left: `${A.position.left}px`,
-					top: `${A.position.top}px`
+			if (j.position) {
+				I.value = {
+					left: `${j.position.left}px`,
+					top: `${j.position.top}px`
 				};
 				return;
 			}
-			F.value = {
+			I.value = {
 				left: "50%",
 				top: "30%",
 				transform: "translateX(-50%)"
 			};
 		}
-		function U(e) {
-			e.key === "Escape" && V();
-		}
 		function W(e) {
-			P.value?.contains(e.target) || A.target?.contains(e.target) || V();
+			e.key === "Escape" && H();
+		}
+		function G(e) {
+			F.value?.contains(e.target) || j.target?.contains(e.target) || H();
 		}
-		T(() => A.modelValue, async (e) => {
-			e ? (document.addEventListener("keydown", U), window.addEventListener("resize", H), window.addEventListener("scroll", H, !0), await _(), H(), P.value?.focus(), window.setTimeout(() => document.addEventListener("click", W), 0)) : (document.removeEventListener("keydown", U), document.removeEventListener("click", W), window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0));
-		}, { immediate: !0 }), T(() => [
-			A.target,
-			A.position,
-			A.placement
+		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));
+		}, { immediate: !0 }), E(() => [
+			j.target,
+			j.position,
+			j.placement
 		], () => {
-			A.modelValue && H();
-		}), b(() => {
-			document.removeEventListener("keydown", U), document.removeEventListener("click", W), window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
+			j.modelValue && U();
+		}), x(() => {
+			document.removeEventListener("keydown", W), document.removeEventListener("click", G), window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
 		});
-		let G = l(() => A.modelValue), K = l(() => A.acceptLabel ?? N.value.accept), q = l(() => A.rejectLabel ?? N.value.reject);
-		return (n, r) => (x(), u(s, {
-			to: L.value.to,
-			disabled: L.value.disabled
-		}, [h(c, { name: "wi-scale-fade" }, {
-			default: E(() => [G.value ? (x(), f("div", {
+		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: "wi-scale-fade" }, {
+			default: D(() => [K.value ? (S(), p("div", {
 				key: 0,
 				ref_key: "panel",
-				ref: P,
-				class: v(["wi-confirmpopup", { "wi-confirmpopup--teleported": R.value }]),
+				ref: F,
+				class: y(["wi-confirmpopup", { "wi-confirmpopup--teleported": z.value }]),
 				role: "alertdialog",
 				"aria-modal": "true",
 				tabindex: "-1",
-				style: y(F.value)
-			}, [p("div", D, [g.icon ? (x(), u(e, {
+				style: b(I.value)
+			}, [m("div", O, [_.icon ? (S(), d(e, {
 				key: 0,
 				class: "wi-confirmpopup__icon",
-				name: g.icon,
+				name: _.icon,
 				size: "sm"
-			}, null, 8, ["name"])) : d("", !0), C(n.$slots, "default", {}, () => [m(w(g.message), 1)])]), p("div", O, [h(t, {
-				label: q.value,
+			}, 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: V
-			}, null, 8, ["label"]), h(t, {
-				label: K.value,
+				onClick: H
+			}, null, 8, ["label"]), g(t, {
+				label: q.value,
 				size: "small",
-				loading: I.value,
-				onClick: B
-			}, null, 8, ["label", "loading"])])], 6)) : d("", !0)]),
+				loading: L.value,
+				onClick: V
+			}, null, 8, ["label", "loading"])])], 6)) : f("", !0)]),
 			_: 3
 		})], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { k as WiConfirmPopup };
+export { A as WiConfirmPopup };