@canopy-iiif/app 1.8.13 → 1.8.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopy-iiif/app",
-  "version": "1.8.13",
+  "version": "1.8.15",
   "private": false,
   "license": "MIT",
   "author": "Mat Jordan <mat@northwestern.edu>",

package/ui/dist/index.mjs

@@ -47578,8 +47578,19 @@ var INLINE_SCRIPT = `(() => {
     const navOptions = optionNodes ? Array.prototype.slice.call(optionNodes) : [];
     if (!navOptions.length) return;
     nav.setAttribute('data-canopy-gallery-nav-bound', '1');
-    const prevBtn = nav.querySelector('[data-canopy-gallery-nav-prev]');
-    const nextBtn = nav.querySelector('[data-canopy-gallery-nav-next]');
+    const navModal = nav.closest('[data-canopy-gallery-modal]');
+    const prevBtn =
+      nav.querySelector('[data-canopy-gallery-nav-prev]') ||
+      (navModal &&
+        navModal.querySelector(
+          '.canopy-gallery__modal-panel [data-canopy-gallery-nav-prev]'
+        ));
+    const nextBtn =
+      nav.querySelector('[data-canopy-gallery-nav-next]') ||
+      (navModal &&
+        navModal.querySelector(
+          '.canopy-gallery__modal-panel [data-canopy-gallery-nav-next]'
+        ));
 
     function updateButtons() {
       if (prevBtn) prevBtn.disabled = false;
@@ -47988,7 +47999,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
       "data-canopy-gallery-modal": "true",
       "data-canopy-gallery-close": closeTargetId
     },
-    /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-scrim" }, /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-panel" }, /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-actions" }, /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-scrim" }, /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-actions" }, /* @__PURE__ */ React40.createElement(
       GalleryThumbnailNav,
       {
         items: navItems,
@@ -48002,8 +48013,44 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         href: `#${closeTargetId}`,
         "aria-label": `Close popup for ${modalTitle}`
       },
-      "Close"
-    )), /* @__PURE__ */ React40.createElement("header", { className: "canopy-gallery__modal-header" }, /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-text" }, kicker ? /* @__PURE__ */ React40.createElement("p", { className: "canopy-gallery__modal-kicker" }, kicker) : null, /* @__PURE__ */ React40.createElement("h3", { id: modalTitleId, className: "canopy-gallery__modal-title" }, modalTitle), summary ? /* @__PURE__ */ React40.createElement(
+      "X"
+    )), /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-panel" }, /* @__PURE__ */ React40.createElement(
+      "button",
+      {
+        type: "button",
+        className: "canopy-gallery__nav-button canopy-gallery__nav-button--prev",
+        "aria-label": "Scroll left through gallery thumbnails",
+        "data-canopy-gallery-nav-prev": "true"
+      },
+      /* @__PURE__ */ React40.createElement(
+        "span",
+        {
+          className: "canopy-gallery__nav-button-icon",
+          "aria-hidden": "true",
+          role: "presentation"
+        },
+        "<"
+      ),
+      /* @__PURE__ */ React40.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Previous item")
+    ), /* @__PURE__ */ React40.createElement(
+      "button",
+      {
+        type: "button",
+        className: "canopy-gallery__nav-button canopy-gallery__nav-button--next",
+        "aria-label": "Scroll right through gallery thumbnails",
+        "data-canopy-gallery-nav-next": "true"
+      },
+      /* @__PURE__ */ React40.createElement(
+        "span",
+        {
+          className: "canopy-gallery__nav-button-icon",
+          "aria-hidden": "true",
+          role: "presentation"
+        },
+        ">"
+      ),
+      /* @__PURE__ */ React40.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Next item")
+    ), /* @__PURE__ */ React40.createElement("header", { className: "canopy-gallery__modal-header" }, /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-text" }, kicker ? /* @__PURE__ */ React40.createElement("p", { className: "canopy-gallery__modal-kicker" }, kicker) : null, /* @__PURE__ */ React40.createElement("h3", { id: modalTitleId, className: "canopy-gallery__modal-title" }, modalTitle), summary ? /* @__PURE__ */ React40.createElement(
       "p",
       {
         id: modalDescriptionId || void 0,
@@ -48013,7 +48060,7 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
     ) : null, renderMetaList(
       props.meta,
       "canopy-gallery__meta canopy-gallery__meta--modal"
-    ))), /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-body" }, props.children, manifests && manifests.length ? /* @__PURE__ */ React40.createElement("section", { className: "canopy-gallery__referenced" }, /* @__PURE__ */ React40.createElement("h4", null, "Referenced works"), /* @__PURE__ */ React40.createElement("ul", { role: "list" }, manifests.map((manifest) => /* @__PURE__ */ React40.createElement("li", { key: manifest.id || manifest.href }, /* @__PURE__ */ React40.createElement("a", { href: manifest.href }, manifest.title || manifest.href))))) : null)))
+    ), manifests && manifests.length ? manifests.map((manifest) => /* @__PURE__ */ React40.createElement("a", { key: manifest.id || manifest.href, href: manifest.href }, manifest.title || manifest.href)) : null)), /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__modal-body" }, props.children)))
   );
 }
 function GalleryFigure({ item }) {
@@ -48103,44 +48150,7 @@ function GalleryThumbnailNav({ items, activeModalId, groupName }) {
           );
         })
       )
-    ),
-    /* @__PURE__ */ React40.createElement("div", { className: "canopy-gallery__nav-controls" }, /* @__PURE__ */ React40.createElement(
-      "button",
-      {
-        type: "button",
-        className: "canopy-gallery__nav-button canopy-gallery__nav-button--prev",
-        "aria-label": "Scroll left through gallery thumbnails",
-        "data-canopy-gallery-nav-prev": "true"
-      },
-      /* @__PURE__ */ React40.createElement(
-        "span",
-        {
-          className: "canopy-gallery__nav-button-icon",
-          "aria-hidden": "true",
-          role: "presentation"
-        },
-        "<"
-      ),
-      /* @__PURE__ */ React40.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Previous item")
-    ), /* @__PURE__ */ React40.createElement(
-      "button",
-      {
-        type: "button",
-        className: "canopy-gallery__nav-button canopy-gallery__nav-button--next",
-        "aria-label": "Scroll right through gallery thumbnails",
-        "data-canopy-gallery-nav-next": "true"
-      },
-      /* @__PURE__ */ React40.createElement(
-        "span",
-        {
-          className: "canopy-gallery__nav-button-icon",
-          "aria-hidden": "true",
-          role: "presentation"
-        },
-        ">"
-      ),
-      /* @__PURE__ */ React40.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Next item")
-    ))
+    )
   );
 }
 function GalleryContent({ children, flex = false }) {