@orvui/vue 0.0.0-stage → 0.1.1

package/dist/morphing-modal-Ct3pv5pK.js

@@ -0,0 +1,168 @@
+import { o as e, s as t, t as n } from "./composables-BJ1sih_H.js";
+import { c as r, r as i } from "./ease-rIvCM4O3.js";
+import { t as a } from "./utils-DIrLOK2M.js";
+import { t as o } from "./interactivity-fV41y350.js";
+import { Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createVNode as f, defineComponent as p, mergeProps as m, nextTick as h, normalizeClass as g, onMounted as _, onUpdated as v, openBlock as y, ref as b, renderSlot as x, unref as S, useAttrs as C, useId as w, watch as T, withCtx as E } from "vue";
+import { AnimatePresence as D, motion as O } from "motion-v";
+// src/motion/morphing-modal/src/MorphingModal.vue?vue&type=script&setup=true&lang.ts
+var k = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])", A = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "MorphingModal",
+	props: {
+		viewId: {},
+		placement: { default: "bottom" },
+		ariaLabel: {}
+	},
+	emits: ["close"],
+	setup(p, { emit: A }) {
+		let j = p, M = A, N = C(), P = w(), F = t(), I = c(() => j.viewId !== null), L = b(!1), R = b(null), z = b(null), B = b(null), V = b(), H = c(() => j.ariaLabel ?? N["aria-label"]);
+		function U(e = j.viewId) {
+			return [...R.value?.querySelectorAll("[data-view]") ?? []].find((t) => t.dataset.view === e);
+		}
+		function W() {
+			if (j.viewId === null || H.value) return;
+			let e = U()?.querySelector("h1,h2,h3,h4,h5,h6");
+			e && !e.id && (e.id = `${P}-${j.viewId}-title`), V.value = e?.id;
+		}
+		return T(() => j.viewId, async (e, t, n) => {
+			let r = !1;
+			if (n(() => {
+				r = !0;
+			}), e === null) return;
+			let i = U(t);
+			if (i && (i.inert = !0, i.setAttribute("aria-hidden", "true")), await h(), r) return;
+			let a = U();
+			if (a && (a.inert = !1, a.removeAttribute("aria-hidden")), W(), t !== null && e !== t && R.value) {
+				let e = R.value.ownerDocument.activeElement;
+				(!e || e === document.body || R.value.contains(e)) && (a?.querySelector(k) ?? R.value).focus({ preventScroll: !0 });
+			}
+		}, { flush: "pre" }), e(I, R, () => M("close")), o(I, [R, z], [B]), _(() => {
+			L.value = !0, h(W);
+		}), v(W), (e, t) => L.value ? (y(), l(s, {
+			key: 0,
+			to: "body"
+		}, [f(S(D), { initial: !1 }, {
+			default: E(() => [I.value ? (y(), l(S(O).button, {
+				ref: (e) => z.value = S(n)(e),
+				key: "backdrop",
+				type: "button",
+				"aria-label": "Close modal",
+				tabindex: -1,
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: { opacity: 0 },
+				transition: {
+					duration: .2,
+					ease: S(i)
+				},
+				onClick: t[0] ||= (e) => M("close"),
+				class: "pointer-events-auto fixed inset-0 z-[80] bg-background/5 [backdrop-filter:blur(14px)_saturate(140%)] [-webkit-backdrop-filter:blur(14px)_saturate(140%)]"
+			}, null, 8, ["transition"])) : u("", !0), I.value ? (y(), d("div", {
+				key: "panel-layer",
+				ref_key: "layer",
+				ref: B,
+				class: g(S(a)("pointer-events-none fixed inset-4 z-[80] flex justify-center", p.placement === "bottom" ? "items-end pb-4" : "items-center"))
+			}, [f(S(O).div, m({
+				ref: (e) => R.value = S(n)(e),
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": H.value,
+				"aria-labelledby": H.value ? void 0 : V.value,
+				tabindex: -1,
+				layout: "",
+				initial: {
+					opacity: 0,
+					y: S(F) ? 0 : p.placement === "bottom" ? 40 : 20,
+					scale: S(F) ? 1 : .97
+				},
+				animate: {
+					opacity: 1,
+					y: 0,
+					scale: 1
+				},
+				exit: {
+					opacity: 0,
+					y: S(F) ? 0 : p.placement === "bottom" ? 40 : 20,
+					scale: S(F) ? 1 : .98,
+					transition: {
+						duration: .18,
+						ease: S(i)
+					}
+				},
+				transition: S(r)
+			}, e.$attrs, { class: S(a)("pointer-events-auto relative w-full max-w-sm overflow-hidden rounded-3xl border border-border bg-background shadow-xl outline-none will-change-transform", e.$attrs.class) }), {
+				default: E(() => [f(S(O).div, {
+					layout: "position",
+					class: "p-5"
+				}, {
+					default: E(() => [f(S(D), {
+						mode: "popLayout",
+						initial: !1
+					}, {
+						default: E(() => [(y(), l(S(O).div, {
+							key: p.viewId,
+							"data-view": p.viewId,
+							initial: S(F) ? { opacity: 0 } : {
+								opacity: 0,
+								y: 8,
+								filter: "blur(4px)"
+							},
+							animate: S(F) ? {
+								opacity: 1,
+								transition: {
+									duration: .18,
+									ease: S(i)
+								}
+							} : {
+								opacity: 1,
+								y: 0,
+								filter: "blur(0px)",
+								transition: {
+									duration: .24,
+									ease: S(i)
+								}
+							},
+							exit: S(F) ? {
+								opacity: 0,
+								transition: {
+									duration: .14,
+									ease: S(i)
+								}
+							} : {
+								opacity: 0,
+								y: -8,
+								filter: "blur(4px)",
+								transition: {
+									duration: .16,
+									ease: S(i)
+								}
+							}
+						}, {
+							default: E(() => [x(e.$slots, "default", { viewId: p.viewId })]),
+							_: 3
+						}, 8, [
+							"data-view",
+							"initial",
+							"animate",
+							"exit"
+						]))]),
+						_: 3
+					})]),
+					_: 3
+				})]),
+				_: 3
+			}, 16, [
+				"aria-label",
+				"aria-labelledby",
+				"initial",
+				"exit",
+				"transition",
+				"class"
+			])], 2)) : u("", !0)]),
+			_: 3
+		})])) : u("", !0);
+	}
+});
+export { A as t };
+
+//# sourceMappingURL=morphing-modal-Ct3pv5pK.js.map

package/dist/morphing-modal-Ct3pv5pK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"morphing-modal-Ct3pv5pK.js","names":["$attrs","_openBlock","_createBlock","_Teleport","_createVNode","_unref","_withCtx","_createCommentVNode","_createElementBlock","_normalizeClass","_mergeProps","_renderSlot","_sfc_main","useOverlay","useReducedMotion","resolveElement","SPRING_PANEL","EASE_OUT","cn","useExitInteractivity","focusable","MorphingModal_default","defineComponent","__emit","props","__props","emit","attrs","useAttrs","id","useId","reduced","active","computed","mounted","ref","panel","backdrop","layer","headingId","label","view","element","key","nameDialog","heading","watch","cancelled","cleanup","next","previous","before","nextTick","current","focused","onMounted","onUpdated","openBlock","createBlock","Teleport","createVNode","unref","AnimatePresence","withCtx","motion","node","_cache","createCommentVNode","createElementBlock","normalizeClass","mergeProps","_ctx","renderSlot"],"sources":["../src/motion/morphing-modal/src/MorphingModal.vue","../src/motion/morphing-modal/src/MorphingModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, nextTick, onMounted, onUpdated, ref, useAttrs, useId, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PANEL } from \"../../../lib/ease\";\nimport { resolveElement, useOverlay, useReducedMotion } from \"../../../lib/composables\";\nimport { useExitInteractivity } from \"../../_overlay/interactivity\";\nconst props = withDefaults(defineProps<{ viewId: string | null; placement?: \"bottom\" | \"center\"; ariaLabel?: string }>(), { placement: \"bottom\" });\nconst emit = defineEmits<{ close: [] }>();\nconst attrs = useAttrs(), id = useId(), reduced = useReducedMotion();\nconst active = computed(() => props.viewId !== null), mounted = ref(false);\nconst panel = ref<HTMLElement | null>(null), backdrop = ref<HTMLElement | null>(null), layer = ref<HTMLElement | null>(null);\nconst headingId = ref<string>();\nconst label = computed(() => props.ariaLabel ?? attrs[\"aria-label\"] as string | undefined);\nconst focusable = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])';\nfunction view(key: string | null = props.viewId) { return [...(panel.value?.querySelectorAll<HTMLElement>(\"[data-view]\") ?? [])].find(element => element.dataset.view === key); }\nfunction nameDialog() {\n  if (props.viewId === null || label.value) return;\n  const heading = view()?.querySelector<HTMLElement>(\"h1,h2,h3,h4,h5,h6\");\n  if (heading && !heading.id) heading.id = `${id}-${props.viewId}-title`;\n  headingId.value = heading?.id;\n}\nwatch(() => props.viewId, async (next, before, cleanup) => {\n  let cancelled = false;\n  cleanup(() => { cancelled = true; });\n  if (next === null) return;\n  const previous = view(before);\n  if (previous) { previous.inert = true; previous.setAttribute(\"aria-hidden\", \"true\"); }\n  await nextTick();\n  if (cancelled) return;\n  const current = view();\n  if (current) { current.inert = false; current.removeAttribute(\"aria-hidden\"); }\n  nameDialog();\n  if (before !== null && next !== before && panel.value) {\n    const focused = panel.value.ownerDocument.activeElement;\n    if (!focused || focused === document.body || panel.value.contains(focused)) (current?.querySelector<HTMLElement>(focusable) ?? panel.value).focus({ preventScroll: true });\n  }\n}, { flush: \"pre\" });\nuseOverlay(active, panel, () => emit(\"close\"));\nuseExitInteractivity(active, [panel, backdrop], [layer]);\nonMounted(() => { mounted.value = true; void nextTick(nameDialog); });\nonUpdated(nameDialog);\n</script>\n<template><Teleport v-if=\"mounted\" to=\"body\"><AnimatePresence :initial=\"false\">\n  <motion.button v-if=\"active\" :ref=\"node => backdrop = resolveElement<HTMLElement>(node)\" key=\"backdrop\" type=\"button\" aria-label=\"Close modal\" :tabindex=\"-1\"\n    :initial=\"{ opacity: 0 }\" :animate=\"{ opacity: 1 }\" :exit=\"{ opacity: 0 }\" :transition=\"{ duration: 0.2, ease: EASE_OUT }\" @click=\"emit('close')\"\n    class=\"pointer-events-auto fixed inset-0 z-[80] bg-background/5 [backdrop-filter:blur(14px)_saturate(140%)] [-webkit-backdrop-filter:blur(14px)_saturate(140%)]\" />\n  <div v-if=\"active\" key=\"panel-layer\" ref=\"layer\" :class=\"cn('pointer-events-none fixed inset-4 z-[80] flex justify-center', placement === 'bottom' ? 'items-end pb-4' : 'items-center')\">\n    <motion.div :ref=\"node => panel = resolveElement<HTMLElement>(node)\" role=\"dialog\" aria-modal=\"true\" :aria-label=\"label\" :aria-labelledby=\"label ? undefined : headingId\" :tabindex=\"-1\" layout\n      :initial=\"{ opacity: 0, y: reduced ? 0 : placement === 'bottom' ? 40 : 20, scale: reduced ? 1 : 0.97 }\" :animate=\"{ opacity: 1, y: 0, scale: 1 }\"\n      :exit=\"{ opacity: 0, y: reduced ? 0 : placement === 'bottom' ? 40 : 20, scale: reduced ? 1 : 0.98, transition: { duration: 0.18, ease: EASE_OUT } }\" :transition=\"SPRING_PANEL\" v-bind=\"$attrs\"\n      :class=\"cn('pointer-events-auto relative w-full max-w-sm overflow-hidden rounded-3xl border border-border bg-background shadow-xl outline-none will-change-transform', $attrs.class as string)\">\n      <motion.div layout=\"position\" class=\"p-5\"><AnimatePresence mode=\"popLayout\" :initial=\"false\"><motion.div :key=\"viewId!\" :data-view=\"viewId\"\n        :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 8, filter: 'blur(4px)' }\"\n        :animate=\"reduced ? { opacity: 1, transition: { duration: 0.18, ease: EASE_OUT } } : { opacity: 1, y: 0, filter: 'blur(0px)', transition: { duration: 0.24, ease: EASE_OUT } }\"\n        :exit=\"reduced ? { opacity: 0, transition: { duration: 0.14, ease: EASE_OUT } } : { opacity: 0, y: -8, filter: 'blur(4px)', transition: { duration: 0.16, ease: EASE_OUT } }\"><slot :view-id=\"viewId\" /></motion.div></AnimatePresence></motion.div>\n    </motion.div>\n  </div>\n</AnimatePresence></Teleport></template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, nextTick, onMounted, onUpdated, ref, useAttrs, useId, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PANEL } from \"../../../lib/ease\";\nimport { resolveElement, useOverlay, useReducedMotion } from \"../../../lib/composables\";\nimport { useExitInteractivity } from \"../../_overlay/interactivity\";\nconst props = withDefaults(defineProps<{ viewId: string | null; placement?: \"bottom\" | \"center\"; ariaLabel?: string }>(), { placement: \"bottom\" });\nconst emit = defineEmits<{ close: [] }>();\nconst attrs = useAttrs(), id = useId(), reduced = useReducedMotion();\nconst active = computed(() => props.viewId !== null), mounted = ref(false);\nconst panel = ref<HTMLElement | null>(null), backdrop = ref<HTMLElement | null>(null), layer = ref<HTMLElement | null>(null);\nconst headingId = ref<string>();\nconst label = computed(() => props.ariaLabel ?? attrs[\"aria-label\"] as string | undefined);\nconst focusable = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])';\nfunction view(key: string | null = props.viewId) { return [...(panel.value?.querySelectorAll<HTMLElement>(\"[data-view]\") ?? [])].find(element => element.dataset.view === key); }\nfunction nameDialog() {\n  if (props.viewId === null || label.value) return;\n  const heading = view()?.querySelector<HTMLElement>(\"h1,h2,h3,h4,h5,h6\");\n  if (heading && !heading.id) heading.id = `${id}-${props.viewId}-title`;\n  headingId.value = heading?.id;\n}\nwatch(() => props.viewId, async (next, before, cleanup) => {\n  let cancelled = false;\n  cleanup(() => { cancelled = true; });\n  if (next === null) return;\n  const previous = view(before);\n  if (previous) { previous.inert = true; previous.setAttribute(\"aria-hidden\", \"true\"); }\n  await nextTick();\n  if (cancelled) return;\n  const current = view();\n  if (current) { current.inert = false; current.removeAttribute(\"aria-hidden\"); }\n  nameDialog();\n  if (before !== null && next !== before && panel.value) {\n    const focused = panel.value.ownerDocument.activeElement;\n    if (!focused || focused === document.body || panel.value.contains(focused)) (current?.querySelector<HTMLElement>(focusable) ?? panel.value).focus({ preventScroll: true });\n  }\n}, { flush: \"pre\" });\nuseOverlay(active, panel, () => emit(\"close\"));\nuseExitInteractivity(active, [panel, backdrop], [layer]);\nonMounted(() => { mounted.value = true; void nextTick(nameDialog); });\nonUpdated(nameDialog);\n</script>\n<template><Teleport v-if=\"mounted\" to=\"body\"><AnimatePresence :initial=\"false\">\n  <motion.button v-if=\"active\" :ref=\"node => backdrop = resolveElement<HTMLElement>(node)\" key=\"backdrop\" type=\"button\" aria-label=\"Close modal\" :tabindex=\"-1\"\n    :initial=\"{ opacity: 0 }\" :animate=\"{ opacity: 1 }\" :exit=\"{ opacity: 0 }\" :transition=\"{ duration: 0.2, ease: EASE_OUT }\" @click=\"emit('close')\"\n    class=\"pointer-events-auto fixed inset-0 z-[80] bg-background/5 [backdrop-filter:blur(14px)_saturate(140%)] [-webkit-backdrop-filter:blur(14px)_saturate(140%)]\" />\n  <div v-if=\"active\" key=\"panel-layer\" ref=\"layer\" :class=\"cn('pointer-events-none fixed inset-4 z-[80] flex justify-center', placement === 'bottom' ? 'items-end pb-4' : 'items-center')\">\n    <motion.div :ref=\"node => panel = resolveElement<HTMLElement>(node)\" role=\"dialog\" aria-modal=\"true\" :aria-label=\"label\" :aria-labelledby=\"label ? undefined : headingId\" :tabindex=\"-1\" layout\n      :initial=\"{ opacity: 0, y: reduced ? 0 : placement === 'bottom' ? 40 : 20, scale: reduced ? 1 : 0.97 }\" :animate=\"{ opacity: 1, y: 0, scale: 1 }\"\n      :exit=\"{ opacity: 0, y: reduced ? 0 : placement === 'bottom' ? 40 : 20, scale: reduced ? 1 : 0.98, transition: { duration: 0.18, ease: EASE_OUT } }\" :transition=\"SPRING_PANEL\" v-bind=\"$attrs\"\n      :class=\"cn('pointer-events-auto relative w-full max-w-sm overflow-hidden rounded-3xl border border-border bg-background shadow-xl outline-none will-change-transform', $attrs.class as string)\">\n      <motion.div layout=\"position\" class=\"p-5\"><AnimatePresence mode=\"popLayout\" :initial=\"false\"><motion.div :key=\"viewId!\" :data-view=\"viewId\"\n        :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 8, filter: 'blur(4px)' }\"\n        :animate=\"reduced ? { opacity: 1, transition: { duration: 0.18, ease: EASE_OUT } } : { opacity: 1, y: 0, filter: 'blur(0px)', transition: { duration: 0.24, ease: EASE_OUT } }\"\n        :exit=\"reduced ? { opacity: 0, transition: { duration: 0.14, ease: EASE_OUT } } : { opacity: 0, y: -8, filter: 'blur(4px)', transition: { duration: 0.16, ease: EASE_OUT } }\"><slot :view-id=\"viewId\" /></motion.div></AnimatePresence></motion.div>\n    </motion.div>\n  </div>\n</AnimatePresence></Teleport></template>\n"],"mappings":"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"}