initial commit

2024-11-13 22:26:45 +01:00
commit fd466fc511
156 changed files with 13223 additions and 0 deletions
--- a/themes/gallery/assets/js/lightbox.js
+++ b/themes/gallery/assets/js/lightbox.js
@@ -0,0 +1,83 @@
+import PhotoSwipeLightbox from "./photoswipe/photoswipe-lightbox.esm.js";
+import PhotoSwipe from "./photoswipe/photoswipe.esm.js";
+import PhotoSwipeDynamicCaption from "./photoswipe/photoswipe-dynamic-caption-plugin.esm.min.js";
+import * as params from "@params";
+
+const gallery = document.getElementById("gallery");
+
+if (gallery) {
+  const lightbox = new PhotoSwipeLightbox({
+    gallery,
+    children: ".gallery-item",
+    showHideAnimationType: "zoom",
+    bgOpacity: 1,
+    pswpModule: PhotoSwipe,
+    imageClickAction: "close",
+    paddingFn: (viewportSize) => {
+      return viewportSize.x < 700
+        ? {
+            top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0,
+          }
+        : {
+            top: 30,
+            bottom: 30,
+            left: 0,
+            right: 0,
+          };
+    },
+    closeTitle: params.closeTitle,
+    zoomTitle: params.zoomTitle,
+    arrowPrevTitle: params.arrowPrevTitle,
+    arrowNextTitle: params.arrowNextTitle,
+    errorMsg: params.errorMsg,
+  });
+
+  lightbox.on("uiRegister", () => {
+    lightbox.pswp.ui.registerElement({
+      name: "download-button",
+      order: 8,
+      isButton: true,
+      tagName: "a",
+      html: {
+        isCustomSVG: true,
+        inner: '<path d="M20.5 14.3 17.1 18V10h-2.2v7.9l-3.4-3.6L10 16l6 6.1 6-6.1ZM23 23H9v2h14Z" id="pswp__icn-download"/>',
+        outlineID: "pswp__icn-download",
+      },
+      onInit: (el, pswp) => {
+        el.setAttribute("download", "");
+        el.setAttribute("target", "_blank");
+        el.setAttribute("rel", "noopener");
+        el.setAttribute("title", params.downloadTitle || "Download");
+        pswp.on("change", () => {
+          el.href = pswp.currSlide.data.element.href;
+        });
+      },
+    });
+  });
+
+  lightbox.on("change", () => {
+    history.replaceState("", document.title, "#" + lightbox.pswp.currSlide.index);
+  });
+
+  lightbox.on("close", () => {
+    history.replaceState("", document.title, window.location.pathname);
+  });
+
+  new PhotoSwipeDynamicCaption(lightbox, {
+    mobileLayoutBreakpoint: 700,
+    type: "auto",
+    mobileCaptionOverlapRatio: 1,
+  });
+
+  lightbox.init();
+
+  if (window.location.hash.substring(1).length > 0) {
+    const index = parseInt(window.location.hash.substring(1), 10);
+    if (!Number.isNaN(index) && index >= 0 && index < gallery.querySelectorAll("a").length) {
+      lightbox.loadAndOpen(index, { gallery });
+    }
+  }
+}