Fix gallery

assets/ts/bilder.ts

@@ -25,7 +25,6 @@ export class Gallery {
     {query: "=w1200-h1200", desc: "w1200"},
     {query: "=w2000-h2000", desc: "w2000"}
   ];
-  private static lightbox = new PhotoSwipeLightbox({pswpModule: PhotoSwipe});
 
   public static openGallery(e: HTMLElement): void {
     let items = (<HTMLElementWithImages>e).images;
@@ -34,11 +33,13 @@ export class Gallery {
       items = (<HTMLElementWithImages>e).images = galleries[preview.data("year")][preview.data("gallery")].i;
     }
 
-    Gallery.lightbox.loadAndOpen(0, items.map(i => ({
-      srcset: Gallery.sizes.map(s => i.u + s.query + " " + s.desc).join(", "),
-      src: i.u + "=w1200-h1200",
-      alt: i.t
-    })), null);
+    const lightbox = new PhotoSwipeLightbox({pswpModule: PhotoSwipe, dataSource: items.map(i => ({
+        srcset: Gallery.sizes.map(s => i.u + s.query + " " + s.desc).join(", "),
+        src: i.u + "=w1200-h1200",
+        alt: i.t
+      }))});
+    lightbox.init();
+    lightbox.loadAndOpen(0);
   }
 
   public static initialize(): void {

layouts/shortcodes/bilder.html

@@ -21,7 +21,7 @@
             <div class="ratio-content">
               <img class="preview"
                    alt="{{ $title }}"
-                   src="unknown-preset"
+                   src="/img/logo_color.png"
                    data-src="{{ printf "%s=w200-h200" (index $gallery.i 0).u }}"
                    data-year="{{ $year }}"
                    data-gallery="{{ $title }}" />

package.json

@@ -45,7 +45,7 @@
     "@types/lunr": "2.3.4",
     "@typescript-eslint/eslint-plugin": "5.37.0",
     "@typescript-eslint/parser": "5.37.0",
-    "autoprefixer": "10.4.9",
+    "autoprefixer": "10.4.11",
     "copyfiles": "2.4.1",
     "eslint": "8.23.1",
     "glob-all": "3.3.0",
@@ -55,7 +55,7 @@
     "stylelint": "14.11.0",
     "stylelint-config-recommended-scss": "7.0.0",
     "typescript": "4.8.3",
-    "w3c-html-validator": "1.1.0"
+    "w3c-html-validator": "1.1.1"
   },
   "dependencies": {
     "jquery": "3.6.1",