@getflip/swirl-components 0.174.0 → 0.174.2

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-03-21T15:12:17",
+  "timestamp": "2024-03-22T10:43:45",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.3.1",

package/dist/cjs/swirl-file-viewer_7.cjs.entry.js

@@ -29886,11 +29886,14 @@ const SwirlFileViewerPdf = class {
   }
   async componentWillLoad() {
     window.pdf.GlobalWorkerOptions.workerSrc = this.workerSrc;
-    await this.getPages();
   }
   async componentDidLoad() {
+    await this.getPages();
     await this.updateVisiblePages();
     this.activate.emit(this.el);
+  }
+  componentDidRender() {
+    this.updateVisiblePages();
     this.determineScrollStatus();
   }
   disconnectedCallback() {
@@ -29982,10 +29985,11 @@ const SwirlFileViewerPdf = class {
         this.doc.destroy();
       }
       this.doc = await pdf.getDocument(this.file).promise;
+      const pages = [];
       for (let i = 1; i <= this.doc.numPages; i++) {
-        const page = await this.doc.getPage(i);
-        this.pages[i] = page;
+        pages.push(this.doc.getPage(i));
       }
+      this.pages = await Promise.all(pages);
       this.loading = false;
     }
     catch (e) {

package/dist/cjs/swirl-lightbox.cjs.entry.js

@@ -14,7 +14,6 @@ const SwirlLightbox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.dragging = false;
-    this.mediaPlayers = [];
     this.onCloseButtonClick = () => {
       this.close();
     };
@@ -31,7 +30,6 @@ const SwirlLightbox = class {
     this.registerSlides = () => {
       this.slides = Array.from(this.el.children).filter((el) => el.tagName === "SWIRL-FILE-VIEWER");
       this.setSlideAttributes();
-      this.updateMediaPlayers();
     };
     this.onPointerDown = (event) => {
       this.dragging = true;
@@ -186,7 +184,6 @@ const SwirlLightbox = class {
       });
     }, 300);
     this.stopAllMediaPlayers();
-    this.updateMediaPlayers();
     this.resetImageZoom();
   }
   setSlideAttributes() {
@@ -217,12 +214,12 @@ const SwirlLightbox = class {
   unlockBodyScroll() {
     bodyScrollLock_esm.enableBodyScroll(this.el);
   }
-  updateMediaPlayers() {
+  getMediaPlayers() {
     const mediaPlayers = utils.querySelectorAllDeep(this.el, "video");
-    this.mediaPlayers = mediaPlayers;
+    return mediaPlayers;
   }
   stopAllMediaPlayers() {
-    this.mediaPlayers.forEach((mediaPlayer) => mediaPlayer.pause());
+    this.getMediaPlayers().forEach((mediaPlayer) => mediaPlayer.pause());
   }
   resetImageZoom() {
     this.slides.forEach((slide) => {