@canopy-iiif/app 1.10.3 → 1.10.4

package/package.json

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

package/ui/dist/index.mjs

@@ -48472,6 +48472,55 @@ var INLINE_SCRIPT = `(() => {
     emitModalState(previous, 'close');
   }
 
+  function closeModalFromBackground(modal) {
+    if (!modal) return;
+    const closeId = modal.getAttribute('data-canopy-gallery-close');
+    const targetHash = closeId ? '#' + closeId : '';
+    if (targetHash) {
+      if (window.location.hash === targetHash) {
+        try {
+          window.location.hash = targetHash;
+        } catch (_) {}
+      } else {
+        window.location.hash = targetHash;
+      }
+    } else {
+      window.location.hash = '';
+    }
+  }
+
+  function shouldCloseFromBackground(event, modal) {
+    if (!event || !modal) return false;
+    const target = event.target;
+    if (!target) return false;
+    const panel = modal.querySelector('.canopy-gallery__modal-panel');
+    if (panel && panel.contains(target)) return false;
+    const actions = modal.querySelector('.canopy-gallery__modal-actions');
+    if (actions && actions.contains(target)) return false;
+    if (target === modal) return true;
+    const scrim = modal.querySelector('.canopy-gallery__modal-scrim');
+    if (scrim && scrim.contains(target)) return true;
+    return false;
+  }
+
+  function bindModalDismissal(modal) {
+    if (!modal || modal.getAttribute('data-canopy-gallery-dismiss-bound') === '1') {
+      return;
+    }
+    modal.setAttribute('data-canopy-gallery-dismiss-bound', '1');
+    modal.addEventListener('click', function (event) {
+      if (!shouldCloseFromBackground(event, modal)) return;
+      event.preventDefault();
+      closeModalFromBackground(modal);
+    });
+  }
+
+  function bindModalDismissals() {
+    const modals = document.querySelectorAll('[data-canopy-gallery-modal]');
+    if (!modals || !modals.length) return;
+    Array.prototype.forEach.call(modals, bindModalDismissal);
+  }
+
   function modalFromHash() {
     const id = window.location.hash.replace(/^#/, '');
     if (!id) return null;
@@ -48755,10 +48804,12 @@ var INLINE_SCRIPT = `(() => {
   window.addEventListener('pageshow', function () {
     syncFromHash();
     bindGalleryNavs();
+    bindModalDismissals();
     refreshGalleryNavs({reveal: true});
   });
   syncFromHash();
   bindGalleryNavs();
+  bindModalDismissals();
   refreshGalleryNavs({reveal: true});
 })()`;
 var galleryInstanceCounter = 0;
@@ -49126,7 +49177,7 @@ function GalleryItem() {
 GalleryItem.displayName = "GalleryItem";
 function normalizePopupSize(value) {
   const normalized = String(value || "full").toLowerCase();
-  return normalized === "medium" ? "medium" : "full";
+  return normalized === "window" ? "window" : "full";
 }
 function Gallery({
   children,
@@ -49150,7 +49201,7 @@ function Gallery({
   const orderedItems = orderMode === "random" ? shuffleItems(items) : items;
   const rootClassName = [
     "canopy-gallery",
-    popupMode === "medium" ? "canopy-gallery--popup-medium" : "canopy-gallery--popup-full",
+    popupMode === "window" ? "canopy-gallery--popup-window" : "canopy-gallery--popup-full",
     className
   ].filter(Boolean).join(" ");
   const navGroupName = `${galleryId}-nav`;