Update: Dispatch event on close

jonnitto · Jan 5, 2024 · b08e4d5 · b08e4d5
1 parent acbaf94
commit b08e4d5
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 12 deletions.
diff --git a/Resources/Private/Assets/Fetch.js b/Resources/Private/Assets/Fetch.js
@@ -52,6 +52,10 @@ function init(options = {}) {
         container?.addEventListener("click", pswpContentEventListener);
     });
 
+    lightbox.on("destroy", () => {
+        dispatchEvent({ type: "fetch", action: "close" });
+    });
+
     lightbox.on("contentLoad", async (event) => {
         const { content } = event;
         let src = content?.data?.src;
@@ -87,10 +91,7 @@ async function fetchUrl(url, fetchLinkAppend) {
     }
     const markup = await response.text();
     url = completeUrl(url);
-    const event = new CustomEvent("neosphotoswipe", {
-        detail: { url, lightbox: url + fetchLinkAppend, type: "fetch" },
-    });
-    document.dispatchEvent(event);
+    dispatchEvent({ url, lightbox: url + fetchLinkAppend, type: "fetch", action: "open" });
     return markup;
 }
 
@@ -130,6 +131,11 @@ function toggleLoadingClass(show = true) {
     getPswpContainer()?.classList.toggle("pswp--fetch-loading", show);
 }
 
+function dispatchEvent(detail) {
+    const event = new CustomEvent("neosphotoswipe", { detail });
+    document.dispatchEvent(event);
+}
+
 window.neosPhotoSwipe = window.neosPhotoSwipe || {};
 window.neosPhotoSwipe.fetch = {
     init,

diff --git a/Resources/Public/Modules/Fetch.js b/Resources/Public/Modules/Fetch.js