@canopy-iiif/app 1.11.1 → 1.12.0

package/ui/dist/server.mjs

@@ -1182,7 +1182,6 @@ function Hero({
   item,
   index,
   random = true,
-  transition = "fade",
   headline,
   description,
   links = [],
@@ -1308,15 +1307,6 @@ function Hero({
     backgroundClassName,
     className
   ].filter(Boolean).join(" ");
-  const normalizedTransition = (() => {
-    try {
-      const raw = transition == null ? "" : String(transition);
-      const normalized = raw.trim().toLowerCase();
-      return normalized === "slide" ? "slide" : "fade";
-    } catch (_) {
-      return "fade";
-    }
-  })();
   const renderSlide = (slide, idx, { showVeil = true, captionVariant = "overlay" } = {}) => {
     const safeHref = applyBasePath(slide.href || "#");
     const isStaticCaption = captionVariant === "static";
@@ -1351,38 +1341,68 @@ function Hero({
       );
     };
     if (isStaticCaption) {
-      return /* @__PURE__ */ React12.createElement("div", { className: "swiper-slide", key: safeHref || idx }, wrapWithLink(
-        /* @__PURE__ */ React12.createElement("article", { className: paneClassName }, slide.thumbnail ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__media-frame" }, /* @__PURE__ */ React12.createElement(
-          "img",
-          {
-            ...buildImageProps(
-              "canopy-interstitial__media canopy-interstitial__media--static"
-            )
-          }
-        )) : null, slide.title ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__caption canopy-interstitial__caption--static" }, /* @__PURE__ */ React12.createElement("span", { className: "canopy-interstitial__caption-link" }, slide.title)) : null)
-      ));
+      return /* @__PURE__ */ React12.createElement(
+        "div",
+        {
+          className: "canopy-interstitial__slide",
+          key: safeHref || idx,
+          role: "group",
+          "aria-roledescription": "slide",
+          "aria-label": `${idx + 1} of ${orderedSlides.length}`
+        },
+        wrapWithLink(
+          /* @__PURE__ */ React12.createElement("article", { className: paneClassName }, slide.thumbnail ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__media-frame" }, /* @__PURE__ */ React12.createElement(
+            "img",
+            {
+              ...buildImageProps(
+                "canopy-interstitial__media canopy-interstitial__media--static"
+              )
+            }
+          )) : null, slide.title ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__caption canopy-interstitial__caption--static" }, /* @__PURE__ */ React12.createElement("span", { className: "canopy-interstitial__caption-link" }, slide.title)) : null)
+        )
+      );
     }
-    return /* @__PURE__ */ React12.createElement("div", { className: "swiper-slide", key: safeHref || idx }, wrapWithLink(
-      /* @__PURE__ */ React12.createElement("article", { className: paneClassName }, slide.thumbnail ? /* @__PURE__ */ React12.createElement("img", { ...buildImageProps("canopy-interstitial__media") }) : null, showVeil ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__veil", "aria-hidden": "true" }) : null, slide.title ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__caption" }, /* @__PURE__ */ React12.createElement("span", { className: "canopy-interstitial__caption-link" }, slide.title)) : null)
-    ));
+    return /* @__PURE__ */ React12.createElement(
+      "div",
+      {
+        className: "canopy-interstitial__slide",
+        key: safeHref || idx,
+        role: "group",
+        "aria-roledescription": "slide",
+        "aria-label": `${idx + 1} of ${orderedSlides.length}`
+      },
+      wrapWithLink(
+        /* @__PURE__ */ React12.createElement("article", { className: paneClassName }, slide.thumbnail ? /* @__PURE__ */ React12.createElement("img", { ...buildImageProps("canopy-interstitial__media") }) : null, showVeil ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__veil", "aria-hidden": "true" }) : null, slide.title ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__caption" }, /* @__PURE__ */ React12.createElement("span", { className: "canopy-interstitial__caption-link" }, slide.title)) : null)
+      )
+    );
   };
-  const renderSlider = (options = {}) => /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__slider swiper" }, /* @__PURE__ */ React12.createElement("div", { className: "swiper-wrapper" }, orderedSlides.map((slide, idx) => renderSlide(slide, idx, options))), /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__nav" }, /* @__PURE__ */ React12.createElement(
-    "button",
-    {
-      type: "button",
-      "aria-label": "Previous slide",
-      className: "canopy-interstitial__nav-btn canopy-interstitial__nav-btn--prev swiper-button-prev"
-    },
-    /* @__PURE__ */ React12.createElement(PrevArrowIcon, null)
-  ), /* @__PURE__ */ React12.createElement(
-    "button",
+  const renderSlider = (options = {}) => /* @__PURE__ */ React12.createElement(
+    "div",
     {
-      type: "button",
-      "aria-label": "Next slide",
-      className: "canopy-interstitial__nav-btn canopy-interstitial__nav-btn--next swiper-button-next"
+      className: "canopy-interstitial__slider",
+      role: "region",
+      "aria-roledescription": "carousel",
+      "aria-label": overlayTitle || "Featured content"
     },
-    /* @__PURE__ */ React12.createElement(NextArrowIcon, null)
-  )), /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__pagination swiper-pagination" }));
+    /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__slide-wrapper" }, orderedSlides.map((slide, idx) => renderSlide(slide, idx, options))),
+    /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__nav" }, /* @__PURE__ */ React12.createElement(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Previous slide",
+        className: "canopy-interstitial__nav-btn canopy-interstitial__nav-btn--prev"
+      },
+      /* @__PURE__ */ React12.createElement(PrevArrowIcon, null)
+    ), /* @__PURE__ */ React12.createElement(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Next slide",
+        className: "canopy-interstitial__nav-btn canopy-interstitial__nav-btn--next"
+      },
+      /* @__PURE__ */ React12.createElement(NextArrowIcon, null)
+    ))
+  );
   const overlayContent = /* @__PURE__ */ React12.createElement(React12.Fragment, null, overlayTitle ? /* @__PURE__ */ React12.createElement("h1", { className: "canopy-interstitial__headline" }, overlayTitle) : null, derivedDescription ? /* @__PURE__ */ React12.createElement("p", { className: "canopy-interstitial__description" }, derivedDescription) : null, finalOverlayLinks.length ? /* @__PURE__ */ React12.createElement(ButtonWrapper, { className: "canopy-interstitial__actions" }, finalOverlayLinks.map((link) => /* @__PURE__ */ React12.createElement(
     Button,
     {
@@ -1401,11 +1421,10 @@ function Hero({
   };
   if (!isBreadcrumbVariant) {
     sectionProps["data-canopy-hero-slider"] = "1";
-    sectionProps["data-transition"] = normalizedTransition;
   } else {
     sectionProps["data-canopy-hero-variant"] = "breadcrumb";
   }
-  return /* @__PURE__ */ React12.createElement("section", { ...sectionProps }, isBreadcrumbVariant ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__layout canopy-interstitial__layout--breadcrumb" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__panel" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__body" }, breadcrumbNode, overlayContent))) : /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__layout" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__panel" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__body" }, overlayContent)), /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__media-group" }, renderSlider({ showVeil: false, captionVariant: "static" }))));
+  return /* @__PURE__ */ React12.createElement("section", { ...sectionProps }, isBreadcrumbVariant ? /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__layout canopy-interstitial__layout--breadcrumb" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__panel" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__body" }, breadcrumbNode, overlayContent))) : /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__layout" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__panel" }, /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__body" }, overlayContent)), /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__media-group" }, renderSlider({ showVeil: false, captionVariant: "static" }), /* @__PURE__ */ React12.createElement("div", { className: "canopy-interstitial__pagination" }))));
 }
 
 // ui/src/layout/SubNavigation.jsx
@@ -2591,7 +2610,7 @@ function isAbsoluteUrl(href) {
 }
 function resolveSearchPath(pathValue) {
   let raw = typeof pathValue === "string" ? pathValue.trim() : "";
-  if (!raw) raw = "/search";
+  if (!raw) raw = "/search/index.html";
   if (isAbsoluteUrl(raw)) return raw;
   const normalizedPath = raw.startsWith("/") ? raw : `/${raw}`;
   const base = readBasePath2();
@@ -2610,7 +2629,7 @@ function SearchPanelForm(props = {}) {
     placeholder,
     buttonLabel,
     label,
-    searchPath = "/search",
+    searchPath = "/search/index.html",
     inputId: inputIdProp,
     clearLabel
   } = props || {};
@@ -2766,7 +2785,7 @@ function SearchPanel(props = {}) {
     // eslint-disable-line no-unused-vars
     buttonLabel: buttonLabelProp,
     label,
-    searchPath = "/search"
+    searchPath = "/search/index.html"
   } = props || {};
   const { getString } = useLocale();
   const placeholder = placeholderProp != null ? placeholderProp : getString("common.phrases.placeholder_search", "Search\u2026");
@@ -3595,7 +3614,7 @@ function CanopyHeader(props = {}) {
   const defaultSearchRoute = siteDefaultRoutes && typeof siteDefaultRoutes.search === "string" ? siteDefaultRoutes.search : "search";
   const trimmedSearchRoute = searchRouteValue ? searchRouteValue.replace(/^\/+|\/+$/g, "") : "";
   const usesDirectorySearchRoute = trimmedSearchRoute && trimmedSearchRoute !== (defaultSearchRoute || "search");
-  const normalizedSearchRoute = usesDirectorySearchRoute ? `/${trimmedSearchRoute}/` : `/${(trimmedSearchRoute || defaultSearchRoute || "search").replace(/^\/+/, "")}`;
+  const normalizedSearchRoute = usesDirectorySearchRoute ? `/${trimmedSearchRoute}/` : `/${(trimmedSearchRoute || defaultSearchRoute || "search").replace(/^\/+/, "")}/index.html`;
   const resolvedLanguageToggle = languageToggleProp === false ? null : languageToggleProp === true || typeof languageToggleProp === "undefined" ? siteLanguageToggle : languageToggleProp;
   const resolvedSearchLabel = searchLabelProp != null ? searchLabelProp : getString("common.nouns.search", "Search");
   const resolvedSearchPlaceholder = searchPlaceholderProp != null ? searchPlaceholderProp : getString("common.phrases.placeholder_search", "Search\u2026");
@@ -7079,7 +7098,7 @@ function MdxSearchFormModal(props = {}) {
     // kept for backward compat; ignored by teaser form
     buttonLabel: buttonLabelProp,
     label,
-    searchPath = "/search"
+    searchPath = "/search/index.html"
   } = props || {};
   const { getString } = useLocale();
   const placeholder = placeholderProp != null ? placeholderProp : getString("common.phrases.placeholder_search", "Search\u2026");