@salla.sa/twilight-components 2.11.23 → 2.11.25

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

@@ -20852,7 +20852,13 @@ const SallaFileUpload = class {
     this.filepond[key] = value;
   }
   getLabel() {
-    return this.labelIdle || `${salla.lang.get('common.uploader.drag_and_drop')}<span class="filepond--label-action"> ${salla.lang.get('common.uploader.browse')} </span>`;
+    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'));
+    }
+    return `${salla.lang.get('common.uploader.drag_and_drop')}<span class="filepond--label-action"> ${salla.lang.get('common.uploader.browse')} </span>`;
   }
   /**
    *
@@ -24809,7 +24815,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

@@ -185,7 +185,13 @@ export class SallaFileUpload {
     this.filepond[key] = value;
   }
   getLabel() {
-    return this.labelIdle || `${salla.lang.get('common.uploader.drag_and_drop')}<span class="filepond--label-action"> ${salla.lang.get('common.uploader.browse')} </span>`;
+    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'));
+    }
+    return `${salla.lang.get('common.uploader.drag_and_drop')}<span class="filepond--label-action"> ${salla.lang.get('common.uploader.browse')} </span>`;
   }
   /**
    *

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

@@ -345,7 +345,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');

package/dist/components/salla-file-upload2.js

@@ -15286,7 +15286,13 @@ const SallaFileUpload = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.filepond[key] = value;
   }
   getLabel() {
-    return this.labelIdle || `${salla.lang.get('common.uploader.drag_and_drop')}<span class="filepond--label-action"> ${salla.lang.get('common.uploader.browse')} </span>`;
+    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'));
+    }
+    return `${salla.lang.get('common.uploader.drag_and_drop')}<span class="filepond--label-action"> ${salla.lang.get('common.uploader.browse')} </span>`;
   }
   /**
    *

package/dist/components/salla-slider2.js

@@ -367,7 +367,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

@@ -20848,7 +20848,13 @@ const SallaFileUpload = class {
     this.filepond[key] = value;
   }
   getLabel() {
-    return this.labelIdle || `${salla.lang.get('common.uploader.drag_and_drop')}<span class="filepond--label-action"> ${salla.lang.get('common.uploader.browse')} </span>`;
+    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'));
+    }
+    return `${salla.lang.get('common.uploader.drag_and_drop')}<span class="filepond--label-action"> ${salla.lang.get('common.uploader.browse')} </span>`;
   }
   /**
    *
@@ -24805,7 +24811,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');