npm - @getmicdrop/venue-calendar - Versions diffs - 4.0.79 → 4.0.81 - Mend

@getmicdrop/venue-calendar 4.0.79 → 4.0.81

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (125) hide show

package/README.md +173 -128
package/dist/{CarouselView.legacy-CsMGxVbb.js → CarouselView.legacy-Bn76lnuH.js} +3 -3
package/dist/{CarouselView.legacy-CsMGxVbb.js.map → CarouselView.legacy-Bn76lnuH.js.map} +1 -1
package/dist/{CartView-BOaZufWZ.js → CartView-lR1zLxmN.js} +277 -280
package/dist/CartView-lR1zLxmN.js.map +1 -0
package/dist/{Checkout-bkXNpxIB.js → Checkout-D5mXj5zN.js} +69 -73
package/dist/Checkout-D5mXj5zN.js.map +1 -0
package/dist/Checkout-KyLZlwLk.js +1673 -0
package/dist/Checkout-KyLZlwLk.js.map +1 -0
package/dist/{Checkout.legacy-BOPwZMyO.js → Checkout.legacy-Dl8Oh7y3.js} +95 -99
package/dist/Checkout.legacy-Dl8Oh7y3.js.map +1 -0
package/dist/CheckoutTimer-Deo1mLnO.js +141 -0
package/dist/CheckoutTimer-Deo1mLnO.js.map +1 -0
package/dist/CollectionView-C1O9xfVC.js +338 -0
package/dist/CollectionView-C1O9xfVC.js.map +1 -0
package/dist/{CollectionView.legacy-Dw-J6Ycd.js → CollectionView.legacy-DK_mCA_g.js} +21 -24
package/dist/{CollectionView.legacy-Dw-J6Ycd.js.map → CollectionView.legacy-DK_mCA_g.js.map} +1 -1
package/dist/Event-B5WRygEf.js +2240 -0
package/dist/Event-B5WRygEf.js.map +1 -0
package/dist/EventPage-f1AOk4Jb.js +577 -0
package/dist/EventPage-f1AOk4Jb.js.map +1 -0
package/dist/{EventPage.legacy-Br2M8N9-.js → EventPage.legacy-Bk3PJyJs.js} +408 -411
package/dist/EventPage.legacy-Bk3PJyJs.js.map +1 -0
package/dist/{FeaturedView.legacy-B86kMzvH.js → FeaturedView.legacy-BzCt1X1W.js} +18 -18
package/dist/{FeaturedView.legacy-B86kMzvH.js.map → FeaturedView.legacy-BzCt1X1W.js.map} +1 -1
package/dist/{GalleryCard-CTsYUZu6.js → GalleryCard-C1EKGErR.js} +14 -14
package/dist/{GalleryCard-CTsYUZu6.js.map → GalleryCard-C1EKGErR.js.map} +1 -1
package/dist/{GalleryView.legacy-uIexOsl5.js → GalleryView.legacy-BmQtZKl7.js} +3 -3
package/dist/{GalleryView.legacy-uIexOsl5.js.map → GalleryView.legacy-BmQtZKl7.js.map} +1 -1
package/dist/{GroupedListView.legacy-DMAwHQ9T.js → GroupedListView.legacy-D72fbNfA.js} +21 -21
package/dist/{GroupedListView.legacy-DMAwHQ9T.js.map → GroupedListView.legacy-D72fbNfA.js.map} +1 -1
package/dist/Heading-Bwevh2c4.js +81 -0
package/dist/Heading-Bwevh2c4.js.map +1 -0
package/dist/ModalHeader-DKwE5ZYZ.js +22 -0
package/dist/ModalHeader-DKwE5ZYZ.js.map +1 -0
package/dist/OrderSummarySkeleton-DKWKZNLL.js +632 -0
package/dist/OrderSummarySkeleton-DKWKZNLL.js.map +1 -0
package/dist/{ScarcityBadge-D9RzN3Tz.js → ScarcityBadge-3cFxTOCh.js} +25 -29
package/dist/{ScarcityBadge-D9RzN3Tz.js.map → ScarcityBadge-3cFxTOCh.js.map} +1 -1
package/dist/{SeriesPage-D0pf6VuS.js → SeriesPage-Cq4Q8Vah.js} +17 -21
package/dist/{SeriesPage-D0pf6VuS.js.map → SeriesPage-Cq4Q8Vah.js.map} +1 -1
package/dist/{SeriesPage.legacy-VYpfyT7B.js → SeriesPage.legacy-zvgW0S_y.js} +67 -71
package/dist/SeriesPage.legacy-zvgW0S_y.js.map +1 -0
package/dist/{Success-Dxgbo_Ct.js → Success-kyiEO6_Z.js} +186 -175
package/dist/{Success-Dxgbo_Ct.js.map → Success-kyiEO6_Z.js.map} +1 -1
package/dist/{Success.legacy-umzUtow7.js → Success.legacy-BxKYmXgz.js} +53 -57
package/dist/{Success.legacy-umzUtow7.js.map → Success.legacy-BxKYmXgz.js.map} +1 -1
package/dist/Text-_bLxSPv-.js +158 -0
package/dist/Text-_bLxSPv-.js.map +1 -0
package/dist/{VenueCalendar-D9TCV_XB.js → VenueCalendar-d8u6MKEu.js} +8131 -22680
package/dist/VenueCalendar-d8u6MKEu.js.map +1 -0
package/dist/ViewTicketsEmbed-DquJJVIK.js +2081 -0
package/dist/ViewTicketsEmbed-DquJJVIK.js.map +1 -0
package/dist/__SKIP_NAVIGATION__-CmipjatL.js +18 -0
package/dist/__SKIP_NAVIGATION__-CmipjatL.js.map +1 -0
package/dist/api/api.cjs +1 -1
package/dist/api/api.cjs.map +1 -1
package/dist/api/api.mjs +482 -374
package/dist/api/api.mjs.map +1 -1
package/dist/api/cta.d.ts +2 -10
package/dist/api/transformers/address.d.ts +18 -0
package/dist/api/transformers/cart.d.ts +19 -0
package/dist/api/transformers/collection.d.ts +12 -0
package/dist/api/transformers/event.d.ts +50 -1
package/dist/api/transformers/giftCard.d.ts +11 -0
package/dist/api/transformers/index.d.ts +10 -3
package/dist/api/transformers/performer.d.ts +8 -0
package/dist/api/transformers/series.d.ts +12 -0
package/dist/api/types.d.ts +423 -383
package/dist/api-BzICORqy.js +6 -0
package/dist/{api-DFMsiBOR.js.map → api-BzICORqy.js.map} +1 -1
package/dist/colors-CmP-sSZD.js.map +1 -1
package/dist/{data-toggle-store.svelte-DtDqN-QD.js → data-toggle-store.svelte-BGbzblUJ.js} +10 -15
package/dist/data-toggle-store.svelte-BGbzblUJ.js.map +1 -0
package/dist/index-BsWecoW1.js +63 -0
package/dist/index-BsWecoW1.js.map +1 -0
package/dist/labels-Bj_cocb1.js +966 -0
package/dist/labels-Bj_cocb1.js.map +1 -0
package/dist/seo/seo.cjs +1 -1
package/dist/seo/seo.cjs.map +1 -1
package/dist/seo/seo.mjs +131 -122
package/dist/seo/seo.mjs.map +1 -1
package/dist/transform-D7Oe8jUp.js +276 -0
package/dist/transform-D7Oe8jUp.js.map +1 -0
package/dist/types/index.d.ts +45 -0
package/dist/venue-calendar.css +1 -1
package/dist/venue-calendar.es.js +31 -37
package/dist/venue-calendar.es.js.map +1 -1
package/dist/venue-calendar.iife.js +40 -107
package/dist/venue-calendar.iife.js.map +1 -1
package/dist/venue-calendar.umd.js +38 -125
package/dist/venue-calendar.umd.js.map +1 -1
package/package.json +170 -169
package/dist/CartView-BOaZufWZ.js.map +0 -1
package/dist/Checkout-DD6ZTUh-.js +0 -1531
package/dist/Checkout-DD6ZTUh-.js.map +0 -1
package/dist/Checkout-bkXNpxIB.js.map +0 -1
package/dist/Checkout.legacy-BOPwZMyO.js.map +0 -1
package/dist/CheckoutTimer-CHoKjZyH.js +0 -35
package/dist/CheckoutTimer-CHoKjZyH.js.map +0 -1
package/dist/CollectionView-Ce-OAEC4.js +0 -148
package/dist/CollectionView-Ce-OAEC4.js.map +0 -1
package/dist/Event-rdstzev0.js +0 -1910
package/dist/Event-rdstzev0.js.map +0 -1
package/dist/EventPage-B8VRC83d.js +0 -336
package/dist/EventPage-B8VRC83d.js.map +0 -1
package/dist/EventPage.legacy-Br2M8N9-.js.map +0 -1
package/dist/Heading-AFd3o0xt.js +0 -44
package/dist/Heading-AFd3o0xt.js.map +0 -1
package/dist/OrderSummarySkeleton-dDKUH741.js +0 -16
package/dist/OrderSummarySkeleton-dDKUH741.js.map +0 -1
package/dist/SeriesPage.legacy-VYpfyT7B.js.map +0 -1
package/dist/Text-CXR2fhx6.js +0 -54
package/dist/Text-CXR2fhx6.js.map +0 -1
package/dist/VenueCalendar-D9TCV_XB.js.map +0 -1
package/dist/ViewTicketsEmbed-Bt05E5Ex.js +0 -2039
package/dist/ViewTicketsEmbed-Bt05E5Ex.js.map +0 -1
package/dist/__SKIP_NAVIGATION__-CJ96TTPE.js +0 -7
package/dist/__SKIP_NAVIGATION__-CJ96TTPE.js.map +0 -1
package/dist/api-DFMsiBOR.js +0 -12
package/dist/data-toggle-store.svelte-DtDqN-QD.js.map +0 -1
package/dist/labels-CClq3Rb9.js +0 -659
package/dist/labels-CClq3Rb9.js.map +0 -1
package/dist/transform-CWf-YI_e.js +0 -275
package/dist/transform-CWf-YI_e.js.map +0 -1

package/README.md CHANGED Viewed

@@ -22,7 +22,10 @@ Add one `<script>` tag pointing at the Micdrop-hosted bundle. The package is
 private (not on npm/jsDelivr) — it is delivered from `get-micdrop.com`:
 ```html
-<script defer src="https://get-micdrop.com/embed/venue-calendar.iife.js"></script>
+<script
+  defer
+  src="https://get-micdrop.com/embed/venue-calendar.iife.js"
+></script>
 ```
 - **No stylesheet to link.** The bundle injects its own CSS at runtime, so a
@@ -49,27 +52,32 @@ Simply add a div with the class `micdrop-calendar-container` and the calendar wi
 ```html
 <!DOCTYPE html>
 <html>
-<head>
-  <title>My Comedy Club</title>
-  <!-- Preload the bundle while the page parses. defer keeps the
+  <head>
+    <title>My Comedy Club</title>
+    <!-- Preload the bundle while the page parses. defer keeps the
        <script> non-blocking; preload starts the fetch earlier. -->
-  <link rel="preload"
-        as="script"
-        href="https://get-micdrop.com/embed/venue-calendar.iife.js">
-  <script defer
-          src="https://get-micdrop.com/embed/venue-calendar.iife.js"></script>
-</head>
-<body>
-  <!-- Calendar auto-mounts here. Use data-organization-id to show all of an
+    <link
+      rel="preload"
+      as="script"
+      href="https://get-micdrop.com/embed/venue-calendar.iife.js"
+    />
+    <script
+      defer
+      src="https://get-micdrop.com/embed/venue-calendar.iife.js"
+    ></script>
+  </head>
+  <body>
+    <!-- Calendar auto-mounts here. Use data-organization-id to show all of an
        organization's shows, or data-venue-id for a single venue. -->
-  <div class="micdrop-calendar-container"
-       data-organization-id="your-organization-id"
-       data-view="calendar"
-       data-show-view-options="true"
-       data-show-month-switcher="true"
-       data-locale="en-US">
-  </div>
-</body>
+    <div
+      class="micdrop-calendar-container"
+      data-organization-id="your-organization-id"
+      data-view="calendar"
+      data-show-view-options="true"
+      data-show-month-switcher="true"
+      data-locale="en-US"
+    ></div>
+  </body>
 </html>
 ```
@@ -80,21 +88,24 @@ Use the custom `<micdrop-calendar>` element:
 ```html
 <!DOCTYPE html>
 <html>
-<head>
-  <title>My Comedy Club</title>
-  <script defer
-          src="https://get-micdrop.com/embed/venue-calendar.iife.js"></script>
-</head>
-<body>
-  <!-- Web Component -->
-  <micdrop-calendar
-    venue-id="your-venue-id"
-    view="calendar"
-    show-view-options="true"
-    show-month-switcher="true"
-    locale="en-US">
-  </micdrop-calendar>
-</body>
+  <head>
+    <title>My Comedy Club</title>
+    <script
+      defer
+      src="https://get-micdrop.com/embed/venue-calendar.iife.js"
+    ></script>
+  </head>
+  <body>
+    <!-- Web Component -->
+    <micdrop-calendar
+      venue-id="your-venue-id"
+      view="calendar"
+      show-view-options="true"
+      show-month-switcher="true"
+      locale="en-US"
+    >
+    </micdrop-calendar>
+  </body>
 </html>
 ```
@@ -105,26 +116,29 @@ For more control, use the JavaScript API:
 ```html
 <!DOCTYPE html>
 <html>
-<head>
-  <title>My Comedy Club</title>
-</head>
-<body>
-  <div id="my-calendar"></div>
-  <!-- Load the bundle, then call the global it exposes. -->
-  <script defer src="https://get-micdrop.com/embed/venue-calendar.iife.js"></script>
-  <script>
-    window.addEventListener('load', function () {
-      window.VenueCalendar.initVenueCalendar({
-        target: '#my-calendar',
-        organizationId: 'your-organization-id',
-        view: 'calendar',
-        showViewOptions: true,
-        showMonthSwitcher: true,
+  <head>
+    <title>My Comedy Club</title>
+  </head>
+  <body>
+    <div id="my-calendar"></div>
+    <!-- Load the bundle, then call the global it exposes. -->
+    <script
+      defer
+      src="https://get-micdrop.com/embed/venue-calendar.iife.js"
+    ></script>
+    <script>
+      window.addEventListener('load', function () {
+        window.VenueCalendar.initVenueCalendar({
+          target: '#my-calendar',
+          organizationId: 'your-organization-id',
+          view: 'calendar',
+          showViewOptions: true,
+          showMonthSwitcher: true,
+        });
       });
-    });
-  </script>
-</body>
+    </script>
+  </body>
 </html>
 ```
@@ -155,7 +169,9 @@ function VenueCalendarComponent({ venueId, view = 'calendar' }) {
       // Svelte 5 — components mounted via `mount()` are destroyed via
       // the `unmount` helper, not `.$destroy()` (that was Svelte 4).
       if (instanceRef.current) {
-        try { unmount(instanceRef.current); } catch {}
+        try {
+          unmount(instanceRef.current);
+        } catch {}
         instanceRef.current = null;
       }
     };
@@ -189,40 +205,40 @@ For ad-hoc support diagnostics, the widget exposes its version on
 `window`:
 ```js
-window.__MICDROP_CALENDAR__.version  // e.g. "3.6.23"
+window.__MICDROP_CALENDAR__.version; // e.g. "3.6.23"
 ```
 **Usage in React App:**
 ```jsx
-import React, { useState } from "react";
-import VenueCalendarComponent from "./VenueCalendarComponent";
+import React, { useState } from 'react';
+import VenueCalendarComponent from './VenueCalendarComponent';
 function App() {
-  const [venueId, setVenueId] = useState("comedy-club-123");
-  const [view, setView] = useState("calendar");
+  const [venueId, setVenueId] = useState('comedy-club-123');
+  const [view, setView] = useState('calendar');
   return (
-    <div style={{ padding: "20px" }}>
+    <div style={{ padding: '20px' }}>
       <h1>Event Viewer</h1>
-      <div style={{ marginBottom: "20px" }}>
+      <div style={{ marginBottom: '20px' }}>
         <label>Venue ID:</label>
         <input
           type="text"
           value={venueId}
-          onChange={(e) => setVenueId(e.target.value)}
+          onChange={e => setVenueId(e.target.value)}
         />
       </div>
-      <div style={{ marginBottom: "20px" }}>
+      <div style={{ marginBottom: '20px' }}>
         <label>Select View:</label>
         <label>
           <input
             type="radio"
             value="list"
-            checked={view === "list"}
-            onChange={(e) => setView(e.target.value)}
+            checked={view === 'list'}
+            onChange={e => setView(e.target.value)}
           />
           List
         </label>
@@ -230,8 +246,8 @@ function App() {
           <input
             type="radio"
             value="gallery"
-            checked={view === "gallery"}
-            onChange={(e) => setView(e.target.value)}
+            checked={view === 'gallery'}
+            onChange={e => setView(e.target.value)}
           />
           Gallery
         </label>
@@ -239,8 +255,8 @@ function App() {
           <input
             type="radio"
             value="calendar"
-            checked={view === "calendar"}
-            onChange={(e) => setView(e.target.value)}
+            checked={view === 'calendar'}
+            onChange={e => setView(e.target.value)}
           />
           Calendar
         </label>
@@ -269,8 +285,8 @@ const props = defineProps({
   venueId: String,
   view: {
     type: String,
-    default: 'calendar'
-  }
+    default: 'calendar',
+  },
 });
 const calendarContainer = ref(null);
@@ -293,19 +309,22 @@ onUnmounted(() => {
   }
 });
-watch(() => props.venueId, (newId) => {
-  if (calendarInstance) {
-    calendarInstance.$destroy();
-    calendarInstance = initVenueCalendar({
-      target: calendarContainer.value,
-      venueId: newId,
-      view: props.view,
-      events: [],
-      showViewOptions: true,
-      showMonthSwitcher: true,
-    });
+watch(
+  () => props.venueId,
+  newId => {
+    if (calendarInstance) {
+      calendarInstance.$destroy();
+      calendarInstance = initVenueCalendar({
+        target: calendarContainer.value,
+        venueId: newId,
+        view: props.view,
+        events: [],
+        showViewOptions: true,
+        showMonthSwitcher: true,
+      });
+    }
   }
-});
+);
 </script>
 ```
@@ -332,24 +351,30 @@ watch(() => props.venueId, (newId) => {
 <VenueCalendar
   showViewOptions={[
-    { id: 0, text: "List view", icon: List },
-    { id: 1, text: "Gallery view", icon: Grid },
-    { id: 2, text: "Calendar view", icon: Calendar }
+    { id: 0, text: 'List view', icon: List },
+    { id: 1, text: 'Gallery view', icon: Grid },
+    { id: 2, text: 'Calendar view', icon: Calendar },
   ]}
   showMonthSwitcher={true}
   events={[]}
   {currentMonth}
   {currentYear}
-  handleNext={handleNext}
-  handlePrev={handlePrev}
-  on:eventClick={(e) => console.log('Event clicked:', e.detail)}
+  {handleNext}
+  {handlePrev}
+  on:eventClick={e => console.log('Event clicked:', e.detail)}
 />
 ```
 ### Angular
 ```typescript
-import { Component, OnInit, OnDestroy, ElementRef, ViewChild } from '@angular/core';
+import {
+  Component,
+  OnInit,
+  OnDestroy,
+  ElementRef,
+  ViewChild,
+} from '@angular/core';
 import { initVenueCalendar } from '@getmicdrop/venue-calendar';
 @Component({
@@ -357,7 +382,8 @@ import { initVenueCalendar } from '@getmicdrop/venue-calendar';
   template: '<div #calendarContainer></div>',
 })
 export class VenueCalendarComponent implements OnInit, OnDestroy {
-  @ViewChild('calendarContainer', { static: true }) calendarContainer!: ElementRef;
+  @ViewChild('calendarContainer', { static: true })
+  calendarContainer!: ElementRef;
   private calendarInstance: any;
   ngOnInit() {
@@ -383,23 +409,23 @@ export class VenueCalendarComponent implements OnInit, OnDestroy {
 ### Data Attributes (for auto-mount)
-| Attribute | Type | Default | Description |
-|-----------|------|---------|-------------|
-| `data-venue-id` | string | `''` | The venue ID to fetch events for |
-| `data-view` | string | `'calendar'` | Initial view: `'list'`, `'gallery'`, or `'calendar'` |
-| `data-show-view-options` | boolean | `true` | Show view switcher buttons |
-| `data-show-month-switcher` | boolean | `true` | Show month navigation controls |
+| Attribute                  | Type    | Default      | Description                                          |
+| -------------------------- | ------- | ------------ | ---------------------------------------------------- |
+| `data-venue-id`            | string  | `''`         | The venue ID to fetch events for                     |
+| `data-view`                | string  | `'calendar'` | Initial view: `'list'`, `'gallery'`, or `'calendar'` |
+| `data-show-view-options`   | boolean | `true`       | Show view switcher buttons                           |
+| `data-show-month-switcher` | boolean | `true`       | Show month navigation controls                       |
 ### JavaScript API Options
 ```javascript
 initVenueCalendar({
-  target: '.my-calendar',           // CSS selector or HTMLElement (required)
-  venueId: 'venue-123',              // Venue ID (optional)
-  view: 'calendar',                  // 'list', 'gallery', or 'calendar' (default: 'calendar')
-  events: [],                        // Array of event objects (default: [])
-  showViewOptions: true,             // Show view switcher (default: true)
-  showMonthSwitcher: true,           // Show month navigation (default: true)
+  target: '.my-calendar', // CSS selector or HTMLElement (required)
+  venueId: 'venue-123', // Venue ID (optional)
+  view: 'calendar', // 'list', 'gallery', or 'calendar' (default: 'calendar')
+  events: [], // Array of event objects (default: [])
+  showViewOptions: true, // Show view switcher (default: true)
+  showMonthSwitcher: true, // Show month navigation (default: true)
 });
 ```
@@ -420,12 +446,15 @@ initVenueCalendar({
 ## Views
 ### Calendar View
 The default view showing events in a monthly calendar grid. Perfect for venues with regular shows.
 ### List View
 A vertical list layout showing all upcoming events with details. Great for mobile experiences.
 ### Gallery View
 A grid layout displaying event posters in a gallery format. Ideal for showcasing event imagery.
 ## WordPress Integration
@@ -433,10 +462,11 @@ A grid layout displaying event posters in a gallery format. Ideal for showcasing
 For WordPress sites, you can add this to your page/post HTML:
 ```html
-<div class="micdrop-calendar-container"
-     data-venue-id="your-venue-id"
-     data-view="calendar">
-</div>
+<div
+  class="micdrop-calendar-container"
+  data-venue-id="your-venue-id"
+  data-view="calendar"
+></div>
 <script src="https://get-micdrop.com/embed/venue-calendar.iife.js"></script>
 ```
@@ -467,14 +497,14 @@ Override the default theme by setting CSS custom properties:
 ```css
 /* Custom brand colors */
 .micdrop-calendar-container {
-  --Brand-Primary: 270 76% 60%;  /* Purple */
+  --Brand-Primary: 270 76% 60%; /* Purple */
   --Text-Primary: 0 0% 10%;
   --BG-Primary: 0 0% 100%;
 }
 /* Dark mode */
 .dark .micdrop-calendar-container,
-[data-theme="dark"] .micdrop-calendar-container {
+[data-theme='dark'] .micdrop-calendar-container {
   --Brand-Primary: 270 76% 70%;
   --Text-Primary: 0 0% 95%;
   --BG-Primary: 0 0% 10%;
@@ -483,24 +513,28 @@ Override the default theme by setting CSS custom properties:
 ### Available CSS Variables
-| Variable | Description | Default (Light) |
-|----------|-------------|-----------------|
-| `--Brand-Primary` | Primary brand color | `217 91% 60%` (Blue) |
-| `--Text-Primary` | Main text color | `0 0% 0%` |
-| `--Text-Secondary` | Secondary text | `0 0% 40%` |
-| `--BG-Primary` | Main background | `0 0% 100%` |
-| `--BG-Secondary` | Secondary background | `0 0% 98%` |
-| `--Stroke-Primary` | Border colors | `0 0% 80%` |
-| `--Status-OnSale` | "On Sale" badge | `217 91% 60%` |
-| `--Status-SellingFast` | "Selling Fast" badge | `38 92% 50%` |
-| `--Status-SoldOut` | "Sold Out" badge | `0 84% 60%` |
-| `--Today-BG` | Today's date background | `217 91% 97%` |
-| `--Focus-Ring` | Keyboard focus ring | `217 91% 60%` |
+| Variable               | Description             | Default (Light)      |
+| ---------------------- | ----------------------- | -------------------- |
+| `--Brand-Primary`      | Primary brand color     | `217 91% 60%` (Blue) |
+| `--Text-Primary`       | Main text color         | `0 0% 0%`            |
+| `--Text-Secondary`     | Secondary text          | `0 0% 40%`           |
+| `--BG-Primary`         | Main background         | `0 0% 100%`          |
+| `--BG-Secondary`       | Secondary background    | `0 0% 98%`           |
+| `--Stroke-Primary`     | Border colors           | `0 0% 80%`           |
+| `--Status-OnSale`      | "On Sale" badge         | `217 91% 60%`        |
+| `--Status-SellingFast` | "Selling Fast" badge    | `38 92% 50%`         |
+| `--Status-SoldOut`     | "Sold Out" badge        | `0 84% 60%`          |
+| `--Today-BG`           | Today's date background | `217 91% 97%`        |
+| `--Focus-Ring`         | Keyboard focus ring     | `217 91% 60%`        |
 ### Using JavaScript Theme Utilities
 ```javascript
-import { applyTheme, themes, generateThemeCSS } from '@getmicdrop/venue-calendar';
+import {
+  applyTheme,
+  themes,
+  generateThemeCSS,
+} from '@getmicdrop/venue-calendar';
 // Apply a preset theme
 applyTheme(themes.dark);
@@ -511,10 +545,10 @@ applyTheme(themes.dark, container);
 // Create a custom theme
 const myTheme = {
-  brandPrimary: '270 76% 60%',  // Purple
+  brandPrimary: '270 76% 60%', // Purple
   textPrimary: '0 0% 10%',
   bgPrimary: '0 0% 100%',
-  statusOnSale: '142 71% 45%',  // Green for on sale
+  statusOnSale: '142 71% 45%', // Green for on sale
 };
 applyTheme(myTheme);
@@ -611,6 +645,14 @@ venue-calendar/
 └── README.md
 ```
+### Lockfile policy
+`package-lock.json` is the single canonical lockfile — CI and the publish
+workflow install with `npm ci`. Do not commit `yarn.lock` or
+`pnpm-lock.yaml` (both gitignored). Local dev machines may use pnpm for the
+svelte-components symlink workflow, but dependency changes must land in
+`package-lock.json` via npm.
 ## API Reference
 ### `initVenueCalendar(options)`
@@ -618,11 +660,13 @@ venue-calendar/
 Initialize a calendar instance.
 **Parameters:**
 - `options` (Object): Configuration options
 **Returns:** Svelte component instance
 **Example:**
 ```javascript
 const calendar = initVenueCalendar({
   target: '#calendar',
@@ -636,6 +680,7 @@ const calendar = initVenueCalendar({
 Automatically mount calendars to all elements with class `micdrop-calendar-container`.
 **Example:**
 ```javascript
 import { autoMount } from '@getmicdrop/venue-calendar';
 autoMount();
@@ -652,7 +697,7 @@ const calendar = initVenueCalendar({
 });
 // Listen to component events (if using Svelte component directly)
-calendar.$on('eventClick', (event) => {
+calendar.$on('eventClick', event => {
   console.log('Event clicked:', event.detail);
 });
 ```

package/dist/{CarouselView.legacy-CsMGxVbb.js → CarouselView.legacy-Bn76lnuH.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
 import { onMount as _ } from "svelte";
-import { G as k } from "./GalleryCard-CTsYUZu6.js";
-import { aJ as C } from "./VenueCalendar-D9TCV_XB.js";
+import { G as k } from "./GalleryCard-C1EKGErR.js";
+import { aI as C } from "./VenueCalendar-d8u6MKEu.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 left-2 svelte-1lcnwer" 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 right-2 svelte-1lcnwer" 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 L(b, i) {
   e.push(i, !0);
@@ -62,4 +62,4 @@ e.delegate(["click"]);
 export {
   L as default
 };
-//# sourceMappingURL=CarouselView.legacy-CsMGxVbb.js.map
+//# sourceMappingURL=CarouselView.legacy-Bn76lnuH.js.map

package/dist/{CarouselView.legacy-CsMGxVbb.js.map → CarouselView.legacy-Bn76lnuH.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CarouselView.legacy-~~CsMGxVbb~~.js","sources":["../src/components/Calendar/CarouselView.legacy.svelte"],"sourcesContent":["<!-- native-element-exception: VC is an embeddable widget — native <button>s are intentional here (widget-controlled styling on calendar cells, date selectors, checkout/nav CTAs). -->\r\n<!--\r\n @tokens-px-escape: This is a .legacy.svelte file — frozen pre-redesign\r\n code preserved for rollback comparison. The inline px values here are\r\n not actively maintained code paths. tokens-non-color record documents\r\n legacy/archived files as exempt.\r\n-->\r\n<script>\r\n // @ts-nocheck legacy fallback (legacy=1 path), slated for deletion after VC finalization — not type-maintained\r\n import { onMount } from \"svelte\";\r\n import GalleryCard from \"./GalleryCard.svelte\";\r\n import { filterTodayAndFuture } from \"$lib/utils/browse-status.js\";\r\n\r\n let { events = [], oneventClick } = $props();\r\n\r\n let scrollContainer;\r\n let canScrollLeft = $state(false);\r\n let canScrollRight = $state(false);\r\n let showArrows = $state(false);\r\n\r\n // Filter to today and future, sorted chronologically\r\n let futureEvents = $derived(filterTodayAndFuture(events));\r\n\r\n function updateScrollState() {\r\n if (!scrollContainer) return;\r\n const { scrollLeft, scrollWidth, clientWidth } = scrollContainer;\r\n canScrollLeft = scrollLeft > 1;\r\n canScrollRight = scrollLeft + clientWidth < scrollWidth - 1;\r\n showArrows = scrollWidth > clientWidth + 1;\r\n }\r\n\r\n function scrollByCard(direction) {\r\n if (!scrollContainer) return;\r\n // Get the width of the first card item\r\n const firstCard = scrollContainer.querySelector('.carousel-item');\r\n if (!firstCard) return;\r\n const cardWidth = firstCard.offsetWidth + 16; // card width + gap\r\n scrollContainer.scrollBy({ left: direction * cardWidth, behavior: 'smooth' });\r\n }\r\n\r\n onMount(() => {\r\n updateScrollState();\r\n // Use ResizeObserver to update on container resize\r\n const observer = new ResizeObserver(() => updateScrollState());\r\n if (scrollContainer) {\r\n observer.observe(scrollContainer);\r\n }\r\n return () => observer.disconnect();\r\n });\r\n</script>\r\n\r\n<section class=\"w-full\" aria-label=\"Events carousel\">\r\n <h2 class=\"sr-only\">Upcoming events</h2>\r\n\r\n <div class=\"relative\">\r\n <!-- Left arrow -->\r\n {#if showArrows && canScrollLeft}\r\n <button\r\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 left-2\"\r\n onclick={() => scrollByCard(-1)}\r\n aria-label=\"Scroll left\"\r\n >\r\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>\r\n </button>\r\n {/if}\r\n\r\n <!-- Scroll container -->\r\n <div\r\n class=\"carousel-scroll flex gap-4 overflow-x-auto p-2 sm:p-3 lg:p-4\"\r\n bind:this={scrollContainer}\r\n onscroll={updateScrollState}\r\n role=\"list\"\r\n >\r\n {#each futureEvents as event}\r\n <div class=\"carousel-item\" role=\"listitem\">\r\n <GalleryCard {event} {oneventClick} />\r\n </div>\r\n {/each}\r\n </div>\r\n\r\n <!-- Right arrow -->\r\n {#if showArrows && canScrollRight}\r\n <button\r\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 right-2\"\r\n onclick={() => scrollByCard(1)}\r\n aria-label=\"Scroll right\"\r\n >\r\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>\r\n </button>\r\n {/if}\r\n </div>\r\n</section>\r\n\r\n<style>\r\n .carousel-scroll {\r\n scroll-snap-type: x mandatory;\r\n -webkit-overflow-scrolling: touch;\r\n scrollbar-width: none;\r\n }\r\n\r\n .carousel-scroll::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n .carousel-item {\r\n scroll-snap-align: start;\r\n flex: 0 0 85%;\r\n }\r\n\r\n /* Tablet: 2 visible cards with peek /\r\n @media (width >= 640px) {\r\n .carousel-item {\r\n flex: 0 0 calc(50% - 8px);\r\n }\r\n }\r\n\r\n / Desktop: 3 visible cards with peek /\r\n @media (width >= 1024px) {\r\n .carousel-item {\r\n flex: 0 0 calc(33.333% - 11px);\r\n }\r\n }\r\n\r\n / Hide arrows on mobile -- touch scrolling is natural /\r\n @media (width <= 639px) {\r\n .carousel-arrow {\r\n display: none;\r\n }\r\n }\r\n\r\n / Reduced motion /\r\n @media (prefers-reduced-motion: reduce) {\r\n .carousel-scroll {\r\n scroll-behavior: auto;\r\n }\r\n }\r\n\r\n / Screen reader only text */\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border-width: 0;\r\n }\r\n</style>"],"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":";;;;;;iBAOA;;~~MAMQA~~,~~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,QAAc;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,IAAMC,EAAA;2BAAND,GAAM,MAEUT,EAAY,EAAG,CAAA,eAF/BS,CAAM;AAAA;;AADJ,MAAArB,EAAA,IAAAK,CAAU,WAAIF,CAAa,KAAAoB,EAAAC,CAAA;AAAA;;MAW/BC,IAAGzB,EAAA,QAAA0B,GAAA,CAAA;SAAHD,GAAG,IAAA,MAAAzB,EAAA,IAMKM,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,CAAG,eAAHA,GAAG,CAAAQ,MAES/B,IAAe+B,GAAA,MAAf/B,CAAe;oBAF3BuB,GAAG,CAAA;;;UAeDS,IAAMC,EAAA;2BAAND,GAAM,MAEUtB,EAAa,CAAC,CAAA,eAF9BsB,CAAM;AAAA;;AADJ,MAAAlC,EAAA,IAAAK,CAAU,WAAID,CAAc,KAAAmB,EAAAa,CAAA;AAAA;;UA3BlChB,CAAG,WAHLF,CAAO,GAgBHlB,EAAA,MAAA,UAAAyB,GAGWjB,CAAiB,eAnBhCU,CAAO;AAFA;;"}
1	+ {"version":3,"file":"CarouselView.legacy-Bn76lnuH.js","sources":["../src/components/Calendar/CarouselView.legacy.svelte"],"sourcesContent":["<!-- native-element-exception: VC is an embeddable widget — native <button>s are intentional here (widget-controlled styling on calendar cells, date selectors, checkout/nav CTAs). -->\r\n<!--\r\n @tokens-px-escape: This is a .legacy.svelte file — frozen pre-redesign\r\n code preserved for rollback comparison. The inline px values here are\r\n not actively maintained code paths. tokens-non-color record documents\r\n legacy/archived files as exempt.\r\n-->\r\n<script>\r\n // @ts-nocheck legacy fallback (legacy=1 path), slated for deletion after VC finalization — not type-maintained\r\n import { onMount } from \"svelte\";\r\n import GalleryCard from \"./GalleryCard.svelte\";\r\n import { filterTodayAndFuture } from \"$lib/utils/browse-status.js\";\r\n\r\n let { events = [], oneventClick } = $props();\r\n\r\n let scrollContainer;\r\n let canScrollLeft = $state(false);\r\n let canScrollRight = $state(false);\r\n let showArrows = $state(false);\r\n\r\n // Filter to today and future, sorted chronologically\r\n let futureEvents = $derived(filterTodayAndFuture(events));\r\n\r\n function updateScrollState() {\r\n if (!scrollContainer) return;\r\n const { scrollLeft, scrollWidth, clientWidth } = scrollContainer;\r\n canScrollLeft = scrollLeft > 1;\r\n canScrollRight = scrollLeft + clientWidth < scrollWidth - 1;\r\n showArrows = scrollWidth > clientWidth + 1;\r\n }\r\n\r\n function scrollByCard(direction) {\r\n if (!scrollContainer) return;\r\n // Get the width of the first card item\r\n const firstCard = scrollContainer.querySelector('.carousel-item');\r\n if (!firstCard) return;\r\n const cardWidth = firstCard.offsetWidth + 16; // card width + gap\r\n scrollContainer.scrollBy({ left: direction * cardWidth, behavior: 'smooth' });\r\n }\r\n\r\n onMount(() => {\r\n updateScrollState();\r\n // Use ResizeObserver to update on container resize\r\n const observer = new ResizeObserver(() => updateScrollState());\r\n if (scrollContainer) {\r\n observer.observe(scrollContainer);\r\n }\r\n return () => observer.disconnect();\r\n });\r\n</script>\r\n\r\n<section class=\"w-full\" aria-label=\"Events carousel\">\r\n <h2 class=\"sr-only\">Upcoming events</h2>\r\n\r\n <div class=\"relative\">\r\n <!-- Left arrow -->\r\n {#if showArrows && canScrollLeft}\r\n <button\r\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 left-2\"\r\n onclick={() => scrollByCard(-1)}\r\n aria-label=\"Scroll left\"\r\n >\r\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>\r\n </button>\r\n {/if}\r\n\r\n <!-- Scroll container -->\r\n <div\r\n class=\"carousel-scroll flex gap-4 overflow-x-auto p-2 sm:p-3 lg:p-4\"\r\n bind:this={scrollContainer}\r\n onscroll={updateScrollState}\r\n role=\"list\"\r\n >\r\n {#each futureEvents as event}\r\n <div class=\"carousel-item\" role=\"listitem\">\r\n <GalleryCard {event} {oneventClick} />\r\n </div>\r\n {/each}\r\n </div>\r\n\r\n <!-- Right arrow -->\r\n {#if showArrows && canScrollRight}\r\n <button\r\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 right-2\"\r\n onclick={() => scrollByCard(1)}\r\n aria-label=\"Scroll right\"\r\n >\r\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>\r\n </button>\r\n {/if}\r\n </div>\r\n</section>\r\n\r\n<style>\r\n .carousel-scroll {\r\n scroll-snap-type: x mandatory;\r\n -webkit-overflow-scrolling: touch;\r\n scrollbar-width: none;\r\n }\r\n\r\n .carousel-scroll::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n .carousel-item {\r\n scroll-snap-align: start;\r\n flex: 0 0 85%;\r\n }\r\n\r\n /* Tablet: 2 visible cards with peek /\r\n @media (width >= 640px) {\r\n .carousel-item {\r\n flex: 0 0 calc(50% - 8px);\r\n }\r\n }\r\n\r\n / Desktop: 3 visible cards with peek /\r\n @media (width >= 1024px) {\r\n .carousel-item {\r\n flex: 0 0 calc(33.333% - 11px);\r\n }\r\n }\r\n\r\n / Hide arrows on mobile -- touch scrolling is natural /\r\n @media (width <= 639px) {\r\n .carousel-arrow {\r\n display: none;\r\n }\r\n }\r\n\r\n / Reduced motion /\r\n @media (prefers-reduced-motion: reduce) {\r\n .carousel-scroll {\r\n scroll-behavior: auto;\r\n }\r\n }\r\n\r\n / Screen reader only text */\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border-width: 0;\r\n }\r\n</style>"],"names":["events","$","$$props","scrollContainer","canScrollLeft","canScrollRight","showArrows","futureEvents","filterTodayAndFuture","updateScrollState","scrollLeft","scrollWidth","clientWidth","scrollByCard","direction","firstCard","cardWidth","onMount","observer","section","root_3","div","button","root","$$render","consequent","div_1","node","$$anchor","event","div_2","root_1","GalleryCard","node_1","$$value","button_1","root_2","consequent_1"],"mappings":";;;;;;iBAOA;;AAME,MAAIA,IAAQC,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;AAEvD,WAASS,IAAoB;AAC3B,QAAE,CAAGN,EAAiB;AACtB,UAAM,EAAE,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;AAEA,WAASC,EAAaC,GAAW;AAC/B,QAAE,CAAGX,EAAiB;AAEtB,UAAMY,IAAYZ,EAAgB,cAAc,gBAAgB;AAChE,QAAE,CAAGY,EAAW;AAChB,UAAMC,IAAYD,EAAU,cAAc;AAC1C,IAAAZ,EAAgB,SAAQ,EAAG,MAAMW,IAAYE,GAAW,UAAU,UAAQ;AAAA,EAC5E;AAEA,EAAAC,QAAc;AACZ,IAAAR,EAAiB;AAEjB,UAAMS,IAAW,IAAI,qBAAqBT,EAAiB,CAAA;AAC3D,WAAIN,KACFe,EAAS,QAAQf,CAAe,GAE5B,MAAOe,EAAS,WAAU;AAAA,EAClC,CAAC;MAGFC,IAAOC,EAAA,GAGLC,sBAHFF,CAAO,GAAA,CAAA,eAGLE,CAAG;;;UAGCC,IAAMC,EAAA;2BAAND,GAAM,MAEUT,EAAY,EAAG,CAAA,eAF/BS,CAAM;AAAA;;AADJ,MAAArB,EAAA,IAAAK,CAAU,WAAIF,CAAa,KAAAoB,EAAAC,CAAA;AAAA;;MAW/BC,IAAGzB,EAAA,QAAA0B,GAAA,CAAA;SAAHD,GAAG,IAAA,MAAAzB,EAAA,IAMKM,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,CAAG,eAAHA,GAAG,CAAAQ,MAES/B,IAAe+B,GAAA,MAAf/B,CAAe;oBAF3BuB,GAAG,CAAA;;;UAeDS,IAAMC,EAAA;2BAAND,GAAM,MAEUtB,EAAa,CAAC,CAAA,eAF9BsB,CAAM;AAAA;;AADJ,MAAAlC,EAAA,IAAAK,CAAU,WAAID,CAAc,KAAAmB,EAAAa,CAAA;AAAA;;UA3BlChB,CAAG,WAHLF,CAAO,GAgBHlB,EAAA,MAAA,UAAAyB,GAGWjB,CAAiB,eAnBhCU,CAAO;AAFA;;"}