@getmicdrop/venue-calendar 4.0.82 → 4.0.84

package/dist/GalleryView.legacy-XpQUg-5_.js

@@ -1,52 +0,0 @@
-import "svelte/internal/disclose-version";
-import * as e from "svelte/internal/client";
-import { onMount as C, onDestroy as M } from "svelte";
-import { G as x } from "./GalleryCard-BcIcYghD.js";
-import { aI as k } from "./VenueCalendar-DMSeDRSN.js";
-var w = e.from_html('<li class="list-none"><!></li>'), E = e.from_html('<div class="flex items-center justify-center gap-2 py-2 p-6" role="status" aria-live="polite"><span class="text-sm text-muted-foreground">Loading more events...</span></div>'), G = e.from_html('<section class="w-full" aria-label="Events gallery"><h2 class="sr-only svelte-lb0ck7">Upcoming events</h2> <ul class="grid grid-cols-1 gap-4 bg-bg-secondary p-2 sm:grid-cols-2 sm:gap-4 sm:p-3 md:grid-cols-3 md:gap-5 md:p-4 lg:grid-cols-4 lg:gap-6 lg:p-5" role="list"></ul> <!></section>');
-function D(v, i) {
-  e.push(i, !0);
-  let p = e.prop(i, "events", 19, () => []), m = e.prop(i, "initialCount", 3, 12), u = e.prop(i, "loadMoreCount", 3, 12), s = m(), o, t, g = e.derived(() => k(p())), f = e.derived(() => e.get(g).slice(0, s)), c = e.derived(() => s < e.get(g).length);
-  function h() {
-    s += u();
-  }
-  C(() => {
-    t = new IntersectionObserver(
-      (r) => {
-        r[0].isIntersecting && e.get(c) && h();
-      },
-      { rootMargin: "100px" }
-    ), o && t.observe(o);
-  }), M(() => {
-    t && t.disconnect();
-  }), e.user_effect(() => {
-    t && o && (t.disconnect(), t.observe(o));
-  });
-  var a = G(), d = e.sibling(e.child(a), 2);
-  e.each(d, 21, () => e.get(f), e.index, (r, n) => {
-    var l = w(), _ = e.child(l);
-    x(_, {
-      get event() {
-        return e.get(n);
-      },
-      get oneventClick() {
-        return i.oneventClick;
-      }
-    }), e.reset(l), e.append(r, l);
-  }), e.reset(d);
-  var y = e.sibling(d, 2);
-  {
-    var b = (r) => {
-      var n = E();
-      e.bind_this(n, (l) => o = l, () => o), e.append(r, n);
-    };
-    e.if(y, (r) => {
-      e.get(c) && r(b);
-    });
-  }
-  e.reset(a), e.append(v, a), e.pop();
-}
-export {
-  D as default
-};
-//# sourceMappingURL=GalleryView.legacy-XpQUg-5_.js.map

package/dist/GalleryView.legacy-XpQUg-5_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GalleryView.legacy-XpQUg-5_.js","sources":["../src/components/Calendar/GalleryView.legacy.svelte"],"sourcesContent":["<script>\r\n  // @ts-nocheck legacy fallback (legacy=1 path), slated for deletion after VC finalization — not type-maintained\r\n  import { onMount, onDestroy } from \"svelte\";\r\n  import GalleryCard from \"./GalleryCard.svelte\";\r\n  import { filterTodayAndFuture } from \"$lib/utils/browse-status.js\";\r\n\r\n  let { events = [], initialCount = 12, loadMoreCount = 12, oneventClick } = $props();\r\n\r\n  let displayedCount = initialCount;\r\n  let loadMoreTrigger;\r\n  let observer;\r\n\r\n  // Filter to today and future, sorted chronologically\r\n  let futureEvents = $derived(filterTodayAndFuture(events));\r\n  let displayedEvents = $derived(futureEvents.slice(0, displayedCount));\r\n  let hasMore = $derived(displayedCount < futureEvents.length);\r\n\r\n  function loadMore() {\r\n    displayedCount += loadMoreCount;\r\n  }\r\n\r\n  onMount(() => {\r\n    observer = new IntersectionObserver(\r\n      (entries) => {\r\n        if (entries[0].isIntersecting && hasMore) {\r\n          loadMore();\r\n        }\r\n      },\r\n      { rootMargin: '100px' }\r\n    );\r\n\r\n    if (loadMoreTrigger) {\r\n      observer.observe(loadMoreTrigger);\r\n    }\r\n  });\r\n\r\n  onDestroy(() => {\r\n    if (observer) {\r\n      observer.disconnect();\r\n    }\r\n  });\r\n\r\n  // Re-observe when trigger element changes\r\n  $effect(() => {\r\n    if (observer && loadMoreTrigger) {\r\n      observer.disconnect();\r\n      observer.observe(loadMoreTrigger);\r\n    }\r\n  });\r\n</script>\r\n\r\n<section class=\"w-full\" aria-label=\"Events gallery\">\r\n  <h2 class=\"sr-only\">Upcoming events</h2>\r\n  <ul class=\"grid grid-cols-1 gap-4 bg-bg-secondary p-2 sm:grid-cols-2 sm:gap-4 sm:p-3 md:grid-cols-3 md:gap-5 md:p-4 lg:grid-cols-4 lg:gap-6 lg:p-5\" role=\"list\">\r\n    {#each displayedEvents as event}\r\n      <li class=\"list-none\">\r\n        <GalleryCard {event} {oneventClick} />\r\n      </li>\r\n    {/each}\r\n  </ul>\r\n\r\n  <!-- Infinite scroll trigger -->\r\n  {#if hasMore}\r\n    <div bind:this={loadMoreTrigger} class=\"flex items-center justify-center gap-2 py-2 p-6\" role=\"status\" aria-live=\"polite\">\r\n      <span class=\"text-sm text-muted-foreground\">Loading more events...</span>\r\n    </div>\r\n  {/if}\r\n</section>\r\n\r\n<style>\r\n  /* Screen reader only text */\r\n  .sr-only {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    clip: rect(0, 0, 0, 0);\r\n    white-space: nowrap;\r\n    border-width: 0;\r\n  }\r\n</style>\r\n"],"names":["events","$","$$props","initialCount","loadMoreCount","displayedCount","loadMoreTrigger","observer","futureEvents","filterTodayAndFuture","displayedEvents","hasMore","loadMore","onMount","entries","onDestroy","section","root_2","ul","$$anchor","event","li","root","GalleryCard","node","div","root_1","$$value","$$render","consequent"],"mappings":";;;;;;iBAAA;;AAME,MAAIA,IAAQC,EAAA,KAAAC,GAAA,UAAA,IAAA,MAAA,EAAA,GAAOC,iCAAe,EAAE,GAAEC,kCAAgB,EAAE,GAEpDC,IAAiBF,EAAY,GAC7BG,GACAC,GAGAC,IAAYP,EAAA,QAAA,MAAYQ,EAAqBT,EAAM,CAAA,CAAA,GACnDU,0BAA2BF,CAAY,EAAC,MAAM,GAAGH,CAAc,CAAA,GAC/DM,IAAOV,EAAA,QAAA,MAAYI,IAAcJ,EAAA,IAAGO,CAAY,EAAC,MAAM;AAE3D,WAASI,IAAW;AAClB,IAAAP,KAAkBD,EAAa;AAAA,EACjC;AAEA,EAAAS,QAAc;AACZ,IAAAN,IAAW,IAAI;AAAA,MACZ,CAAAO,MAAY;AACX,QAAIA,EAAQ,CAAC,EAAE,kBAAcb,EAAA,IAAIU,CAAO,KACtCC,EAAQ;AAAA,MAEZ;AAAA,MACE,EAAA,YAAY,QAAO;AAAA,OAGnBN,KACFC,EAAS,QAAQD,CAAe;AAAA,EAEpC,CAAC,GAEDS,QAAgB;AACd,IAAIR,KACFA,EAAS,WAAU;AAAA,EAEvB,CAAC,GAGDN,EAAA,kBAAc;AACZ,IAAIM,KAAYD,MACdC,EAAS,WAAU,GACnBA,EAAS,QAAQD,CAAe;AAAA,EAEpC,CAAC;MAGFU,IAAOC,EAAA,GAELC,sBAFFF,CAAO,GAAA,CAAA;SAELE,GAAE,IAAA,MAAAjB,EAAA,IACMS,CAAe,GAAAT,EAAA,OAAA,CAAAkB,GAAIC,MAAK;QAC5BC,IAAEC,EAAA,eAAFD,CAAE;AACA,IAAAE,EAAWC,GAAA;AAAA;qBAAEJ,CAAK;AAAA;;;;gBADpBC,CAAE,eAAFA,CAAE;AAAA,cAFNH,CAAE;oBAAFA,GAAE,CAAA;;;UAUAO,IAAGC,EAAA;kBAAHD,GAAG,CAAAE,MAAYrB,IAAeqB,GAAA,MAAfrB,CAAe,eAA9BmB,CAAG;AAAA;;YADDd,CAAO,KAAAiB,EAAAC,CAAA;AAAA;;UAXbb,CAAO,eAAPA,CAAO;AAFA;"}

package/dist/GroupedListView.legacy-qvwIV5Qm.js

@@ -1,145 +0,0 @@
-import "svelte/internal/disclose-version";
-import * as e from "svelte/internal/client";
-import { onMount as te, onDestroy as ae } from "svelte";
-import { aI as re, b0 as se, b1 as ie, b2 as le, P as ne, a9 as F, O as I } from "./VenueCalendar-DMSeDRSN.js";
-import { S as oe } from "./ScarcityBadge-BkRFHRif.js";
-var de = 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>'), me = e.from_html('<p class="event-description text-sm text-text-secondary mt-1.5 mb-0 line-clamp-2 max-sm:hidden svelte-r2wh13"> </p>'), ce = e.from_html("<span> </span>"), fe = 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-r2wh13" 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>'), ge = e.from_html('<div class="date-group flex border-b border-border last:border-b-0 svelte-r2wh13" role="group"><!> <ul class="events-column flex-1 flex flex-col list-none p-0 m-0 svelte-r2wh13"></ul></div>'), ve = e.from_html('<div class="flex justify-center items-center p-6 text-text-secondary" role="status" aria-live="polite"><span class="text-sm">Loading more events...</span></div>'), ue = e.from_html('<section aria-label="Event listings"><h2 class="sr-only svelte-r2wh13">Event list grouped by date</h2> <!> <!></section>');
-function _e(L, m) {
-  e.push(m, !0);
-  let k = e.prop(m, "events", 19, () => []), P = e.prop(m, "initialCount", 3, 10), U = e.prop(m, "loadMoreCount", 3, 10), T = e.prop(m, "showDateColumn", 3, !0), A = e.prop(m, "filterFutureOnly", 3, !0), _ = P(), v, c, E = e.derived(() => A() ? re(k()) : k()), B = e.derived(() => R(e.get(E).slice(0, _))), C = e.derived(() => _ < e.get(E).length);
-  function G() {
-    _ += U();
-  }
-  te(() => {
-    c = new IntersectionObserver(
-      (r) => {
-        r[0].isIntersecting && e.get(C) && G();
-      },
-      { rootMargin: "100px" }
-    ), v && c.observe(v);
-  }), ae(() => {
-    c && c.disconnect();
-  }), e.user_effect(() => {
-    c && v && (c.disconnect(), c.observe(v));
-  });
-  function R(r) {
-    const a = {};
-    for (const s of r) {
-      const n = s.date;
-      a[n] || (a[n] = []), a[n].push(s);
-    }
-    return Object.entries(a).sort(([s], [n]) => new Date(s) - new Date(n)).map(([s, n]) => ({ date: s, events: n, formattedDate: K(n) }));
-  }
-  function K(r) {
-    const a = r[0];
-    if (!a?.startDateTime) return { month: "", day: "", weekday: "" };
-    const s = se(a.startDateTime, a.timeZone);
-    return {
-      month: s.month.toUpperCase(),
-      day: String(s.date).padStart(2, "0"),
-      weekday: s.day.toUpperCase()
-    };
-  }
-  function M(r) {
-    m.oneventClick?.(r);
-  }
-  function z(r, a) {
-    (r.key === "Enter" || r.key === " ") && (r.preventDefault(), M(a));
-  }
-  var b = ue();
-  let O;
-  var S = e.sibling(e.child(b), 2);
-  e.each(S, 17, () => e.get(B), e.index, (r, a) => {
-    var s = ge(), n = e.child(s);
-    {
-      var q = (f) => {
-        var t = de(), o = e.child(t), y = e.child(o, !0);
-        e.reset(o);
-        var g = e.sibling(o, 2), d = e.child(g, !0);
-        e.reset(g);
-        var u = e.sibling(g, 2), p = e.child(u, !0);
-        e.reset(u), e.reset(t), e.template_effect(() => {
-          e.set_text(y, e.get(a).formattedDate.month), e.set_text(d, e.get(a).formattedDate.day), e.set_text(p, e.get(a).formattedDate.weekday);
-        }), e.append(f, t);
-      };
-      e.if(n, (f) => {
-        T() && f(q);
-      });
-    }
-    var j = e.sibling(n, 2);
-    e.each(j, 21, () => e.get(a).events, e.index, (f, t) => {
-      const o = e.derived(() => ie(e.get(t))), y = e.derived(() => le(e.get(o)));
-      var g = fe(), d = e.child(g);
-      let u;
-      var p = e.child(d), J = e.child(p);
-      e.reset(p);
-      var w = e.sibling(p, 2), D = e.child(w), N = e.child(D, !0);
-      e.reset(D);
-      var h = e.sibling(D, 2), Q = e.child(h, !0);
-      e.reset(h);
-      var W = e.sibling(h, 2);
-      {
-        var X = (i) => {
-          var l = me(), x = e.child(l, !0);
-          e.reset(l), e.template_effect(() => e.set_text(x, e.get(t).description)), e.append(i, l);
-        };
-        e.if(W, (i) => {
-          e.get(t).description && i(X);
-        });
-      }
-      e.reset(w);
-      var Z = e.sibling(w, 2), Y = e.child(Z);
-      {
-        var $ = (i) => {
-          var l = ce(), x = e.child(l, !0);
-          e.reset(l), e.template_effect(() => {
-            e.set_class(l, 1, `status-badge status-${e.get(o).type ?? ""}`, "svelte-r2wh13"), e.set_text(x, e.get(o).text);
-          }), e.append(i, l);
-        }, ee = (i) => {
-          {
-            let l = e.derived(() => e.get(t).ticketsRemaining ?? 0), x = e.derived(() => e.get(t).ticketsTotal ?? 0);
-            oe(i, {
-              get remaining() {
-                return e.get(l);
-              },
-              get total() {
-                return e.get(x);
-              },
-              context: "browse"
-            });
-          }
-        };
-        e.if(Y, (i) => {
-          e.get(o) ? i($) : (e.get(t).ticketsTotal > 0 || e.get(t).ticketsRemaining === 0) && i(ee, 1);
-        });
-      }
-      e.reset(Z), e.reset(d), e.reset(g), e.template_effect(
-        (i, l) => {
-          u = e.set_class(d, 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-r2wh13", null, u, { "row-unavailable": e.get(y) }), e.set_attribute(d, "aria-label", i), e.set_attribute(J, "src", e.get(t).image || ne), e.set_text(N, e.get(t).name), e.set_attribute(h, "datetime", e.get(t).startDateTime || e.get(a).date), e.set_text(Q, l);
-        },
-        [
-          () => `${e.get(t).name} on ${e.get(t).startDateTime ? F(e.get(t).startDateTime, e.get(t).timeZone) : e.get(a).date} at ${e.get(t).startDateTime ? I(e.get(t).startDateTime, e.get(t).timeZone) : ""}, ${e.get(o)?.text || e.get(t).status || "On Sale"}. Press Enter to view details.`,
-          () => e.get(t).startDateTime ? I(e.get(t).startDateTime, e.get(t).timeZone) : ""
-        ]
-      ), e.delegated("click", d, () => M(e.get(t))), e.delegated("keydown", d, (i) => z(i, e.get(t))), e.append(f, g);
-    }), e.reset(j), e.reset(s), e.template_effect((f) => e.set_attribute(s, "aria-label", `Events on ${f ?? ""}`), [
-      () => e.get(a).events[0]?.startDateTime ? F(e.get(a).events[0].startDateTime, e.get(a).events[0].timeZone) : e.get(a).date
-    ]), e.append(r, s);
-  });
-  var H = e.sibling(S, 2);
-  {
-    var V = (r) => {
-      var a = ve();
-      e.bind_this(a, (s) => v = s, () => v), e.append(r, a);
-    };
-    e.if(H, (r) => {
-      e.get(C) && r(V);
-    });
-  }
-  e.reset(b), e.template_effect(() => O = e.set_class(b, 1, "flex flex-col gap-0 svelte-r2wh13", null, O, { "no-date-column": !T() })), e.append(L, b), e.pop();
-}
-e.delegate(["click", "keydown"]);
-export {
-  _e as default
-};
-//# sourceMappingURL=GroupedListView.legacy-qvwIV5Qm.js.map

package/dist/GroupedListView.legacy-qvwIV5Qm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupedListView.legacy-qvwIV5Qm.js","sources":["../src/components/Calendar/GroupedListView.legacy.svelte"],"sourcesContent":["<script>\r\n  // @ts-nocheck legacy fallback (legacy=1 path), slated for deletion after VC finalization — not type-maintained\r\n  import { onMount, onDestroy } from \"svelte\";\r\n  import { PLACEHOLDER_IMAGE } from \"$lib/utils/constants.js\";\r\n  import { getDateParts, formatFullDate, formatEventTime } from \"$lib/utils/datetime.js\";\r\n  import { getBrowseStatus, isEventUnavailable, filterTodayAndFuture } from \"$lib/utils/browse-status.js\";\r\n  import ScarcityBadge from \"../ScarcityBadge.svelte\";\r\n\r\n  let {\r\n    events = [],\r\n    initialCount = 10,\r\n    loadMoreCount = 10,\r\n    showDateColumn = true,\r\n    filterFutureOnly = true,\r\n    oneventClick\r\n  } = $props();\r\n\r\n  let displayedCount = initialCount;\r\n  let loadMoreTrigger;\r\n  let observer;\r\n\r\n  // Filter to today and future (if enabled), then group by date\r\n  let filteredEvents = $derived(filterFutureOnly ? filterTodayAndFuture(events) : events);\r\n  let groupedEvents = $derived(groupEventsByDate(filteredEvents.slice(0, displayedCount)));\r\n  let hasMore = $derived(displayedCount < filteredEvents.length);\r\n\r\n  function loadMore() {\r\n    displayedCount += loadMoreCount;\r\n  }\r\n\r\n  onMount(() => {\r\n    observer = new IntersectionObserver(\r\n      (entries) => {\r\n        if (entries[0].isIntersecting && hasMore) {\r\n          loadMore();\r\n        }\r\n      },\r\n      { rootMargin: '100px' }\r\n    );\r\n\r\n    if (loadMoreTrigger) {\r\n      observer.observe(loadMoreTrigger);\r\n    }\r\n  });\r\n\r\n  onDestroy(() => {\r\n    if (observer) {\r\n      observer.disconnect();\r\n    }\r\n  });\r\n\r\n  // Re-observe when trigger element changes\r\n  $effect(() => {\r\n    if (observer && loadMoreTrigger) {\r\n      observer.disconnect();\r\n      observer.observe(loadMoreTrigger);\r\n    }\r\n  });\r\n\r\n  function groupEventsByDate(eventList) {\r\n    const groups = {};\r\n\r\n    for (const event of eventList) {\r\n      const dateKey = event.date; // YYYY-MM-DD format\r\n      if (!groups[dateKey]) {\r\n        groups[dateKey] = [];\r\n      }\r\n      groups[dateKey].push(event);\r\n    }\r\n\r\n    // Convert to array sorted by date\r\n    return Object.entries(groups)\r\n      .sort(([a], [b]) => new Date(a) - new Date(b))\r\n      .map(([date, events]) => ({\r\n        date,\r\n        events,\r\n        formattedDate: formatGroupDate(events),\r\n      }));\r\n  }\r\n\r\n  function formatGroupDate(events) {\r\n    // Use the first event in the group to get timezone-aware date parts\r\n    const firstEvent = events[0];\r\n    if (!firstEvent?.startDateTime) return { month: '', day: '', weekday: '' };\r\n    const parts = getDateParts(firstEvent.startDateTime, firstEvent.timeZone);\r\n    return {\r\n      month: parts.month.toUpperCase(),\r\n      day: String(parts.date).padStart(2, '0'),\r\n      weekday: parts.day.toUpperCase(),\r\n    };\r\n  }\r\n\r\n  function handleEventClick(event) {\r\n    oneventClick?.(event);\r\n  }\r\n\r\n  function handleKeydown(e, event) {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      e.preventDefault();\r\n      handleEventClick(event);\r\n    }\r\n  }\r\n</script>\r\n\r\n<section class=\"flex flex-col gap-0\" class:no-date-column={!showDateColumn} aria-label=\"Event listings\">\r\n  <h2 class=\"sr-only\">Event list grouped by date</h2>\r\n  {#each groupedEvents as group}\r\n    <div class=\"date-group flex border-b border-border last:border-b-0\" role=\"group\" aria-label=\"Events on {group.events[0]?.startDateTime ? formatFullDate(group.events[0].startDateTime, group.events[0].timeZone) : group.date}\">\r\n      <!-- Date Column -->\r\n      {#if showDateColumn}\r\n        <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\">\r\n          <span class=\"text-xs font-semibold text-text-secondary uppercase tracking-tight\">{group.formattedDate.month}</span>\r\n          <span class=\"text-2xl max-sm:text-lg font-bold text-text-primary leading-tight\">{group.formattedDate.day}</span>\r\n          <span class=\"text-xs font-semibold text-text-secondary uppercase tracking-tight\">{group.formattedDate.weekday}</span>\r\n        </div>\r\n      {/if}\r\n\r\n      <!-- Events Column -->\r\n      <ul class=\"events-column flex-1 flex flex-col list-none p-0 m-0\">\r\n        {#each group.events as event, eventIndex}\r\n          {@const eventStatus = getBrowseStatus(event)}\r\n          {@const isUnavailable = isEventUnavailable(eventStatus)}\r\n          <li class=\"list-none\">\r\n            <div\r\n              class=\"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\"\r\n              class:row-unavailable={isUnavailable}\r\n              onclick={() => handleEventClick(event)}\r\n              onkeydown={(e) => handleKeydown(e, event)}\r\n              tabindex=\"0\"\r\n              role=\"button\"\r\n              aria-label={`${event.name} on ${event.startDateTime ? formatFullDate(event.startDateTime, event.timeZone) : group.date} at ${event.startDateTime ? formatEventTime(event.startDateTime, event.timeZone) : ''}, ${eventStatus?.text || event.status || 'On Sale'}. Press Enter to view details.`}\r\n            >\r\n              <!-- Event Image -->\r\n              <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\">\r\n                <img\r\n                  src={event.image || PLACEHOLDER_IMAGE}\r\n                  alt=\"\"\r\n                  class=\"w-full h-full object-contain\"\r\n                  loading=\"lazy\"\r\n                />\r\n              </div>\r\n\r\n              <!-- Event Details (visually shown but also in aria-label, so hide from SR) -->\r\n              <div class=\"flex-1 flex flex-col gap-1.5 min-w-0\" aria-hidden=\"true\">\r\n                <h3 class=\"text-lg max-sm:text-sm font-semibold text-text-primary m-0 leading-snug\">{event.name}</h3>\r\n                <time class=\"text-sm max-sm:text-xs font-medium text-text-secondary\" datetime={event.startDateTime || group.date}>{event.startDateTime ? formatEventTime(event.startDateTime, event.timeZone) : ''}</time>\r\n                {#if event.description}\r\n                  <p class=\"event-description text-sm text-text-secondary mt-1.5 mb-0 line-clamp-2 max-sm:hidden\">{event.description}</p>\r\n                {/if}\r\n              </div>\r\n\r\n              <!-- Status / Scarcity Badge -->\r\n              <div class=\"flex items-start pt-0.5\" aria-hidden=\"true\">\r\n                {#if eventStatus}\r\n                  <span class=\"status-badge status-{eventStatus.type}\">{eventStatus.text}</span>\r\n                {:else if event.ticketsTotal > 0 || event.ticketsRemaining === 0}\r\n                  <ScarcityBadge\r\n                    remaining={event.ticketsRemaining ?? 0}\r\n                    total={event.ticketsTotal ?? 0}\r\n                    context=\"browse\"\r\n                  />\r\n                {/if}\r\n              </div>\r\n            </div>\r\n          </li>\r\n        {/each}\r\n      </ul>\r\n    </div>\r\n  {/each}\r\n\r\n  <!-- Infinite scroll trigger -->\r\n  {#if hasMore}\r\n    <div bind:this={loadMoreTrigger} class=\"flex justify-center items-center p-6 text-text-secondary\" role=\"status\" aria-live=\"polite\">\r\n      <span class=\"text-sm\">Loading more events...</span>\r\n    </div>\r\n  {/if}\r\n</section>\r\n\r\n<style>\r\n  /* When no date column, remove left border styling */\r\n  .no-date-column .date-group {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .no-date-column .events-column {\r\n    border-left: 0;\r\n  }\r\n\r\n  .event-description {\r\n    display: -webkit-box;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n  }\r\n\r\n  /* Unavailable row dimming */\r\n  .row-unavailable {\r\n    opacity: 0.6;\r\n  }\r\n\r\n  .row-unavailable img {\r\n    filter: grayscale(0.5);\r\n  }\r\n\r\n  /* Status badges -- distinct visual treatments matching gallery cards */\r\n  .status-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    font-size: 0.75rem;\r\n    line-height: 1rem;\r\n    font-weight: 700;\r\n    padding: 0.25rem 0.625rem;\r\n    border-radius: 0.25rem;\r\n    white-space: nowrap;\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  .status-cancelled {\r\n    background-color: hsl(var(--accent-danger) / 10%);\r\n    color: hsl(var(--accent-danger));\r\n    text-decoration: line-through;\r\n    text-decoration-thickness: 1.5px;\r\n\r\n    \r\n  }\r\n\r\n  .status-past {\r\n    background-color: hsl(var(--bg-tertiary));\r\n    color: hsl(var(--text-tertiary));\r\n\r\n    \r\n  }\r\n\r\n  .status-sold_out {\r\n    background-color: hsl(var(--accent-danger) / 10%);\r\n    color: hsl(var(--accent-danger));\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    font-size: 0.65rem;\r\n\r\n    \r\n  }\r\n\r\n  .status-sales_ended {\r\n    background-color: hsl(var(--bg-tertiary));\r\n    color: hsl(var(--text-tertiary));\r\n    border: 1px solid hsl(var(--stroke-primary));\r\n\r\n    \r\n  }\r\n\r\n  .status-coming_soon {\r\n    background-color: hsl(var(--brand-primary) / 15%);\r\n    color: hsl(var(--brand-primary));\r\n\r\n    \r\n  }\r\n\r\n  /* Reduced motion */\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .event-row {\r\n      transition: none;\r\n    }\r\n  }\r\n\r\n  /* Screen reader only text */\r\n  .sr-only {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    clip: rect(0, 0, 0, 0);\r\n    white-space: nowrap;\r\n    border-width: 0;\r\n  }\r\n</style>\r\n"],"names":["events","$","$$props","initialCount","loadMoreCount","showDateColumn","filterFutureOnly","displayedCount","loadMoreTrigger","observer","filteredEvents","filterTodayAndFuture","groupedEvents","groupEventsByDate","hasMore","loadMore","onMount","entries","onDestroy","eventList","groups","event","dateKey","a","b","date","formatGroupDate","firstEvent","parts","getDateParts","handleEventClick","handleKeydown","e","section","root_6","node","group","div","root_4","div_1","root","span","span_1","span_2","$$render","consequent","ul","node_1","eventStatus","getBrowseStatus","isUnavailable","isEventUnavailable","li","root_3","div_2","div_3","img","div_4","h3","time","p","root_1","text_5","consequent_1","div_5","span_3","root_2","text_6","ScarcityBadge","$$anchor","consequent_2","consequent_3","classes_1","$0","PLACEHOLDER_IMAGE","text_3","formatFullDate","formatEventTime","div_6","root_5","$$value","consequent_4","classes"],"mappings":"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"}