feat(photo-browser): add closeByBackdropClick parameter

nolimits4web · nolimits4web · commit 8d342599c8f6 · 2022-12-16T15:02:16.000+03:00
fixes #4107
diff --git a/src/core/components/photo-browser/photo-browser-class.js b/src/core/components/photo-browser/photo-browser-class.js
@@ -638,6 +638,7 @@ class PhotoBrowser extends Framework7Class {
     const popupParams = {
       content: popupHtml,
       push: pb.params.popupPush,
+      closeByBackdropClick: pb.params.closeByBackdropClick,
       on: {
         popupOpen(popup) {
           pb.onOpen('popup', popup.el);
diff --git a/src/core/components/photo-browser/photo-browser.d.ts b/src/core/components/photo-browser/photo-browser.d.ts
@@ -56,6 +56,8 @@ export namespace PhotoBrowser {
     swiper?: object;
     /** When enabled then Swiper will use Virtual Slides (default true) */
     virtualSlides?: boolean;
+    /** When enabled, Photo Browser popup will be closed on backdrop click. (default true) */
+    closeByBackdropClick?: boolean;
 
     /** Function to render navbar, must return navbar HTML string */
     renderNavbar?: () => string;
diff --git a/src/core/components/photo-browser/photo-browser.js b/src/core/components/photo-browser/photo-browser.js
@@ -24,6 +24,7 @@ export default {
       url: 'photos/',
       routableModals: false,
       virtualSlides: true,
+      closeByBackdropClick: true,
 
       renderNavbar: undefined,
       renderToolbar: undefined,
