npm - @salla.sa/twilight-components - Versions diffs - 2.14.483 → 2.14.484 - Mend

@@ -413,13 +413,18 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
     }
     waitForLayoutStable(element) {
         let timeout = null;
+        let maxWait = null;
         return new Promise(resolve => {
-            const observer = new MutationObserver(() => {
+            let observer;
+            const settle = () => {
                 clearTimeout(timeout);
-                timeout = setTimeout(() => {
-                    observer.disconnect();
-                    resolve(null);
-                }, 160); // Adjust delay as needed for your layout
+                clearTimeout(maxWait);
+                observer.disconnect();
+                resolve(null);
+            };
+            observer = new MutationObserver(() => {
+                clearTimeout(timeout);
+                timeout = setTimeout(settle, 160); // Adjust delay as needed for your layout
             });
             // Observe changes to the entire body, including child nodes and attributes.
             observer.observe(element, {
@@ -427,6 +432,8 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
                 subtree: true,
                 attributes: true,
             });
+            // hard cap so a quiescent DOM still resolves and disconnects the observer
+            maxWait = setTimeout(settle, 1000);
         });
     }
     async waitForStableLayout(element) {
@@ -706,6 +713,7 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
                         this.loadMoreWrapper.style.display = 'block';
                     }
                     this.animateItems();
+                    this.refreshInfiniteScrollMeasurements();
                 }
             }
             catch (error) {
@@ -757,6 +765,13 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
             this.infiniteScroll.loadNextPage();
         }
     }
+    // re-measure scroll trigger after layout settles; stale `top` breaks autoload
+    refreshInfiniteScrollMeasurements() {
+        if (!this.autoload || !this.infiniteScroll?.updateMeasurements) {
+            return;
+        }
+        this.waitForStableLayout(document.body).then(() => this.infiniteScroll?.updateMeasurements?.());
+    }
     async applyBeforeBuildListUrl(url) {
         try {
             const ctx = { component: this, url };
@@ -938,6 +953,7 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
                 this.loadMoreWrapper && (this.loadMoreWrapper.style.display = 'block');
             }
             this.scrollToLastViewedProduct();
+            this.refreshInfiniteScrollMeasurements();
         }
         else if (!this.firstPageResponse && this.switchToNormalBehavior) {
             this.getInitialData()

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CPL9CY3o.js';
+import { d as getDefaultExportFromCjs } from './index-k6XsozPW.js';
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CPL9CY3o.js';
+import { d as getDefaultExportFromCjs } from './index-k6XsozPW.js';
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CPL9CY3o.js';
+import { d as getDefaultExportFromCjs } from './index-k6XsozPW.js';
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CPL9CY3o.js';
+import { d as getDefaultExportFromCjs } from './index-k6XsozPW.js';
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CPL9CY3o.js';
+import { d as getDefaultExportFromCjs } from './index-k6XsozPW.js';
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-CPL9CY3o.js';
+import { h } from './index-k6XsozPW.js';
 function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
     return number < multipleOf ? number : number - (number % multipleOf);

@salla.sa/twilight-components 2.14.483 → 2.14.484