@getmicdrop/venue-calendar 4.0.11 → 4.0.13

package/dist/{GroupedListView.legacy-CC1kcrgF.js.map → GroupedListView.legacy-DkcgdldK.js.map}

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

package/dist/{SeriesPage-rUuL4Pdb.js → SeriesPage-CS6NNnhs.js}

@@ -1,18 +1,18 @@
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
 import { g as S } from "./__SKIP_NAVIGATION__-CJ96TTPE.js";
-import { h as w } from "./VenueCalendar-Djc3e2j2.js";
+import { h as w } from "./VenueCalendar-Cd1WgIk0.js";
 import "svelte/internal/flags/legacy";
 import "svelte/transition";
 import "svelte/easing";
-import { A as E } from "./AirbnbSplitMain-BwFA51F6.js";
-import { a as C } from "./transform-DKVmquzJ.js";
+import { A as E } from "./AirbnbSplitMain-CYS4vkzm.js";
+import { a as C } from "./transform-BDm0ibwX.js";
 function R(f, a) {
   e.push(a, !0);
   const m = w("SeriesPage");
   let r = e.state(!1), i = e.state(null);
   typeof window < "u" && new URLSearchParams(window.location.search).get("legacy") === "1" && e.set(r, !0), e.user_effect(() => {
-    e.get(r) && !e.get(i) && (m.warn("[VC] DEPRECATED: ?legacy=1 fallback for SeriesPage retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./SeriesPage.legacy-BxPGQaCo.js").then((t) => {
+    e.get(r) && !e.get(i) && (m.warn("[VC] DEPRECATED: ?legacy=1 fallback for SeriesPage retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md."), import("./SeriesPage.legacy-mvp06wje.js").then((t) => {
       e.set(i, t.default, !0);
     }).catch(() => {
       e.set(r, !1);
@@ -53,4 +53,4 @@ function R(f, a) {
 export {
   R as default
 };
-//# sourceMappingURL=SeriesPage-rUuL4Pdb.js.map
+//# sourceMappingURL=SeriesPage-CS6NNnhs.js.map

package/dist/{SeriesPage-rUuL4Pdb.js.map → SeriesPage-CS6NNnhs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SeriesPage-rUuL4Pdb.js","sources":["../src/components/Views/SeriesPage.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { goto } from '$app/navigation';\n\timport { createLogger } from '@getmicdrop/svelte-components';\n\timport AirbnbSplitMain from '$lib/premium-ticket-experience/variants/v3-airbnb-split/AirbnbSplitMain.svelte';\n\timport { transformSeriesPageData } from '$lib/premium-ticket-experience/transform';\n\n\tconst logger = createLogger('SeriesPage');\n\n\t// --- Legacy fallback ---\n\t// RETIREMENT: 2026-08-13 — see docs/LEGACY_RETIREMENT.md.\n\tlet useLegacy = $state(false);\n\tlet LegacyComponent: any = $state(null);\n\n\tif (typeof window !== 'undefined') {\n\t\tconst params = new URLSearchParams(window.location.search);\n\t\tif (params.get('legacy') === '1') {\n\t\t\tuseLegacy = true;\n\t\t}\n\t}\n\n\t$effect(() => {\n\t\tif (useLegacy && !LegacyComponent) {\n\t\t\tlogger.warn(\n\t\t\t\t'[VC] DEPRECATED: ?legacy=1 fallback for SeriesPage retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md.'\n\t\t\t);\n\t\t\timport('./SeriesPage.legacy.svelte').then((m) => {\n\t\t\t\tLegacyComponent = m.default;\n\t\t\t}).catch(() => {\n\t\t\t\tuseLegacy = false;\n\t\t\t});\n\t\t}\n\t});\n\n\t// --- Props (matches old SeriesPage external interface) ---\n\tinterface Props {\n\t\tseries: any;\n\t\tonNavigateToOccurrence?: (id: number, slug: string, name?: string) => void;\n\t}\n\n\tlet {\n\t\tseries,\n\t\tonNavigateToOccurrence = undefined,\n\t}: Props = $props();\n\n\t// Transform series data to EventData for AirbnbSplitMain\n\tlet eventData = $derived(series ? transformSeriesPageData(series) : null);\n\n\t// Handle occurrence click — delegate to callback or navigate directly\n\tfunction handleShowtimeClick(occurrence: { id: number; slug: string }): void {\n\t\tif (onNavigateToOccurrence) {\n\t\t\tonNavigateToOccurrence(occurrence.id, occurrence.slug);\n\t\t} else {\n\t\t\tgoto(`/${occurrence.id}/${occurrence.slug}`);\n\t\t}\n\t}\n</script>\n\n{#if useLegacy && LegacyComponent}\n\t<svelte:component this={LegacyComponent}\n\t\t{series}\n\t\t{onNavigateToOccurrence}\n\t/>\n{:else if eventData}\n\t<AirbnbSplitMain\n\t\tevent={eventData}\n\t\tonShowtimeClick={handleShowtimeClick}\n\t/>\n{/if}\n\n"],"names":["logger","createLogger","useLegacy","$","LegacyComponent","m","onNavigateToOccurrence","eventData","$$props","transformSeriesPageData","handleShowtimeClick","occurrence","goto","$$anchor","$$component","AirbnbSplitMain","$$render","consequent","consequent_1"],"mappings":";;;;;;;;;iBAAA;;QAMOA,IAASC,EAAa,YAAY;MAIpCC,IAAYC,EAAA,MAAO,EAAK,GACxBC,IAAuBD,EAAA,MAAO,IAAI;SAE3B,SAAW,WACF,gBAAgB,OAAO,SAAS,MAAM,EAC9C,IAAI,QAAQ,MAAM,OAC5BA,EAAA,IAAAD,GAAY,EAAI,GAIlBC,EAAA,YAAO,MAAO;UACTD,CAAS,KAAA,CAAAC,EAAA,IAAKC,CAAe,MAChCJ,EAAO,KACN,0GAAyG,GAEnG,OAAA,iCAA4B,EAAE,KAAI,CAAEK,MAAM;YAChDD,GAAkBC,EAAE,SAAO,EAAA;AAAA,IAC5B,CAAC,EAAE,MAAK,MAAO;AACd,MAAAF,EAAA,IAAAD,GAAY,EAAK;AAAA,IAClB,CAAC;AAAA,EAEH,CAAC;AAUA,MAAAI,2CAAyB,MAAS,GAI/BC,IAASJ,EAAA,QAAA,MAAAK,EAAA,SAAqBC,EAAuBD,EAAA,MAAA,IAAW,IAAI;WAG/DE,EAAoBC,GAAgD;AACxE,IAAAL,EAAsB,IACzBA,EAAsB,EAACK,EAAW,IAAIA,EAAW,IAAI,IAErDC,MAASD,EAAW,EAAE,IAAIA,EAAW,IAAI,EAAA;AAAA,EAE3C;;;;;iCAIwBP,CAAe,GAAA,CAAAS,GAAAC,MAAA;;;;;;mBAErCR,EAAsB;AAAA;;;;AAGvB,MAAAS,EAAcF,GAAA;AAAA;uBACPN,CAAS;AAAA;yBACCG;AAAA;;;YARdR,CAAS,KAAAC,EAAA,IAAIC,CAAe,IAAAY,EAAAC,CAAA,IAAAd,EAAA,IAKvBI,CAAS,KAAAS,EAAAE,GAAA,CAAA;AAAA;;;AAPX;"}
+{"version":3,"file":"SeriesPage-CS6NNnhs.js","sources":["../src/components/Views/SeriesPage.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { goto } from '$app/navigation';\n\timport { createLogger } from '@getmicdrop/svelte-components';\n\timport AirbnbSplitMain from '$lib/premium-ticket-experience/variants/v3-airbnb-split/AirbnbSplitMain.svelte';\n\timport { transformSeriesPageData } from '$lib/premium-ticket-experience/transform';\n\n\tconst logger = createLogger('SeriesPage');\n\n\t// --- Legacy fallback ---\n\t// RETIREMENT: 2026-08-13 — see docs/LEGACY_RETIREMENT.md.\n\tlet useLegacy = $state(false);\n\tlet LegacyComponent: any = $state(null);\n\n\tif (typeof window !== 'undefined') {\n\t\tconst params = new URLSearchParams(window.location.search);\n\t\tif (params.get('legacy') === '1') {\n\t\t\tuseLegacy = true;\n\t\t}\n\t}\n\n\t$effect(() => {\n\t\tif (useLegacy && !LegacyComponent) {\n\t\t\tlogger.warn(\n\t\t\t\t'[VC] DEPRECATED: ?legacy=1 fallback for SeriesPage retires on 2026-08-13. See docs/LEGACY_RETIREMENT.md.'\n\t\t\t);\n\t\t\timport('./SeriesPage.legacy.svelte').then((m) => {\n\t\t\t\tLegacyComponent = m.default;\n\t\t\t}).catch(() => {\n\t\t\t\tuseLegacy = false;\n\t\t\t});\n\t\t}\n\t});\n\n\t// --- Props (matches old SeriesPage external interface) ---\n\tinterface Props {\n\t\tseries: any;\n\t\tonNavigateToOccurrence?: (id: number, slug: string, name?: string) => void;\n\t}\n\n\tlet {\n\t\tseries,\n\t\tonNavigateToOccurrence = undefined,\n\t}: Props = $props();\n\n\t// Transform series data to EventData for AirbnbSplitMain\n\tlet eventData = $derived(series ? transformSeriesPageData(series) : null);\n\n\t// Handle occurrence click — delegate to callback or navigate directly\n\tfunction handleShowtimeClick(occurrence: { id: number; slug: string }): void {\n\t\tif (onNavigateToOccurrence) {\n\t\t\tonNavigateToOccurrence(occurrence.id, occurrence.slug);\n\t\t} else {\n\t\t\tgoto(`/${occurrence.id}/${occurrence.slug}`);\n\t\t}\n\t}\n</script>\n\n{#if useLegacy && LegacyComponent}\n\t<svelte:component this={LegacyComponent}\n\t\t{series}\n\t\t{onNavigateToOccurrence}\n\t/>\n{:else if eventData}\n\t<AirbnbSplitMain\n\t\tevent={eventData}\n\t\tonShowtimeClick={handleShowtimeClick}\n\t/>\n{/if}\n\n"],"names":["logger","createLogger","useLegacy","$","LegacyComponent","m","onNavigateToOccurrence","eventData","$$props","transformSeriesPageData","handleShowtimeClick","occurrence","goto","$$anchor","$$component","AirbnbSplitMain","$$render","consequent","consequent_1"],"mappings":";;;;;;;;;iBAAA;;QAMOA,IAASC,EAAa,YAAY;MAIpCC,IAAYC,EAAA,MAAO,EAAK,GACxBC,IAAuBD,EAAA,MAAO,IAAI;SAE3B,SAAW,WACF,gBAAgB,OAAO,SAAS,MAAM,EAC9C,IAAI,QAAQ,MAAM,OAC5BA,EAAA,IAAAD,GAAY,EAAI,GAIlBC,EAAA,YAAO,MAAO;UACTD,CAAS,KAAA,CAAAC,EAAA,IAAKC,CAAe,MAChCJ,EAAO,KACN,0GAAyG,GAEnG,OAAA,iCAA4B,EAAE,KAAI,CAAEK,MAAM;YAChDD,GAAkBC,EAAE,SAAO,EAAA;AAAA,IAC5B,CAAC,EAAE,MAAK,MAAO;AACd,MAAAF,EAAA,IAAAD,GAAY,EAAK;AAAA,IAClB,CAAC;AAAA,EAEH,CAAC;AAUA,MAAAI,2CAAyB,MAAS,GAI/BC,IAASJ,EAAA,QAAA,MAAAK,EAAA,SAAqBC,EAAuBD,EAAA,MAAA,IAAW,IAAI;WAG/DE,EAAoBC,GAAgD;AACxE,IAAAL,EAAsB,IACzBA,EAAsB,EAACK,EAAW,IAAIA,EAAW,IAAI,IAErDC,MAASD,EAAW,EAAE,IAAIA,EAAW,IAAI,EAAA;AAAA,EAE3C;;;;;iCAIwBP,CAAe,GAAA,CAAAS,GAAAC,MAAA;;;;;;mBAErCR,EAAsB;AAAA;;;;AAGvB,MAAAS,EAAcF,GAAA;AAAA;uBACPN,CAAS;AAAA;yBACCG;AAAA;;;YARdR,CAAS,KAAAC,EAAA,IAAIC,CAAe,IAAAY,EAAAC,CAAA,IAAAd,EAAA,IAKvBI,CAAS,KAAAS,EAAAE,GAAA,CAAA;AAAA;;;AAPX;"}

package/dist/{SeriesPage.legacy-BxPGQaCo.js → SeriesPage.legacy-mvp06wje.js}

@@ -1,6 +1,6 @@
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
-import { aB as ue, e as J, u as pe, aH as K, aI as be, $ as xe } from "./VenueCalendar-Djc3e2j2.js";
+import { aB as ue, e as J, u as pe, aH as K, aI as be, $ as xe } from "./VenueCalendar-Cd1WgIk0.js";
 import "svelte/internal/flags/legacy";
 import "svelte/transition";
 import "svelte/easing";
@@ -192,4 +192,4 @@ e.delegate(["click"]);
 export {
   Re as default
 };
-//# sourceMappingURL=SeriesPage.legacy-BxPGQaCo.js.map
+//# sourceMappingURL=SeriesPage.legacy-mvp06wje.js.map

package/dist/{SeriesPage.legacy-BxPGQaCo.js.map → SeriesPage.legacy-mvp06wje.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SeriesPage.legacy-BxPGQaCo.js","sources":["../src/components/Views/SeriesPage.legacy.svelte"],"sourcesContent":["<script>\n  import { getImageUrl } from '$lib/utils/utils.js';\n  import { formatDate as scFormatDate,\n    formatTime as scFormatTime, getDefaultTimezone, formatFullName } from '@getmicdrop/svelte-components';\n  import { PLACEHOLDER_IMAGE } from '$lib/utils/constants.js';\n\n  let { series, onNavigateToOccurrence } = $props();\n\n  let imageLoaded = $state(false);\n\n  let seriesImage = $derived(\n    series?.image ? getImageUrl(series.image) : PLACEHOLDER_IMAGE\n  );\n\n  let tz = $derived(series?.timeZone || getDefaultTimezone());\n\n  function formatDate(iso) {\n    return scFormatDate(iso, { timeZone: tz });\n  }\n\n  function formatTime(iso) {\n    return scFormatTime(iso, { timeZone: tz });\n  }\n\n  function handleOccurrenceClick(occurrence) {\n    if (!occurrence.ctaState?.disabled && onNavigateToOccurrence) {\n      onNavigateToOccurrence(\n        occurrence.id,\n        occurrence.slug || '',\n        occurrence.name || ''\n      );\n    }\n  }\n</script>\n\n{#if series}\n  <div class=\"series-page\">\n    <!-- Hero Image -->\n    <div class=\"hero\">\n      <div class=\"hero-skeleton\" class:hidden={imageLoaded}></div>\n      <img\n        src={seriesImage}\n        alt={series.title}\n        class=\"hero-image\"\n        onload={() => (imageLoaded = true)}\n      />\n      <div class=\"hero-overlay\">\n        <div class=\"hero-content\">\n          <span class=\"series-badge\">Recurring Event</span>\n          <h1 class=\"series-title\">{series.title}</h1>\n          <div class=\"series-venue\">\n            <span>{series.venue?.name}</span>\n            {#if series.venue?.googleLocationNameCache}\n              <span class=\"venue-separator\">&#183;</span>\n              <span class=\"venue-location\"\n                >{series.venue.googleLocationNameCache}</span\n              >\n            {/if}\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Content Grid -->\n    <div class=\"content-grid\">\n      <!-- Main Column -->\n      <div class=\"main-column\">\n        <!-- About Section -->\n        <section class=\"section\">\n          <h2 class=\"section-heading\">About this Series</h2>\n          {#if series.eventSummary}\n            <p class=\"series-summary\">{series.eventSummary}</p>\n          {/if}\n          {#if series.description}\n            <div class=\"series-description\">{series.description}</div>\n          {/if}\n        </section>\n\n        <!-- Upcoming Dates -->\n        <section class=\"section\">\n          <div class=\"dates-header\">\n            <h2 class=\"section-heading\">Upcoming Dates</h2>\n            <span class=\"dates-count\"\n              >{series.occurrences?.length || 0} events</span\n            >\n          </div>\n\n          {#if !series.occurrences?.length}\n            <div class=\"empty-dates\">\n              <p class=\"empty-text\">\n                No upcoming dates scheduled at this time.\n              </p>\n              <p class=\"empty-subtext\">\n                Check back soon for new announcements.\n              </p>\n            </div>\n          {:else}\n            <div class=\"dates-list\">\n              {#each series.occurrences as occurrence}\n                <div class=\"occurrence-card\">\n                  <div class=\"occurrence-info\">\n                    <div class=\"occurrence-date\">\n                      {formatDate(occurrence.startDateTime)}\n                    </div>\n                    <div class=\"occurrence-time\">\n                      {formatTime(occurrence.startDateTime)} - {formatTime(\n                        occurrence.endDateTime\n                      )}\n                    </div>\n                  </div>\n                  <div class=\"occurrence-action\">\n                    <button\n                      class=\"cta-button\"\n                      class:cta-disabled={occurrence.ctaState?.disabled}\n                      disabled={occurrence.ctaState?.disabled}\n                      onclick={() => handleOccurrenceClick(occurrence)}\n                    >\n                      {occurrence.ctaState?.text || 'Get tickets'}\n                    </button>\n                  </div>\n                </div>\n              {/each}\n            </div>\n          {/if}\n        </section>\n\n        <!-- Performers -->\n        {#if series.performers?.length}\n          <section class=\"section\">\n            <h2 class=\"section-heading\">Performers</h2>\n            <div class=\"performers-grid\">\n              {#each series.performers as performer}\n                <div class=\"performer-card\">\n                  <div class=\"performer-avatar\">\n                    {#if performer.profileImage}\n                      <img\n                        src={getImageUrl(performer.profileImage)}\n                        alt={performer.displayName ||\n                          formatFullName(performer.firstName, performer.lastName)}\n                        class=\"performer-image\"\n                      />\n                    {:else}\n                      <div class=\"performer-placeholder\">\n                        <svg\n                          class=\"placeholder-icon\"\n                          fill=\"currentColor\"\n                          viewBox=\"0 0 24 24\"\n                        >\n                          <path\n                            d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\n                          />\n                        </svg>\n                      </div>\n                    {/if}\n                  </div>\n                  <h3 class=\"performer-name\">\n                    {performer.displayName ||\n                      formatFullName(performer.firstName, performer.lastName)}\n                  </h3>\n                </div>\n              {/each}\n            </div>\n          </section>\n        {/if}\n      </div>\n\n      <!-- Sidebar -->\n      <div class=\"sidebar\">\n        <div class=\"sidebar-sticky\">\n          {#if series.venue?.faq || series.venue?.disclaimer}\n            <div class=\"sidebar-card\">\n              {#if series.venue.faq}\n                <div class=\"sidebar-section\">\n                  <h3 class=\"sidebar-heading\">FAQ</h3>\n                  <div class=\"faq-content\">\n                    {#if Array.isArray(series.venue.faq)}\n                      {#each series.venue.faq as item}\n                        <div class=\"faq-item\">\n                          <p class=\"faq-question\">{item.question}</p>\n                          <p class=\"faq-answer\">{item.answer}</p>\n                        </div>\n                      {/each}\n                    {:else}\n                      <p>{series.venue.faq}</p>\n                    {/if}\n                  </div>\n                </div>\n              {/if}\n\n              {#if series.venue.disclaimer}\n                <div class=\"sidebar-section\">\n                  <h3 class=\"sidebar-heading\">Important Info</h3>\n                  <div class=\"disclaimer-text\">{series.venue.disclaimer}</div>\n                </div>\n              {/if}\n            </div>\n          {/if}\n        </div>\n      </div>\n    </div>\n  </div>\n{/if}\n\n<style>\n  .series-page {\n    min-height: 100vh;\n    padding-bottom: 5rem;\n    background: hsl(var(--surface-primary, 0 0% 100%));\n    color: hsl(var(--text-primary, 0 0% 10%));\n  }\n\n  /* Hero */\n  .hero {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    height: 500px;\n  }\n\n  @media (width <= 768px) {\n    .hero {\n      height: 256px;\n    }\n  }\n\n  .hero-skeleton {\n    position: absolute;\n    inset: 0;\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    background: hsl(var(--surface-secondary, 0 0% 96%));\n  }\n\n  @keyframes pulse {\n    0%,\n    100% {\n      opacity: 1;\n    }\n\n    50% {\n      opacity: 0.5;\n    }\n  }\n\n  .hero-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.7s ease;\n  }\n\n  .hero:hover .hero-image {\n    transform: scale(1.05);\n  }\n\n  .hero-overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 1.5rem;\n    background: linear-gradient(\n      to top,\n      color-mix(in srgb, black 90%, transparent),\n      color-mix(in srgb, black 50%, transparent),\n      transparent\n    );\n  }\n\n  @media (width >= 768px) {\n    .hero-overlay {\n      padding: 3rem;\n    }\n  }\n\n  .hero-content {\n    max-width: 64rem;\n    margin-left: auto;\n    margin-right: auto;\n    width: 100%;\n  }\n\n  .series-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 0.25rem 0.75rem;\n    margin-bottom: 1rem;\n    font-size: 0.75rem;\n    line-height: 1rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    border-radius: 9999px;\n    box-shadow:\n      0 10px 15px -3px rgb(0 0 0 / 10%),\n      0 4px 6px -4px rgb(0 0 0 / 10%);\n    background: hsl(var(--brand-primary, 224 76% 48%));\n    color: hsl(var(--text-on-primary, 0 0% 100%));\n  }\n\n  .series-title {\n    font-size: 2.25rem;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 0.75rem;\n    letter-spacing: -0.025em;\n    color: hsl(var(--bg-primary));\n    text-shadow: 0 2px 8px color-mix(in srgb, black 30%, transparent);\n  }\n\n  @media (width >= 768px) {\n    .series-title {\n      font-size: 3.75rem;\n      line-height: 1;\n    }\n  }\n\n  .series-venue {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 0.5rem;\n    font-weight: 500;\n    color: color-mix(in srgb, white 90%, transparent);\n  }\n\n  @media (width >= 768px) {\n    .series-venue {\n      font-size: 1.25rem;\n      line-height: 1.75rem;\n    }\n  }\n\n  .venue-separator {\n    display: none;\n    opacity: 0.6;\n  }\n\n  @media (width >= 768px) {\n    .venue-separator {\n      display: inline;\n    }\n  }\n\n  .venue-location {\n    opacity: 0.75;\n  }\n\n  /* Content Grid */\n  .content-grid {\n    max-width: 64rem;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 3rem 1.5rem;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 3rem;\n  }\n\n  @media (width >= 768px) {\n    .content-grid {\n      padding-top: 5rem;\n      padding-bottom: 5rem;\n    }\n  }\n\n  @media (width >= 1024px) {\n    .content-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n\n  .main-column {\n    display: flex;\n    flex-direction: column;\n    gap: 4rem;\n  }\n\n  @media (width >= 1024px) {\n    .main-column {\n      grid-column: span 2 / span 2;\n    }\n  }\n\n  .section {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n  }\n\n  .section-heading {\n    font-size: 1.875rem;\n    line-height: 2.25rem;\n    font-weight: 700;\n    letter-spacing: -0.025em;\n    padding-bottom: 1rem;\n    color: hsl(var(--text-primary, 0 0% 10%));\n    border-bottom: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\n  }\n\n  .series-summary {\n    font-size: 1.25rem;\n    font-weight: 500;\n    line-height: 1.625;\n    color: hsl(var(--text-primary, 0 0% 20%));\n  }\n\n  .series-description {\n    max-width: none;\n    white-space: pre-line;\n    line-height: 1.625;\n    color: hsl(var(--text-secondary, 0 0% 40%));\n  }\n\n  /* Upcoming Dates */\n  .dates-header {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    padding-bottom: 1rem;\n    border-bottom: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\n  }\n\n  .dates-count {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 500;\n    color: hsl(var(--text-secondary, 0 0% 45%));\n  }\n\n  .empty-dates {\n    padding: 3rem;\n    border-radius: 1rem;\n    text-align: center;\n    background: hsl(var(--surface-secondary, 0 0% 96%));\n    border: 2px dashed hsl(var(--stroke-secondary, 0 0% 85%));\n  }\n\n  .empty-text {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n    font-weight: 500;\n    color: hsl(var(--text-secondary, 0 0% 45%));\n  }\n\n  .empty-subtext {\n    margin-top: 0.5rem;\n    color: hsl(var(--text-secondary, 0 0% 55%));\n  }\n\n  .dates-list {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .occurrence-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 1.5rem;\n    border-radius: 1rem;\n    transition: all 0.2s;\n    background: hsl(var(--surface-primary, 0 0% 100%));\n    border: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\n  }\n\n  @media (width >= 640px) {\n    .occurrence-card {\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  .occurrence-card:hover {\n    border-color: hsl(var(--brand-primary, 224 76% 48%));\n    box-shadow: 0 4px 12px color-mix(in srgb, black 8%, transparent);\n  }\n\n  .occurrence-info {\n    margin-bottom: 1rem;\n  }\n\n  @media (width >= 640px) {\n    .occurrence-info {\n      margin-bottom: 0;\n    }\n  }\n\n  .occurrence-date {\n    font-size: 1.25rem;\n    line-height: 1.75rem;\n    font-weight: 700;\n    margin-bottom: 0.25rem;\n    color: hsl(var(--text-primary, 0 0% 10%));\n  }\n\n  .occurrence-time {\n    font-weight: 500;\n    color: hsl(var(--text-secondary, 0 0% 45%));\n  }\n\n  .occurrence-action {\n    padding-left: 0;\n  }\n\n  @media (width >= 640px) {\n    .occurrence-action {\n      padding-left: 1.5rem;\n    }\n  }\n\n  .cta-button {\n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    border-radius: 0.5rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 600;\n    transition: transform 0.15s;\n    background: hsl(var(--brand-primary, 224 76% 48%));\n    color: hsl(var(--text-on-primary, 0 0% 100%));\n  }\n\n  @media (width >= 640px) {\n    .cta-button {\n      width: auto;\n    }\n  }\n\n  .cta-button:hover:not(:disabled) {\n    transform: scale(1.05);\n  }\n\n  .cta-disabled {\n    cursor: not-allowed;\n    background: hsl(var(--surface-secondary, 0 0% 90%));\n    color: hsl(var(--text-secondary, 0 0% 55%));\n  }\n\n  /* Performers */\n  .performers-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 2rem;\n  }\n\n  @media (width >= 640px) {\n    .performers-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n\n  .performer-card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding: 1rem;\n    border-radius: 0.75rem;\n    transition: background-color 0.15s;\n  }\n\n  .performer-card:hover {\n    background: hsl(var(--surface-secondary, 0 0% 96%));\n  }\n\n  .performer-avatar {\n    width: 7rem;\n    height: 7rem;\n    margin-bottom: 1rem;\n    border-radius: 9999px;\n    overflow: hidden;\n    box-shadow:\n      0 4px 6px -1px rgb(0 0 0 / 10%),\n      0 2px 4px -2px rgb(0 0 0 / 10%);\n    background: hsl(var(--surface-secondary, 0 0% 92%));\n  }\n\n  .performer-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n  }\n\n  .performer-card:hover .performer-image {\n    transform: scale(1.1);\n  }\n\n  .performer-placeholder {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: hsl(var(--text-secondary, 0 0% 60%));\n  }\n\n  .placeholder-icon {\n    width: 3rem;\n    height: 3rem;\n    opacity: 0.5;\n  }\n\n  .performer-name {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n    font-weight: 600;\n    color: hsl(var(--text-primary, 0 0% 10%));\n  }\n\n  /* Sidebar */\n  .sidebar {\n    display: flex;\n    flex-direction: column;\n    gap: 2rem;\n  }\n\n  @media (width >= 1024px) {\n    .sidebar {\n      grid-column: span 1 / span 1;\n    }\n  }\n\n  .sidebar-sticky {\n    position: sticky;\n    top: 6rem;\n    display: flex;\n    flex-direction: column;\n    gap: 2rem;\n  }\n\n  .sidebar-card {\n    border-radius: 1rem;\n    padding: 2rem;\n    background: hsl(var(--surface-secondary, 0 0% 96%));\n    border: 1px solid hsl(var(--stroke-secondary, 0 0% 92%));\n  }\n\n  .sidebar-section {\n    margin-bottom: 2rem;\n  }\n\n  .sidebar-section:last-child {\n    margin-bottom: 0;\n  }\n\n  .sidebar-heading {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    margin-bottom: 1rem;\n    color: hsl(var(--text-primary, 0 0% 10%));\n  }\n\n  .faq-content {\n    color: hsl(var(--text-secondary, 0 0% 40%));\n  }\n\n  .faq-item {\n    margin-bottom: 0.75rem;\n  }\n\n  .faq-question {\n    font-weight: 700;\n    color: hsl(var(--text-primary, 0 0% 20%));\n  }\n\n  .faq-answer {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n\n  .disclaimer-text {\n    font-size: 0.875rem;\n    line-height: 1.625;\n    padding: 1rem;\n    border-radius: 0.5rem;\n    background: hsl(var(--surface-primary, 0 0% 100%));\n    color: hsl(var(--text-secondary, 0 0% 40%));\n    border: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\n  }\n</style>\n"],"names":["imageLoaded","$","seriesImage","getImageUrl","$$props","PLACEHOLDER_IMAGE","tz","getDefaultTimezone","formatDate","iso","scFormatDate","formatTime","scFormatTime","handleOccurrenceClick","occurrence","div","root_1","div_1","div_2","img","div_3","div_4","h1","div_5","span","span_1","fragment_1","text_2","$$render","consequent","div_6","div_7","section","p","root_3","consequent_1","div_8","root_4","consequent_2","section_1","div_9","span_2","div_10","root_5","div_11","root_6","$$anchor","div_12","root_7","div_13","div_14","div_15","div_16","button","classes_1","text_8","alternate","consequent_3","section_2","root_8","div_17","performer","div_18","root_9","div_19","img_1","root_10","$0","$1","formatFullName","div_20","root_11","consequent_4","alternate_1","h3","consequent_5","div_21","div_22","div_23","root_12","div_24","root_13","div_25","item","div_26","root_15","p_1","p_2","text_10","text_11","d","p_3","root_16","text_12","consequent_7","div_27","root_17","div_28","text_13","consequent_8","consequent_9","classes","text_1"],"mappings":";;;;;;;kBAAA;;MAQMA,IAAcC,EAAA,MAAO,EAAK,GAE1BC,8BACM,QAAQC,EAAWC,EAAA,OAAQ,KAAK,IAAIC,EAAgB,GAG1DC,IAAEL,EAAA,QAAA,MAAAG,EAAA,QAAoB,YAAYG,IAAkB;WAE/CC,EAAWC,GAAK;AAChB,WAAAC,GAAaD,GAAG,EAAI,gBAAUH,CAAE,GAAA;AAAA,EACzC;WAESK,EAAWF,GAAK;AAChB,WAAAG,GAAaH,GAAG,EAAI,gBAAUH,CAAE,GAAA;AAAA,EACzC;WAESO,EAAsBC,GAAY;AACpC,IAAA,CAAAA,EAAW,UAAU,YAAQV,EAAA,0BAE9BA,EAAA,uBAAAU,EAAW,IACXA,EAAW,QAAQ,IACnBA,EAAW,QAAQ,EAAC;AAAA,EAG1B;;;;UAICC,IAAGC,GAAA,GAEDC,YAFFF,CAAG,GAGCG,YADFD,CAAG;;AAED,UAAAE,cADAD,GAAG,CAAA,GAOHE,cANAD,GAAE,CAAA,GAOAE,YADFD,CAAG,GAGCE,sBAFFD,CAAG,GAAA,CAAA,gBAEDC,GAAE,EAAA;cAAFA,CAAE;AACF,UAAAC,cADAD,GAAE,CAAA,GAEAE,YADFD,CAAG,gBACDC,GAAI,EAAA;cAAJA,CAAI;yBAAJA,GAAI,CAAA;;;wBAGFC,IAAIxB,EAAA,QAAAA,EAAA,YAAAyB,CAAA,GAAA,CAAA,eAAJD,GAAI,EAAA;kBAAJA,CAAI,GACMxB,EAAA,gBAAA,MAAAA,EAAA,SAAA0B,GAAAvB,EAAA,OAAA,MAAM,uBAAuB,CAAA;;;AAH9B,UAAAA,EAAA,OAAA,OAAO,2BAAuBwB,EAAAC,EAAA;AAAA;;cAF3CN,CAAG,WAHLF,CAAG,WADLD,CAAG,WARLH,CAAG;AA0BH,UAAAa,cA1BAb,GAAG,CAAA,GA4BDc,YAFFD,CAAG,GAICE,YAFFD,CAAG,yBAEDC,CAAO,GAAA,CAAA;;;cAGHC,IAACC,GAAA,eAADD,GAAC,EAAA;kBAADA,CAAC,kDAAgC,YAAY,CAAA,eAA7CA,CAAC;AAAA;;mBADQ,gBAAYL,EAAAO,EAAA;AAAA;;;;;cAIrBC,IAAGC,GAAA,eAAHD,GAAG,EAAA;kBAAHA,CAAG,kDAAoC,WAAW,CAAA,eAAlDA,CAAG;AAAA;;mBADM,eAAWR,EAAAU,EAAA;AAAA;;cALxBN,CAAO;AAWP,UAAAO,cAXAP,GAAO,CAAA,GAYLQ,YADFD,CAAO,GAGHE,sBAFFD,CAAG,GAAA,CAAA,gBAEDC,CAAI;cAAJA,CAAI,WAFND,CAAG;yBAAHA,GAAG,CAAA;;;cAQDE,IAAGC,GAAA;sBAAHD,CAAG;AAAA;cASHE,IAAGC,GAAA;iBAAHD,GAAG,IAAA,MAAAxC,EAAA,OACY,aAAWH,EAAA,OAAA,CAAA6C,GAAIhC,MAAU;gBACpCiC,IAAGC,GAAA,GACDC,YADFF,CAAG,GAECG,YADFD,CAAG,eACDC,GAAG,EAAA;oBAAHA,CAAG;AAGH,gBAAAC,cAHAD,GAAG,CAAA,eAGHC,CAAG;oBAAHA,CAAG,WAJLF,CAAG;AAUH,gBAAAG,cAVAH,GAAG,CAAA,GAWDI,YADFD,CAAG;;4BACDC,GAAK,EAAA;oBAALA,CAAK,WADPD,CAAG,WAXLL,CAAG;;4EAYCO,IAAArD,EAAA,UAAAoD,GAAK,GAAA,4BAAA,MAAAC,GAAA,EAAA,gBAAArD,EAAA,IAEgBa,CAAU,EAAC,UAAU,UAAQ,GAFlDuC,EAAK,WAAApD,EAAA,IAGMa,CAAU,EAAC,UAAU,UAG9Bb,EAAA,SAAAsD,GAAAtD,EAAA,IAAAa,CAAU,EAAC,UAAU,QAAQ,aAAa;AAAA;;sBAf1CN,EAAUP,EAAA,IAACa,CAAU,EAAC,aAAa;AAAA,sBAGnCH,EAAUV,EAAA,IAACa,CAAU,EAAC,aAAa;AAAA,sBAAMH,EAAUV,EAAA,IAClDa,CAAU,EAAC,WAAU;AAAA;oCAKxBuC,GAAK,MAIWxC,EAAqBZ,EAAA,IAACa,CAAU,CAAA,CAAA,eAhBpDiC,CAAG;AAAA,sBAFPH,CAAG,eAAHA,CAAG;AAAA;;AAVO,UAAAxC,EAAA,OAAA,aAAa,SAAMwB,EAAA4B,IAAA,EAAA,IAAA5B,EAAA6B,EAAA;AAAA;;cARjClB,CAAO;yBAAPA,GAAO,CAAA;;;cAiDLmB,IAAOC,GAAA,GAELC,sBAFFF,CAAO,GAAA,CAAA;iBAELE,GAAG,IAAA,MAAAxD,EAAA,OACY,YAAUH,EAAA,OAAA,CAAA6C,GAAIe,MAAS;gBAClCC,IAAGC,GAAA,GACDC,YADFF,CAAG,eACDE,CAAG;;;oBAECC,IAAEC,GAAA;;;oCAAFD,GAAE,OAAAE,CAAA,mBAAFF,GAAE,OAAAG,CAAA;AAAA;;0BACIjE,EAAWF,EAAA,IAAC4D,CAAS,EAAC,YAAY;AAAA,gCAClCA,CAAS,EAAC,eACbQ,EAAcpE,EAAA,IAAC4D,CAAS,EAAC,WAAS5D,EAAA,IAAE4D,CAAS,EAAC,QAAQ;AAAA;+BAHzDI,CAAE;AAAA;oBAOFK,IAAGC,GAAA;4BAAHD,CAAG;AAAA;;AARD,gBAAArE,EAAA,IAAA4D,CAAS,EAAC,eAAYjC,EAAA4C,CAAA,IAAA5C,EAAA6C,GAAA,EAAA;AAAA;;oBAD5BT,CAAG;AAsBH,gBAAAU,cAtBAV,GAAG,CAAA,eAsBHU,GAAE,EAAA;oBAAFA,CAAE,WAvBJZ,CAAG;0BAwBCD,CAAS,EAAC,eACTQ,EAAcpE,EAAA,IAAC4D,CAAS,EAAC,WAAS5D,EAAA,IAAE4D,CAAS,EAAC,QAAQ;AAAA,4BAzB3DC,CAAG;AAAA,sBAFPF,CAAG,WAFLF,CAAO,eAAPA,CAAO;AAAA;;AADE,UAAAtD,EAAA,OAAA,YAAY,UAAMwB,EAAA+C,EAAA;AAAA;;cA7D/B5C,CAAG;AAqGH,UAAA6C,cArGA7C,GAAG,CAAA,GAsGD8C,YADFD,CAAG,gBACDC,CAAG;;;cAECC,IAAGC,GAAA,eAAHD,CAAG;;;kBAECE,IAAGC,GAAA,GAEDC,sBAFFF,CAAG,GAAA,CAAA,eAEDE,CAAG;;;;+CAEc,MAAM,KAAGjF,EAAA,OAAA,CAAA6C,GAAIqC,MAAI;wBAC5BC,IAAGC,GAAA,GACDC,YADFF,CAAG,gBACDE,GAAC,EAAA;4BAADA,CAAC;AACD,wBAAAC,cADAD,GAAC,CAAA,gBACDC,GAAC,EAAA;4BAADA,CAAC,WAFHH,CAAG;AACuB,sBAAAnF,EAAA,SAAAuF,IAAAvF,EAAA,IAAAkF,CAAI,EAAC,QAAQ,GACflF,EAAA,SAAAwF,IAAAxF,EAAA,IAAAkF,CAAI,EAAC,MAAM;AAAA,oCAFnCC,CAAG;AAAA;mBAFHM,IAAAzF,EAAA,QAAA,MAAA,MAAM,QAAOG,EAAA,OAAQ,MAAM,GAAG,CAAA;sBAQhCuF,IAACC,GAAA,eAADD,GAAC,EAAA;0BAADA,CAAC,GAAS1F,EAAA,gBAAA,MAAAA,EAAA,SAAA4F,GAAAzF,EAAA,OAAA,MAAM,GAAG,CAAA,eAAnBuF,CAAC;AAAA;;;;;sBATLT,CAAG,WAFLF,CAAG,eAAHA,CAAG;AAAA;;AADM,cAAA5E,EAAA,OAAA,MAAM,OAAGwB,EAAAkE,CAAA;AAAA;;;;;kBAmBlBC,IAAGC,GAAA,GAEDC,sBAFFF,CAAG,GAAA,CAAA,eAEDE,GAAG,EAAA;sBAAHA,CAAG,WAFLF,CAAG,GAEmC9F,EAAA,gBAAA,MAAAA,EAAA,SAAAiG,GAAA9F,EAAA,OAAA,MAAM,UAAU,CAAA,eAFtD2F,CAAG;AAAA;;AADM,cAAA3F,EAAA,OAAA,MAAM,cAAUwB,EAAAuE,CAAA;AAAA;;kBAnB7BrB,CAAG,eAAHA,CAAG;AAAA;;AADM,WAAA1E,EAAA,OAAA,OAAO,OAAGA,EAAA,OAAW,OAAO,eAAUwB,EAAAwE,EAAA;AAAA;;cADnDvB,CAAG,WADLD,CAAG,WAvGL9C,CAAG,WA5BLf,CAAG;AAGC,QAAAsF,IAAApG,EAAA,UAAAiB,8DAAwClB,CAAW,EAAA,CAAA,GACnDC,EAAA,cAAAkB,gBACMjB,CAAW,CAAA,GADjBD,EAAA,cAAAkB,mBAEa,KAAK,2BAOkB,KAAK,GAEtBlB,EAAA,SAAAqG,IAAAlG,EAAA,OAAA,OAAO,IAAI,+BAgCd,aAAa,UAAU,MAAC,EAAA,SAAA;AAAA,0BA3CxCe,GAAE,MAAAlB,EAAA,IAIcD,GAAc,EAAI,CAAA,mBAJlCmB,CAAE,eAJNJ,CAAG;AAAA;;;;;;AAHE;;"}
+{"version":3,"file":"SeriesPage.legacy-mvp06wje.js","sources":["../src/components/Views/SeriesPage.legacy.svelte"],"sourcesContent":["<script>\n  import { getImageUrl } from '$lib/utils/utils.js';\n  import { formatDate as scFormatDate,\n    formatTime as scFormatTime, getDefaultTimezone, formatFullName } from '@getmicdrop/svelte-components';\n  import { PLACEHOLDER_IMAGE } from '$lib/utils/constants.js';\n\n  let { series, onNavigateToOccurrence } = $props();\n\n  let imageLoaded = $state(false);\n\n  let seriesImage = $derived(\n    series?.image ? getImageUrl(series.image) : PLACEHOLDER_IMAGE\n  );\n\n  let tz = $derived(series?.timeZone || getDefaultTimezone());\n\n  function formatDate(iso) {\n    return scFormatDate(iso, { timeZone: tz });\n  }\n\n  function formatTime(iso) {\n    return scFormatTime(iso, { timeZone: tz });\n  }\n\n  function handleOccurrenceClick(occurrence) {\n    if (!occurrence.ctaState?.disabled && onNavigateToOccurrence) {\n      onNavigateToOccurrence(\n        occurrence.id,\n        occurrence.slug || '',\n        occurrence.name || ''\n      );\n    }\n  }\n</script>\n\n{#if series}\n  <div class=\"series-page\">\n    <!-- Hero Image -->\n    <div class=\"hero\">\n      <div class=\"hero-skeleton\" class:hidden={imageLoaded}></div>\n      <img\n        src={seriesImage}\n        alt={series.title}\n        class=\"hero-image\"\n        onload={() => (imageLoaded = true)}\n      />\n      <div class=\"hero-overlay\">\n        <div class=\"hero-content\">\n          <span class=\"series-badge\">Recurring Event</span>\n          <h1 class=\"series-title\">{series.title}</h1>\n          <div class=\"series-venue\">\n            <span>{series.venue?.name}</span>\n            {#if series.venue?.googleLocationNameCache}\n              <span class=\"venue-separator\">&#183;</span>\n              <span class=\"venue-location\"\n                >{series.venue.googleLocationNameCache}</span\n              >\n            {/if}\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Content Grid -->\n    <div class=\"content-grid\">\n      <!-- Main Column -->\n      <div class=\"main-column\">\n        <!-- About Section -->\n        <section class=\"section\">\n          <h2 class=\"section-heading\">About this Series</h2>\n          {#if series.eventSummary}\n            <p class=\"series-summary\">{series.eventSummary}</p>\n          {/if}\n          {#if series.description}\n            <div class=\"series-description\">{series.description}</div>\n          {/if}\n        </section>\n\n        <!-- Upcoming Dates -->\n        <section class=\"section\">\n          <div class=\"dates-header\">\n            <h2 class=\"section-heading\">Upcoming Dates</h2>\n            <span class=\"dates-count\"\n              >{series.occurrences?.length || 0} events</span\n            >\n          </div>\n\n          {#if !series.occurrences?.length}\n            <div class=\"empty-dates\">\n              <p class=\"empty-text\">\n                No upcoming dates scheduled at this time.\n              </p>\n              <p class=\"empty-subtext\">\n                Check back soon for new announcements.\n              </p>\n            </div>\n          {:else}\n            <div class=\"dates-list\">\n              {#each series.occurrences as occurrence}\n                <div class=\"occurrence-card\">\n                  <div class=\"occurrence-info\">\n                    <div class=\"occurrence-date\">\n                      {formatDate(occurrence.startDateTime)}\n                    </div>\n                    <div class=\"occurrence-time\">\n                      {formatTime(occurrence.startDateTime)} - {formatTime(\n                        occurrence.endDateTime\n                      )}\n                    </div>\n                  </div>\n                  <div class=\"occurrence-action\">\n                    <button\n                      class=\"cta-button\"\n                      class:cta-disabled={occurrence.ctaState?.disabled}\n                      disabled={occurrence.ctaState?.disabled}\n                      onclick={() => handleOccurrenceClick(occurrence)}\n                    >\n                      {occurrence.ctaState?.text || 'Get tickets'}\n                    </button>\n                  </div>\n                </div>\n              {/each}\n            </div>\n          {/if}\n        </section>\n\n        <!-- Performers -->\n        {#if series.performers?.length}\n          <section class=\"section\">\n            <h2 class=\"section-heading\">Performers</h2>\n            <div class=\"performers-grid\">\n              {#each series.performers as performer}\n                <div class=\"performer-card\">\n                  <div class=\"performer-avatar\">\n                    {#if performer.profileImage}\n                      <img\n                        src={getImageUrl(performer.profileImage)}\n                        alt={performer.displayName ||\n                          formatFullName(performer.firstName, performer.lastName)}\n                        class=\"performer-image\"\n                      />\n                    {:else}\n                      <div class=\"performer-placeholder\">\n                        <svg\n                          class=\"placeholder-icon\"\n                          fill=\"currentColor\"\n                          viewBox=\"0 0 24 24\"\n                        >\n                          <path\n                            d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\n                          />\n                        </svg>\n                      </div>\n                    {/if}\n                  </div>\n                  <h3 class=\"performer-name\">\n                    {performer.displayName ||\n                      formatFullName(performer.firstName, performer.lastName)}\n                  </h3>\n                </div>\n              {/each}\n            </div>\n          </section>\n        {/if}\n      </div>\n\n      <!-- Sidebar -->\n      <div class=\"sidebar\">\n        <div class=\"sidebar-sticky\">\n          {#if series.venue?.faq || series.venue?.disclaimer}\n            <div class=\"sidebar-card\">\n              {#if series.venue.faq}\n                <div class=\"sidebar-section\">\n                  <h3 class=\"sidebar-heading\">FAQ</h3>\n                  <div class=\"faq-content\">\n                    {#if Array.isArray(series.venue.faq)}\n                      {#each series.venue.faq as item}\n                        <div class=\"faq-item\">\n                          <p class=\"faq-question\">{item.question}</p>\n                          <p class=\"faq-answer\">{item.answer}</p>\n                        </div>\n                      {/each}\n                    {:else}\n                      <p>{series.venue.faq}</p>\n                    {/if}\n                  </div>\n                </div>\n              {/if}\n\n              {#if series.venue.disclaimer}\n                <div class=\"sidebar-section\">\n                  <h3 class=\"sidebar-heading\">Important Info</h3>\n                  <div class=\"disclaimer-text\">{series.venue.disclaimer}</div>\n                </div>\n              {/if}\n            </div>\n          {/if}\n        </div>\n      </div>\n    </div>\n  </div>\n{/if}\n\n<style>\n  .series-page {\n    min-height: 100vh;\n    padding-bottom: 5rem;\n    background: hsl(var(--surface-primary, 0 0% 100%));\n    color: hsl(var(--text-primary, 0 0% 10%));\n  }\n\n  /* Hero */\n  .hero {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    height: 500px;\n  }\n\n  @media (width <= 768px) {\n    .hero {\n      height: 256px;\n    }\n  }\n\n  .hero-skeleton {\n    position: absolute;\n    inset: 0;\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    background: hsl(var(--surface-secondary, 0 0% 96%));\n  }\n\n  @keyframes pulse {\n    0%,\n    100% {\n      opacity: 1;\n    }\n\n    50% {\n      opacity: 0.5;\n    }\n  }\n\n  .hero-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.7s ease;\n  }\n\n  .hero:hover .hero-image {\n    transform: scale(1.05);\n  }\n\n  .hero-overlay {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 1.5rem;\n    background: linear-gradient(\n      to top,\n      color-mix(in srgb, black 90%, transparent),\n      color-mix(in srgb, black 50%, transparent),\n      transparent\n    );\n  }\n\n  @media (width >= 768px) {\n    .hero-overlay {\n      padding: 3rem;\n    }\n  }\n\n  .hero-content {\n    max-width: 64rem;\n    margin-left: auto;\n    margin-right: auto;\n    width: 100%;\n  }\n\n  .series-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 0.25rem 0.75rem;\n    margin-bottom: 1rem;\n    font-size: 0.75rem;\n    line-height: 1rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    border-radius: 9999px;\n    box-shadow:\n      0 10px 15px -3px rgb(0 0 0 / 10%),\n      0 4px 6px -4px rgb(0 0 0 / 10%);\n    background: hsl(var(--brand-primary, 224 76% 48%));\n    color: hsl(var(--text-on-primary, 0 0% 100%));\n  }\n\n  .series-title {\n    font-size: 2.25rem;\n    line-height: 1.1;\n    font-weight: 700;\n    margin-bottom: 0.75rem;\n    letter-spacing: -0.025em;\n    color: hsl(var(--bg-primary));\n    text-shadow: 0 2px 8px color-mix(in srgb, black 30%, transparent);\n  }\n\n  @media (width >= 768px) {\n    .series-title {\n      font-size: 3.75rem;\n      line-height: 1;\n    }\n  }\n\n  .series-venue {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 0.5rem;\n    font-weight: 500;\n    color: color-mix(in srgb, white 90%, transparent);\n  }\n\n  @media (width >= 768px) {\n    .series-venue {\n      font-size: 1.25rem;\n      line-height: 1.75rem;\n    }\n  }\n\n  .venue-separator {\n    display: none;\n    opacity: 0.6;\n  }\n\n  @media (width >= 768px) {\n    .venue-separator {\n      display: inline;\n    }\n  }\n\n  .venue-location {\n    opacity: 0.75;\n  }\n\n  /* Content Grid */\n  .content-grid {\n    max-width: 64rem;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 3rem 1.5rem;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 3rem;\n  }\n\n  @media (width >= 768px) {\n    .content-grid {\n      padding-top: 5rem;\n      padding-bottom: 5rem;\n    }\n  }\n\n  @media (width >= 1024px) {\n    .content-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n\n  .main-column {\n    display: flex;\n    flex-direction: column;\n    gap: 4rem;\n  }\n\n  @media (width >= 1024px) {\n    .main-column {\n      grid-column: span 2 / span 2;\n    }\n  }\n\n  .section {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n  }\n\n  .section-heading {\n    font-size: 1.875rem;\n    line-height: 2.25rem;\n    font-weight: 700;\n    letter-spacing: -0.025em;\n    padding-bottom: 1rem;\n    color: hsl(var(--text-primary, 0 0% 10%));\n    border-bottom: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\n  }\n\n  .series-summary {\n    font-size: 1.25rem;\n    font-weight: 500;\n    line-height: 1.625;\n    color: hsl(var(--text-primary, 0 0% 20%));\n  }\n\n  .series-description {\n    max-width: none;\n    white-space: pre-line;\n    line-height: 1.625;\n    color: hsl(var(--text-secondary, 0 0% 40%));\n  }\n\n  /* Upcoming Dates */\n  .dates-header {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    padding-bottom: 1rem;\n    border-bottom: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\n  }\n\n  .dates-count {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 500;\n    color: hsl(var(--text-secondary, 0 0% 45%));\n  }\n\n  .empty-dates {\n    padding: 3rem;\n    border-radius: 1rem;\n    text-align: center;\n    background: hsl(var(--surface-secondary, 0 0% 96%));\n    border: 2px dashed hsl(var(--stroke-secondary, 0 0% 85%));\n  }\n\n  .empty-text {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n    font-weight: 500;\n    color: hsl(var(--text-secondary, 0 0% 45%));\n  }\n\n  .empty-subtext {\n    margin-top: 0.5rem;\n    color: hsl(var(--text-secondary, 0 0% 55%));\n  }\n\n  .dates-list {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .occurrence-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 1.5rem;\n    border-radius: 1rem;\n    transition: all 0.2s;\n    background: hsl(var(--surface-primary, 0 0% 100%));\n    border: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\n  }\n\n  @media (width >= 640px) {\n    .occurrence-card {\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  .occurrence-card:hover {\n    border-color: hsl(var(--brand-primary, 224 76% 48%));\n    box-shadow: 0 4px 12px color-mix(in srgb, black 8%, transparent);\n  }\n\n  .occurrence-info {\n    margin-bottom: 1rem;\n  }\n\n  @media (width >= 640px) {\n    .occurrence-info {\n      margin-bottom: 0;\n    }\n  }\n\n  .occurrence-date {\n    font-size: 1.25rem;\n    line-height: 1.75rem;\n    font-weight: 700;\n    margin-bottom: 0.25rem;\n    color: hsl(var(--text-primary, 0 0% 10%));\n  }\n\n  .occurrence-time {\n    font-weight: 500;\n    color: hsl(var(--text-secondary, 0 0% 45%));\n  }\n\n  .occurrence-action {\n    padding-left: 0;\n  }\n\n  @media (width >= 640px) {\n    .occurrence-action {\n      padding-left: 1.5rem;\n    }\n  }\n\n  .cta-button {\n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    border-radius: 0.5rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 600;\n    transition: transform 0.15s;\n    background: hsl(var(--brand-primary, 224 76% 48%));\n    color: hsl(var(--text-on-primary, 0 0% 100%));\n  }\n\n  @media (width >= 640px) {\n    .cta-button {\n      width: auto;\n    }\n  }\n\n  .cta-button:hover:not(:disabled) {\n    transform: scale(1.05);\n  }\n\n  .cta-disabled {\n    cursor: not-allowed;\n    background: hsl(var(--surface-secondary, 0 0% 90%));\n    color: hsl(var(--text-secondary, 0 0% 55%));\n  }\n\n  /* Performers */\n  .performers-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 2rem;\n  }\n\n  @media (width >= 640px) {\n    .performers-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n\n  .performer-card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding: 1rem;\n    border-radius: 0.75rem;\n    transition: background-color 0.15s;\n  }\n\n  .performer-card:hover {\n    background: hsl(var(--surface-secondary, 0 0% 96%));\n  }\n\n  .performer-avatar {\n    width: 7rem;\n    height: 7rem;\n    margin-bottom: 1rem;\n    border-radius: 9999px;\n    overflow: hidden;\n    box-shadow:\n      0 4px 6px -1px rgb(0 0 0 / 10%),\n      0 2px 4px -2px rgb(0 0 0 / 10%);\n    background: hsl(var(--surface-secondary, 0 0% 92%));\n  }\n\n  .performer-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n  }\n\n  .performer-card:hover .performer-image {\n    transform: scale(1.1);\n  }\n\n  .performer-placeholder {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: hsl(var(--text-secondary, 0 0% 60%));\n  }\n\n  .placeholder-icon {\n    width: 3rem;\n    height: 3rem;\n    opacity: 0.5;\n  }\n\n  .performer-name {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n    font-weight: 600;\n    color: hsl(var(--text-primary, 0 0% 10%));\n  }\n\n  /* Sidebar */\n  .sidebar {\n    display: flex;\n    flex-direction: column;\n    gap: 2rem;\n  }\n\n  @media (width >= 1024px) {\n    .sidebar {\n      grid-column: span 1 / span 1;\n    }\n  }\n\n  .sidebar-sticky {\n    position: sticky;\n    top: 6rem;\n    display: flex;\n    flex-direction: column;\n    gap: 2rem;\n  }\n\n  .sidebar-card {\n    border-radius: 1rem;\n    padding: 2rem;\n    background: hsl(var(--surface-secondary, 0 0% 96%));\n    border: 1px solid hsl(var(--stroke-secondary, 0 0% 92%));\n  }\n\n  .sidebar-section {\n    margin-bottom: 2rem;\n  }\n\n  .sidebar-section:last-child {\n    margin-bottom: 0;\n  }\n\n  .sidebar-heading {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    margin-bottom: 1rem;\n    color: hsl(var(--text-primary, 0 0% 10%));\n  }\n\n  .faq-content {\n    color: hsl(var(--text-secondary, 0 0% 40%));\n  }\n\n  .faq-item {\n    margin-bottom: 0.75rem;\n  }\n\n  .faq-question {\n    font-weight: 700;\n    color: hsl(var(--text-primary, 0 0% 20%));\n  }\n\n  .faq-answer {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n\n  .disclaimer-text {\n    font-size: 0.875rem;\n    line-height: 1.625;\n    padding: 1rem;\n    border-radius: 0.5rem;\n    background: hsl(var(--surface-primary, 0 0% 100%));\n    color: hsl(var(--text-secondary, 0 0% 40%));\n    border: 1px solid hsl(var(--stroke-secondary, 0 0% 90%));\n  }\n</style>\n"],"names":["imageLoaded","$","seriesImage","getImageUrl","$$props","PLACEHOLDER_IMAGE","tz","getDefaultTimezone","formatDate","iso","scFormatDate","formatTime","scFormatTime","handleOccurrenceClick","occurrence","div","root_1","div_1","div_2","img","div_3","div_4","h1","div_5","span","span_1","fragment_1","text_2","$$render","consequent","div_6","div_7","section","p","root_3","consequent_1","div_8","root_4","consequent_2","section_1","div_9","span_2","div_10","root_5","div_11","root_6","$$anchor","div_12","root_7","div_13","div_14","div_15","div_16","button","classes_1","text_8","alternate","consequent_3","section_2","root_8","div_17","performer","div_18","root_9","div_19","img_1","root_10","$0","$1","formatFullName","div_20","root_11","consequent_4","alternate_1","h3","consequent_5","div_21","div_22","div_23","root_12","div_24","root_13","div_25","item","div_26","root_15","p_1","p_2","text_10","text_11","d","p_3","root_16","text_12","consequent_7","div_27","root_17","div_28","text_13","consequent_8","consequent_9","classes","text_1"],"mappings":"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"}