@getmicdrop/venue-calendar 3.6.0 → 3.7.1

package/src/lib/theme.js

@@ -1,213 +1,217 @@
-/**
- * Theme Configuration for Embeddable Calendar Widget
- *
- * This module provides comprehensive theming options for the calendar widget.
- * All colors use HSL format for easy manipulation.
- *
- * Usage:
- * 1. Import and call applyTheme() with your custom theme
- * 2. Or set CSS custom properties directly on the widget container
- *
- * Example:
- * ```js
- * import { applyTheme, themes } from '@getmicdrop/venue-calendar/theme';
- * applyTheme(themes.dark);
- *
- * // Or custom theme:
- * applyTheme({
- *   brandPrimary: '270 76% 60%', // Purple
- *   textPrimary: '0 0% 100%',
- *   bgPrimary: '0 0% 10%',
- * });
- * ```
- */
-
-// Default light theme
-export const lightTheme = {
-  // Brand colors
-  brandPrimary: '217 91% 60%', // #2563EB - Blue
-
-  // Text colors
-  textPrimary: '0 0% 0%', // Black
-  textSecondary: '0 0% 40%', // Dark Gray
-  textTertiary: '0 0% 60%', // Gray
-
-  // Background colors
-  bgPrimary: '0 0% 100%', // White
-  bgSecondary: '0 0% 98%', // Light Gray
-  bgQuaternary: '0 0% 96%', // Very Light Gray
-
-  // Border/Stroke colors
-  strokePrimary: '0 0% 80%', // Medium Gray
-  strokeSecondary: '0 0% 90%', // Light Gray
-
-  // Status colors
-  statusOnSale: '217 91% 60%', // Blue
-  statusSellingFast: '38 92% 50%', // Orange
-  statusSoldOut: '0 84% 60%', // Red
-
-  // Calendar specific
-  todayBg: '217 91% 97%', // Light blue
-  todayText: '217 91% 50%', // Blue
-  eventDotOnSale: '217 91% 60%',
-  eventDotSellingFast: '38 92% 50%',
-  eventDotSoldOut: '0 84% 60%',
-
-  // Interaction states
-  hoverBg: '0 0% 96%',
-  focusRing: '217 91% 60%',
-};
-
-// Dark theme
-export const darkTheme = {
-  // Brand colors
-  brandPrimary: '217 91% 65%', // Lighter blue for dark mode
-
-  // Text colors
-  textPrimary: '0 0% 98%', // Near white
-  textSecondary: '0 0% 70%', // Light gray
-  textTertiary: '0 0% 50%', // Gray
-
-  // Background colors
-  bgPrimary: '0 0% 9%', // Very dark gray
-  bgSecondary: '0 0% 13%', // Dark gray
-  bgQuaternary: '0 0% 17%', // Slightly lighter
-
-  // Border/Stroke colors
-  strokePrimary: '0 0% 30%',
-  strokeSecondary: '0 0% 20%',
-
-  // Status colors
-  statusOnSale: '217 91% 65%',
-  statusSellingFast: '38 92% 55%',
-  statusSoldOut: '0 84% 65%',
-
-  // Calendar specific
-  todayBg: '217 50% 20%',
-  todayText: '217 91% 70%',
-  eventDotOnSale: '217 91% 65%',
-  eventDotSellingFast: '38 92% 55%',
-  eventDotSoldOut: '0 84% 65%',
-
-  // Interaction states
-  hoverBg: '0 0% 20%',
-  focusRing: '217 91% 65%',
-};
-
-// High contrast theme for accessibility
-export const highContrastTheme = {
-  brandPrimary: '217 100% 50%',
-  textPrimary: '0 0% 0%',
-  textSecondary: '0 0% 20%',
-  textTertiary: '0 0% 30%',
-  bgPrimary: '0 0% 100%',
-  bgSecondary: '0 0% 95%',
-  bgQuaternary: '0 0% 90%',
-  strokePrimary: '0 0% 0%',
-  strokeSecondary: '0 0% 30%',
-  statusOnSale: '217 100% 40%',
-  statusSellingFast: '30 100% 40%',
-  statusSoldOut: '0 100% 40%',
-  todayBg: '217 100% 90%',
-  todayText: '217 100% 30%',
-  eventDotOnSale: '217 100% 40%',
-  eventDotSellingFast: '30 100% 40%',
-  eventDotSoldOut: '0 100% 40%',
-  hoverBg: '217 100% 95%',
-  focusRing: '217 100% 40%',
-};
-
-// Preset themes collection
-export const themes = {
-  light: lightTheme,
-  dark: darkTheme,
-  highContrast: highContrastTheme,
-};
-
-/**
- * Apply a theme to the calendar widget
- * @param {Object} theme - Theme object with HSL color values
- * @param {HTMLElement} container - Optional container element (defaults to :root)
- */
-export function applyTheme(theme, container = document.documentElement) {
-  const cssVarMap = {
-    brandPrimary: '--brand-primary',
-    textPrimary: '--text-primary',
-    textSecondary: '--text-secondary',
-    textTertiary: '--text-tertiary',
-    bgPrimary: '--bg-primary',
-    bgSecondary: '--bg-secondary',
-    bgQuaternary: '--bg-quaternary',
-    strokePrimary: '--stroke-primary',
-    strokeSecondary: '--stroke-secondary',
-    statusOnSale: '--status-on-sale',
-    statusSellingFast: '--status-selling-fast',
-    statusSoldOut: '--status-sold-out',
-    todayBg: '--today-bg',
-    todayText: '--today-text',
-    eventDotOnSale: '--event-dot-on-sale',
-    eventDotSellingFast: '--event-dot-selling-fast',
-    eventDotSoldOut: '--event-dot-sold-out',
-    hoverBg: '--hover-bg',
-    focusRing: '--focus-ring',
-  };
-
-  Object.entries(theme).forEach(([key, value]) => {
-    const cssVar = cssVarMap[key];
-    if (cssVar) {
-      container.style.setProperty(cssVar, value);
-      // Backwards compat: also set the typo'd variable name
-      if (key === 'textTertiary') {
-        container.style.setProperty('--Text-Tartiary', value);
-      }
-    }
-  });
-}
-
-/**
- * Generate CSS string for embedding
- * @param {Object} theme - Theme object
- * @returns {string} CSS string
- */
-export function generateThemeCSS(theme) {
-  const cssVarMap = {
-    brandPrimary: '--brand-primary',
-    textPrimary: '--text-primary',
-    textSecondary: '--text-secondary',
-    textTertiary: '--text-tertiary',
-    bgPrimary: '--bg-primary',
-    bgSecondary: '--bg-secondary',
-    bgQuaternary: '--bg-quaternary',
-    strokePrimary: '--stroke-primary',
-    strokeSecondary: '--stroke-secondary',
-    statusOnSale: '--status-on-sale',
-    statusSellingFast: '--status-selling-fast',
-    statusSoldOut: '--status-sold-out',
-    todayBg: '--today-bg',
-    todayText: '--today-text',
-    eventDotOnSale: '--event-dot-on-sale',
-    eventDotSellingFast: '--event-dot-selling-fast',
-    eventDotSoldOut: '--event-dot-sold-out',
-    hoverBg: '--hover-bg',
-    focusRing: '--focus-ring',
-  };
-
-  const lines = [];
-  Object.entries(theme).forEach(([key, value]) => {
-    const cssVar = cssVarMap[key];
-    if (cssVar) {
-      lines.push(`  ${cssVar}: ${value};`);
-    }
-  });
-
-  return `:root {\n${lines.join('\n')}\n}`;
-}
-
-export default {
-  themes,
-  lightTheme,
-  darkTheme,
-  highContrastTheme,
-  applyTheme,
-  generateThemeCSS,
-};
+/**
+ * Theme Configuration for Embeddable Calendar Widget
+ *
+ * This module provides comprehensive theming options for the calendar widget.
+ * All colors use HSL format for easy manipulation.
+ *
+ * Usage:
+ * 1. Import and call applyTheme() with your custom theme
+ * 2. Or set CSS custom properties directly on the widget container
+ *
+ * Example:
+ * ```js
+ * import { applyTheme, themes } from '@getmicdrop/venue-calendar/theme';
+ * applyTheme(themes.dark);
+ *
+ * // Or custom theme:
+ * applyTheme({
+ *   brandPrimary: '270 76% 60%', // Purple
+ *   textPrimary: '0 0% 100%',
+ *   bgPrimary: '0 0% 10%',
+ * });
+ * ```
+ */
+
+// Default light theme
+export const lightTheme = {
+  // Brand colors
+  brandPrimary: '217 91% 60%', // #2563EB - Blue
+
+  // Text colors
+  textPrimary: '0 0% 0%', // Black
+  textSecondary: '0 0% 40%', // Dark Gray
+  textTertiary: '0 0% 60%', // Gray
+
+  // Background colors
+  bgPrimary: '0 0% 100%', // White
+  bgSecondary: '0 0% 98%', // Light Gray
+  bgQuaternary: '0 0% 96%', // Very Light Gray
+
+  // Border/Stroke colors
+  strokePrimary: '0 0% 80%', // Medium Gray
+  strokeSecondary: '0 0% 90%', // Light Gray
+
+  // Status colors
+  statusOnSale: '217 91% 60%', // Blue
+  statusSellingFast: '38 92% 50%', // Orange
+  statusSoldOut: '0 84% 60%', // Red
+
+  // Calendar specific
+  todayBg: '217 91% 97%', // Light blue
+  todayText: '217 91% 50%', // Blue
+  eventDotOnSale: '217 91% 60%',
+  eventDotSellingFast: '38 92% 50%',
+  eventDotSoldOut: '0 84% 60%',
+
+  // Interaction states
+  hoverBg: '0 0% 96%',
+  focusRing: '217 91% 60%',
+};
+
+// Dark theme
+export const darkTheme = {
+  // Brand colors
+  brandPrimary: '217 91% 65%', // Lighter blue for dark mode
+
+  // Text colors
+  textPrimary: '0 0% 98%', // Near white
+  textSecondary: '0 0% 70%', // Light gray
+  textTertiary: '0 0% 50%', // Gray
+
+  // Background colors
+  bgPrimary: '0 0% 9%', // Very dark gray
+  bgSecondary: '0 0% 13%', // Dark gray
+  bgQuaternary: '0 0% 17%', // Slightly lighter
+
+  // Border/Stroke colors
+  strokePrimary: '0 0% 30%',
+  strokeSecondary: '0 0% 20%',
+
+  // Status colors
+  statusOnSale: '217 91% 65%',
+  statusSellingFast: '38 92% 55%',
+  statusSoldOut: '0 84% 65%',
+
+  // Calendar specific
+  todayBg: '217 50% 20%',
+  todayText: '217 91% 70%',
+  eventDotOnSale: '217 91% 65%',
+  eventDotSellingFast: '38 92% 55%',
+  eventDotSoldOut: '0 84% 65%',
+
+  // Interaction states
+  hoverBg: '0 0% 20%',
+  focusRing: '217 91% 65%',
+};
+
+// High contrast theme for accessibility
+export const highContrastTheme = {
+  brandPrimary: '217 100% 50%',
+  textPrimary: '0 0% 0%',
+  textSecondary: '0 0% 20%',
+  textTertiary: '0 0% 30%',
+  bgPrimary: '0 0% 100%',
+  bgSecondary: '0 0% 95%',
+  bgQuaternary: '0 0% 90%',
+  strokePrimary: '0 0% 0%',
+  strokeSecondary: '0 0% 30%',
+  statusOnSale: '217 100% 40%',
+  statusSellingFast: '30 100% 40%',
+  statusSoldOut: '0 100% 40%',
+  todayBg: '217 100% 90%',
+  todayText: '217 100% 30%',
+  eventDotOnSale: '217 100% 40%',
+  eventDotSellingFast: '30 100% 40%',
+  eventDotSoldOut: '0 100% 40%',
+  hoverBg: '217 100% 95%',
+  focusRing: '217 100% 40%',
+};
+
+// Preset themes collection
+export const themes = {
+  light: lightTheme,
+  dark: darkTheme,
+  highContrast: highContrastTheme,
+};
+
+/**
+ * Apply a theme to the calendar widget
+ * @param {Object} theme - Theme object with HSL color values
+ * @param {HTMLElement} container - Optional container element (defaults to :root)
+ */
+export function applyTheme(theme, container = document.documentElement) {
+  const cssVarMap = {
+    brandPrimary: '--Brand-Primary',
+    textPrimary: '--Text-Primary',
+    textSecondary: '--Text-Secondary',
+    textTertiary: '--Text-Tertiary',
+    bgPrimary: '--BG-Primary',
+    bgSecondary: '--BG-Secondary',
+    bgQuaternary: '--BG-Quaternary',
+    strokePrimary: '--Stroke-Primary',
+    strokeSecondary: '--Stroke-Secondary',
+    statusOnSale: '--Status-OnSale',
+    statusSellingFast: '--Status-SellingFast',
+    statusSoldOut: '--Status-SoldOut',
+    todayBg: '--Today-BG',
+    todayText: '--Today-Text',
+    eventDotOnSale: '--EventDot-OnSale',
+    eventDotSellingFast: '--EventDot-SellingFast',
+    eventDotSoldOut: '--EventDot-SoldOut',
+    hoverBg: '--Hover-BG',
+    focusRing: '--Focus-Ring',
+  };
+
+  Object.entries(theme).forEach(([key, value]) => {
+    const cssVar = cssVarMap[key];
+    if (cssVar) {
+      container.style.setProperty(cssVar, value);
+      // Backwards compat: also set the typo'd variable name
+      if (key === 'textTertiary') {
+        container.style.setProperty('--Text-Tartiary', value);
+      }
+    }
+  });
+}
+
+/**
+ * Generate CSS string for embedding
+ * @param {Object} theme - Theme object
+ * @returns {string} CSS string
+ */
+export function generateThemeCSS(theme) {
+  const cssVarMap = {
+    brandPrimary: '--Brand-Primary',
+    textPrimary: '--Text-Primary',
+    textSecondary: '--Text-Secondary',
+    textTertiary: '--Text-Tertiary',
+    bgPrimary: '--BG-Primary',
+    bgSecondary: '--BG-Secondary',
+    bgQuaternary: '--BG-Quaternary',
+    strokePrimary: '--Stroke-Primary',
+    strokeSecondary: '--Stroke-Secondary',
+    statusOnSale: '--Status-OnSale',
+    statusSellingFast: '--Status-SellingFast',
+    statusSoldOut: '--Status-SoldOut',
+    todayBg: '--Today-BG',
+    todayText: '--Today-Text',
+    eventDotOnSale: '--EventDot-OnSale',
+    eventDotSellingFast: '--EventDot-SellingFast',
+    eventDotSoldOut: '--EventDot-SoldOut',
+    hoverBg: '--Hover-BG',
+    focusRing: '--Focus-Ring',
+  };
+
+  const lines = [];
+  Object.entries(theme).forEach(([key, value]) => {
+    const cssVar = cssVarMap[key];
+    if (cssVar) {
+      lines.push(`  ${cssVar}: ${value};`);
+      // Backwards compat: also emit the typo'd variable name
+      if (key === 'textTertiary') {
+        lines.push(`  --Text-Tartiary: ${value};`);
+      }
+    }
+  });
+
+  return `:root {\n${lines.join('\n')}\n}`;
+}
+
+export default {
+  themes,
+  lightTheme,
+  darkTheme,
+  highContrastTheme,
+  applyTheme,
+  generateThemeCSS,
+};

package/dist/CarouselView.legacy-DeWfW7JT.js

@@ -1,64 +0,0 @@
-import "svelte/internal/disclose-version";
-import * as e from "svelte/internal/client";
-import { onMount as _ } from "svelte";
-import { f as k, G as C } from "./VenueCalendar-DvT1UOq-.js";
-var S = e.from_html('<button class="carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-card/90 border border-border shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-card hover: focus-visible:outline-2 focus-visible:outline-brand-primary:outline-brand-primary focus-visible:outline-offset-2 svelte-1lcnwer" style="left: 8px" aria-label="Scroll left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-text-secondary"><polyline points="15 18 9 12 15 6"></polyline></svg></button>'), j = e.from_html('<div class="carousel-item svelte-1lcnwer" role="listitem"><!></div>'), B = e.from_html('<button class="carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-card/90 border border-border shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-card hover: focus-visible:outline-2 focus-visible:outline-brand-primary:outline-brand-primary focus-visible:outline-offset-2 svelte-1lcnwer" style="right: 8px" aria-label="Scroll right"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-text-secondary"><polyline points="9 18 15 12 9 6"></polyline></svg></button>'), W = e.from_html('<section class="w-full" aria-label="Events carousel"><h2 class="sr-only svelte-1lcnwer">Upcoming events</h2> <div class="relative"><!> <div class="carousel-scroll flex gap-4 overflow-x-auto p-2 sm:p-3 lg:p-4 svelte-1lcnwer" role="list"></div> <!></div></section>');
-function G(b, i) {
-  e.push(i, !0);
-  let h = e.prop(i, "events", 19, () => []), o, d = e.state(!1), u = e.state(!1), n = e.state(!1), g = e.derived(() => k(h()));
-  function a() {
-    if (!o) return;
-    const { scrollLeft: t, scrollWidth: r, clientWidth: l } = o;
-    e.set(d, t > 1), e.set(u, t + l < r - 1), e.set(n, r > l + 1);
-  }
-  function v(t) {
-    if (!o) return;
-    const r = o.querySelector(".carousel-item");
-    if (!r) return;
-    const l = r.offsetWidth + 16;
-    o.scrollBy({ left: t * l, behavior: "smooth" });
-  }
-  _(() => {
-    a();
-    const t = new ResizeObserver(() => a());
-    return o && t.observe(o), () => t.disconnect();
-  });
-  var c = W(), f = e.sibling(e.child(c), 2), p = e.child(f);
-  {
-    var w = (t) => {
-      var r = S();
-      e.delegated("click", r, () => v(-1)), e.append(t, r);
-    };
-    e.if(p, (t) => {
-      e.get(n) && e.get(d) && t(w);
-    });
-  }
-  var s = e.sibling(p, 2);
-  e.each(s, 21, () => e.get(g), e.index, (t, r) => {
-    var l = j(), x = e.child(l);
-    C(x, {
-      get event() {
-        return e.get(r);
-      },
-      get oneventClick() {
-        return i.oneventClick;
-      }
-    }), e.reset(l), e.append(t, l);
-  }), e.reset(s), e.bind_this(s, (t) => o = t, () => o);
-  var m = e.sibling(s, 2);
-  {
-    var y = (t) => {
-      var r = B();
-      e.delegated("click", r, () => v(1)), e.append(t, r);
-    };
-    e.if(m, (t) => {
-      e.get(n) && e.get(u) && t(y);
-    });
-  }
-  e.reset(f), e.reset(c), e.event("scroll", s, a), e.append(b, c), e.pop();
-}
-e.delegate(["click"]);
-export {
-  G as default
-};
-//# sourceMappingURL=CarouselView.legacy-DeWfW7JT.js.map

package/dist/CarouselView.legacy-DeWfW7JT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselView.legacy-DeWfW7JT.js","sources":["../src/components/Calendar/CarouselView.legacy.svelte"],"sourcesContent":["<script>\n  import { onMount } from \"svelte\";\n  import GalleryCard from \"./GalleryCard.svelte\";\n  import { filterTodayAndFuture } from \"$lib/utils/browse-status.js\";\n\n  let { events = [], oneventClick } = $props();\n\n  let scrollContainer;\n  let canScrollLeft = $state(false);\n  let canScrollRight = $state(false);\n  let showArrows = $state(false);\n\n  // Filter to today and future, sorted chronologically\n  let futureEvents = $derived(filterTodayAndFuture(events));\n\n  function updateScrollState() {\n    if (!scrollContainer) return;\n    const { scrollLeft, scrollWidth, clientWidth } = scrollContainer;\n    canScrollLeft = scrollLeft > 1;\n    canScrollRight = scrollLeft + clientWidth < scrollWidth - 1;\n    showArrows = scrollWidth > clientWidth + 1;\n  }\n\n  function scrollByCard(direction) {\n    if (!scrollContainer) return;\n    // Get the width of the first card item\n    const firstCard = scrollContainer.querySelector('.carousel-item');\n    if (!firstCard) return;\n    const cardWidth = firstCard.offsetWidth + 16; // card width + gap\n    scrollContainer.scrollBy({ left: direction * cardWidth, behavior: 'smooth' });\n  }\n\n  onMount(() => {\n    updateScrollState();\n    // Use ResizeObserver to update on container resize\n    const observer = new ResizeObserver(() => updateScrollState());\n    if (scrollContainer) {\n      observer.observe(scrollContainer);\n    }\n    return () => observer.disconnect();\n  });\n</script>\n\n<section class=\"w-full\" aria-label=\"Events carousel\">\n  <h2 class=\"sr-only\">Upcoming events</h2>\n\n  <div class=\"relative\">\n    <!-- Left arrow -->\n    {#if showArrows && canScrollLeft}\n      <button\n        class=\"carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-card/90 border border-border shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-card hover: focus-visible:outline-2 focus-visible:outline-brand-primary:outline-brand-primary focus-visible:outline-offset-2\"\n        style=\"left: 8px\"\n        onclick={() => scrollByCard(-1)}\n        aria-label=\"Scroll left\"\n      >\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-text-secondary\"><polyline points=\"15 18 9 12 15 6\"></polyline></svg>\n      </button>\n    {/if}\n\n    <!-- Scroll container -->\n    <div\n      class=\"carousel-scroll flex gap-4 overflow-x-auto p-2 sm:p-3 lg:p-4\"\n      bind:this={scrollContainer}\n      onscroll={updateScrollState}\n      role=\"list\"\n    >\n      {#each futureEvents as event}\n        <div class=\"carousel-item\" role=\"listitem\">\n          <GalleryCard {event} {oneventClick} />\n        </div>\n      {/each}\n    </div>\n\n    <!-- Right arrow -->\n    {#if showArrows && canScrollRight}\n      <button\n        class=\"carousel-arrow absolute top-1/2 -translate-y-1/2 z-10 w-10 h-10 rounded-full flex items-center justify-center bg-card/90 border border-border shadow-lg cursor-pointer transition-opacity duration-200 hover:bg-card hover: focus-visible:outline-2 focus-visible:outline-brand-primary:outline-brand-primary focus-visible:outline-offset-2\"\n        style=\"right: 8px\"\n        onclick={() => scrollByCard(1)}\n        aria-label=\"Scroll right\"\n      >\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-text-secondary\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>\n      </button>\n    {/if}\n  </div>\n</section>\n\n<style>\n  .carousel-scroll {\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n  }\n\n  .carousel-scroll::-webkit-scrollbar {\n    display: none;\n  }\n\n  .carousel-item {\n    scroll-snap-align: start;\n    flex: 0 0 85%;\n  }\n\n  /* Tablet: 2 visible cards with peek */\n  @media (min-width: 640px) {\n    .carousel-item {\n      flex: 0 0 calc(50% - 8px);\n    }\n  }\n\n  /* Desktop: 3 visible cards with peek */\n  @media (min-width: 1024px) {\n    .carousel-item {\n      flex: 0 0 calc(33.333% - 11px);\n    }\n  }\n\n  /* Hide arrows on mobile -- touch scrolling is natural */\n  @media (max-width: 639px) {\n    .carousel-arrow {\n      display: none;\n    }\n  }\n\n  /* Reduced motion */\n  @media (prefers-reduced-motion: reduce) {\n    .carousel-scroll {\n      scroll-behavior: auto;\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","scrollContainer","canScrollLeft","canScrollRight","showArrows","futureEvents","filterTodayAndFuture","updateScrollState","scrollLeft","scrollWidth","clientWidth","scrollByCard","direction","firstCard","cardWidth","onMount","observer","section","root","div","button","root_1","$$render","consequent","div_1","node","$$anchor","event","div_2","root_2","GalleryCard","node_1","$$value","button_1","root_3","consequent_1"],"mappings":";;;;;iBAAA;;MAKQA,IAAMC,EAAA,KAAAC,GAAA,UAAA,IAAA,MAAA,EAAA,GAERC,GACAC,IAAgBH,EAAA,MAAO,EAAK,GAC5BI,IAAiBJ,EAAA,MAAO,EAAK,GAC7BK,IAAaL,EAAA,MAAO,EAAK,GAGzBM,IAAYN,EAAA,QAAA,MAAYO,EAAqBR,EAAM,CAAA,CAAA;AAE9C,WAAAS,IAAoB;SACtBN,EAAe;AACZ,UAAA,EAAA,YAAAO,GAAY,aAAAC,GAAa,aAAAC,EAAW,IAAKT;UACjDC,GAAgBM,IAAa,CAAC,GAC9BT,EAAA,IAAAI,GAAiBK,IAAaE,IAAcD,IAAc,CAAC,GAC3DV,EAAA,IAAAK,GAAaK,IAAcC,IAAc,CAAC;AAAA,EAC5C;WAESC,EAAaC,GAAW;SAC1BX,EAAe;AAEd,UAAAY,IAAYZ,EAAgB,cAAc,gBAAgB;SAC3DY,EAAS;AACR,UAAAC,IAAYD,EAAU,cAAc;AAC1C,IAAAZ,EAAgB,SAAQ,EAAG,MAAMW,IAAYE,GAAW,UAAU,UAAQ;AAAA,EAC5E;AAEA,EAAAC,EAAO,MAAO;AACZ,IAAAR,EAAiB;UAEXS,IAAQ,IAAO,eAAc,MAAOT,EAAiB,CAAA;AACvD,WAAAN,KACFe,EAAS,QAAQf,CAAe,GAErB,MAAAe,EAAS,WAAU;AAAA,EAClC,CAAC;MAGFC,IAAOC,EAAA,GAGLC,sBAHFF,CAAO,GAAA,CAAA,eAGLE,CAAG;;;UAGCC,IAAKC,EAAA;2BAALD,GAAK,MAGWT,EAAY,EAAG,CAAA,eAH/BS,CAAK;AAAA;;AADH,MAAArB,EAAA,IAAAK,CAAU,WAAIF,CAAa,KAAAoB,EAAAC,CAAA;AAAA;;MAY/BC,IAAEzB,EAAA,QAAA0B,GAAA,CAAA;SAAFD,GAAE,IAAA,MAAAzB,EAAA,IAMMM,CAAY,GAAAN,EAAA,OAAA,CAAA2B,GAAIC,MAAK;QACzBC,IAAGC,EAAA,eAAHD,CAAG;AACD,IAAAE,EAAWC,GAAA;AAAA;qBAAEJ,CAAK;AAAA;;;;gBADpBC,CAAG,eAAHA,CAAG;AAAA,cAPPJ,CAAE,eAAFA,GAAE,CAAAQ,MAEU/B,IAAe+B,GAAA,MAAf/B,CAAe;oBAF3BuB,GAAE,CAAA;;;UAeAS,IAAKC,EAAA;2BAALD,GAAK,MAGWtB,EAAa,CAAC,CAAA,eAH9BsB,CAAK;AAAA;;AADH,MAAAlC,EAAA,IAAAK,CAAU,WAAID,CAAc,KAAAmB,EAAAa,CAAA;AAAA;;UA5BlChB,CAAG,WAHLF,CAAO,GAiBHlB,EAAA,MAAA,UAAAyB,GAGWjB,CAAiB,eApBhCU,CAAO;AAFA;;"}