fix(gallery): exclude browser APIs from SSR in thumbs

daelmaak · Nov 11, 2024 · e69eb50 · e69eb50
1 parent 47e3e19
commit e69eb50
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/libs/gallery/src/lib/components/thumbs/thumbs.component.ts b/libs/gallery/src/lib/components/thumbs/thumbs.component.ts
@@ -261,7 +261,7 @@ export class ThumbsComponent implements OnChanges, OnDestroy {
   };
 
   private observeArrows() {
-    if (this.thumbsEmpty) return;
+    if (this.thumbsEmpty || !isBrowser) return;
 
     if (!this.arrowObserver) {
       this.arrowObserver = new IntersectionObserver(this.onArrowsObserved, {

diff --git a/libs/gallery/src/lib/components/viewer/viewer.component.ts b/libs/gallery/src/lib/components/viewer/viewer.component.ts
@@ -173,18 +173,20 @@ export class ViewerComponent implements OnChanges, OnInit, AfterViewInit {
   }
 
   ngOnInit() {
-    if (isBrowser) {
-      this.handleResizes();
+    if (!isBrowser) {
+      return;
+    }
 
-      if (this.mouseGestures) {
-        this.handleMouseSlides();
-      }
+    this.handleResizes();
 
-      if (this.touchGestures) {
-        this.handleTouchSlides();
-      }
-      this._destroyRef.onDestroy(() => this.fringeObserver?.disconnect());
+    if (this.mouseGestures) {
+      this.handleMouseSlides();
+    }
+
+    if (this.touchGestures) {
+      this.handleTouchSlides();
     }
+    this._destroyRef.onDestroy(() => this.fringeObserver?.disconnect());
   }
 
   ngAfterViewInit() {