@riverbankcms/sdk 0.72.0 → 0.74.0

package/dist/cli/index.mjs

@@ -7677,7 +7677,9 @@ function backgroundLayer(path24, options = {}) {
     imageClassName,
     overlayClassName = "background-overlay rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full rb-w-full rb-pointer-events-none",
     fallbackToken,
-    omitImageLayer = false
+    omitImageLayer = false,
+    imageLoading,
+    imageFetchPriority
   } = options;
   const styleLayer = el("div", {
     className: styleClassName,
@@ -7693,11 +7695,14 @@ function backgroundLayer(path24, options = {}) {
       }
     }
   });
-  const imageLayer = createBackgroundImageNode(path24, imageClassName);
+  const imageLayer = createBackgroundImageNode(path24, imageClassName, {
+    loading: imageLoading,
+    fetchPriority: imageFetchPriority
+  });
   const overlayLayer = createBackgroundOverlayNode(path24, overlayClassName);
   return omitImageLayer ? [styleLayer, overlayLayer] : [styleLayer, imageLayer, overlayLayer];
 }
-function createBackgroundImageNode(path24, baseClassName = "rb-absolute rb-z-neg-10") {
+function createBackgroundImageNode(path24, baseClassName = "rb-absolute rb-z-neg-10", options = {}) {
   const imagePath = `${path24}.image`;
   return media(
     {
@@ -7718,7 +7723,9 @@ function createBackgroundImageNode(path24, baseClassName = "rb-absolute rb-z-neg
           transforms: [{ id: "background.resolveImageStyle" }]
         }
       },
-      videoPlayback: "background"
+      videoPlayback: "background",
+      ...options.loading ? { loading: options.loading } : {},
+      ...options.fetchPriority ? { fetchPriority: options.fetchPriority } : {}
     },
     when(imagePath),
     bind(imagePath)
@@ -7952,12 +7959,16 @@ function styledSection(config2) {
     bindFrom = "_sectionStyles",
     imageClassName = "rb-absolute rb-z-neg-10",
     renderBackgroundImage = true,
+    backgroundImageLoading,
+    backgroundImageFetchPriority,
     fullWidthPath
   } = config2;
   const renderedBackgroundNodes = backgroundLayer(`${bindFrom}.background`, {
     imageClassName,
     fallbackToken: background,
-    omitImageLayer: !renderBackgroundImage
+    omitImageLayer: !renderBackgroundImage,
+    imageLoading: backgroundImageLoading,
+    imageFetchPriority: backgroundImageFetchPriority
   });
   const childrenArray = Array.isArray(children) ? children : [children];
   return section(
@@ -8197,7 +8208,7 @@ function navRow(opts) {
       el(
         "div",
         {
-          className: "nav-dropdown-menu rb-absolute rb-left-0 rb-top-full rb-z-50 rb-hidden rb-min-w-12rem rb-overflow-hidden",
+          className: "nav-dropdown-menu rb-absolute rb-left-0 rb-top-full rb-z-50 rb-hidden rb-overflow-hidden",
           id: dropdownMenuId
         },
         [dropdownLinks]
@@ -13893,6 +13904,202 @@ var init_shop_shared = __esm({
     });
   }
 });
+var eventDetailsManifest, occurrenceContextSchema2, eventAutoApplyDiscountPreviewBaseSchema, eventAutoApplyDiscountPreviewSchema, eventDetailsBlockDefinition;
+var init_event_details = __esm({
+  "../blocks/src/system/blocks/event-details.ts"() {
+    init_builder();
+    init_builder();
+    init_styledSection();
+    init_fragments();
+    init_shared3();
+    init_shop_shared();
+    init_defineBlock();
+    eventDetailsManifest = createBlockManifest({
+      id: "block.event-details",
+      version: "1.0.0",
+      title: "Event Details",
+      titleSource: "heading",
+      description: "Date/time, venue, map, and other dates for an event",
+      category: "content",
+      tags: ["events", "venue", "map", "schedule", "dates"],
+      icon: "MapPin",
+      styleTokens: { background: "surface", typography: "body", spacing: "md" },
+      behaviours: {
+        supportsThemeSwitching: true,
+        inlineEditing: false,
+        animation: false,
+        paletteHidden: false
+      },
+      additionalFields: [
+        {
+          id: "heading",
+          type: "text",
+          label: "Heading",
+          description: "Optional heading shown above event details",
+          required: false,
+          multiline: false,
+          defaultValue: "Event details"
+        },
+        {
+          id: "showVenue",
+          type: "boolean",
+          label: "Show venue",
+          required: false,
+          defaultValue: true,
+          ui: { intent: "display" }
+        },
+        {
+          id: "showMap",
+          type: "boolean",
+          label: "Show map",
+          description: "Embed a map when the venue has coordinates",
+          required: false,
+          defaultValue: true,
+          ui: { intent: "display" }
+        },
+        {
+          id: "showOtherDates",
+          type: "boolean",
+          label: "Show other dates",
+          required: false,
+          defaultValue: true,
+          ui: { intent: "display" }
+        },
+        {
+          id: "otherDatesLimit",
+          type: "select",
+          label: "Other dates limit",
+          required: false,
+          multiple: false,
+          defaultValue: "5",
+          options: [
+            { value: "3", label: "3 dates" },
+            { value: "5", label: "5 dates" },
+            { value: "10", label: "10 dates" }
+          ],
+          ui: { intent: "display" }
+        },
+        {
+          id: "showCost",
+          type: "boolean",
+          label: "Show cost",
+          description: "Display ticket price for paid events",
+          required: false,
+          defaultValue: true,
+          ui: { intent: "display" }
+        },
+        {
+          id: "showAcceptedPasses",
+          type: "boolean",
+          label: "Show accepted passes",
+          description: "Display passes that can be used for this event",
+          required: false,
+          defaultValue: true,
+          ui: { intent: "display" }
+        },
+        {
+          id: "showAcceptedMemberships",
+          type: "boolean",
+          label: "Show accepted memberships",
+          description: "Display memberships that grant access to this event",
+          required: false,
+          defaultValue: true,
+          ui: { intent: "display" }
+        }
+      ],
+      layout: [
+        styledSection({
+          baseClass: "",
+          spacing: "spacious",
+          children: sectionContainer(
+            [
+              text({ as: "h2" }, bind("content.heading"), when("content.heading")),
+              el("event-details", {
+                occurrenceContext: {
+                  $bind: { from: "$root.occurrenceContext", fallback: null }
+                },
+                contentEntry: { $bind: { from: "$root.contentEntry", fallback: null } },
+                events: { $bind: { from: "data.eventDetailsData.events" } },
+                showVenue: { $bind: { from: "content.showVenue" } },
+                showMap: { $bind: { from: "content.showMap" } },
+                showOtherDates: { $bind: { from: "content.showOtherDates" } },
+                otherDatesLimit: {
+                  $bind: { from: "content.otherDatesLimit", fallback: "5" }
+                },
+                showCost: { $bind: { from: "content.showCost", fallback: true } },
+                showAcceptedPasses: {
+                  $bind: { from: "content.showAcceptedPasses", fallback: true }
+                },
+                showAcceptedMemberships: {
+                  $bind: { from: "content.showAcceptedMemberships", fallback: true }
+                },
+                sitePasses: { $bind: { from: "data.eventDetailsData.sitePasses" } },
+                siteMemberships: { $bind: { from: "data.eventDetailsData.siteMemberships" } },
+                autoApplyDiscount: {
+                  $bind: { from: "data.eventDetailsData.autoApplyDiscount", fallback: null }
+                }
+              })
+            ],
+            { gap: "lg" }
+          )
+        })
+      ]
+    });
+    occurrenceContextSchema2 = z.object({
+      id: z.string(),
+      seriesId: z.string(),
+      startsAt: z.string(),
+      endsAt: z.string(),
+      timeZone: z.string(),
+      capacityOverride: z.number().nullable().optional(),
+      overrides: z.record(z.string(), z.unknown()).nullable().optional()
+    }).nullable();
+    eventAutoApplyDiscountPreviewBaseSchema = z.object({
+      id: z.string(),
+      publicLabel: z.string(),
+      description: z.string().nullable(),
+      minTicketsRequired: z.number().nullable()
+    });
+    eventAutoApplyDiscountPreviewSchema = z.discriminatedUnion("discountType", [
+      eventAutoApplyDiscountPreviewBaseSchema.extend({
+        discountType: z.literal("percent"),
+        discountPercent: z.number(),
+        discountAmountCents: z.null()
+      }),
+      eventAutoApplyDiscountPreviewBaseSchema.extend({
+        discountType: z.literal("fixed"),
+        discountPercent: z.null(),
+        discountAmountCents: z.number()
+      })
+    ]);
+    eventDetailsBlockDefinition = {
+      manifest: eventDetailsManifest,
+      dataSchemas: {
+        eventDetailsData: z.object({
+          events: publicEventsArraySchema,
+          sitePasses: z.object({ passes: z.array(publicPassProductSchema) }),
+          siteMemberships: z.object({ memberships: z.array(publicMembershipProductSchema) }),
+          autoApplyDiscount: eventAutoApplyDiscountPreviewSchema.nullable().optional().default(null)
+        }).optional(),
+        occurrenceContext: occurrenceContextSchema2.optional()
+      },
+      dataLoaders: {
+        eventDetailsData: {
+          endpoint: "getPublicEventDetails",
+          params: {
+            siteId: { $bind: { from: "$root.siteId" } },
+            stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
+            limit: "25",
+            entryId: { $bind: { from: "$root.contentEntry._entryId" } },
+            seriesId: { $bind: { from: "$root.occurrenceContext.seriesId" } },
+            includeOccurrenceId: { $bind: { from: "$root.occurrenceContext.id" } }
+          },
+          mode: "server"
+        }
+      }
+    };
+  }
+});
 
 // ../blocks/src/system/runtime/nodes/events/shared/utils.ts
 function getContainerClass(layout, columns) {
@@ -17370,6 +17577,10 @@ var init_presets2 = __esm({
   "../theme-core/src/navigation/presets.ts"() {
   }
 });
+var init_navDropdownSizing = __esm({
+  "../theme-core/src/header/navDropdownSizing.ts"() {
+  }
+});
 
 // ../theme-core/src/header/generateHeaderCss.ts
 var init_generateHeaderCss = __esm({
@@ -17379,6 +17590,7 @@ var init_generateHeaderCss = __esm({
     init_presets2();
     init_shared();
     init_breakpoints();
+    init_navDropdownSizing();
   }
 });
 
@@ -25199,6 +25411,10 @@ var heroCopyAndCta = composeFragments([
   { fragment: heroCopyFragment },
   { fragment: heroCtaRowFragment }
 ]);
+var heroPriorityMediaProps = {
+  loading: "eager",
+  fetchPriority: "high"
+};
 var heroContentNodes = heroCopyAndCta.layout;
 function heroContentCard(children, gap) {
   return styledContainer({
@@ -25261,7 +25477,8 @@ function heroSplitImagePane() {
     [
       media(
         {
-          className: "rb-absolute rb-inset-0 rb-h-full rb-w-full rb-object-cover"
+          className: "rb-absolute rb-inset-0 rb-h-full rb-w-full rb-object-cover",
+          ...heroPriorityMediaProps
         },
         when("_sectionStyles.background.image"),
         bind("_sectionStyles.background.image")
@@ -25272,13 +25489,17 @@ function heroSplitImagePane() {
 var classicLayout = styledSection({
   children: heroContainerStack(heroContentNodes, "md"),
   // styledContainer (rb-container) already provides horizontal padding
-  baseClass: ""
+  baseClass: "",
+  backgroundImageLoading: heroPriorityMediaProps.loading,
+  backgroundImageFetchPriority: heroPriorityMediaProps.fetchPriority
 });
 var microLayout = styledSection({
   children: heroContainerStack(heroContentNodes, "sm"),
   // styledContainer (rb-container) already provides horizontal padding
   baseClass: "",
-  spacing: "compact"
+  spacing: "compact",
+  backgroundImageLoading: heroPriorityMediaProps.loading,
+  backgroundImageFetchPriority: heroPriorityMediaProps.fetchPriority
 });
 function splitLayoutWith(children) {
   return styledSection({
@@ -28978,199 +29199,7 @@ var appointmentBookingBlockDefinition = {
 // ../blocks/src/system/blocks/index.ts
 init_event_registration();
 init_course_registration();
-
-// ../blocks/src/system/blocks/event-details.ts
-init_builder();
-init_builder();
-init_styledSection();
-init_fragments();
-init_shared3();
-init_shop_shared();
-init_defineBlock();
-var eventDetailsManifest = createBlockManifest({
-  id: "block.event-details",
-  version: "1.0.0",
-  title: "Event Details",
-  titleSource: "heading",
-  description: "Date/time, venue, map, and other dates for an event",
-  category: "content",
-  tags: ["events", "venue", "map", "schedule", "dates"],
-  icon: "MapPin",
-  styleTokens: { background: "surface", typography: "body", spacing: "md" },
-  behaviours: {
-    supportsThemeSwitching: true,
-    inlineEditing: false,
-    animation: false,
-    paletteHidden: false
-  },
-  additionalFields: [
-    {
-      id: "heading",
-      type: "text",
-      label: "Heading",
-      description: "Optional heading shown above event details",
-      required: false,
-      multiline: false,
-      defaultValue: "Event details"
-    },
-    {
-      id: "showVenue",
-      type: "boolean",
-      label: "Show venue",
-      required: false,
-      defaultValue: true,
-      ui: { intent: "display" }
-    },
-    {
-      id: "showMap",
-      type: "boolean",
-      label: "Show map",
-      description: "Embed a map when the venue has coordinates",
-      required: false,
-      defaultValue: true,
-      ui: { intent: "display" }
-    },
-    {
-      id: "showOtherDates",
-      type: "boolean",
-      label: "Show other dates",
-      required: false,
-      defaultValue: true,
-      ui: { intent: "display" }
-    },
-    {
-      id: "otherDatesLimit",
-      type: "select",
-      label: "Other dates limit",
-      required: false,
-      multiple: false,
-      defaultValue: "5",
-      options: [
-        { value: "3", label: "3 dates" },
-        { value: "5", label: "5 dates" },
-        { value: "10", label: "10 dates" }
-      ],
-      ui: { intent: "display" }
-    },
-    {
-      id: "showCost",
-      type: "boolean",
-      label: "Show cost",
-      description: "Display ticket price for paid events",
-      required: false,
-      defaultValue: true,
-      ui: { intent: "display" }
-    },
-    {
-      id: "showAcceptedPasses",
-      type: "boolean",
-      label: "Show accepted passes",
-      description: "Display passes that can be used for this event",
-      required: false,
-      defaultValue: true,
-      ui: { intent: "display" }
-    },
-    {
-      id: "showAcceptedMemberships",
-      type: "boolean",
-      label: "Show accepted memberships",
-      description: "Display memberships that grant access to this event",
-      required: false,
-      defaultValue: true,
-      ui: { intent: "display" }
-    }
-  ],
-  layout: [
-    styledSection({
-      baseClass: "",
-      spacing: "spacious",
-      children: sectionContainer(
-        [
-          text({ as: "h2" }, bind("content.heading"), when("content.heading")),
-          el("event-details", {
-            occurrenceContext: {
-              $bind: { from: "$root.occurrenceContext", fallback: null }
-            },
-            contentEntry: { $bind: { from: "$root.contentEntry", fallback: null } },
-            events: { $bind: { from: "data.eventDetailsData.events" } },
-            showVenue: { $bind: { from: "content.showVenue" } },
-            showMap: { $bind: { from: "content.showMap" } },
-            showOtherDates: { $bind: { from: "content.showOtherDates" } },
-            otherDatesLimit: {
-              $bind: { from: "content.otherDatesLimit", fallback: "5" }
-            },
-            showCost: { $bind: { from: "content.showCost", fallback: true } },
-            showAcceptedPasses: {
-              $bind: { from: "content.showAcceptedPasses", fallback: true }
-            },
-            showAcceptedMemberships: {
-              $bind: { from: "content.showAcceptedMemberships", fallback: true }
-            },
-            sitePasses: { $bind: { from: "data.eventDetailsData.sitePasses" } },
-            siteMemberships: { $bind: { from: "data.eventDetailsData.siteMemberships" } },
-            autoApplyDiscount: {
-              $bind: { from: "data.eventDetailsData.autoApplyDiscount", fallback: null }
-            }
-          })
-        ],
-        { gap: "lg" }
-      )
-    })
-  ]
-});
-var occurrenceContextSchema2 = z.object({
-  id: z.string(),
-  seriesId: z.string(),
-  startsAt: z.string(),
-  endsAt: z.string(),
-  timeZone: z.string(),
-  capacityOverride: z.number().nullable().optional(),
-  overrides: z.record(z.string(), z.unknown()).nullable().optional()
-}).nullable();
-var eventAutoApplyDiscountPreviewBaseSchema = z.object({
-  id: z.string(),
-  publicLabel: z.string(),
-  description: z.string().nullable(),
-  minTicketsRequired: z.number().nullable()
-});
-var eventAutoApplyDiscountPreviewSchema = z.discriminatedUnion("discountType", [
-  eventAutoApplyDiscountPreviewBaseSchema.extend({
-    discountType: z.literal("percent"),
-    discountPercent: z.number(),
-    discountAmountCents: z.null()
-  }),
-  eventAutoApplyDiscountPreviewBaseSchema.extend({
-    discountType: z.literal("fixed"),
-    discountPercent: z.null(),
-    discountAmountCents: z.number()
-  })
-]);
-var eventDetailsBlockDefinition = {
-  manifest: eventDetailsManifest,
-  dataSchemas: {
-    eventDetailsData: z.object({
-      events: publicEventsArraySchema,
-      sitePasses: z.object({ passes: z.array(publicPassProductSchema) }),
-      siteMemberships: z.object({ memberships: z.array(publicMembershipProductSchema) }),
-      autoApplyDiscount: eventAutoApplyDiscountPreviewSchema.nullable().optional().default(null)
-    }).optional(),
-    occurrenceContext: occurrenceContextSchema2.optional()
-  },
-  dataLoaders: {
-    eventDetailsData: {
-      endpoint: "getPublicEventDetails",
-      params: {
-        siteId: { $bind: { from: "$root.siteId" } },
-        stage: { $bind: { from: "$root.previewStage", fallback: "published" } },
-        limit: "25",
-        entryId: { $bind: { from: "$root.contentEntry._entryId" } },
-        seriesId: { $bind: { from: "$root.occurrenceContext.seriesId" } },
-        includeOccurrenceId: { $bind: { from: "$root.occurrenceContext.id" } }
-      },
-      mode: "server"
-    }
-  }
-};
+init_event_details();
 
 // ../blocks/src/system/blocks/course-details.ts
 init_builder();
@@ -31498,6 +31527,7 @@ var locationMapBlockDefinition = {
 // ../blocks/src/system/blocks/index.ts
 init_form();
 init_event_registration();
+init_event_details();
 init_course_registration();
 init_shop();
 init_product_list();
@@ -54836,7 +54866,7 @@ var SimpleCache = class {
 };
 
 // src/version.ts
-var SDK_VERSION = "0.72.0";
+var SDK_VERSION = "0.74.0";
 
 // src/client/error.ts
 var RiverbankApiError = class _RiverbankApiError extends Error {

package/dist/client/accordion-ZZVXWV3N.mjs

@@ -0,0 +1,120 @@
+import { defineIslandPropsDecoder } from './chunk-6VGXRE34.mjs';
+import './chunk-PMAIXMAB.mjs';
+
+// src/rendering/islands/enhancers/accordion.ts
+var decode = defineIslandPropsDecoder("accordion");
+function parseDefaultValues(value) {
+  if (!value) return [];
+  return value.split(",").map((v) => v.trim()).filter(Boolean);
+}
+function getItemValue(item, index) {
+  return item.getAttribute("data-accordion-value") ?? String(index);
+}
+function normalizeType(domValue, propsValue) {
+  if (propsValue === "multiple") return "multiple";
+  if (propsValue === "single") return "single";
+  return domValue === "multiple" ? "multiple" : "single";
+}
+function normalizeCollapsible(propsValue) {
+  if (propsValue === false) return false;
+  return true;
+}
+function normalizeDefaultValues(domValue, propsValue) {
+  if (Array.isArray(propsValue)) return propsValue.map(String).filter(Boolean);
+  if (typeof propsValue === "string" && propsValue.trim()) return [propsValue.trim()];
+  return parseDefaultValues(domValue);
+}
+var enhance = (root, props) => {
+  if (root.dataset.rbAccordionEnhanced === "true") return;
+  root.dataset.rbAccordionEnhanced = "true";
+  const type = normalizeType(root.getAttribute("data-accordion-type"), props?.type);
+  const collapsible = type === "single" ? normalizeCollapsible(props?.collapsible) : true;
+  const defaultValues = new Set(
+    normalizeDefaultValues(root.getAttribute("data-default-value"), props?.defaultValue)
+  );
+  const items = Array.from(root.querySelectorAll(".accordion-item"));
+  const cleanups = [];
+  const closeAnimations = /* @__PURE__ */ new WeakMap();
+  const setMeasuredContentHeight = (content) => {
+    content.style.setProperty("--radix-accordion-content-height", `${content.scrollHeight}px`);
+  };
+  const setOpen = (item, open, options) => {
+    const trigger = item.querySelector(".accordion-trigger");
+    const content = item.querySelector(".accordion-content");
+    if (!trigger || !content) return;
+    const cancelPendingClose = closeAnimations.get(content);
+    if (cancelPendingClose) {
+      cancelPendingClose();
+      closeAnimations.delete(content);
+    }
+    if (open && content.hidden) content.hidden = false;
+    setMeasuredContentHeight(content);
+    item.dataset.state = open ? "open" : "closed";
+    content.dataset.state = open ? "open" : "closed";
+    if (!content.dataset.animation) content.dataset.animation = "accordion";
+    trigger.setAttribute("role", "button");
+    trigger.tabIndex = 0;
+    trigger.setAttribute("aria-expanded", open ? "true" : "false");
+    if (open) {
+      content.hidden = false;
+      content.setAttribute("aria-hidden", "false");
+      content.removeAttribute("inert");
+      return;
+    }
+    content.setAttribute("aria-hidden", "true");
+    content.setAttribute("inert", "");
+    const onAnimationEnd = () => {
+      if (content.dataset.state !== "closed") return;
+      content.hidden = true;
+      closeAnimations.delete(content);
+    };
+    if (options?.immediateClose) {
+      content.hidden = true;
+      return;
+    }
+    content.addEventListener("animationend", onAnimationEnd, { once: true });
+    closeAnimations.set(content, () => {
+      content.removeEventListener("animationend", onAnimationEnd);
+    });
+  };
+  const closeAllExcept = (keep) => {
+    items.forEach((item) => {
+      if (keep && item === keep) return;
+      setOpen(item, false);
+    });
+  };
+  items.forEach((item, index) => {
+    const value = getItemValue(item, index);
+    const initiallyOpen = defaultValues.has(value);
+    setOpen(item, initiallyOpen, initiallyOpen ? void 0 : { immediateClose: true });
+    const trigger = item.querySelector(".accordion-trigger");
+    if (!trigger) return;
+    const toggle = () => {
+      const expanded = trigger.getAttribute("aria-expanded") === "true";
+      const nextOpen = !expanded;
+      if (type === "single" && expanded && !collapsible) return;
+      if (type === "single" && nextOpen) closeAllExcept(item);
+      setOpen(item, nextOpen);
+    };
+    const onClick = (event) => {
+      event.preventDefault();
+      toggle();
+    };
+    const onKeyDown = (event) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      toggle();
+    };
+    trigger.addEventListener("click", onClick);
+    trigger.addEventListener("keydown", onKeyDown);
+    cleanups.push(() => {
+      trigger.removeEventListener("click", onClick);
+      trigger.removeEventListener("keydown", onKeyDown);
+    });
+  });
+  return () => {
+    cleanups.forEach((fn) => fn());
+  };
+};
+
+export { decode, enhance };