@salla.sa/twilight-components 2.14.274 → 2.14.276

package/dist/components/salla-conditional-fields2.js

@@ -30,7 +30,7 @@ const SallaConditionalFields = /*@__PURE__*/ proxyCustomElement(class SallaCondi
     }
     changeHandler(event) {
         salla.event.emit('salla-onditional-fields::change', event);
-        salla.log('Received the change/input event:', event);
+        salla.log('Received the change/input event: ', event);
         if (!event.target ||
             (!['SELECT', 'INPUT', 'TEXTAREA'].includes(event.target.tagName) &&
                 !['checkbox', 'radio', 'text'].includes(event.target.getAttribute('type')))) {

package/dist/components/salla-offer-modal.js

@@ -135,7 +135,22 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
             return h("div", { class: "s-offer-modal-discount-table" }, h("table", null, h("tbody", null, this.offer.get.discounts_table?.map(discount => h("tr", null, h("td", null, discount.text), h("td", { class: "s-offer-modal-discount-table-cell" }, h("salla-button", { fill: "outline", shape: "btn", color: "primary", size: "medium", width: "normal", onClick: () => this.addToCart(discount.quantity) }, this.addToCartLabel)))))));
         }
         else if (this.offer.get.products?.length) {
-            return (h("salla-products-slider", { key: (this.offer.get.products?.map(product => product.id) || []).join(","), source: "selected", "source-value": `[${(this.offer.get.products?.map(product => product.id) || []).join(",")}]`, "slider-config": '{"slidesPerView": 1, "spaceBetween": 16, "breakpoints": { "768": { "slidesPerView": 2 }, "1024": { "slidesPerView": 3 } }}' }));
+            const productsCount = this.offer.get.products?.length || 0;
+            const sliderConfig = {
+                slidesPerView: 'auto',
+                spaceBetween: 16,
+                breakpoints: {
+                    768: {
+                        slidesPerView: Math.min(2, productsCount),
+                        spaceBetween: 16
+                    },
+                    1024: {
+                        slidesPerView: Math.min(3, productsCount),
+                        spaceBetween: 16
+                    }
+                }
+            };
+            return (h("salla-products-slider", { key: (this.offer.get.products?.map(product => product.id) || []).join(","), source: "selected", "source-value": `[${(this.offer.get.products?.map(product => product.id) || []).join(",")}]`, "slider-config": JSON.stringify(sliderConfig) }));
             //   return <salla-slider
             //     type="carousel"
             //     class={{"s-offer-modal-slider-centered": this.offer.get.products?.length <= 2, "s-offer-modal-slider": true}}
@@ -190,7 +205,7 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: '6dce27c3f20b031aa33b7e15980c55af84d1c9f6', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '1f63aa0fd3a95ba54e8ed5168f1439f4cafce036', slot: 'loading' }, h("div", { key: '748de710f2ad5c6c60a9e324d1e1b44672dee28f', class: "s-offer-modal-skeleton" }, h("div", { key: '96d6d1d8edc3e511c87eaa44539617d529e8a3e0', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '1abe6ddf5096af877c9ce59dfbcdecb08a263e4b', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '7010a9056b168f4df7168a55dbfde1da2726c913', height: '15px', width: '50%' }), h("salla-skeleton", { key: '4168b53b7a4358240f8f6d4d3b9f9a999992ddcb', height: '10px', width: '30%' })), h("div", { key: 'd019372cebf6d3e4d80842fa48e3ce1433457f06', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '4cbc9f99a98ccc9ea27f41e50fa037ea44d85048', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '467546d4ded93cd95a7be78e6dd39935a20867c8', height: '15px', width: '50%' }), h("salla-skeleton", { key: '399a4a4ebedcc54def70ff428f3c5f24fd98a775', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: '4fb68893e77f22143be6042b3d36727c41b0d519', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '4e1cdc78386fa8fbea214e6a62ba340661878da5', slot: 'loading' }, h("div", { key: '02f6b9416aee06f02cd7d6e0a8c306ec723f8abd', class: "s-offer-modal-skeleton" }, h("div", { key: 'c02a7642cc86a71173deb91762754b1db28f6b3d', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'abd69d4e511a48c45941259576928a8cf3a57447', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'aa967d8d284f7be4679d1f31dcf502a845920da9', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'eeef2a1bf033785b1d53166de1df0b627e9af5cc', height: '10px', width: '30%' })), h("div", { key: '54a362df2f3caced4b1e981b5e3b503bf1b4c5b6', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '63eee8ce9f67519694f66ded772f3a6e88ba1985', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '15ac931ba315933d6cf36880b68d1cd14d91c6d6', height: '15px', width: '50%' }), h("salla-skeleton", { key: '87232e1af65f13cd668d7ad1ee6aff80acbbbc33', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),

package/dist/components/salla-product-options2.js

@@ -601,12 +601,12 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
     }
     //@ts-ignore
     textOption(option) {
-        return h("div", { class: "s-product-options-text" }, h("input", { type: "text", value: option.value, maxLength: option?.length, class: 's-form-control', required: !option.visibility_condition && option.required, name: this.generateInputName(option.id), placeholder: option.placeholder, onInvalid: (e) => this.invalidHandler(e, option), onChange: e => this.changedHandler(e, option), onInput: e => this.changedHandler(e, option) }));
+        return h("div", { class: "s-product-options-text" }, h("input", { type: "text", value: option.value, maxLength: option?.length, class: 's-form-control', required: !option.visibility_condition && option.required, name: this.generateInputName(option.id), placeholder: option.placeholder, onInvalid: (e) => this.invalidHandler(e, option), onChange: e => this.changedHandler(e, option) }));
     }
     //@ts-ignore
     textareaOption(option) {
         //todo::remove mt-1 class, and if it's okay to remove the tag itself will be great
-        return h("div", { class: "s-product-options-textarea" }, h("div", { class: "mt-1" }, h("textarea", { rows: 4, value: option.value, maxLength: option?.length, class: "s-form-control", required: !option.visibility_condition && option.required, id: this.generateUniqueKey(option.id.toString()), name: this.generateInputName(option.id), placeholder: option.placeholder, onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option), onInput: (e) => this.changedHandler(e, option) })));
+        return h("div", { class: "s-product-options-textarea" }, h("div", { class: "mt-1" }, h("textarea", { rows: 4, value: option.value, maxLength: option?.length, class: "s-form-control", required: !option.visibility_condition && option.required, id: this.generateUniqueKey(option.id.toString()), name: this.generateInputName(option.id), placeholder: option.placeholder, onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option) })));
     }
     //@ts-ignore
     mapOption(option) {

package/dist/esm/{filepond-plugin-file-poster-13kSl6pa.js → filepond-plugin-file-poster-CLU6w9b3.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-Bdj1TBK9.js';
+import { d as getDefaultExportFromCjs } from './index-mrlY8HKK.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-DGYz9wX6.js → filepond-plugin-file-validate-size-CX6dlm3b.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-Bdj1TBK9.js';
+import { d as getDefaultExportFromCjs } from './index-mrlY8HKK.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-7M_EeTPs.js → filepond-plugin-file-validate-type-Dww6qss9.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-Bdj1TBK9.js';
+import { d as getDefaultExportFromCjs } from './index-mrlY8HKK.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-C5N0Q0IF.js → filepond-plugin-image-edit-DwudZslr.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-Bdj1TBK9.js';
+import { d as getDefaultExportFromCjs } from './index-mrlY8HKK.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-BvYJ1LVk.js → filepond-plugin-image-exif-orientation-BrZGrwe5.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-Bdj1TBK9.js';
+import { d as getDefaultExportFromCjs } from './index-mrlY8HKK.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-P4HnGsSt.js → filepond-plugin-image-preview-NpeY7GZZ.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-Bdj1TBK9.js';
+import { d as getDefaultExportFromCjs } from './index-mrlY8HKK.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-JStnJXdo.js → filepond-tsafeG0B.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-Bdj1TBK9.js';
+import { d as getDefaultExportFromCjs } from './index-mrlY8HKK.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{index-CqLymITv.js → index-DEsUYBYx.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-Bdj1TBK9.js';
+import { d as getDefaultExportFromCjs } from './index-mrlY8HKK.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {