@salla.sa/twilight-components 2.14.273 → 2.14.275

package/dist/cjs/loader.cjs.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var specialDiscount = require('./special-discount-OVG_9Kf9.js');
 var check = require('./check-CLRvuniI.js');
@@ -2799,7 +2799,7 @@ const SallaConditionalFields = class {
     }
     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')))) {
@@ -3514,13 +3514,13 @@ const SallaFileUpload = class {
             return;
         try {
             const [FilePondModule, FilePondPluginFileValidateSize, FilePondPluginImageExifOrientation, FilePondPluginImagePreview, FilePondPluginImageEdit, FilePondPluginFileValidateType, FilePondPluginFilePoster] = await Promise.all([
-                Promise.resolve().then(function () { return require('./filepond-B6LUaQ9F.js'); }).then(function (n) { return n.filepond; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-size-D7kuqaEC.js'); }).then(function (n) { return n.filepondPluginFileValidateSize; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-image-exif-orientation-bFbWHyQs.js'); }).then(function (n) { return n.filepondPluginImageExifOrientation; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-image-preview-24nxaVX6.js'); }).then(function (n) { return n.filepondPluginImagePreview; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-image-edit-BRIZbIyN.js'); }).then(function (n) { return n.filepondPluginImageEdit; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-type-CliXp1Qt.js'); }).then(function (n) { return n.filepondPluginFileValidateType; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-file-poster-DlB67Vv3.js'); }).then(function (n) { return n.filepondPluginFilePoster; })
+                Promise.resolve().then(function () { return require('./filepond-_hmCsUXQ.js'); }).then(function (n) { return n.filepond; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-size-MurleCvA.js'); }).then(function (n) { return n.filepondPluginFileValidateSize; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-image-exif-orientation-CmCjSUwG.js'); }).then(function (n) { return n.filepondPluginImageExifOrientation; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-image-preview-Dc_H1NrZ.js'); }).then(function (n) { return n.filepondPluginImagePreview; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-image-edit-BGz1QNAb.js'); }).then(function (n) { return n.filepondPluginImageEdit; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-type-CWyDAFwp.js'); }).then(function (n) { return n.filepondPluginFileValidateType; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-file-poster-DsNkKTeP.js'); }).then(function (n) { return n.filepondPluginFilePoster; })
             ]);
             this.FilePond = FilePondModule;
             // Register plugins
@@ -8167,12 +8167,12 @@ const SallaProductOptions = class {
     }
     //@ts-ignore
     textOption(option) {
-        return index.h("div", { class: "s-product-options-text" }, index.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) }));
+        return index.h("div", { class: "s-product-options-text" }, index.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) }));
     }
     //@ts-ignore
     textareaOption(option) {
         //todo::remove mt-1 class, and if it's okay to remove the tag itself will be great
-        return index.h("div", { class: "s-product-options-textarea" }, index.h("div", { class: "mt-1" }, index.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) })));
+        return index.h("div", { class: "s-product-options-textarea" }, index.h("div", { class: "mt-1" }, index.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) })));
     }
     //@ts-ignore
     mapOption(option) {
@@ -12389,7 +12389,7 @@ const SallaTelInput = class {
         if (this.TelInput)
             return;
         try {
-            const telInputModule = await Promise.resolve().then(function () { return require('./index-xI-pRoDr.js'); }).then(function (n) { return n.index; });
+            const telInputModule = await Promise.resolve().then(function () { return require('./index-4kunrMSn.js'); }).then(function (n) { return n.index; });
             this.TelInput = telInputModule.default;
         }
         catch (error) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 
 const sallaAdvertisementCss = ":host{display:block}";

package/dist/cjs/salla-app-install-alert.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const sallaAppInstallAlertCss = ":host{display:block}";
 

package/dist/cjs/salla-apps-icons.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const sallaAppsIconsCss = ":host{display:block}";
 

package/dist/cjs/salla-cart-item-offers.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var specialDiscount = require('./special-discount-OVG_9Kf9.js');
 var gift = require('./gift-BPDUPIY_.js');
 

package/dist/cjs/salla-conditional-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var whatsapp2 = require('./whatsapp2-D7Sbg8Ey.js');
 var mail = require('./mail-CO8cFZH7.js');
 

package/dist/cjs/salla-filters-widget.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";
 

package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 

package/dist/cjs/salla-loyalty-program.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var gift = require('./gift-BPDUPIY_.js');
 
 const sallaLoyaltyProgramCss = "";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const sallaMetadataCss = "";
 

package/dist/cjs/salla-notification-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const sallaNotificationsCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 require('./anime.es-BqW8JHZi.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 var PageType;
 (function (PageType) {

package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

package/dist/cjs/salla-order-details-options.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 var copyIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-order-details.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const sallaOrderDetailsCss = "";
 

package/dist/cjs/salla-order-summary.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var check = require('./check-CLRvuniI.js');
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 require('./anime.es-BqW8JHZi.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const sallaPaymentsCss = ":host{display:block}";
 

package/dist/cjs/salla-price-range.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-review-card.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var check = require('./check-CLRvuniI.js');
 
 var IconStar2 = ` <svg width="18" height="17" view-box="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">

package/dist/cjs/salla-reviews-page.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var twitter = require('./twitter-pOrUNjXi.js');
 
 var instagram = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-tiered-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-39%);background-color:#baf3e6;color:#004d5a;bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#baf3e6 transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 var mail = require('./mail-CO8cFZH7.js');
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";
 

package/dist/cjs/twilight.cjs.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BpUrZ_-D.js');
+var index = require('./index-B9asE_s-.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/collection/components/salla-conditional-fields/salla-conditional-fields.js

@@ -29,7 +29,7 @@ export class SallaConditionalFields {
     }
     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/collection/components/salla-product-options/salla-product-options.js

@@ -551,12 +551,12 @@ export class SallaProductOptions {
     }
     //@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) }));
+        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) }));
     }
     //@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) })));
+        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) })));
     }
     //@ts-ignore
     mapOption(option) {