@getmicdrop/venue-calendar 4.0.22 → 4.0.24

package/dist/CollectionView-C0dqTs4Z.js

@@ -0,0 +1,147 @@
+import "svelte/internal/disclose-version";
+import * as e from "svelte/internal/client";
+import { onMount as Q, onDestroy as W } from "svelte";
+import { g as Y } from "./__SKIP_NAVIGATION__-CJ96TTPE.js";
+import { h as B, as as H, at as J } from "./VenueCalendar-DDc5rhjI.js";
+import "svelte/internal/flags/legacy";
+import "svelte/transition";
+import "svelte/easing";
+import { A as K } from "./AirbnbSplitMain-FWhPcWnh.js";
+import { b as X } from "./transform-BMKoz7cg.js";
+var Z = e.from_html('<div class="flex items-center justify-center py-12 text-center loading-container svelte-q4dz4y"><p> </p></div>'), $ = e.from_html('<div class="flex flex-col items-center justify-center min-h-[50vh] text-center"><div class="password-card rounded-lg p-8 max-w-sm w-full svelte-q4dz4y"><h2 class="password-title text-xl font-bold mb-2 svelte-q4dz4y"> </h2> <p class="password-description text-sm mb-6 svelte-q4dz4y"> </p> <form class="flex flex-col gap-3"><!> <button type="submit" class="password-submit px-4 py-2 rounded-lg text-sm font-semibold svelte-q4dz4y"> </button></form></div></div>'), ee = e.from_html('<div class="flex flex-col items-center justify-center min-h-[50vh] text-center"><p class="error-text svelte-q4dz4y"> </p></div>');
+function de(E, s) {
+  e.push(s, !0);
+  const D = B("CollectionView");
+  let f = e.state(!1), u = e.state(null);
+  typeof window < "u" && new URLSearchParams(window.location.search).get("legacy") === "1" && e.set(f, !0), e.user_effect(() => {
+    e.get(f) && !e.get(u) && (D.warn("[VC] DEPRECATED: ?legacy=1 fallback for CollectionView retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./CollectionView.legacy-C6qph1gT.js").then((t) => {
+      e.set(u, t.default, !0);
+    }).catch(() => {
+      e.set(f, !1);
+    }));
+  });
+  let T = e.prop(s, "organizationId", 3, ""), v = e.prop(s, "onNavigateToEvent", 3, void 0), x = e.prop(s, "password", 3, void 0), z = e.prop(s, "displayMode", 3, "gallery"), L = e.prop(s, "showViewSwitcher", 3, !0), l = e.prop(s, "labels", 19, () => ({})), g = e.state(null), a = e.state(!0), n = e.state(null), c = e.state(!1), d = e.state(!1), p = e.state(""), m = e.state(!1), b = e.derived(() => e.get(g) ? X(e.get(g)) : null);
+  async function y(t) {
+    if (e.get(c)) {
+      if (!s.collectionId) {
+        e.set(n, l().noCollectionIdProvided || "No collection ID provided", !0), e.set(a, !1);
+        return;
+      }
+      e.set(a, !0), e.set(n, null), e.set(m, !1);
+      try {
+        const r = await H(s.collectionId, t);
+        if (!e.get(c)) return;
+        if (r) {
+          if (r.passwordRequired || r.error?.code === "PASSWORD_REQUIRED") {
+            e.set(d, !0), e.set(a, !1);
+            return;
+          }
+          e.set(g, r, !0), e.set(d, !1);
+        } else {
+          if (t) {
+            e.set(d, !0), e.set(m, !0), e.set(a, !1);
+            return;
+          }
+          e.set(n, l().failedToLoadCollection || "Failed to load collection", !0);
+        }
+      } catch (r) {
+        if (e.get(c)) {
+          const o = r.message || "";
+          o.includes("401") || o.includes("403") || o.includes("password") ? e.set(d, !0) : e.set(n, o || l().failedToLoadCollection || "Failed to load collection", !0);
+        }
+      } finally {
+        e.get(c) && e.set(a, !1);
+      }
+    }
+  }
+  function R(t) {
+    t.preventDefault(), e.get(p).trim() && y(e.get(p));
+  }
+  function S(t) {
+    v() && t.id ? v()(Number(t.id), t.slug) : Y(`/${t.id}/${t.slug}`);
+  }
+  Q(() => {
+    e.set(c, !0), y(x());
+  }), W(() => {
+    e.set(c, !1);
+  });
+  var C = e.comment(), q = e.first_child(C);
+  {
+    var V = (t) => {
+      var r = e.comment(), o = e.first_child(r);
+      e.component(o, () => e.get(u), (i, h) => {
+        h(i, {
+          get collectionId() {
+            return s.collectionId;
+          },
+          get organizationId() {
+            return T();
+          },
+          get onNavigateToEvent() {
+            return v();
+          },
+          get password() {
+            return x();
+          },
+          get displayMode() {
+            return z();
+          },
+          get showViewSwitcher() {
+            return L();
+          },
+          get labels() {
+            return l();
+          }
+        });
+      }), e.append(t, r);
+    }, M = (t) => {
+      var r = Z(), o = e.child(r), i = e.child(o, !0);
+      e.reset(o), e.reset(r), e.template_effect(() => e.set_text(i, l().loadingCollection || "Loading collection...")), e.append(t, r);
+    }, N = (t) => {
+      var r = $(), o = e.child(r), i = e.child(o), h = e.child(i, !0);
+      e.reset(i);
+      var w = e.sibling(i, 2), k = e.child(w, !0);
+      e.reset(w);
+      var _ = e.sibling(w, 2), I = e.child(_);
+      {
+        let U = e.derived(() => l().enterPassword || "Enter password"), G = e.derived(() => e.get(m) ? l().incorrectPassword || "Incorrect password. Please try again." : "");
+        J(I, {
+          get placeholder() {
+            return e.get(U);
+          },
+          get error() {
+            return e.get(G);
+          },
+          get value() {
+            return e.get(p);
+          },
+          set value(O) {
+            e.set(p, O, !0);
+          }
+        });
+      }
+      var P = e.sibling(I, 2), F = e.child(P, !0);
+      e.reset(P), e.reset(_), e.reset(o), e.reset(r), e.template_effect(() => {
+        e.set_text(h, l().collectionPrivateTitle || "This collection is private"), e.set_text(k, l().collectionPrivateDescription || "Please enter the password to view this collection."), e.set_text(F, l().viewCollection || "View Collection");
+      }), e.event("submit", _, R), e.append(t, r);
+    }, A = (t) => {
+      var r = ee(), o = e.child(r), i = e.child(o);
+      e.reset(o), e.reset(r), e.template_effect(() => e.set_text(i, `${(l().errorPrefix || "Error:") ?? ""} ${e.get(n) ?? ""}`)), e.append(t, r);
+    }, j = (t) => {
+      K(t, {
+        get event() {
+          return e.get(b);
+        },
+        onCollectionEventClick: S
+      });
+    };
+    e.if(q, (t) => {
+      e.get(f) && e.get(u) ? t(V) : e.get(a) ? t(M, 1) : e.get(d) ? t(N, 2) : e.get(n) ? t(A, 3) : e.get(b) && t(j, 4);
+    });
+  }
+  e.append(E, C), e.pop();
+}
+export {
+  de as default
+};
+//# sourceMappingURL=CollectionView-C0dqTs4Z.js.map

package/dist/CollectionView-C0dqTs4Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionView-C0dqTs4Z.js","sources":["../src/components/Views/CollectionView.svelte"],"sourcesContent":["<script lang=\"ts\">\r\n\timport { onMount, onDestroy } from 'svelte';\r\n\timport { goto } from '$app/navigation';\r\n\timport { createLogger, PasswordInput } from '@getmicdrop/svelte-components';\r\n\timport AirbnbSplitMain from '$lib/premium-ticket-experience/variants/v3-airbnb-split/AirbnbSplitMain.svelte';\r\n\timport { transformCollectionData } from '$lib/premium-ticket-experience/transform';\r\n\timport { fetchPublicCollection } from '$lib/api/events';\r\n\timport type { PublicCollectionData } from '$lib/api/types';\r\n\r\n\tconst logger = createLogger('CollectionView');\r\n\r\n\t// --- Legacy fallback ---\r\n\t// RETIREMENT: 2026-08-13 — see docs/LEGACY_RETIREMENT.md.\r\n\tlet useLegacy = $state(false);\r\n\tlet LegacyComponent: any = $state(null);\r\n\r\n\tif (typeof window !== 'undefined') {\r\n\t\tconst params = new URLSearchParams(window.location.search);\r\n\t\tif (params.get('legacy') === '1') {\r\n\t\t\tuseLegacy = true;\r\n\t\t}\r\n\t}\r\n\r\n\t$effect(() => {\r\n\t\tif (useLegacy && !LegacyComponent) {\r\n\t\t\tlogger.warn(\r\n\t\t\t\t'[VC] DEPRECATED: ?legacy=1 fallback for CollectionView retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md.'\r\n\t\t\t);\r\n\t\t\timport('./CollectionView.legacy.svelte').then((m) => {\r\n\t\t\t\tLegacyComponent = m.default;\r\n\t\t\t}).catch(() => {\r\n\t\t\t\tuseLegacy = false;\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n\r\n\t// --- Props (matches old CollectionView external interface) ---\r\n\tinterface Props {\r\n\t\tcollectionId: string | number;\r\n\t\torganizationId?: string;\r\n\t\tonNavigateToEvent?: (id: number, slug: string) => void;\r\n\t\tpassword?: string;\r\n\t\tdisplayMode?: string;\r\n\t\tshowViewSwitcher?: boolean;\r\n\t\tlabels?: Record<string, string>;\r\n\t}\r\n\r\n\tlet {\r\n\t\tcollectionId,\r\n\t\torganizationId = '',\r\n\t\tonNavigateToEvent = undefined,\r\n\t\tpassword = undefined,\r\n\t\tdisplayMode = 'gallery',\r\n\t\tshowViewSwitcher = true,\r\n\t\tlabels = {},\r\n\t}: Props = $props();\r\n\r\n\t// --- State ---\r\n\tlet collection = $state<PublicCollectionData | null>(null);\r\n\tlet isLoading = $state(true);\r\n\tlet error = $state<string | null>(null);\r\n\tlet isMounted = $state(false);\r\n\tlet passwordRequired = $state(false);\r\n\tlet passwordInput = $state('');\r\n\tlet passwordError = $state(false);\r\n\r\n\t// --- Derived ---\r\n\tlet eventData = $derived(collection ? transformCollectionData(collection) : null);\r\n\r\n\t// --- Load collection data ---\r\n\tasync function loadCollection(pwd?: string): Promise<void> {\r\n\t\tif (!isMounted) return;\r\n\t\tif (!collectionId) {\r\n\t\t\terror = labels.noCollectionIdProvided || 'No collection ID provided';\r\n\t\t\tisLoading = false;\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tisLoading = true;\r\n\t\terror = null;\r\n\t\tpasswordError = false;\r\n\r\n\t\ttry {\r\n\t\t\tconst data = await fetchPublicCollection(collectionId, pwd);\r\n\t\t\tif (!isMounted) return;\r\n\r\n\t\t\tif (data) {\r\n\t\t\t\tif ((data as any).passwordRequired || (data as any).error?.code === 'PASSWORD_REQUIRED') {\r\n\t\t\t\t\tpasswordRequired = true;\r\n\t\t\t\t\tisLoading = false;\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tcollection = data;\r\n\t\t\t\tpasswordRequired = false;\r\n\t\t\t} else {\r\n\t\t\t\tif (pwd) {\r\n\t\t\t\t\tpasswordRequired = true;\r\n\t\t\t\t\tpasswordError = true;\r\n\t\t\t\t\tisLoading = false;\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\terror = labels.failedToLoadCollection || 'Failed to load collection';\r\n\t\t\t}\r\n\t\t} catch (err: any) {\r\n\t\t\tif (isMounted) {\r\n\t\t\t\tconst msg = err.message || '';\r\n\t\t\t\tif (msg.includes('401') || msg.includes('403') || msg.includes('password')) {\r\n\t\t\t\t\tpasswordRequired = true;\r\n\t\t\t\t} else {\r\n\t\t\t\t\terror = msg || labels.failedToLoadCollection || 'Failed to load collection';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tif (isMounted) {\r\n\t\t\t\tisLoading = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tfunction handlePasswordSubmit(e: Event): void {\r\n\t\te.preventDefault();\r\n\t\tif (!passwordInput.trim()) return;\r\n\t\tloadCollection(passwordInput);\r\n\t}\r\n\r\n\tfunction handleCollectionEventClick(galleryEvent: { id?: number | string; slug: string }): void {\r\n\t\tif (onNavigateToEvent && galleryEvent.id) {\r\n\t\t\tonNavigateToEvent(Number(galleryEvent.id), galleryEvent.slug);\r\n\t\t} else {\r\n\t\t\tgoto(`/${galleryEvent.id}/${galleryEvent.slug}`);\r\n\t\t}\r\n\t}\r\n\r\n\t// --- Lifecycle ---\r\n\tonMount(() => {\r\n\t\tisMounted = true;\r\n\t\tloadCollection(password);\r\n\t});\r\n\r\n\tonDestroy(() => {\r\n\t\tisMounted = false;\r\n\t});\r\n</script>\r\n\r\n{#if useLegacy && LegacyComponent}\r\n\t<svelte:component this={LegacyComponent}\r\n\t\t{collectionId}\r\n\t\t{organizationId}\r\n\t\t{onNavigateToEvent}\r\n\t\t{password}\r\n\t\t{displayMode}\r\n\t\t{showViewSwitcher}\r\n\t\t{labels}\r\n\t/>\r\n{:else if isLoading}\r\n\t<div class=\"flex items-center justify-center py-12 text-center loading-container\">\r\n\t\t<p>{labels.loadingCollection || 'Loading collection...'}</p>\r\n\t</div>\r\n{:else if passwordRequired}\r\n\t<div class=\"flex flex-col items-center justify-center min-h-[50vh] text-center\">\r\n\t\t<div class=\"password-card rounded-lg p-8 max-w-sm w-full\">\r\n\t\t\t<h2 class=\"password-title text-xl font-bold mb-2\">{labels.collectionPrivateTitle || 'This collection is private'}</h2>\r\n\t\t\t<p class=\"password-description text-sm mb-6\">{labels.collectionPrivateDescription || 'Please enter the password to view this collection.'}</p>\r\n\t\t\t<form onsubmit={handlePasswordSubmit} class=\"flex flex-col gap-3\">\r\n\t\t\t\t<PasswordInput\r\n\t\t\t\t\tbind:value={passwordInput}\r\n\t\t\t\t\tplaceholder={labels.enterPassword || \"Enter password\"}\r\n\t\t\t\t\terror={passwordError ? (labels.incorrectPassword || 'Incorrect password. Please try again.') : ''}\r\n\t\t\t\t/>\r\n\t\t\t\t<button type=\"submit\" class=\"password-submit px-4 py-2 rounded-lg text-sm font-semibold\">{labels.viewCollection || 'View Collection'}</button>\r\n\t\t\t</form>\r\n\t\t</div>\r\n\t</div>\r\n{:else if error}\r\n\t<div class=\"flex flex-col items-center justify-center min-h-[50vh] text-center\">\r\n\t\t<p class=\"error-text\">{labels.errorPrefix || 'Error:'} {error}</p>\r\n\t</div>\r\n{:else if eventData}\r\n\t<AirbnbSplitMain\r\n\t\tevent={eventData}\r\n\t\tonCollectionEventClick={handleCollectionEventClick}\r\n\t/>\r\n{/if}\r\n\r\n<style>\r\n\t.loading-container {\r\n\t\tcolor: hsl(var(--text-secondary, 215 16% 47%));\r\n\t}\r\n\r\n\t.error-text {\r\n\t\tcolor: hsl(var(--status-sold-out, 0 72% 51%));\r\n\t}\r\n\r\n\t.password-card {\r\n\t\tbackground: hsl(var(--surface-primary, 0 0% 100%));\r\n\t\tbox-shadow: 0 2px 10px color-mix(in srgb, black 10%, transparent);\r\n\t}\r\n\r\n\t.password-title {\r\n\t\tcolor: hsl(var(--text-primary, 0 0% 10%));\r\n\t}\r\n\r\n\t.password-description {\r\n\t\tcolor: hsl(var(--text-secondary, 0 0% 45%));\r\n\t}\r\n\r\n\t.password-submit {\r\n\t\tbackground: hsl(var(--brand-primary, 220 90% 56%));\r\n\t\tcolor: hsl(var(--text-on-primary, 0 0% 100%));\r\n\t}\r\n\r\n\t.password-submit:hover {\r\n\t\tfilter: brightness(0.95);\r\n\t}\r\n</style>\r\n"],"names":["logger","createLogger","useLegacy","$","LegacyComponent","m","organizationId","onNavigateToEvent","password","displayMode","showViewSwitcher","labels","$$props","collection","isLoading","error","isMounted","passwordRequired","passwordInput","passwordError","eventData","transformCollectionData","loadCollection","pwd","data","fetchPublicCollection","err","msg","handlePasswordSubmit","e","handleCollectionEventClick","galleryEvent","goto","onMount","onDestroy","$$anchor","$$component","div","root_2","p","div_1","root_3","div_2","h2","p_1","form","PasswordInput","node_2","$$value","button","div_3","root_4","p_2","text_4","AirbnbSplitMain","$$render","consequent","consequent_2","consequent_3","consequent_4"],"mappings":"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"}

package/dist/CollectionView.legacy-C6qph1gT.js

@@ -0,0 +1,382 @@
+import "svelte/internal/disclose-version";
+import * as e from "svelte/internal/client";
+import { onMount as ne, onDestroy as de } from "svelte";
+import { aE as ce, aF as ve, aG as ge, aH as me, aI as ue, a7 as le, N as oe, a2 as fe, e as se, as as pe, aQ as he, at as _e, aR as xe } from "./VenueCalendar-DDc5rhjI.js";
+import "svelte/internal/flags/legacy";
+import "svelte/transition";
+import "svelte/easing";
+import { G as be } from "./GalleryCard-DAg-MMat.js";
+var we = e.from_html('<div class="w-16 min-w-16 py-4 px-2.5 flex flex-col items-center justify-start bg-bg-secondary border-r border-border max-sm:w-12 max-sm:min-w-12 max-sm:py-2.5 max-sm:px-1.5" aria-hidden="true"><span class="text-xs font-semibold text-text-secondary uppercase tracking-tight"> </span> <span class="text-2xl max-sm:text-lg font-bold text-text-primary leading-tight"> </span> <span class="text-xs font-semibold text-text-secondary uppercase tracking-tight"> </span></div>'), ye = e.from_html('<p class="event-description text-sm text-text-secondary mt-1.5 mb-0 line-clamp-2 max-sm:hidden svelte-1aw0ssq"> </p>'), De = e.from_html("<span> </span>"), Te = e.from_html('<li class="list-none"><div tabindex="0" role="button"><div class="w-36 h-24 min-w-36 max-sm:w-20 max-sm:h-16 max-sm:min-w-20 rounded-lg overflow-hidden bg-bg-secondary flex items-center justify-center" aria-hidden="true"><img alt="" class="w-full h-full object-contain svelte-1aw0ssq" loading="lazy"/></div> <div class="flex-1 flex flex-col gap-1.5 min-w-0" aria-hidden="true"><h3 class="text-lg max-sm:text-sm font-semibold text-text-primary m-0 leading-snug"> </h3> <time class="text-sm max-sm:text-xs font-medium text-text-secondary"> </time> <!></div> <div class="flex items-start pt-0.5" aria-hidden="true"><!></div></div></li>'), ke = e.from_html('<div class="date-group flex border-b border-border last:border-b-0 svelte-1aw0ssq" role="group"><!> <ul class="events-column flex-1 flex flex-col list-none p-0 m-0 svelte-1aw0ssq"></ul></div>'), Ee = e.from_html('<div class="flex justify-center items-center p-6 text-text-secondary" role="status" aria-live="polite"><span class="text-sm"> </span></div>'), qe = e.from_html('<section><h2 class="sr-only svelte-1aw0ssq"> </h2> <!> <!></section>');
+function je(Z, d) {
+  e.push(d, !0);
+  let V = e.prop(d, "events", 19, () => []), z = e.prop(d, "initialCount", 3, 10), H = e.prop(d, "loadMoreCount", 3, 10), g = e.prop(d, "showDateColumn", 3, !0), f = e.prop(d, "filterFutureOnly", 3, !0), p = e.prop(d, "labels", 19, () => ({})), w = e.state(e.proxy(z())), h = e.state(void 0), _, j = e.derived(() => f() ? ce(V()) : V()), L = e.derived(() => Q(e.get(j).slice(0, e.get(w)))), y = e.derived(() => e.get(w) < e.get(j).length);
+  function K() {
+    e.set(w, e.get(w) + H());
+  }
+  ne(() => {
+    _ = new IntersectionObserver(
+      (c) => {
+        c[0].isIntersecting && e.get(y) && K();
+      },
+      { rootMargin: "100px" }
+    ), e.get(h) && _.observe(e.get(h));
+  }), de(() => {
+    _ && _.disconnect();
+  }), e.user_effect(() => {
+    _ && e.get(h) && (_.disconnect(), _.observe(e.get(h)));
+  });
+  function Q(c) {
+    const l = {};
+    for (const n of c) {
+      const m = n.date;
+      l[m] || (l[m] = []), l[m].push(n);
+    }
+    return Object.entries(l).sort(([n], [m]) => new Date(n) - new Date(m)).map(([n, m]) => ({ date: n, events: m, formattedDate: W(m) }));
+  }
+  function W(c) {
+    const l = c[0];
+    if (!l?.startDateTime) return { month: "", day: "", weekday: "" };
+    const n = ve(l.startDateTime, l.timeZone);
+    return {
+      month: n.month.toUpperCase(),
+      day: String(n.date).padStart(2, "0"),
+      weekday: n.day.toUpperCase()
+    };
+  }
+  function E(c) {
+    d.oneventClick?.(c);
+  }
+  function J(c, l) {
+    (c.key === "Enter" || c.key === " ") && (c.preventDefault(), E(l));
+  }
+  var C = qe();
+  let B;
+  var O = e.child(C), A = e.child(O, !0);
+  e.reset(O);
+  var U = e.sibling(O, 2);
+  e.each(U, 17, () => e.get(L), e.index, (c, l) => {
+    var n = ke(), m = e.child(n);
+    {
+      var F = (r) => {
+        var a = we(), v = e.child(a), k = e.child(v, !0);
+        e.reset(v);
+        var u = e.sibling(v, 2), x = e.child(u, !0);
+        e.reset(u);
+        var b = e.sibling(u, 2), D = e.child(b, !0);
+        e.reset(b), e.reset(a), e.template_effect(() => {
+          e.set_text(k, e.get(l).formattedDate.month), e.set_text(x, e.get(l).formattedDate.day), e.set_text(D, e.get(l).formattedDate.weekday);
+        }), e.append(r, a);
+      };
+      e.if(m, (r) => {
+        g() && r(F);
+      });
+    }
+    var t = e.sibling(m, 2);
+    e.each(t, 21, () => e.get(l).events, e.index, (r, a) => {
+      const v = e.derived(() => ge(e.get(a))), k = e.derived(() => me(e.get(v)));
+      var u = Te(), x = e.child(u);
+      let b;
+      var D = e.child(x), R = e.child(D);
+      e.reset(D);
+      var S = e.sibling(D, 2), q = e.child(S), I = e.child(q, !0);
+      e.reset(q);
+      var T = e.sibling(q, 2), Y = e.child(T, !0);
+      e.reset(T);
+      var $ = e.sibling(T, 2);
+      {
+        var ee = (i) => {
+          var s = ye(), o = e.child(s, !0);
+          e.reset(s), e.template_effect(() => e.set_text(o, e.get(a).description)), e.append(i, s);
+        };
+        e.if($, (i) => {
+          e.get(a).description && i(ee);
+        });
+      }
+      e.reset(S);
+      var N = e.sibling(S, 2), te = e.child(N);
+      {
+        var ae = (i) => {
+          var s = De(), o = e.child(s, !0);
+          e.reset(s), e.template_effect(() => {
+            e.set_class(s, 1, `status-badge status-${e.get(v).type ?? ""}`, "svelte-1aw0ssq"), e.set_text(o, e.get(v).text);
+          }), e.append(i, s);
+        }, ie = (i) => {
+          {
+            let s = e.derived(() => e.get(a).ticketsRemaining ?? 0), o = e.derived(() => e.get(a).ticketsTotal ?? 0);
+            fe(i, {
+              get remaining() {
+                return e.get(s);
+              },
+              get total() {
+                return e.get(o);
+              },
+              context: "browse",
+              get labels() {
+                return p();
+              }
+            });
+          }
+        };
+        e.if(te, (i) => {
+          e.get(v) ? i(ae) : (e.get(a).ticketsTotal > 0 || e.get(a).ticketsRemaining === 0) && i(ie, 1);
+        });
+      }
+      e.reset(N), e.reset(x), e.reset(u), e.template_effect(
+        (i, s) => {
+          b = e.set_class(x, 1, "event-row flex gap-4 max-sm:gap-2.5 p-5 max-sm:p-3 cursor-pointer transition-colors duration-150 bg-card border-b border-border/50 last:border-b-0 hover:bg-bg-secondary focus:outline-2 focus:outline-brand-primary focus:-outline-offset-2 focus-visible:outline-2 focus-visible:outline-brand-primary:outline-brand-primary focus-visible:-outline-offset-2 svelte-1aw0ssq", null, b, { "row-unavailable": e.get(k) }), e.set_attribute(x, "aria-label", i), e.set_attribute(R, "src", e.get(a).image || ue), e.set_text(I, e.get(a).name), e.set_attribute(T, "datetime", e.get(a).startDateTime || e.get(l).date), e.set_text(Y, s);
+        },
+        [
+          () => `${e.get(a).name} on ${e.get(a).startDateTime ? le(e.get(a).startDateTime, e.get(a).timeZone) : e.get(l).date} at ${e.get(a).startDateTime ? oe(e.get(a).startDateTime, e.get(a).timeZone) : ""}, ${e.get(v)?.text || e.get(a).status || p().statusOnSale || "On Sale"}. ${p().pressEnterToView || "Press Enter to view details"}`,
+          () => e.get(a).startDateTime ? oe(e.get(a).startDateTime, e.get(a).timeZone) : ""
+        ]
+      ), e.delegated("click", x, () => E(e.get(a))), e.delegated("keydown", x, (i) => J(i, e.get(a))), e.append(r, u);
+    }), e.reset(t), e.reset(n), e.template_effect((r) => e.set_attribute(n, "aria-label", `Events on ${r ?? ""}`), [
+      () => e.get(l).events[0]?.startDateTime ? le(e.get(l).events[0].startDateTime, e.get(l).events[0].timeZone) : e.get(l).date
+    ]), e.append(c, n);
+  });
+  var X = e.sibling(U, 2);
+  {
+    var G = (c) => {
+      var l = Ee(), n = e.child(l), m = e.child(n, !0);
+      e.reset(n), e.reset(l), e.bind_this(l, (F) => e.set(h, F), () => e.get(h)), e.template_effect(() => e.set_text(m, p().loadingMoreEvents || "Loading more events...")), e.append(c, l);
+    };
+    e.if(X, (c) => {
+      e.get(y) && c(G);
+    });
+  }
+  e.reset(C), e.template_effect(() => {
+    B = e.set_class(C, 1, "flex flex-col gap-0 svelte-1aw0ssq", null, B, { "no-date-column": !g() }), e.set_attribute(C, "aria-label", p().eventListings || "Event listings"), e.set_text(A, p().eventListGroupedByDate || "Event list grouped by date");
+  }), e.append(Z, C), e.pop();
+}
+e.delegate(["click", "keydown"]);
+var Ce = e.from_html('<div class="password-container svelte-q3tjav"><div class="password-card svelte-q3tjav"><h2 class="password-title svelte-q3tjav"> </h2> <p class="password-description svelte-q3tjav"> </p> <form class="password-form svelte-q3tjav"><!> <button type="submit" class="password-submit svelte-q3tjav"> </button></form></div></div>'), Se = e.from_html('<div class="error-container svelte-q3tjav"><p class="error-text svelte-q3tjav"> </p></div>'), Ie = e.from_html('<div class="cover-image svelte-q3tjav"><div class="cover-blur svelte-q3tjav"></div> <img class="svelte-q3tjav"/></div>'), Pe = e.from_html('<p class="collection-summary svelte-q3tjav"> </p>'), Me = e.from_html('<div class="collection-description svelte-q3tjav"> </div>'), Re = e.from_html('<div class="view-switcher svelte-q3tjav" role="group"><button type="button"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect></svg></button> <button type="button"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg></button></div>'), Le = e.from_html('<div class="events-grid svelte-q3tjav"></div>'), Oe = e.from_html('<!> <div class="collection-header svelte-q3tjav"><h1 class="collection-title svelte-q3tjav"> </h1> <!> <!></div> <div class="events-section svelte-q3tjav"><div class="events-section-header svelte-q3tjav"><h2 class="events-heading svelte-q3tjav"> </h2> <!></div> <!></div>', 1), Ue = e.from_html('<div class="collection-view svelte-q3tjav"><!></div>');
+function ze(Z, d) {
+  e.push(d, !0), e.prop(d, "organizationId", 3, "");
+  let V = e.prop(d, "password", 3, void 0), z = e.prop(d, "displayMode", 3, "gallery"), H = e.prop(d, "showViewSwitcher", 3, !0), g = e.prop(d, "labels", 19, () => ({})), f = e.state(null), p = e.state(!0), w = e.state(null), h = e.state(!1), _ = e.state(!1), j = e.state(""), L = e.state(!1), y = e.state(e.proxy(z()));
+  function K(t) {
+    return {
+      id: t.id,
+      name: t.title || t.name || "",
+      date: t.startDateTime ? t.startDateTime.split("T")[0] : "",
+      image: t.image ? se(t.image) : "",
+      timeline: t.startDateTime ? W(t.startDateTime) : "",
+      status: t.status || "on_sale",
+      slug: t.slug || "",
+      ticketsRemaining: t.ticketsRemaining ?? t.ticketsAvailable,
+      ticketsTotal: t.ticketsTotal ?? t.capacity
+    };
+  }
+  function Q(t) {
+    return {
+      id: t.id,
+      name: t.title || t.name || "",
+      date: t.startDateTime ? t.startDateTime.split("T")[0] : "",
+      startDateTime: t.startDateTime || "",
+      image: t.image ? se(t.image) : "",
+      status: t.status || "on_sale",
+      slug: t.slug || "",
+      description: t.description || "",
+      ticketsRemaining: t.ticketsRemaining ?? t.ticketsAvailable,
+      ticketsTotal: t.ticketsTotal ?? t.capacity
+    };
+  }
+  function W(t) {
+    return t ? new Date(t).toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit", hour12: !0 }) : "";
+  }
+  let E = e.derived(() => e.get(f) ? O(e.get(f).events || []) : []), J = e.derived(() => e.get(E).map(K)), C = e.derived(() => e.get(E).map(Q)), B = e.derived(() => H() && e.get(E).length >= 2);
+  function O(t) {
+    return [...t].sort((r, a) => !r.startDateTime && !a.startDateTime ? 0 : r.startDateTime ? a.startDateTime ? new Date(r.startDateTime).getTime() - new Date(a.startDateTime).getTime() : -1 : 1);
+  }
+  function A(t) {
+    if (d.onNavigateToEvent) {
+      const r = t.detail || t;
+      d.onNavigateToEvent(r.id, r.slug || "");
+    }
+  }
+  async function U(t) {
+    if (e.get(h)) {
+      if (!d.collectionId) {
+        e.set(w, g().noCollectionIdProvided || "No collection ID provided", !0), e.set(p, !1);
+        return;
+      }
+      e.set(p, !0), e.set(w, null), e.set(L, !1);
+      try {
+        const r = await pe(d.collectionId, t);
+        if (!e.get(h)) return;
+        if (r) {
+          if (r.passwordRequired || r.error?.code === "PASSWORD_REQUIRED") {
+            e.set(_, !0), e.set(p, !1);
+            return;
+          }
+          e.set(f, r, !0), e.set(_, !1);
+        } else {
+          if (t) {
+            e.set(_, !0), e.set(L, !0), e.set(p, !1);
+            return;
+          }
+          e.set(w, g().failedToLoadCollection || "Failed to load collection", !0);
+        }
+      } catch (r) {
+        if (e.get(h)) {
+          const a = r.message || "";
+          a.includes("401") || a.includes("403") || a.includes("password") ? e.set(_, !0) : e.set(w, a || "Failed to load collection", !0);
+        }
+      } finally {
+        e.get(h) && e.set(p, !1);
+      }
+    }
+  }
+  function X(t) {
+    t.preventDefault(), e.get(j).trim() && U(e.get(j));
+  }
+  ne(async () => {
+    e.set(h, !0), await U(V());
+  }), de(() => {
+    e.set(h, !1);
+  });
+  var G = Ue(), c = e.child(G);
+  {
+    var l = (t) => {
+      he(t, { type: "gallery" });
+    }, n = (t) => {
+      var r = Ce(), a = e.child(r), v = e.child(a), k = e.child(v, !0);
+      e.reset(v);
+      var u = e.sibling(v, 2), x = e.child(u, !0);
+      e.reset(u);
+      var b = e.sibling(u, 2), D = e.child(b);
+      {
+        let q = e.derived(() => g().enterPassword || "Enter password"), I = e.derived(() => e.get(L) ? g().incorrectPassword || "Incorrect password. Please try again." : "");
+        _e(D, {
+          get placeholder() {
+            return e.get(q);
+          },
+          autocomplete: "current-password",
+          get error() {
+            return e.get(I);
+          },
+          get value() {
+            return e.get(j);
+          },
+          set value(T) {
+            e.set(j, T, !0);
+          }
+        });
+      }
+      var R = e.sibling(D, 2), S = e.child(R, !0);
+      e.reset(R), e.reset(b), e.reset(a), e.reset(r), e.template_effect(() => {
+        e.set_text(k, g().collectionPrivateTitle || "This collection is private"), e.set_text(x, g().collectionPrivateDescription || "Please enter the password to view this collection."), e.set_text(S, g().viewCollection || "View Collection");
+      }), e.event("submit", b, X), e.append(t, r);
+    }, m = (t) => {
+      var r = Se(), a = e.child(r), v = e.child(a);
+      e.reset(a), e.reset(r), e.template_effect(() => e.set_text(v, `${(g().errorPrefix || "Error:") ?? ""} ${e.get(w) ?? ""}`)), e.append(t, r);
+    }, F = (t) => {
+      var r = Oe(), a = e.first_child(r);
+      {
+        var v = (i) => {
+          const s = e.derived(() => se(e.get(f).coverImage));
+          var o = Ie(), P = e.child(o), M = e.sibling(P, 2);
+          e.reset(o), e.template_effect(() => {
+            e.set_style(P, `background-image: url(${e.get(s) ?? ""})`), e.set_attribute(M, "src", e.get(s)), e.set_attribute(M, "alt", e.get(f).collectionTitle);
+          }), e.append(i, o);
+        };
+        e.if(a, (i) => {
+          e.get(f).coverImage && i(v);
+        });
+      }
+      var k = e.sibling(a, 2), u = e.child(k), x = e.child(u, !0);
+      e.reset(u);
+      var b = e.sibling(u, 2);
+      {
+        var D = (i) => {
+          var s = Pe(), o = e.child(s, !0);
+          e.reset(s), e.template_effect(() => e.set_text(o, e.get(f).summary)), e.append(i, s);
+        };
+        e.if(b, (i) => {
+          e.get(f).summary && i(D);
+        });
+      }
+      var R = e.sibling(b, 2);
+      {
+        var S = (i) => {
+          var s = Me(), o = e.child(s, !0);
+          e.reset(s), e.template_effect(() => e.set_text(o, e.get(f).description)), e.append(i, s);
+        };
+        e.if(R, (i) => {
+          e.get(f).description && i(S);
+        });
+      }
+      e.reset(k);
+      var q = e.sibling(k, 2), I = e.child(q), T = e.child(I), Y = e.child(T);
+      e.reset(T);
+      var $ = e.sibling(T, 2);
+      {
+        var ee = (i) => {
+          var s = Re(), o = e.child(s);
+          let P;
+          var M = e.sibling(o, 2);
+          let re;
+          e.reset(s), e.template_effect(() => {
+            e.set_attribute(s, "aria-label", g().viewOptions || "Display mode"), P = e.set_class(o, 1, "view-switcher-btn svelte-q3tjav", null, P, {
+              "view-switcher-btn-active": e.get(y) === "gallery"
+            }), e.set_attribute(o, "aria-label", g().galleryView || "Gallery view"), e.set_attribute(o, "aria-pressed", e.get(y) === "gallery"), re = e.set_class(M, 1, "view-switcher-btn svelte-q3tjav", null, re, {
+              "view-switcher-btn-active": e.get(y) === "list"
+            }), e.set_attribute(M, "aria-label", g().listView || "List view"), e.set_attribute(M, "aria-pressed", e.get(y) === "list");
+          }), e.delegated("click", o, () => e.set(y, "gallery")), e.delegated("click", M, () => e.set(y, "list")), e.append(i, s);
+        };
+        e.if($, (i) => {
+          e.get(B) && i(ee);
+        });
+      }
+      e.reset(I);
+      var N = e.sibling(I, 2);
+      {
+        var te = (i) => {
+          {
+            let s = e.derived(() => g().noUpcomingEvents || "No upcoming events"), o = e.derived(() => g().noUpcomingEventsSubtext || "There are no events in this collection right now. Check back soon!");
+            xe(i, {
+              get message() {
+                return e.get(s);
+              },
+              get subtext() {
+                return e.get(o);
+              }
+            });
+          }
+        }, ae = (i) => {
+          je(i, {
+            get events() {
+              return e.get(C);
+            },
+            filterFutureOnly: !1,
+            oneventClick: A
+          });
+        }, ie = (i) => {
+          var s = Le();
+          e.each(s, 21, () => e.get(J), (o) => o.id, (o, P) => {
+            be(o, {
+              get event() {
+                return e.get(P);
+              },
+              oneventClick: A
+            });
+          }), e.reset(s), e.append(i, s);
+        };
+        e.if(N, (i) => {
+          e.get(E).length === 0 ? i(te) : e.get(y) === "list" ? i(ae, 1) : i(ie, !1);
+        });
+      }
+      e.reset(q), e.template_effect(() => {
+        e.set_text(x, e.get(f).collectionTitle), e.set_text(Y, `Events (${e.get(E).length ?? ""})`);
+      }), e.append(t, r);
+    };
+    e.if(c, (t) => {
+      e.get(p) ? t(l) : e.get(_) ? t(n, 1) : e.get(w) ? t(m, 2) : e.get(f) && t(F, 3);
+    });
+  }
+  e.reset(G), e.append(Z, G), e.pop();
+}
+e.delegate(["click"]);
+export {
+  ze as default
+};
+//# sourceMappingURL=CollectionView.legacy-C6qph1gT.js.map