@getmicdrop/venue-calendar 4.3.136 → 4.3.138

package/dist/Calendar-9xskvKUf.js

@@ -0,0 +1,395 @@
+import { n as e } from "./classNames-CPSQ9uy4.js";
+import { i as t } from "./Button-B1cBhdtC.js";
+import { i as n, r, t as i } from "./typography-CKwYSv07.js";
+import { s as a } from "./transitions-DST-mWoo.js";
+import { f as o, g as s, i as c, n as l, r as u, u as d, v as f } from "./calendar-Cdu8fCIt.js";
+import { r as ee } from "./keyboard-Dk2PfrEz.js";
+import { c as te } from "./portalContainment-DSZUw-No.js";
+import { t as ne } from "./portal-BSuo4flQ.js";
+import { t as re } from "./floatingPosition-BCUPmGCN.js";
+import { t as p } from "./clickOutside-D448uRpo.js";
+import { i as ie, s as m, t as h } from "./to-event-card-props-C9v9dspT.js";
+import { t as ae } from "./Grid-DRRXcWRE.js";
+import { t as g } from "./EmptyState-BhK78ogy.js";
+import { t as _ } from "./EventCard-puoh3xag.js";
+import { t as v } from "./defaultLabels-CybwJCNn.js";
+import "svelte/internal/disclose-version";
+import * as y from "svelte/internal/client";
+import { SvelteMap as oe } from "svelte/reactivity";
+import { onDestroy as b, onMount as x } from "svelte";
+// node_modules/@getmicdrop/svelte-components/dist/primitives/Popover/Popover.svelte
+var S = y.from_html("<div role=\"dialog\" data-popover-panel=\"\"><!></div>"), se = y.from_html("<div class=\"relative inline-block\"><!> <!></div>");
+function C(t, n) {
+	y.push(n, !0);
+	let r = y.prop(n, "open", 15, !1), i = y.prop(n, "placement", 3, "bottom-end"), o = y.prop(n, "class", 3, ""), s = y.state(void 0), c = y.state(void 0), l = y.derived(() => /(?:^|[\s:!])-?z-/.test(o())), u = y.derived(() => y.get(l) ? void 0 : te.modalContent);
+	function d() {
+		y.get(l) && y.get(c) && (y.get(c).style.zIndex = "");
+	}
+	let f = {
+		bottom: "top",
+		top: "bottom",
+		left: "right",
+		right: "left"
+	}, ee = {
+		start: "left",
+		end: "right"
+	}, ie = y.state(void 0), m = y.derived(() => {
+		let [e, t = "start"] = (y.get(ie) ?? i()).split("-"), n = f[e] ?? "top";
+		return e === "top" || e === "bottom" ? `${n} ${ee[t] ?? "left"}` : `${n} ${t === "end" ? "bottom" : "top"}`;
+	});
+	function h() {
+		r() && (r(!1), n.onclose?.());
+	}
+	function ae() {
+		r(!r()), r() || n.onclose?.();
+	}
+	function g(e) {
+		r() && e.key === "Escape" && !e.defaultPrevented && (e.preventDefault(), h());
+	}
+	x(() => {
+		document.addEventListener("keydown", g);
+	}), b(() => {
+		typeof document < "u" && document.removeEventListener("keydown", g);
+	});
+	var _ = se(), v = y.child(_);
+	y.snippet(v, () => n.trigger, () => ({
+		toggle: ae,
+		open: r()
+	}));
+	var oe = y.sibling(v, 2), C = (t) => {
+		var r = S();
+		let l;
+		var f = y.child(r);
+		y.snippet(f, () => n.children), y.reset(r), y.bind_this(r, (e) => y.set(c, e), () => y.get(c)), y.action(r, (e, t) => re?.(e, t), () => ({
+			reference: y.get(s),
+			placement: i(),
+			offset: 4,
+			layer: "modalContent",
+			onComputed: ({ placement: e }) => {
+				y.set(ie, e, !0), d();
+			}
+		})), y.action(r, (e) => ne?.(e)), y.template_effect((e) => {
+			y.set_class(r, 1, e), y.set_attribute(r, "aria-label", n.ariaLabel), l = y.set_style(r, "", l, { "z-index": y.get(u) });
+		}, [() => y.clsx(e("rounded-lg border border-border bg-popover text-popover-foreground shadow-lg", o()))]), y.transition(3, r, () => a, () => ({ origin: y.get(m) })), y.append(t, r);
+	};
+	y.if(oe, (e) => {
+		r() && e(C);
+	}), y.reset(_), y.bind_this(_, (e) => y.set(s, e), () => y.get(s)), y.action(_, (e, t) => p?.(e, t), () => h), y.append(t, _), y.pop();
+}
+// src/components/Calendar/Calendar.svelte
+var ce = y.from_html("<div style=\"display:contents\" data-testid=\"calendar-event\"><!></div>"), le = y.from_html("<div role=\"gridcell\"><div> </div> <!></div>"), ue = y.from_html("<div class=\"month-grid svelte-1twddf5\" role=\"grid\"></div>"), de = y.from_html("<div> </div>"), fe = y.from_html("<button type=\"button\" data-testid=\"calendar-day\"><span> </span></button>"), pe = y.from_html("<div class=\"mini-grid svelte-1twddf5\" role=\"grid\"></div>"), me = y.from_html("<li class=\"list-none\"><!></li>"), he = y.from_html("<div class=\"hidden lg:block calendar-swipe-host svelte-1twddf5\"><div class=\"dow-row svelte-1twddf5\" aria-hidden=\"true\"></div> <div class=\"swipe-viewport svelte-1twddf5\"><div><!> <!> <!></div></div></div>  <div class=\"lg:hidden calendar-swipe-host svelte-1twddf5\"><div class=\"dow-row svelte-1twddf5\" aria-hidden=\"true\"></div> <div class=\"swipe-viewport svelte-1twddf5\"><div><!> <!> <!></div></div>  <div class=\"mt-4\" data-testid=\"calendar-month-list\"><!></div></div>", 1);
+function ge(e, a) {
+	y.push(a, !0), y.prop(a, "isScheduledBtn", 3, !1), y.prop(a, "eventCalendar", 3, !1), y.prop(a, "embedCalendar", 3, !1);
+	let te = y.prop(a, "currentYear", 19, () => s().getFullYear()), ne = y.prop(a, "currentMonth", 19, () => s().getMonth()), re = y.prop(a, "currentevents", 19, () => []);
+	y.prop(a, "showPartialPreview", 3, !0);
+	let p = y.prop(a, "labels", 3, v), b = y.prop(a, "locale", 3, "en-US"), x = y.prop(a, "eventDetails", 3, null), S = y.prop(a, "size", 3, "M"), se = y.prop(a, "posterFit", 3, "fit"), C = y.prop(a, "posterBackdrop", 3, "blur"), ge = y.derived(te), _e = y.derived(ne), w = o(s()), T = y.derived(() => d(y.get(ge), y.get(_e), 1)), ve = y.derived(() => f(y.get(T), {
+		month: "long",
+		year: "numeric"
+	}, b())), ye = y.derived(() => {
+		let e = new Intl.DateTimeFormat(b(), { weekday: "short" }), t = new Intl.DateTimeFormat(b(), { weekday: "narrow" });
+		return c(s()).map((n) => ({
+			short: e.format(n),
+			narrow: t.format(n)
+		}));
+	});
+	function E(e, t) {
+		return u(e.getFullYear(), e.getMonth()).map(({ day: e, inMonth: n, isToday: r }) => {
+			let i = o(e);
+			return {
+				localDay: e,
+				day: e.getDate(),
+				date: i,
+				groupedEvents: n ? m(t.get(i) ?? []) : [],
+				isOutsideMonth: !n,
+				isPast: i < w,
+				isToday: n && r
+			};
+		});
+	}
+	function be(e) {
+		return e.instances.every((e) => ie(e)?.type === "past");
+	}
+	function xe(e) {
+		return e.groupedEvents.some((e) => !be(e));
+	}
+	let D = y.derived(() => {
+		let e = new oe();
+		for (let t of re()) e.has(t.date) || e.set(t.date, []), e.get(t.date).push(t);
+		return e;
+	}), O = y.derived(() => E(y.get(T), y.get(D))), Se = y.derived(() => E(l(y.get(T), -1), y.get(D))), Ce = y.derived(() => E(l(y.get(T), 1), y.get(D))), k = y.state(0), A = y.state(0), j = 0, we = 0, M = 0, N = 0, P = 0, F = y.state(!1), I = y.state(0), L = y.state(!1), R = y.state(!1), z = null, B = y.state(!1), V = y.state(null), H = y.state(null);
+	function Te() {
+		return y.get(V)?.offsetWidth || y.get(H)?.offsetWidth || 320;
+	}
+	y.user_effect(() => {
+		if (typeof window > "u") return;
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)");
+		y.set(B, e.matches, !0);
+		let t = (e) => y.set(B, e.matches, !0);
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	});
+	function Ee(e, t, n) {
+		if (y.get(R) || y.get(B)) {
+			t?.();
+			return;
+		}
+		y.set(R, !0);
+		let r = n || Te();
+		y.set(I, e === 1 ? -r : r, !0), z = window.setTimeout(() => {
+			z = null, y.set(L, !0), requestAnimationFrame(() => {
+				t?.(), y.set(I, 0), y.set(R, !1), requestAnimationFrame(() => {
+					y.set(L, !1);
+				});
+			});
+		}, 320);
+	}
+	async function De(e, t) {
+		Ee(e, t);
+	}
+	function Oe(e) {
+		y.get(R) && (z !== null && (clearTimeout(z), z = null), y.set(R, !1), y.set(L, !1)), j = e.touches[0].clientX, we = e.touches[0].clientY, M = j, N = e.timeStamp, P = 0, y.set(F, !1), y.set(I, 0);
+	}
+	function ke(e) {
+		if (!j || y.get(R)) return;
+		let t = e.touches[0].clientX, n = e.touches[0].clientY, r = j - t, i = we - n, a = e.timeStamp;
+		if (!y.get(F) && Math.abs(r) > 10) {
+			if (Math.abs(r) > Math.abs(i)) y.set(F, !0);
+			else {
+				j = 0;
+				return;
+			}
+		}
+		if (y.get(F)) {
+			e.preventDefault();
+			let n = a - N;
+			n > 0 && (P = (M - t) / n), M = t, N = a, y.set(I, -r * .95);
+		}
+	}
+	function U(e) {
+		if (!j || !y.get(F) || y.get(R)) {
+			j = 0, y.set(F, !1);
+			return;
+		}
+		let n = e.currentTarget?.offsetWidth || Te(), r = Math.abs(y.get(I)) / n > .08, i = Math.abs(P) > .2, o = y.get(I) > 0 ? -1 : 1;
+		r || i ? (t("medium"), Ee(o, () => o === 1 ? a.onswipeNext?.() : a.onswipePrev?.(), n)) : y.set(I, 0), j = 0, y.set(F, !1), P = 0;
+	}
+	let W = y.state(""), G = y.state("");
+	function Ae(e) {
+		let t = [
+			"ArrowLeft",
+			"ArrowRight",
+			"ArrowUp",
+			"ArrowDown"
+		].includes(e.key), n = ee(e);
+		if (!t && !n || !y.get(G)) return;
+		let r = y.get(O).findIndex((e) => e.date === y.get(G));
+		if (r === -1) return;
+		if (n) {
+			e.preventDefault();
+			let t = y.get(O)[r];
+			xe(t) && (y.set(W, t.date, !0), a.ondaySelect?.({
+				date: t.date,
+				events: t.groupedEvents
+			}));
+			return;
+		}
+		let i = r;
+		e.key === "ArrowLeft" ? i = r - 1 : e.key === "ArrowRight" ? i = r + 1 : e.key === "ArrowUp" ? i = r - 7 : e.key === "ArrowDown" && (i = r + 7), !(i < 0 || i >= y.get(O).length) && (e.preventDefault(), y.set(G, y.get(O)[i].date, !0), queueMicrotask(() => {
+			document.querySelector(`[data-current-page] [data-cell-date="${y.get(O)[i].date}"]`)?.focus();
+		}));
+	}
+	y.user_effect(() => {
+		if (y.get(G) && y.get(O).some((e) => e.date === y.get(G))) return;
+		if (y.get(K) && y.get(O).some((e) => e.date === y.get(K))) {
+			y.set(G, y.get(K), !0);
+			return;
+		}
+		let e = y.get(O).find((e) => e.isToday);
+		if (e) {
+			y.set(G, e.date, !0);
+			return;
+		}
+		let t = y.get(O).find((e) => !e.isOutsideMonth && e.groupedEvents.length > 0);
+		if (t) {
+			y.set(G, t.date, !0);
+			return;
+		}
+		let n = y.get(O).find((e) => !e.isOutsideMonth);
+		n && y.set(G, n.date, !0);
+	});
+	function je(e) {
+		return !!e && y.get(O).some((t) => t.date === e && !t.isOutsideMonth);
+	}
+	let K = y.derived(() => je(y.get(W)) ? y.get(W) : je(w) ? w : ""), Me = y.derived(() => !!y.get(W) && y.get(K) === y.get(W)), Ne = y.derived(() => y.get(Me) ? m(y.get(D).get(y.get(W)) ?? []) : y.get(O).filter((e) => !e.isOutsideMonth && e.date >= w).flatMap((e) => e.groupedEvents));
+	var Pe = { animateMonthTransition: De }, Fe = he(), q = y.first_child(Fe);
+	{
+		let e = (e, t = y.noop, r = y.noop, i = y.noop) => {
+			var o = ue();
+			y.each(o, 21, t, (e) => `${e.date}|${e.isOutsideMonth ? "O" : "I"}`, (e, t) => {
+				var r = le();
+				let i;
+				var o = y.child(r), s = y.only_child(o, !0), c = y.sibling(o, 2);
+				y.each(c, 17, () => y.get(t).groupedEvents, (e) => e.event.eventID, (e, t) => {
+					let n = y.derived(() => {
+						let { pillEvents: e, ...n } = h(y.get(t), p(), b(), x(), {
+							posterFit: se(),
+							posterBackdrop: C()
+						});
+						return {
+							pillEvents: e,
+							card: n
+						};
+					}), r = y.derived(() => be(y.get(t)));
+					var i = ce(), o = y.child(i);
+					{
+						let e = y.derived(() => y.get(r) ? [] : y.get(n).card.pills);
+						_(o, y.spread_props({ pillVariant: "primary" }, () => y.get(n).card, {
+							get pills() {
+								return y.get(e);
+							},
+							layout: "micro",
+							density: "micro",
+							hideDate: !0,
+							onclick: () => a.oneventClick?.(y.get(t).event),
+							onpillclick: (e) => a.oneventClick?.(y.get(n).pillEvents[e] ?? y.get(t).event)
+						}));
+					}
+					y.reset(i), y.template_effect(() => i.inert = y.get(r)), y.append(e, i);
+				}), y.reset(r), y.template_effect(() => {
+					i = y.set_class(r, 1, "day-cell svelte-1twddf5", null, i, {
+						"day-cell--outside": y.get(t).isOutsideMonth,
+						"day-cell--past": y.get(t).isPast,
+						"day-cell--today": y.get(t).isToday
+					}), y.set_class(o, 1, `day-num ${n.eyebrow ?? ""}`, "svelte-1twddf5"), y.set_text(s, y.get(t).day);
+				}), y.append(e, r);
+			}), y.reset(o), y.template_effect(() => y.set_attribute(o, "aria-label", r())), y.bind_element_size(o, "offsetHeight", (e) => {
+				i() && y.set(k, e, !0);
+			}), y.append(e, o);
+		};
+		var J = y.child(q);
+		y.each(J, 21, () => y.get(ye), y.index, (e, t) => {
+			var r = de(), i = y.only_child(r, !0);
+			y.template_effect(() => {
+				y.set_class(r, 1, `dow-cell ${n.eyebrow ?? ""}`, "svelte-1twddf5"), y.set_text(i, y.get(t).short);
+			}), y.append(e, r);
+		}), y.reset(J);
+		var Ie = y.sibling(J, 2);
+		let t;
+		var Y = y.child(Ie);
+		let r, i;
+		var Le = y.child(Y);
+		e(Le, () => y.get(Se), () => "prev", () => !1);
+		var Re = y.sibling(Le, 2);
+		e(Re, () => y.get(O), () => y.get(ve), () => !0), e(y.sibling(Re, 2), () => y.get(Ce), () => "next", () => !1), y.reset(Y), y.reset(Ie), y.reset(q), y.bind_this(q, (e) => y.set(V, e), () => y.get(V)), y.template_effect(() => {
+			t = y.set_style(Ie, "", t, { height: y.get(k) ? `${y.get(k)}px` : void 0 }), r = y.set_class(Y, 1, "swipe-track svelte-1twddf5", null, r, {
+				"swipe-track--swiping": y.get(F),
+				"swipe-track--snapping": y.get(L)
+			}), i = y.set_style(Y, "", i, { transform: `translate3d(calc(-100% / 3 + ${y.get(I) ?? ""}px), 0, 0)` });
+		});
+	}
+	var X = y.sibling(q, 2);
+	{
+		let e = (e, t = y.noop, o = y.noop, s = y.noop) => {
+			var c = pe();
+			y.each(c, 21, t, (e) => `${e.date}|${e.isOutsideMonth ? "O" : "I"}`, (e, t) => {
+				let o = y.derived(() => xe(y.get(t))), c = y.derived(() => y.get(t).date === y.get(K));
+				var l = fe();
+				let u;
+				var d = y.child(l), f = y.only_child(d, !0);
+				y.reset(l), y.template_effect(() => {
+					u = y.set_class(l, 1, `mini-cell ${n.label ?? ""} ${(y.get(c) ? r.heavy : y.get(o) ? r.strong : "") ?? ""}`, "svelte-1twddf5", u, {
+						"mini-cell--outside": y.get(t).isOutsideMonth,
+						"mini-cell--past": y.get(t).isPast,
+						"mini-cell--today": y.get(t).isToday,
+						"mini-cell--selected": y.get(c) && y.get(Me),
+						"mini-cell--has-events": y.get(o)
+					}), y.set_attribute(l, "aria-disabled", !y.get(o)), y.set_attribute(l, "tabindex", s() && y.get(G) === y.get(t).date ? 0 : -1), y.set_attribute(l, "data-cell-date", y.get(t).date), y.set_attribute(l, "aria-label", `${y.get(t).day ?? ""} ${y.get(o) ? `· ${y.get(t).groupedEvents.length} event${y.get(t).groupedEvents.length === 1 ? "" : "s"}` : ""}`), y.set_attribute(l, "aria-pressed", y.get(c)), y.set_class(d, 1, `mini-day ${i.none ?? ""}`, "svelte-1twddf5"), y.set_text(f, y.get(t).day);
+				}), y.delegated("click", l, function(...e) {
+					(y.get(o) ? () => {
+						y.set(W, y.get(t).date, !0), y.set(G, y.get(t).date, !0), a.ondaySelect?.({
+							date: y.get(t).date,
+							events: y.get(t).groupedEvents
+						});
+					} : void 0)?.apply(this, e);
+				}), y.append(e, l);
+			}), y.reset(c), y.template_effect(() => {
+				y.set_attribute(c, "aria-label", o()), y.set_attribute(c, "data-current-page", s() ? "" : void 0);
+			}), y.bind_element_size(c, "offsetHeight", (e) => {
+				s() && y.set(A, e, !0);
+			}), y.append(e, c);
+		};
+		var Z = y.child(X);
+		y.each(Z, 21, () => y.get(ye), y.index, (e, t) => {
+			var r = de(), i = y.only_child(r, !0);
+			y.template_effect(() => {
+				y.set_class(r, 1, `dow-cell ${n.eyebrow ?? ""}`, "svelte-1twddf5"), y.set_text(i, y.get(t).narrow);
+			}), y.append(e, r);
+		}), y.reset(Z);
+		var Q = y.sibling(Z, 2);
+		let t;
+		var $ = y.child(Q);
+		let o, s;
+		var ze = y.child($);
+		e(ze, () => y.get(Se), () => "prev", () => !1);
+		var Be = y.sibling(ze, 2);
+		e(Be, () => y.get(O), () => y.get(ve), () => !0), e(y.sibling(Be, 2), () => y.get(Ce), () => "next", () => !1), y.reset($), y.reset(Q);
+		var Ve = y.sibling(Q, 2), He = y.child(Ve), Ue = (e) => {
+			ae(e, {
+				cols: "1",
+				gap: "2",
+				as: "ul",
+				children: (e, t) => {
+					var n = y.comment(), r = y.first_child(n);
+					y.each(r, 17, () => y.get(Ne), (e) => e.event.eventID, (e, t) => {
+						let n = y.derived(() => {
+							let { pillEvents: e, ...n } = h(y.get(t), p(), b(), x(), {
+								posterFit: se(),
+								posterBackdrop: C()
+							});
+							return {
+								pillEvents: e,
+								card: n
+							};
+						});
+						var r = me(), i = y.child(r);
+						_(i, y.spread_props({ pillVariant: "primary" }, () => y.get(n).card, {
+							layout: "horizontal",
+							density: "compact",
+							get hideDate() {
+								return y.get(Me);
+							},
+							onclick: () => a.oneventClick?.(y.get(t).event),
+							onpillclick: (e) => a.oneventClick?.(y.get(n).pillEvents[e] ?? y.get(t).event)
+						})), y.reset(r), y.append(e, r);
+					}), y.append(e, n);
+				},
+				$$slots: { default: !0 }
+			});
+		}, We = (e) => {
+			{
+				let t = y.derived(() => p().noUpcomingEvents || "No upcoming events");
+				g(e, { get message() {
+					return y.get(t);
+				} });
+			}
+		};
+		y.if(He, (e) => {
+			y.get(Ne).length > 0 ? e(Ue) : e(We, -1);
+		}), y.reset(Ve), y.reset(X), y.bind_this(X, (e) => y.set(H, e), () => y.get(H)), y.template_effect(() => {
+			t = y.set_style(Q, "", t, { height: y.get(A) ? `${y.get(A)}px` : void 0 }), o = y.set_class($, 1, "swipe-track svelte-1twddf5", null, o, {
+				"swipe-track--swiping": y.get(F),
+				"swipe-track--snapping": y.get(L)
+			}), s = y.set_style($, "", s, { transform: `translate3d(calc(-100% / 3 + ${y.get(I) ?? ""}px), 0, 0)` });
+		});
+	}
+	return y.template_effect(() => {
+		y.set_attribute(q, "data-size", S()), y.set_attribute(X, "data-size", S());
+	}), y.delegated("touchstart", q, Oe, void 0, !0), y.delegated("touchmove", q, ke, void 0, !0), y.delegated("touchend", q, U), y.event("touchcancel", q, U), y.delegated("touchstart", X, Oe, void 0, !0), y.delegated("touchmove", X, ke, void 0, !0), y.delegated("touchend", X, U), y.event("touchcancel", X, U), y.delegated("keydown", X, Ae), y.append(e, Fe), y.pop(Pe);
+}
+y.delegate([
+	"touchstart",
+	"touchmove",
+	"touchend",
+	"keydown",
+	"click"
+]);
+export { C as n, ge as t };