@sumaris-net/ngx-components 21.0.0-rc28 → 21.0.0-rc29

package/fesm2022/sumaris-net.ngx-components.mjs

@@ -28734,11 +28734,34 @@ class AppImageGallerySlideshowComponent {
         }
         return deleted;
     }
-    slideTo(value) {
+    async slideTo(index) {
         const swiper = this.getSwiper();
         if (!swiper)
             return;
-        swiper.slideTo(value);
+        if (index >= this.rows.length) {
+            // Try fetching a further page first, before falling back to
+            if (this.canFetchMore && this.fetchMore.observed) {
+                const rowCountBeforeFetch = this.rows.length;
+                let fetched = false;
+                try {
+                    fetched = await emitPromiseEvent(this.fetchMore, 'fetchMore');
+                }
+                catch (err) {
+                    if (err !== 'CANCELLED')
+                        throw err;
+                }
+                if (fetched && this.rows.length > rowCountBeforeFetch) {
+                    // The new <swiper-slide> elements come from the `rows` input re-rendering, which may not have
+                    // reached the DOM yet at this point: wait for Swiper to actually see the extra slide(s).
+                    await this._waitForSlideCount(swiper, rowCountBeforeFetch + 1);
+                    return this.slideTo(index); // Loop (allow to fetch a new page)
+                }
+            }
+            console.error(`[image-gallery] Cannot slide to index ${index} (max=${this.rows.length - 1})`);
+            return;
+        }
+        this._pendingSlideDirection = index > this._activeIndex ? 'next' : 'prev';
+        await swiper.slideTo(index);
     }
     async slidePrev(swiperElement) {
         const swiper = this.getSwiper(swiperElement);