@salla.sa/twilight-components 2.11.24 → 2.11.26

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

@@ -20853,6 +20853,7 @@ const SallaFileUpload = class {
   }
   getLabel() {
     if (this.labelIdle) {
+      //some times we are passing label before translations is loaded, so here we will make sure that all translations are translated
       return this.labelIdle
         .replace('common.uploader.drag_and_drop', salla.lang.get('common.uploader.drag_and_drop'))
         .replace('common.uploader.browse', salla.lang.get('common.uploader.browse'));
@@ -24739,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);
@@ -24787,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` : '',
@@ -24814,7 +24817,7 @@ const SallaSwiper = class {
       releaseOnEdges: this.host.querySelectorAll('.swiper-slide').length > 1 ? false : true
     },
       pre_defined_config = Object.assign(Object.assign({}, pre_defined_config), (this.pre_defined_config[this.type] || {}));
-    if (this.type == 'thumbs') {
+    if (this.type == 'thumbs' && this.thumbsSliderWrapper) {
       for (const slide of this.thumbsSliderWrapper.children) {
         //todo:: use `s-slider-slide`
         slide.classList.add('swiper-slide');

package/dist/collection/components/salla-file-upload/salla-file-upload.js

@@ -186,6 +186,7 @@ export class SallaFileUpload {
   }
   getLabel() {
     if (this.labelIdle) {
+      //some times we are passing label before translations is loaded, so here we will make sure that all translations are translated
       return this.labelIdle
         .replace('common.uploader.drag_and_drop', salla.lang.get('common.uploader.drag_and_drop'))
         .replace('common.uploader.browse', salla.lang.get('common.uploader.browse'));

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` : '',
@@ -345,7 +347,7 @@ export class SallaSwiper {
       releaseOnEdges: this.host.querySelectorAll('.swiper-slide').length > 1 ? false : true
     },
       pre_defined_config = Object.assign(Object.assign({}, pre_defined_config), (this.pre_defined_config[this.type] || {}));
-    if (this.type == 'thumbs') {
+    if (this.type == 'thumbs' && this.thumbsSliderWrapper) {
       for (const slide of this.thumbsSliderWrapper.children) {
         //todo:: use `s-slider-slide`
         slide.classList.add('swiper-slide');
@@ -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-file-upload2.js

@@ -15287,6 +15287,7 @@ const SallaFileUpload = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   getLabel() {
     if (this.labelIdle) {
+      //some times we are passing label before translations is loaded, so here we will make sure that all translations are translated
       return this.labelIdle
         .replace('common.uploader.drag_and_drop', salla.lang.get('common.uploader.drag_and_drop'))
         .replace('common.uploader.browse', salla.lang.get('common.uploader.browse'));

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` : '',
@@ -367,7 +369,7 @@ const SallaSwiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       releaseOnEdges: this.host.querySelectorAll('.swiper-slide').length > 1 ? false : true
     },
       pre_defined_config = Object.assign(Object.assign({}, pre_defined_config), (this.pre_defined_config[this.type] || {}));
-    if (this.type == 'thumbs') {
+    if (this.type == 'thumbs' && this.thumbsSliderWrapper) {
       for (const slide of this.thumbsSliderWrapper.children) {
         //todo:: use `s-slider-slide`
         slide.classList.add('swiper-slide');

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

@@ -20849,6 +20849,7 @@ const SallaFileUpload = class {
   }
   getLabel() {
     if (this.labelIdle) {
+      //some times we are passing label before translations is loaded, so here we will make sure that all translations are translated
       return this.labelIdle
         .replace('common.uploader.drag_and_drop', salla.lang.get('common.uploader.drag_and_drop'))
         .replace('common.uploader.browse', salla.lang.get('common.uploader.browse'));
@@ -24735,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);
@@ -24783,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` : '',
@@ -24810,7 +24813,7 @@ const SallaSwiper = class {
       releaseOnEdges: this.host.querySelectorAll('.swiper-slide').length > 1 ? false : true
     },
       pre_defined_config = Object.assign(Object.assign({}, pre_defined_config), (this.pre_defined_config[this.type] || {}));
-    if (this.type == 'thumbs') {
+    if (this.type == 'thumbs' && this.thumbsSliderWrapper) {
       for (const slide of this.thumbsSliderWrapper.children) {
         //todo:: use `s-slider-slide`
         slide.classList.add('swiper-slide');