@riverbankcms/sdk 0.60.0 → 0.60.1

package/dist/client/rendering/islands.mjs

@@ -2854,6 +2854,23 @@ var init_shared2 = __esm({
   }
 });
 
+// ../blocks/src/system/runtime/nodes/events/shared/eventCapacity.ts
+function getEventAvailability(event) {
+  if (event.capacity == null) {
+    return { available: null, isFull: false };
+  }
+  const available = event.availableSpots ?? event.capacity - event.registeredCount;
+  if (available <= 0) {
+    return { available: 0, isFull: true };
+  }
+  return { available, isFull: false };
+}
+var init_eventCapacity = __esm({
+  "../blocks/src/system/runtime/nodes/events/shared/eventCapacity.ts"() {
+    "use strict";
+  }
+});
+
 // ../blocks/src/system/runtime/nodes/events/shared/utils.ts
 function getContainerClass(layout, columns) {
   if (layout === "compact") {
@@ -3078,7 +3095,7 @@ function formatEventPrice(event) {
   }
 }
 function resolveEventCta(event, buttonText) {
-  const isSoldOut = event.capacity !== null && event.availableSpots === 0;
+  const { isFull: isSoldOut } = getEventAvailability(event);
   const defaultButtonText = event.kind === "course_session" ? "View course" : "View event";
   const effectiveButtonText = buttonText ?? defaultButtonText;
   if (isSoldOut) {
@@ -3094,6 +3111,7 @@ var init_utils = __esm({
     "use strict";
     init_src();
     init_shared2();
+    init_eventCapacity();
     COLUMN_CLASSES = {
       "2": "rb-sm-grid-cols-2",
       "3": "rb-sm-grid-cols-2 rb-lg-grid-cols-3",
@@ -4633,6 +4651,7 @@ var init_EventCard = __esm({
     init_media2();
     init_media_server();
     init_EventCardIcons();
+    init_eventCapacity();
     init_utils();
     EventCard = ({
       event,
@@ -4657,7 +4676,7 @@ var init_EventCard = __esm({
       )}`;
       const cta = resolveEventCta(event, buttonText);
       const isSoldOut = cta.hidden;
-      const spotsLeft = event.availableSpots;
+      const { available: spotsLeft } = getEventAvailability(event);
       const cardClass = `card-${cardVariant}`;
       const buttonClass = `${buttonVariant} button-${buttonVariant}`;
       const title = event.title;
@@ -9525,21 +9544,26 @@ function buildTimetableModel(input) {
   for (const [dateKey, dayDrafts] of groupDraftsByDate(drafts)) {
     cellsByDate.set(
       dateKey,
-      assignTimetableLanes(dayDrafts).map((draft) => ({
-        event: draft.event,
-        startsAtMinutes: draft.startsAtMinutes,
-        endsAtMinutes: draft.endsAtMinutes,
-        topPercent: toRangePercent(draft.startsAtMinutes - rangeStartMinutes, rangeMinutes),
-        heightPercent: Math.max(
-          MIN_EVENT_HEIGHT_PERCENT,
-          toRangePercent(draft.endsAtMinutes - draft.startsAtMinutes, rangeMinutes)
-        ),
-        laneIndex: draft.laneIndex,
-        laneCount: draft.laneCount,
-        categoryColor: draft.event.eventCategory?.color || "rgb(var(--tb-accent))",
-        timeLabel: formatEventTimeRange(draft.event),
-        teacherLine: formatEventTeacherLine(draft.event)
-      }))
+      assignTimetableLanes(dayDrafts).map((draft) => {
+        const capacity = formatTimetableCapacity(draft.event);
+        return {
+          event: draft.event,
+          startsAtMinutes: draft.startsAtMinutes,
+          endsAtMinutes: draft.endsAtMinutes,
+          topPercent: toRangePercent(draft.startsAtMinutes - rangeStartMinutes, rangeMinutes),
+          heightPercent: Math.max(
+            MIN_EVENT_HEIGHT_PERCENT,
+            toRangePercent(draft.endsAtMinutes - draft.startsAtMinutes, rangeMinutes)
+          ),
+          laneIndex: draft.laneIndex,
+          laneCount: draft.laneCount,
+          categoryColor: draft.event.eventCategory?.color || "rgb(var(--tb-accent))",
+          timeLabel: formatEventTimeRange(draft.event),
+          teacherLine: formatEventTeacherLine(draft.event),
+          capacityLabel: capacity.label,
+          isFull: capacity.isFull
+        };
+      })
     );
   }
   return {
@@ -9672,6 +9696,12 @@ function formatShortDayLabel(date) {
   const dayName = FULL_DAY_NAMES[date.getDay()] ?? "";
   return `${dayName.slice(0, 3)} ${date.getDate()}`;
 }
+function formatTimetableCapacity(event) {
+  const { available, isFull } = getEventAvailability(event);
+  if (available == null) return { label: null, isFull: false };
+  if (isFull) return { label: "Full", isFull: true };
+  return { label: `${available} spots left`, isFull: false };
+}
 function formatEventTimeRange(event) {
   const timeZone = event.timeZone ?? null;
   return `${formatTime(event.startsAt, { timeZone })} - ${formatTime(event.endsAt, { timeZone })}`;
@@ -9684,6 +9714,7 @@ var init_timetableModel = __esm({
   "../blocks/src/system/runtime/nodes/events/shared/timetableModel.ts"() {
     "use strict";
     init_src();
+    init_eventCapacity();
     init_utils();
     DEFAULT_START_HOUR = 6;
     DEFAULT_END_HOUR = 21;
@@ -26970,30 +27001,22 @@ var init_CalendarDayCell = __esm({
 
 // ../blocks/src/system/runtime/nodes/events/shared/AgendaEventCard.tsx
 import { Fragment as Fragment20, jsx as jsx94, jsxs as jsxs68 } from "react/jsx-runtime";
-function formatCapacity(event) {
-  if (event.capacity == null) {
-    return null;
-  }
-  const available = event.availableSpots ?? event.capacity - event.registeredCount;
-  if (available <= 0) {
-    return "Full";
-  }
-  return `${available} spots left`;
-}
 var AgendaEventCard;
 var init_AgendaEventCard = __esm({
   "../blocks/src/system/runtime/nodes/events/shared/AgendaEventCard.tsx"() {
     "use strict";
+    init_eventCapacity();
     init_utils();
     AgendaEventCard = ({
       event,
+      showCapacity,
       onClick
     }) => {
       const eventUrl = event.path;
       const categoryColor = event.eventCategory?.color || "rgb(var(--tb-accent))";
       const price = formatEventPrice(event);
-      const capacity = formatCapacity(event);
-      const isFull = capacity === "Full";
+      const { available, isFull } = getEventAvailability(event);
+      const capacity = showCapacity && available != null ? isFull ? "Full" : `${available} spots left` : null;
       const title = event.title;
       const timeZone = event.timeZone ?? null;
       const teacherLine = formatEventTeacherLine(event);
@@ -27073,6 +27096,7 @@ var init_WeekAgendaView = __esm({
       viewDate,
       events,
       startOfWeek,
+      showCapacity,
       emptyMessage = "No events scheduled"
     }) => {
       const weekDays = getWeekCalendarDays(viewDate, startOfWeek);
@@ -27093,7 +27117,8 @@ var init_WeekAgendaView = __esm({
               /* @__PURE__ */ jsx95("div", { className: "event-agenda-day-content", children: dayEvents.length === 0 ? /* @__PURE__ */ jsx95("p", { className: "event-agenda-day-empty", children: emptyMessage }) : /* @__PURE__ */ jsx95("div", { className: "event-agenda-day-events", children: dayEvents.map((event) => /* @__PURE__ */ jsx95(
                 AgendaEventCard,
                 {
-                  event
+                  event,
+                  showCapacity
                 },
                 event.occurrenceId || event.id
               )) }) })
@@ -27110,6 +27135,7 @@ var init_WeekAgendaView = __esm({
 import { jsx as jsx96 } from "react/jsx-runtime";
 function EventDetailModal({
   event,
+  showCapacity,
   onClose,
   cardVariant = "default",
   buttonVariant = "primary",
@@ -27150,7 +27176,7 @@ function EventDetailModal({
           showVenue: true,
           showMap,
           allowMap: true,
-          showCapacity: true
+          showCapacity
         }
       ) })
     }
@@ -27170,6 +27196,7 @@ import { jsx as jsx97, jsxs as jsxs70 } from "react/jsx-runtime";
 function DayEventsModal({
   date,
   events,
+  showCapacity,
   onClose,
   onSelectEvent
 }) {
@@ -27206,7 +27233,8 @@ function DayEventsModal({
           AgendaEventCard,
           {
             event,
-            onClick: onSelectEvent
+            onClick: onSelectEvent,
+            showCapacity
           },
           event.occurrenceId || event.id
         )) })
@@ -27227,6 +27255,7 @@ var init_DayEventsModal = __esm({
 // ../blocks/src/system/runtime/nodes/events/shared/EventModals.tsx
 import { jsx as jsx98 } from "react/jsx-runtime";
 function EventModals({
+  showCapacity,
   cardVariant,
   buttonVariant,
   buttonText
@@ -27243,7 +27272,8 @@ function EventModals({
         onClose: closeModal,
         cardVariant,
         buttonVariant,
-        buttonText
+        buttonText,
+        showCapacity
       }
     );
   }
@@ -27256,7 +27286,8 @@ function EventModals({
         onClose: closeModal,
         onSelectEvent: (event) => {
           openEventModal(event);
-        }
+        },
+        showCapacity
       }
     );
   }
@@ -27659,7 +27690,8 @@ var init_EventCombined_client = __esm({
                     viewDate,
                     events: calendarEventsRaw,
                     startOfWeek,
-                    emptyMessage: "No events scheduled"
+                    emptyMessage: "No events scheduled",
+                    showCapacity: resolvedShowCapacity
                   }
                 ) : /* @__PURE__ */ jsxs71("div", { className: "event-calendar-container", children: [
                   /* @__PURE__ */ jsx99("div", { className: "event-calendar-day-headers", children: dayNames.map((day) => /* @__PURE__ */ jsx99("div", { className: "event-calendar-day-header", children: day }, day)) }),
@@ -27679,7 +27711,14 @@ var init_EventCombined_client = __esm({
                 ] }),
                 calendarEventsRaw.length === 0 && !calendarLoading && /* @__PURE__ */ jsx99("p", { className: "event-calendar-empty", children: emptyMessage })
               ] }),
-              /* @__PURE__ */ jsx99(EventModals, { buttonVariant, buttonText })
+              /* @__PURE__ */ jsx99(
+                EventModals,
+                {
+                  buttonVariant,
+                  buttonText,
+                  showCapacity: resolvedShowCapacity
+                }
+              )
             ] })
           ]
         }
@@ -27714,6 +27753,7 @@ var init_WeekTimetableView = __esm({
       viewDate,
       events,
       startOfWeek,
+      showCapacity,
       emptyMessage = "No classes scheduled"
     }) => {
       const { openEventModal } = useEventModal();
@@ -27746,7 +27786,8 @@ var init_WeekTimetableView = __esm({
               hours: model.hourTicks,
               rangeMinutes: model.rangeMinutes,
               selected: day.dateKey === selectedDayKey,
-              onEventClick: openEventModal
+              onEventClick: openEventModal,
+              showCapacity
             },
             day.dateKey
           ))
@@ -27766,7 +27807,7 @@ var init_WeekTimetableView = __esm({
         hour
       )) })
     ] });
-    TimetableDayColumn = ({ day, hours, rangeMinutes, selected, onEventClick }) => /* @__PURE__ */ jsxs72(
+    TimetableDayColumn = ({ day, hours, rangeMinutes, selected, onEventClick, showCapacity }) => /* @__PURE__ */ jsxs72(
       "section",
       {
         className: `event-timetable-day ${day.isToday ? "event-timetable-day--today" : ""}`,
@@ -27795,7 +27836,8 @@ var init_WeekTimetableView = __esm({
                   TimetableEventButton,
                   {
                     cell,
-                    onClick: onEventClick
+                    onClick: onEventClick,
+                    showCapacity
                   },
                   cell.event.occurrenceId || cell.event.id
                 ))
@@ -27805,7 +27847,7 @@ var init_WeekTimetableView = __esm({
         ]
       }
     );
-    TimetableEventButton = ({ cell, onClick }) => /* @__PURE__ */ jsxs72(
+    TimetableEventButton = ({ cell, onClick, showCapacity }) => /* @__PURE__ */ jsxs72(
       "button",
       {
         type: "button",
@@ -27823,7 +27865,14 @@ var init_WeekTimetableView = __esm({
           /* @__PURE__ */ jsx100("span", { className: "event-timetable-event-time", children: cell.timeLabel }),
           /* @__PURE__ */ jsx100("span", { className: "event-timetable-event-title", children: cell.event.title }),
           cell.teacherLine ? /* @__PURE__ */ jsx100("span", { className: "event-timetable-event-teacher", children: cell.teacherLine }) : null,
-          cell.event.venue ? /* @__PURE__ */ jsx100("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null
+          cell.event.venue ? /* @__PURE__ */ jsx100("span", { className: "event-timetable-event-meta", children: cell.event.venue.name }) : null,
+          showCapacity && cell.capacityLabel ? /* @__PURE__ */ jsx100(
+            "span",
+            {
+              className: cell.isFull ? "event-timetable-event-capacity event-timetable-event-capacity--full" : "event-timetable-event-capacity",
+              children: cell.capacityLabel
+            }
+          ) : null
         ]
       }
     );
@@ -28045,7 +28094,8 @@ var init_EventCalendar_client = __esm({
                 viewDate,
                 events,
                 startOfWeek: display.startOfWeek,
-                emptyMessage: display.emptyMessage
+                emptyMessage: display.emptyMessage,
+                showCapacity: display.showCapacity
               }
             )
           }
@@ -28054,7 +28104,8 @@ var init_EventCalendar_client = __esm({
           EventModals,
           {
             buttonVariant: display.buttonVariant,
-            buttonText: display.buttonText
+            buttonText: display.buttonText,
+            showCapacity: display.showCapacity
           }
         )
       ] });
@@ -28136,7 +28187,8 @@ var init_EventCalendar_client = __esm({
           EventModals,
           {
             buttonVariant: display.buttonVariant,
-            buttonText: display.buttonText
+            buttonText: display.buttonText,
+            showCapacity: display.showCapacity
           }
         )
       ] });
@@ -30078,9 +30130,35 @@ var init_compile = __esm({
 });
 
 // ../theme-core/src/responsiveMode.ts
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function buildResponsiveScopeRulePatternSource() {
+  return [
+    "@scope",
+    "\\(\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    '="(?:viewport|container)"\\]\\)',
+    "to",
+    "\\((?::scope )?\\[",
+    escapeRegExp(THEME_RESPONSIVE_MODE_ATTR),
+    "\\]\\)",
+    "\\{"
+  ].join("\\s*");
+}
+var THEME_RESPONSIVE_MODE_ATTR, RESPONSIVE_SCOPE_RULE_PATTERN, RESPONSIVE_SCOPE_RULE_AT_PATTERN;
 var init_responsiveMode = __esm({
   "../theme-core/src/responsiveMode.ts"() {
     "use strict";
+    THEME_RESPONSIVE_MODE_ATTR = "data-rb-responsive-mode";
+    RESPONSIVE_SCOPE_RULE_PATTERN = new RegExp(
+      buildResponsiveScopeRulePatternSource(),
+      "g"
+    );
+    RESPONSIVE_SCOPE_RULE_AT_PATTERN = new RegExp(
+      buildResponsiveScopeRulePatternSource(),
+      "y"
+    );
   }
 });