@getmicdrop/venue-calendar 4.3.136 → 4.3.139

package/dist/Calendar-CNWS2xiR.js

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