@salla.sa/twilight-components 2.11.108 → 2.11.109

package/dist/cjs/{app-globals-b2009a7f.js → app-globals-c392da62.js}

@@ -7527,10 +7527,13 @@ function appGlobalScript () {
   // Only initialize it one time for the entire application
   if (!document.lazyLoadInstance) {
     document.lazyLoadInstance = new lazyload_min({
-    // use_native: true,//native not support lazyLoad backgrounds
-    // restore_on_error: true,
-    // Your custom settings go here
-    // callback_finish: () => document.lazyLoadBackgrounds.update(document.querySelectorAll('.lazy[data-bg]:not(.loaded)'))
+      use_native: true, //native not support lazyLoad backgrounds
+      // restore_on_error: true,
+      // Your custom settings go here
+      // callback_finish: () => document.lazyLoadBackgrounds.update(document.querySelectorAll('.lazy[data-bg]:not(.loaded)'))
+    });
+    document.lazyLoadBackgrounds = new lazyload_min({
+      elements_selector: '.lazy[data-bg]:not(.loaded)',
     });
     //native way doesn't load backgrounds
     // document.lazyLoadBackgrounds = new LazyLoad();
@@ -7538,14 +7541,18 @@ function appGlobalScript () {
   //make sure that lazyLoad will be fired after loading the page too.
   if (document.readyState !== 'complete') {
     document.addEventListener("DOMContentLoaded", () => document.lazyLoadInstance.update());
+    document.addEventListener("DOMContentLoaded", () => document.lazyLoadBackgrounds.update());
   }
   // fire it after each load more request;
   // @ts-ignore
-  salla.infiniteScroll.event.onAppend(() => document.lazyLoadInstance.update());
+  salla.infiniteScroll.event.onAppend(() => {
+    document.lazyLoadInstance.update();
+    document.lazyLoadBackgrounds.update();
+  });
 }
 
 const globalScripts = appGlobalScript;
 
 exports.globalScripts = globalScripts;
 
-//# sourceMappingURL=app-globals-b2009a7f.js.map
+//# sourceMappingURL=app-globals-c392da62.js.map