@salla.sa/twilight-components 2.11.18 → 2.11.19

package/dist/cjs/loader.cjs.js

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d2b3370.js');
-const appGlobals = require('./app-globals-f49969d2.js');
+const appGlobals = require('./app-globals-f18513f9.js');
 require('./_commonjsHelpers-691dd63b.js');
 
 /*

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

@@ -20815,7 +20815,9 @@ const SallaFileUpload = class {
   addedHandler(error, file) {
     this.added.emit({ error: error, file: file });
     //if the file passed on initiate will not have type
+    this.host.querySelector('.filepond--root').classList.remove('s-file-upload-has-error');
     if (error || !file.file.type) {
+      this.host.querySelector('.filepond--root').classList.add('s-file-upload-has-error');
       return;
     }
     let container = new DataTransfer;
@@ -20903,6 +20905,7 @@ const SallaFileUpload = class {
       } }, index.h("input", { type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept })));
   }
   componentDidLoad() {
+    console.log(this.accept);
     let files = this.getFiles();
     this.filepond = filepond.create(this.fileUploader, {
       name: this.payloadName || this.name,
@@ -24570,6 +24573,7 @@ const SallaSwiper = class {
     this.isEnd = false;
     this.isBeginning = true;
     this.isRTL = document.documentElement.dir === 'rtl';
+    this.hasThumbSlot = false;
     this.pre_defined_config = {
       carousel: {
         speed: 300,
@@ -24730,6 +24734,7 @@ const SallaSwiper = class {
     salla.lang.onLoaded(() => {
       this.displayAllTitle = salla.lang.get('blocks.home.display_all');
     });
+    this.hasThumbSlot = !!this.host.querySelector('[slot="thumbs"]');
     // if (this.enableCallToSlide) {     
     //   salla.event.on('product-options::goToSlide', data => {
     //     const slideIndex = this.sliderWrapper.querySelector(`[data-img-id="${data}"]`).getAttribute('data-slid-index');
@@ -24886,14 +24891,14 @@ const SallaSwiper = class {
         : '', this.showControls ?
         index.h("div", { class: "s-slider-block__title-nav", dir: "rtl" }, index.h("button", { "aria-label": "Previous Slide", class: "s-slider-prev s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowRightIcon$1 : ArrowLeftIcon })), index.h("button", { "aria-label": "Next Slide", class: "s-slider-next s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowLeftIcon : ArrowRightIcon$1 })))
         : ''))
-      : '', index.h("div", { class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : '' }, index.h("slot", null), index.h("div", { class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, index.h("slot", { name: 'items' })), this.pagination ? index.h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' ? index.h("div", { class: "s-slider-thumbs" }, index.h("div", { class: "swiper s-slider-thumbs-container", dir: this.verticalThumbs ? "ltr" : '', ref: el => this.thumbsSliderContainer = el }, index.h("div", { class: "s-slider-swiper-wrapper swiper-wrapper", ref: el => this.thumbsSliderWrapper = el }, index.h("slot", { name: "thumbs" })), this.showThumbsControls ?
+      : '', index.h("div", { class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : '' }, index.h("slot", null), index.h("div", { class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, index.h("slot", { name: 'items' })), this.pagination ? index.h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' && this.hasThumbSlot ? index.h("div", { class: "s-slider-thumbs" }, index.h("div", { class: "swiper s-slider-thumbs-container", dir: this.verticalThumbs ? "ltr" : '', ref: el => this.thumbsSliderContainer = el }, index.h("div", { class: "s-slider-swiper-wrapper swiper-wrapper", ref: el => this.thumbsSliderWrapper = el }, index.h("slot", { name: "thumbs" })), this.showThumbsControls ?
       index.h("div", { class: "s-slider-thumbs-nav", dir: "rtl" }, index.h("button", { "aria-label": "Previous Slide", class: "s-slider-thumbs-prev s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowRightIcon$1 : ArrowLeftIcon })), index.h("button", { "aria-label": "Next Slide", class: "s-slider-thumbs-next s-slider-nav-arrow" }, index.h("span", { class: "s-slider-button-icon", innerHTML: this.isRTL ? ArrowLeftIcon : ArrowRightIcon$1 })))
       : '')) : ''));
   }
   componentDidLoad() {
     let itemsSlot = this.sliderWrapper.querySelector('div[slot="items"]');
     !!itemsSlot ? itemsSlot.replaceWith(...itemsSlot.children) : null;
-    if (this.type == 'thumbs') {
+    if (this.type == 'thumbs' && this.hasThumbSlot) {
       let thumbsSlot = this.thumbsSliderWrapper.querySelector('div[slot="thumbs"]');
       !!thumbsSlot ? thumbsSlot.replaceWith(...thumbsSlot.children) : null;
     }

package/dist/cjs/twilight.cjs.js

@@ -4,7 +4,7 @@
 'use strict';
 
 const index = require('./index-1d2b3370.js');
-const appGlobals = require('./app-globals-f49969d2.js');
+const appGlobals = require('./app-globals-f18513f9.js');
 require('./_commonjsHelpers-691dd63b.js');
 
 /*

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

@@ -148,7 +148,9 @@ export class SallaFileUpload {
   addedHandler(error, file) {
     this.added.emit({ error: error, file: file });
     //if the file passed on initiate will not have type
+    this.host.querySelector('.filepond--root').classList.remove('s-file-upload-has-error');
     if (error || !file.file.type) {
+      this.host.querySelector('.filepond--root').classList.add('s-file-upload-has-error');
       return;
     }
     let container = new DataTransfer;
@@ -237,6 +239,7 @@ export class SallaFileUpload {
       h("input", { type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept })));
   }
   componentDidLoad() {
+    console.log(this.accept);
     let files = this.getFiles();
     this.filepond = FilePond.create(this.fileUploader, {
       name: this.payloadName || this.name,

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

@@ -108,6 +108,7 @@ export class SallaSwiper {
     this.isEnd = false;
     this.isBeginning = true;
     this.isRTL = document.documentElement.dir === 'rtl';
+    this.hasThumbSlot = false;
     this.pre_defined_config = {
       carousel: {
         speed: 300,
@@ -268,6 +269,7 @@ export class SallaSwiper {
     salla.lang.onLoaded(() => {
       this.displayAllTitle = salla.lang.get('blocks.home.display_all');
     });
+    this.hasThumbSlot = !!this.host.querySelector('[slot="thumbs"]');
     // if (this.enableCallToSlide) {     
     //   salla.event.on('product-options::goToSlide', data => {
     //     const slideIndex = this.sliderWrapper.querySelector(`[data-img-id="${data}"]`).getAttribute('data-slid-index');
@@ -441,7 +443,7 @@ export class SallaSwiper {
         h("div", { class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el },
           h("slot", { name: 'items' })),
         this.pagination ? h("div", { class: "swiper-pagination" }) : ''),
-      this.type == 'thumbs' ? h("div", { class: "s-slider-thumbs" },
+      this.type == 'thumbs' && this.hasThumbSlot ? h("div", { class: "s-slider-thumbs" },
         h("div", { class: "swiper s-slider-thumbs-container", dir: this.verticalThumbs ? "ltr" : '', ref: el => this.thumbsSliderContainer = el },
           h("div", { class: "s-slider-swiper-wrapper swiper-wrapper", ref: el => this.thumbsSliderWrapper = el },
             h("slot", { name: "thumbs" })),
@@ -456,7 +458,7 @@ export class SallaSwiper {
   componentDidLoad() {
     let itemsSlot = this.sliderWrapper.querySelector('div[slot="items"]');
     !!itemsSlot ? itemsSlot.replaceWith(...itemsSlot.children) : null;
-    if (this.type == 'thumbs') {
+    if (this.type == 'thumbs' && this.hasThumbSlot) {
       let thumbsSlot = this.thumbsSliderWrapper.querySelector('div[slot="thumbs"]');
       !!thumbsSlot ? thumbsSlot.replaceWith(...thumbsSlot.children) : null;
     }