@mudakit/ui 0.1.0 → 0.2.0

package/dist/MudaDialog-C6dOmY_K.js

@@ -1,105 +0,0 @@
-import { t as e } from "./keymap-BzfMgdJH.js";
-import { t } from "./useZIndex-DWnsohLZ.js";
-import { t as n } from "./useKeyDown-B1jmp4nA.js";
-import { Teleport as r, Transition as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, nextTick as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, ref as g, renderSlot as _, resolveDynamicComponent as v, unref as y, useModel as b, useTemplateRef as x, watch as S, withCtx as C, withModifiers as w } from "vue";
-//#region src/composables/useBodyScrollLock.ts
-var T = 0, E = "", D = (e) => {
-	let t = !1, n = () => {
-		t || typeof document > "u" || (T === 0 && (E = document.body.style.overflow, document.body.style.overflow = "hidden"), T += 1, t = !0);
-	}, r = () => {
-		!t || typeof document > "u" || (--T, t = !1, T === 0 && (document.body.style.overflow = E));
-	};
-	S(e, (e) => e ? n() : r(), { immediate: !0 }), m(r);
-}, O = (t) => {
-	let n = g(null), r = (e) => {
-		let t = [
-			"a[href]",
-			"button:not([disabled])",
-			"input:not([disabled])",
-			"select:not([disabled])",
-			"textarea:not([disabled])",
-			"[tabindex]:not([tabindex=\"-1\"])",
-			"[contenteditable]:not([tabindex=\"-1\"])"
-		].join(",");
-		return Array.from(e.querySelectorAll(t));
-	}, i = (n) => {
-		if (n.key !== e.Tab || !t.value) return;
-		let i = r(t.value);
-		if (i.length === 0) return;
-		let a = i[0], o = i[i.length - 1];
-		n.shiftKey ? document.activeElement === a && (o?.focus(), n.preventDefault()) : document.activeElement === o && (a?.focus(), n.preventDefault());
-	};
-	return {
-		activate: async () => {
-			if (!t.value) return;
-			n.value = document.activeElement, document.addEventListener("keydown", i), await d();
-			let e = r(t.value);
-			e.length > 0 && e[0]?.focus();
-		},
-		deactivate: () => {
-			document.removeEventListener("keydown", i), n.value?.focus();
-		}
-	};
-}, k = /* @__PURE__ */ l({
-	__name: "MudaDialogFocusTrap",
-	props: { is: { default: "div" } },
-	setup(e) {
-		let t = e, { activate: n, deactivate: r } = O(x("trap"));
-		return p(n), m(r), (e, n) => (h(), a(v(t.is), {
-			ref: "trap",
-			tabindex: "-1",
-			role: "region"
-		}, {
-			default: C(() => [_(e.$slots, "default")]),
-			_: 3
-		}, 512));
-	}
-}), A = { class: "fixed inset-0 w-screen overflow-y-auto py-6" }, j = { class: "flex min-h-full items-center justify-center" }, M = /* @__PURE__ */ l({
-	inheritAttrs: !1,
-	__name: "MudaDialog",
-	props: {
-		modelValue: {
-			type: Boolean,
-			required: !0
-		},
-		modelModifiers: {}
-	},
-	emits: ["update:modelValue"],
-	setup(l) {
-		let d = b(l, "modelValue"), p = x("dialog"), m = t();
-		D(d), n((t) => {
-			if (d.value) switch (t.key) {
-				case e.Escape: d.value = !1, t.preventDefault();
-			}
-		});
-		let g = (e) => {
-			p.value?.contains(e.target) || (d.value = !1);
-		};
-		return (e, t) => (h(), a(r, { to: "body" }, [c(i, {
-			"enter-active-class": "transition-opacity ease-linear duration-100",
-			"leave-active-class": "transition-opacity ease-linear duration-100",
-			"enter-from-class": "opacity-0",
-			"leave-to-class": "opacity-0"
-		}, {
-			default: C(() => [d.value ? (h(), a(k, {
-				key: 0,
-				"aria-modal": "true",
-				role: "dialog",
-				class: "fixed inset-0 bg-gray-500/30 backdrop-blur-xs transition-opacity",
-				style: f({ zIndex: y(m) }),
-				onClickCapture: g,
-				onWheel: t[0] ||= w(() => {}, ["stop"])
-			}, {
-				default: C(() => [s("div", A, [s("div", j, [s("div", u(e.$attrs, {
-					class: "rounded-lg bg-background p-4 focus:outline-hidden",
-					tabindex: "0",
-					ref: "dialog"
-				}), [_(e.$slots, "default")], 16)])])]),
-				_: 3
-			}, 8, ["style"])) : o("", !0)]),
-			_: 3
-		})]));
-	}
-});
-//#endregion
-export { M as t };