@salla.sa/twilight-components 2.11.25 → 2.11.26

package/dist/cjs/salla-button_37.cjs.entry.js

@@ -24740,7 +24740,7 @@ const SallaSwiper = class {
       this.displayAllTitle = salla.lang.get('blocks.home.display_all');
     });
     this.hasThumbSlot = !!this.host.querySelector('[slot="thumbs"]');
-    // if (this.enableCallToSlide) {     
+    // if (this.enableCallToSlide) {
     //   salla.event.on('product-options::goToSlide', data => {
     //     const slideIndex = this.sliderWrapper.querySelector(`[data-img-id="${data}"]`).getAttribute('data-slid-index');
     //     this.slideTo(parseInt(slideIndex), 300, false);
@@ -24788,14 +24788,16 @@ const SallaSwiper = class {
       lazy: true,
       on: {
         // todo:: find better way for this workaround to show lazyLoad for duplicated slides, for some reason they are loaded but class not added.
-        afterInit: (slider) => this.loop && slider.slides.map(slide => {
+        afterInit: (slider) => {
           var _a;
           (_a = document.lazyLoadInstance) === null || _a === void 0 ? void 0 : _a.update();
-          if (!slide.classList.contains('swiper-slide-duplicate')) {
-            return;
-          }
-          slide.querySelectorAll('img.lazy:not(.loaded)').forEach(img => img.classList.add('loaded'));
-        }),
+          this.loop && slider.slides.map(slide => {
+            if (!slide.classList.contains('swiper-slide-duplicate')) {
+              return;
+            }
+            slide.querySelectorAll('img.lazy:not(.loaded)').forEach(img => img.classList.add('loaded'));
+          });
+        },
       },
       pagination: this.pagination ? {
         el: this.host.id ? `#${this.host.id} .swiper-pagination` : '',

package/dist/collection/components/salla-slider/salla-slider.js

@@ -270,7 +270,7 @@ export class SallaSwiper {
       this.displayAllTitle = salla.lang.get('blocks.home.display_all');
     });
     this.hasThumbSlot = !!this.host.querySelector('[slot="thumbs"]');
-    // if (this.enableCallToSlide) {     
+    // if (this.enableCallToSlide) {
     //   salla.event.on('product-options::goToSlide', data => {
     //     const slideIndex = this.sliderWrapper.querySelector(`[data-img-id="${data}"]`).getAttribute('data-slid-index');
     //     this.slideTo(parseInt(slideIndex), 300, false);
@@ -318,14 +318,16 @@ export class SallaSwiper {
       lazy: true,
       on: {
         // todo:: find better way for this workaround to show lazyLoad for duplicated slides, for some reason they are loaded but class not added.
-        afterInit: (slider) => this.loop && slider.slides.map(slide => {
+        afterInit: (slider) => {
           var _a;
           (_a = document.lazyLoadInstance) === null || _a === void 0 ? void 0 : _a.update();
-          if (!slide.classList.contains('swiper-slide-duplicate')) {
-            return;
-          }
-          slide.querySelectorAll('img.lazy:not(.loaded)').forEach(img => img.classList.add('loaded'));
-        }),
+          this.loop && slider.slides.map(slide => {
+            if (!slide.classList.contains('swiper-slide-duplicate')) {
+              return;
+            }
+            slide.querySelectorAll('img.lazy:not(.loaded)').forEach(img => img.classList.add('loaded'));
+          });
+        },
       },
       pagination: this.pagination ? {
         el: this.host.id ? `#${this.host.id} .swiper-pagination` : '',
@@ -961,7 +963,7 @@ export class SallaSwiper {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Event will be fired when user touch and move finger over Swiper and move it. \nReceives touchmove event as an arguments."
+        "text": "Event will be fired when user touch and move finger over Swiper and move it.\nReceives touchmove event as an arguments."
       },
       "complexType": {
         "original": "any",
@@ -991,7 +993,7 @@ export class SallaSwiper {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Event will be fired when user touch and move finger over Swiper. \nReceives touchmove event as an arguments."
+        "text": "Event will be fired when user touch and move finger over Swiper.\nReceives touchmove event as an arguments."
       },
       "complexType": {
         "original": "any",

package/dist/components/salla-slider2.js

@@ -292,7 +292,7 @@ const SallaSwiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.displayAllTitle = salla.lang.get('blocks.home.display_all');
     });
     this.hasThumbSlot = !!this.host.querySelector('[slot="thumbs"]');
-    // if (this.enableCallToSlide) {     
+    // if (this.enableCallToSlide) {
     //   salla.event.on('product-options::goToSlide', data => {
     //     const slideIndex = this.sliderWrapper.querySelector(`[data-img-id="${data}"]`).getAttribute('data-slid-index');
     //     this.slideTo(parseInt(slideIndex), 300, false);
@@ -340,14 +340,16 @@ const SallaSwiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       lazy: true,
       on: {
         // todo:: find better way for this workaround to show lazyLoad for duplicated slides, for some reason they are loaded but class not added.
-        afterInit: (slider) => this.loop && slider.slides.map(slide => {
+        afterInit: (slider) => {
           var _a;
           (_a = document.lazyLoadInstance) === null || _a === void 0 ? void 0 : _a.update();
-          if (!slide.classList.contains('swiper-slide-duplicate')) {
-            return;
-          }
-          slide.querySelectorAll('img.lazy:not(.loaded)').forEach(img => img.classList.add('loaded'));
-        }),
+          this.loop && slider.slides.map(slide => {
+            if (!slide.classList.contains('swiper-slide-duplicate')) {
+              return;
+            }
+            slide.querySelectorAll('img.lazy:not(.loaded)').forEach(img => img.classList.add('loaded'));
+          });
+        },
       },
       pagination: this.pagination ? {
         el: this.host.id ? `#${this.host.id} .swiper-pagination` : '',

package/dist/esm/salla-button_37.entry.js

@@ -24736,7 +24736,7 @@ const SallaSwiper = class {
       this.displayAllTitle = salla.lang.get('blocks.home.display_all');
     });
     this.hasThumbSlot = !!this.host.querySelector('[slot="thumbs"]');
-    // if (this.enableCallToSlide) {     
+    // if (this.enableCallToSlide) {
     //   salla.event.on('product-options::goToSlide', data => {
     //     const slideIndex = this.sliderWrapper.querySelector(`[data-img-id="${data}"]`).getAttribute('data-slid-index');
     //     this.slideTo(parseInt(slideIndex), 300, false);
@@ -24784,14 +24784,16 @@ const SallaSwiper = class {
       lazy: true,
       on: {
         // todo:: find better way for this workaround to show lazyLoad for duplicated slides, for some reason they are loaded but class not added.
-        afterInit: (slider) => this.loop && slider.slides.map(slide => {
+        afterInit: (slider) => {
           var _a;
           (_a = document.lazyLoadInstance) === null || _a === void 0 ? void 0 : _a.update();
-          if (!slide.classList.contains('swiper-slide-duplicate')) {
-            return;
-          }
-          slide.querySelectorAll('img.lazy:not(.loaded)').forEach(img => img.classList.add('loaded'));
-        }),
+          this.loop && slider.slides.map(slide => {
+            if (!slide.classList.contains('swiper-slide-duplicate')) {
+              return;
+            }
+            slide.querySelectorAll('img.lazy:not(.loaded)').forEach(img => img.classList.add('loaded'));
+          });
+        },
       },
       pagination: this.pagination ? {
         el: this.host.id ? `#${this.host.id} .swiper-pagination` : '',