@salla.sa/twilight-components 2.14.393 → 2.14.395

package/dist/cjs/salla-comment-form_8.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 var check = require('./check-x3w3-gpj.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var Helper = require('./Helper-CU4Xuiki.js');
@@ -11,7 +11,7 @@ var star2 = require('./star2-R146a27p.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 
-const sallaCommentFormCss = () => `:host{display:block}`;
+const sallaCommentFormCss = ":host{display:block}";
 
 const SallaCommentForm = class {
     constructor(hostRef) {
@@ -42,7 +42,7 @@ const SallaCommentForm = class {
             index.h("img", { class: "s-comment-form-avatar", src: salla.config.get('user.avatar'), alt: "user avatar" }) : '', index.h("div", { class: "s-comment-form-content" }, index.h("textarea", { cols: 30, rows: 5, minlength: "4", maxlength: "500", ref: field => this.commentField = field, placeholder: this.placeholder, class: "s-comment-form-input", required: true }), index.h("br", null), index.h("div", { class: "s-comment-form-action" }, index.h("salla-button", { ref: btn => this.submitBtn = btn, "loader-position": 'center', onClick: () => this.submit() }, this.submitText))))) : ''));
     }
 };
-SallaCommentForm.style = sallaCommentFormCss();
+SallaCommentForm.style = sallaCommentFormCss;
 
 var Reply = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -58,7 +58,7 @@ var ThumbsUp = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaCommentsCss$1 = () => `:host{display:block}`;
+const sallaCommentsCss$1 = ":host{display:block}";
 
 const SallaCommentItem = class {
     constructor(hostRef) {
@@ -193,7 +193,7 @@ const SallaCommentItem = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaCommentItem.style = sallaCommentsCss$1();
+SallaCommentItem.style = sallaCommentsCss$1;
 
 var CommentType;
 (function (CommentType) {
@@ -209,7 +209,7 @@ var ChatBubbles = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaCommentsCss = () => `:host{display:block}`;
+const sallaCommentsCss = ":host{display:block}";
 
 const SallaComments = class {
     constructor(hostRef) {
@@ -487,9 +487,9 @@ const SallaComments = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaComments.style = sallaCommentsCss();
+SallaComments.style = sallaCommentsCss;
 
-const sallaRatingStarsCss = () => ``;
+const sallaRatingStarsCss = "";
 
 const SallaRatingStars = class {
     constructor(hostRef) {
@@ -618,7 +618,7 @@ const SallaRatingStars = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaRatingStars.style = sallaRatingStarsCss();
+SallaRatingStars.style = sallaRatingStarsCss;
 
 var IconStar2 = ` <svg width="18" height="17" view-box="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path d="M9.00045 13.6951L3.71036 16.6563L4.89186 10.71L0.440918 6.59397L6.4612 5.88017L9.00045 0.375122L11.5396 5.88017L17.5599 6.59397L13.109 10.71L14.2905 16.6563L9.00045 13.6951Z" fill="currentcolor" />
@@ -632,7 +632,7 @@ var IconFire2 = `  <svg width="12" height="17" view-box="0 0 12 17" fill="none"
       <path d="M6 16.2501C9.10658 16.2501 11.625 13.7317 11.625 10.6251C11.625 9.976 11.4523 9.35252 11.25 8.77232C9.99998 10.0075 9.05002 10.6251 8.4 10.6251C11.3966 5.37512 9.75 3.12512 5.25 0.125122C5.625 3.87475 3.15302 5.58043 2.14634 6.52757C1.0559 7.5535 0.375 9.00977 0.375 10.6251C0.375 13.7317 2.89339 16.2501 6 16.2501ZM6.53205 2.92636C8.96333 4.98908 8.97495 6.59185 7.09725 9.88157C6.5265 10.8815 7.2486 12.1251 8.4 12.1251C8.9163 12.1251 9.43807 11.9745 9.98917 11.6789C9.52342 13.4466 7.91393 14.7501 6 14.7501C3.72182 14.7501 1.875 12.9033 1.875 10.6251C1.875 9.47072 2.34959 8.39582 3.17419 7.62002C3.2687 7.53115 3.74812 7.1062 3.76858 7.08782C4.08646 6.8017 4.34835 6.54985 4.60718 6.2727C5.52998 5.28461 6.19283 4.18735 6.53205 2.92636Z" fill="currentcolor" />
     </svg>`;
 
-const sallaReviewCardCss = () => `:host{display:block}`;
+const sallaReviewCardCss = ":host{display:block}";
 
 const SallaReviewCard = class {
     constructor(hostRef) {
@@ -792,7 +792,7 @@ const SallaReviewCard = class {
     get el() { return index.getElement(this); }
 };
 const renderDivider = (className) => (index.h("div", { class: `s-review-card-divider ${""}` }));
-SallaReviewCard.style = sallaReviewCardCss();
+SallaReviewCard.style = sallaReviewCardCss;
 
 var IconQuoteOpen = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -801,7 +801,7 @@ var IconQuoteOpen = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaReviewsCss = () => ``;
+const sallaReviewsCss = "";
 
 const SallaReviews = class {
     constructor(hostRef) {
@@ -887,7 +887,7 @@ const SallaReviews = class {
         return (index.h("div", { key: '70962f093fe86f8d24c4c7127aea2393753ae0dd', class: "s-reviews-container" }, index.h("div", { key: 'e462464473514c515b4406205f28759101755874', class: "s-reviews-header-wrapper" }, index.h("h1", { key: '4f1d93865eaede37f8c54f82f094b28abf59512c', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (index.h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, index.h("span", { class: "s-reviews-display-all-icon", innerHTML: arrowLeft.arrowLeft }))) : null), index.h("salla-slider", { key: 'a3bb1307ec589cbd33c854ef339addfd00c3782d', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, index.h("div", { key: '2b0739018657616475e85c6c9413365939be33c6', slot: "items" }, this.reviews.map((item, index$1) => (index.h("div", { key: index$1, class: "s-reviews-swiper-slide" }, index.h("div", { class: "s-reviews-testimonial" }, index.h("div", { class: "s-reviews-testimonial__inner" }, index.h("div", { class: "s-reviews-testimonial__avatar" }, index.h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index$1, class: "lazy" })), index.h("div", { class: "s-reviews-testimonial__text" }, index.h("p", { innerHTML: item.content }), index.h("div", { class: "s-reviews-testimonial__name_wrapper" }, index.h("div", { class: "s-reviews-testimonial__info" }, item.name && index.h("h2", null, `${item.name}`)), index.h("div", { class: "s-reviews-testimonial__rating" }, index.h("salla-rating-stars", { size: "small", value: item.stars })))), index.h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
     }
 };
-SallaReviews.style = sallaReviewsCss();
+SallaReviews.style = sallaReviewsCss;
 
 var now_1;
 var hasRequiredNow;
@@ -1425,7 +1425,7 @@ function parseGridTemplateColumns(grid) {
         .split(/\s+(?=(?:[^()]*\([^()]*\))*[^()]*$)/);
 }
 
-const sallaReviewsPageCss = () => `:host{display:block}`;
+const sallaReviewsPageCss = ":host{display:block}";
 
 const SallaReviewsPage = class {
     constructor(hostRef) {
@@ -1571,9 +1571,9 @@ const SallaReviewsPage = class {
     }
     get el() { return index.getElement(this); }
 };
-SallaReviewsPage.style = sallaReviewsPageCss();
+SallaReviewsPage.style = sallaReviewsPageCss;
 
-const sallaReviewsSummaryCss = () => `:host{display:block}`;
+const sallaReviewsSummaryCss = ":host{display:block}";
 
 const SallaReviewsSummary = class {
     constructor(hostRef) {
@@ -1663,7 +1663,7 @@ const SallaReviewsSummary = class {
         return (index.h(index.Host, { class: "s-reviews-summary-wrapper" }, index.h("div", { class: "s-reviews-summary-header" }, index.h("div", { class: "s-reviews-summary-header-section" }, index.h("h3", { class: "s-reviews-summary-average" }, this.data.rating), index.h("div", null, index.h("salla-rating-stars", { size: 'large', value: this.data.rating }), index.h("p", { class: "s-reviews-summary-count" }, this.basedOnLabel, " ", salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.data.count))))), this.renderRecommendation()), index.h("div", { class: "s-reviews-summary-rows" }, reviewElements)));
     }
 };
-SallaReviewsSummary.style = sallaReviewsSummaryCss();
+SallaReviewsSummary.style = sallaReviewsSummaryCss;
 
 exports.salla_comment_form = SallaCommentForm;
 exports.salla_comment_item = SallaCommentItem;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 
 var DiscountType;
 (function (DiscountType) {
@@ -17,7 +17,7 @@ var OfferType;
     OfferType["PRODUCT_PURCHASE"] = "order_amount";
 })(OfferType || (OfferType = {}));
 
-const sallaConditionalOfferCss = () => `:host{display:block}`;
+const sallaConditionalOfferCss = ":host{display:block}";
 
 const SallaConditionalOffer = class {
     constructor(hostRef) {
@@ -159,6 +159,6 @@ const SallaConditionalOffer = class {
         return index.h(index.Host, { class: "s-conditional-offer-container" }, index.h("div", { class: "s-conditional-offer-title-wrapper" }, index.h("div", { class: "s-conditional-offer-title" }, this.offer.title), this.offer.description ? index.h("div", { class: "s-conditional-offer-subtitle" }, this.offer.description, " ", index.h("i", { class: "sicon-information" })) : null), index.h("div", { class: "s-conditional-offer-progress-container" }, this.offer.details.discounts.map((discount, index$1) => (index.h("div", { class: { "flex-1": index$1 > 0 }, key: discount.min_spend }, this.getCheckPointView(discount, index$1))))));
     }
 };
-SallaConditionalOffer.style = sallaConditionalOfferCss();
+SallaConditionalOffer.style = sallaConditionalOfferCss;
 
 exports.salla_conditional_offer = SallaConditionalOffer;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 var whatsapp2 = require('./whatsapp2-BdMd5Gx1.js');
 var mail = require('./mail-CO8cFZH7.js');
 
@@ -28,7 +28,7 @@ var telegram = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaContactsCss = () => `.unicode{unicode-bidi:plaintext}`;
+const sallaContactsCss = ".unicode{unicode-bidi:plaintext}";
 
 const SallaContacts = class {
     constructor(hostRef) {
@@ -99,6 +99,6 @@ const SallaContacts = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaContacts.style = sallaContactsCss();
+SallaContacts.style = sallaContactsCss;
 
 exports.salla_contacts = SallaContacts;

package/dist/cjs/salla-cookies-bar.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 
-const sallaCookiesBarCss = () => `:host{display:block;overflow:visible}.s-cookies-bar{box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.15)}`;
+const sallaCookiesBarCss = ":host{display:block;overflow:visible}.s-cookies-bar{box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.15)}";
 
 const SallaCookiesBar = class {
     constructor(hostRef) {
@@ -74,6 +74,6 @@ const SallaCookiesBar = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaCookiesBar.style = sallaCookiesBarCss();
+SallaCookiesBar.style = sallaCookiesBarCss;
 
 exports.salla_cookies_bar = SallaCookiesBar;

package/dist/cjs/salla-count-down.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 
-const sallaCountDownCss = () => `.s-count-down-horizontal{background-color:rgba(0, 0, 0, 0.06);background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}`;
+const sallaCountDownCss = ".s-count-down-horizontal{background-color:rgba(0, 0, 0, 0.06);background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}";
 
 const SallaCountDown = class {
     constructor(hostRef) {
@@ -215,6 +215,6 @@ const SallaCountDown = class {
         return (index.h(index.Host, { key: 'dbce8a84197d35634e2f29f7c5ae664eed9bcfce', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''} ${this.offerEnded ? 's-count-down-ended' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
     }
 };
-SallaCountDown.style = sallaCountDownCss();
+SallaCountDown.style = sallaCountDownCss;
 
 exports.salla_count_down = SallaCountDown;

package/dist/cjs/salla-custom-fields.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 var camera = require('./camera-DytepEoK.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 
-const sallaCustomFieldsCss = () => `:host{display:block}`;
+const sallaCustomFieldsCss = ":host{display:block}";
 
 const SallaCustomFields = class {
     constructor(hostRef) {
@@ -135,6 +135,6 @@ const SallaCustomFields = class {
         return (index.h("form", { class: "s-custom-fields-wrapper", onSubmit: this.handleSubmit }, this.parsedFields.map(field => this.renderField(field)), index.h("salla-button", { type: "submit", loading: this.isSubmitting, disabled: this.isSubmitting || !this.isEditable, "loader-position": "end", class: "s-custom-fields-submit-btn" }, this.saveButtonText)));
     }
 };
-SallaCustomFields.style = sallaCustomFieldsCss();
+SallaCustomFields.style = sallaCustomFieldsCss;
 
 exports.salla_custom_fields = SallaCustomFields;

package/dist/cjs/salla-delivery-promise.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 
 const SallaDeliveryPromise = class {
     constructor(hostRef) {

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 require('./anime.es-BqW8JHZi.js');
 
-const sallaFiltersWidgetCss = () => `:host{display:block}`;
+const sallaFiltersWidgetCss = ":host{display:block}";
 
 const SallaFiltersWidget = class {
     constructor(hostRef) {
@@ -180,6 +180,6 @@ const SallaFiltersWidget = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaFiltersWidget.style = sallaFiltersWidgetCss();
+SallaFiltersWidget.style = sallaFiltersWidgetCss;
 
 exports.salla_filters_widget = SallaFiltersWidget;

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 
-const sallaFiltersCss = () => `:host{display:block}.s-rating-stars-small{line-height:12px}.s-filters-radio{background-image:none !important}`;
+const sallaFiltersCss = ":host{display:block}.s-rating-stars-small{line-height:12px}.s-filters-radio{background-image:none !important}";
 
 const SallaFilters = class {
     constructor(hostRef) {
@@ -204,6 +204,6 @@ const SallaFilters = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaFilters.style = sallaFiltersCss();
+SallaFilters.style = sallaFiltersCss;
 
 exports.salla_filters = SallaFilters;

package/dist/cjs/salla-fulfillment-methods.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 
 const SallaFulfillmentMethods = class {
     constructor(hostRef) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 var cancel = require('./cancel-De6vslRA.js');
@@ -28,7 +28,7 @@ var Alert = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaGiftingCss = () => `.s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.s-gifting-select{background-image:url("data:image/svg+xml;utf8,<svg version='1.1' fill='gray' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><title>keyboard_arrow_down</title><path d='M9.875 11.104l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z'></path></svg>");background-size:24px;background-repeat:no-repeat;background-position:99%;appearance:none}[dir=rtl] .s-gifting-select{background-position:5px}.s-gifting-widget-vertical .s-list-tile-item [slot=title]{display:flex;align-items:center;gap:1.5rem}.s-gifting-widget-vertical .s-list-tile-item-content{width:100%}`;
+const sallaGiftingCss = ".s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.s-gifting-select{background-image:url(\"data:image/svg+xml;utf8,<svg version='1.1' fill='gray' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><title>keyboard_arrow_down</title><path d='M9.875 11.104l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z'></path></svg>\");background-size:24px;background-repeat:no-repeat;background-position:99%;appearance:none}[dir=rtl] .s-gifting-select{background-position:5px}.s-gifting-widget-vertical .s-list-tile-item [slot=title]{display:flex;align-items:center;gap:1.5rem}.s-gifting-widget-vertical .s-list-tile-item-content{width:100%}";
 
 const SallaGifting = class {
     constructor(hostRef) {
@@ -100,6 +100,9 @@ const SallaGifting = class {
             this.open();
         });
     }
+    isPhysical() {
+        return this.physicalProducts || this.physical;
+    }
     componentDidLoad() {
         salla.event.product.onPriceUpdated(() => {
             const quantityInput = document.querySelector(`.s-quantity-input-input`);
@@ -468,7 +471,7 @@ const SallaGifting = class {
             { key: 'sender_name', value: this.senderName, label: this.senderNameLabel },
             { key: 'receiver.name', value: this.receiverName, label: this.receiverNameFieldLabel },
             { key: 'receiver.mobile', value: this.receiverMobile, label: this.receiverMobileFieldLabel },
-            ...(this.physicalProducts ? [
+            ...(this.isPhysical() ? [
                 { key: 'receiver.country', value: this.selectedCountryId, label: this.receiverCountryFieldLabel },
                 ...(this.isKSA ? [{ key: 'receiver.region', value: this.selectedRegionId, label: this.receiverRegionFieldLabel }] : []),
                 { key: 'receiver.city_id', value: this.receiverCity, label: this.receiverCityFieldLabel },
@@ -496,9 +499,9 @@ const SallaGifting = class {
                 name: this.receiverName,
                 mobile_country_code: this.receiverCountryCode,
                 mobile: this.receiverMobile,
-                ...(this.physicalProducts && this.selectedCountryCode ? { country_code: this.selectedCountryCode } : {}),
-                ...(this.physicalProducts && this.selectedRegionId ? { region_id: this.selectedRegionId } : {}),
-                ...(this.receiverCity && this.physicalProducts ? { city_id: this.receiverCity } : {})
+                ...(this.isPhysical() && this.selectedCountryCode ? { country_code: this.selectedCountryCode } : {}),
+                ...(this.isPhysical() && this.selectedRegionId ? { region_id: this.selectedRegionId } : {}),
+                ...(this.receiverCity && this.isPhysical() ? { city_id: this.receiverCity } : {})
             },
             has_apple_pay: salla.helpers.hasApplePay(),
         };
@@ -559,7 +562,7 @@ const SallaGifting = class {
     }
     render() {
         return [
-            index.h("div", { key: '5d0eec8210f77d166c144704ec78bffcaf1f4ce0' }, index.h("salla-list-tile", { key: '19cc20b4f70bbb8a7d267f60052db77589901962', class: this.generateClass() }, index.h("div", { key: '1c3c52b5ac48e71a6ac26c60494657ac28d16457', slot: "title" }, this.vertical ? index.h("span", { innerHTML: GiftSharing }) : '', index.h("h3", { key: 'e3379fb3ed39d1bc63500346058b26b883c3be13' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), index.h("div", { key: 'f6c2a522727546aa27cef725faa8be082da063da', slot: "subtitle" }, index.h("div", { key: '7b58ad967f39fa2cc660369b72e73f8dc49f90dc' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), index.h("div", { key: '848396dcd6ce6009ebc4cf1a209a055ad1adbf15', slot: "action" }, index.h("salla-button", { key: '2ba69b670f1c958784c6f1dca6b2dd0b93f20859', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, index.h("slot", { key: '6ac9ac339e321fc9433465cfd75f299307ee7152', name: "widget-btn-content" }, index.h("div", { key: 'c61dd36375886c1ecf87f115e5248dca1af7efc9', class: "s-gifting-widget-action-content" }, index.h("span", { key: '0c8a3630ba6b15889fc4bf3d55a1279cdf713400', innerHTML: GiftSharing }), " \u00A0", index.h("span", { key: 'c9299ec752e5393f30a78e1e01d367be9e97ca50' }, this.sectionBtnText)))))), index.h("salla-modal", { key: '9ee17e79f97eee59d25d9627d5b1cd4ada7cadb3', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, index.h("div", { key: 'aba3b6a4d3e903934c9b5e629119c3a3b5bc90ab', slot: "loading" }, index.h("div", { key: 'e03613cc85bf4024f63d2e256a2744ec78f7eabf', class: "s-gifting-skeleton" }, index.h("div", { key: '01156691d540ce5ef5723902610a1da27fba3ddb', class: "s-gifting-modal-header" }, index.h("salla-skeleton", { key: 'e45b4868e4fa5633aeb22f758f75f5412290b179', type: 'circle', height: '5rem', width: '5rem' }), index.h("h2", { key: '2b427d38dd6e0569e16de84ef46eb2052d23b739', class: "s-gifting-modal-title" }, index.h("div", { key: 'c4f9cb6f513e3ebd2e6ad209648a1f70bcafbcb5', class: "s-gifting-modal-badge-wrapper" }, index.h("salla-skeleton", { key: 'e684b682a4cca89262128cca13604b7aa9a83cd7', height: '15px', width: '150px' })))), index.h("div", { key: '2941865d68cd216b4dd82bb8279f6bcbaa062bf3', class: "s-gifting-skeleton-content" }, index.h("salla-skeleton", { key: '7c4f4235a666930ceef3dc0b38809aea5ee5ce5c', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: '0257f401762a11b0bf3da7db603b4e5f57bd1aae', height: '230px' }), index.h("salla-skeleton", { key: 'cced26b189549fcee4eff3a3fbd943a5735b4c6c', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: 'f5893e5c631564c91bfe42c4102190d43f913947', height: '30px' }), index.h("salla-skeleton", { key: '64d3738017cf6732b429848c1de4ca16db1adc06', height: '40px' })))), index.h("slot", { key: '77d5bda8147f7f09d73b97fd7456121626b465a7', name: "header" }), !!this.hasError ?
+            index.h("div", { key: 'ea8b7581fc816b2984ec7a8c9f0d5bfb30710577' }, index.h("salla-list-tile", { key: '44e4b948c467ecbec4934f894af3e88a01567338', class: this.generateClass() }, index.h("div", { key: 'c36ccc48ff4209d2aad05123981c8efad4de8642', slot: "title" }, this.vertical ? index.h("span", { innerHTML: GiftSharing }) : '', index.h("h3", { key: 'd5cfd335582f2af620ef50ae92b431b3fdf84b71' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), index.h("div", { key: '9623168820eefb63c833dd14c68c1dc20afe1cd1', slot: "subtitle" }, index.h("div", { key: 'e2fda7dc68054c0f382f61d74a578589b565a544' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), index.h("div", { key: 'e888e024772c0ef848e4a4113b218bb4e05d78db', slot: "action" }, index.h("salla-button", { key: 'd443bfd1f5925299a4e0510fae8fc175d390b55a', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, index.h("slot", { key: '8df23b83891ee2abf644cde76675ca6bb796db79', name: "widget-btn-content" }, index.h("div", { key: '6b5153a1f1b9d5e127093c3fcc96e2a0fa4954f4', class: "s-gifting-widget-action-content" }, index.h("span", { key: '41a7f2e88c8046d7211abf5d7fc9d3f533c02292', innerHTML: GiftSharing }), " \u00A0", index.h("span", { key: '45ea8eac19ca9cccf37cd34d8f84211e6172cd45' }, this.sectionBtnText)))))), index.h("salla-modal", { key: '5bd076c54c4d072886671653e536c649763785b1', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, index.h("div", { key: '378d12f388bd0627355af5b4e57929c00ae28044', slot: "loading" }, index.h("div", { key: '1b738d4b461a9ebe3a5184f4de727bb1b4b45890', class: "s-gifting-skeleton" }, index.h("div", { key: '660c901f477536e68d2a3bacd028438c9726b968', class: "s-gifting-modal-header" }, index.h("salla-skeleton", { key: '46f8e45a0a38c10784fc5f3505092e65ed2bba3a', type: 'circle', height: '5rem', width: '5rem' }), index.h("h2", { key: '09b3356d736e5eb46bb51df2e2fa539dc9d8c99f', class: "s-gifting-modal-title" }, index.h("div", { key: 'cc8cb7dece64c65d5891e32e49588316e9009f6c', class: "s-gifting-modal-badge-wrapper" }, index.h("salla-skeleton", { key: '41b30274a655babdd0c9e26e74dc3f0bdd4a2aea', height: '15px', width: '150px' })))), index.h("div", { key: 'b241162827a085279f646452a151d6483a37cc8e', class: "s-gifting-skeleton-content" }, index.h("salla-skeleton", { key: '5ac15a8e94b50ea03cd033375b08f9e4406a7e17', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: '697e157e475df0cb71b79e3752019f522ed847a3', height: '230px' }), index.h("salla-skeleton", { key: '8a5e586c059b765f6425d7060a18e8d799be3c4f', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: 'e1ee17daef6904b8302b0f4437e99b221bd6b236', height: '30px' }), index.h("salla-skeleton", { key: '9dfbca00f18a37348eb83021ef4fec073685fe7d', height: '40px' })))), index.h("slot", { key: 'da2c687a186ed115acee04cc683eff3a6a73168f', name: "header" }), !!this.hasError ?
                 index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" }, this.errorMessage || salla.lang.get('common.errors.empty_results')), index.h("span", { slot: "description" }, " "))
                 :
                     [
@@ -571,18 +574,18 @@ const SallaGifting = class {
                             this.gift?.gift_texts.map((txt) => index.h("option", { "data-id": txt.id, value: txt.text, key: txt.id }, txt.text)) : '', index.h("option", { "data-id": "custom" }, this.giftCustomText))), index.h("div", { class: this.showGiftText ? "s-form-group s-gifting-textarea shown" : "s-form-group s-gifting-textarea hide", ref: (el) => this.customTextArea = el }, index.h("label", { htmlFor: "gift-custom-text", class: "s-form-label" }, this.giftCustomText), index.h("div", { class: "mt-1" }, index.h("textarea", { onInput: (event) => this.handleTextAreaChange(event), rows: 4, ref: (el) => this.textArea = el, name: "gift-custom-text", id: "gift-custom-text", class: "s-form-control" })))), index.h("div", { class: "anime-item" }, index.h("salla-button", { color: "primary", width: "wide", onClick: () => this.goToStep2() }, index.h("span", null, this.nextStep)))), index.h("div", { class: "s-gifting-step-two gift-step-2", ref: el => this.step2Elems = el }, index.h("div", { class: this.step2ItemClass(this.errors?.['sender_name'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { htmlFor: "sender_name", class: "s-form-label" }, this.senderNameLabel), index.h("input", { type: "text", class: "s-form-control", name: "sender_name", id: "sender_name", value: this.senderName, onInput: (event) => this.handleSenderName(event), placeholder: "" }), this.errors && this.errors['sender_name'] ?
                             index.h("span", { class: "s-gifting-error" }, this.errors['sender_name']) : ''), index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.name'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { htmlFor: "receiver_name", class: "s-form-label" }, this.receiverNameFieldLabel), index.h("input", { type: "text", class: "s-form-control", name: "receiver_name", id: "receiver_name", value: "", onInput: (event) => this.handleReceiverName(event), placeholder: "" }), this.errors && this.errors['receiver.name'] ?
                             index.h("span", { class: "s-gifting-error" }, this.errors['receiver.name']) : ''), index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.mobile'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { class: "s-form-label" }, this.receiverMobileFieldLabel), index.h("salla-tel-input", { class: "s-gifting-tel-input", phone: this.receiverMobile, countryCode: this.receiverCountryCode, onPhoneEntered: (e) => this.handlePhoneInputChange(e) }), this.errors && this.errors['receiver.mobile'] ?
-                            index.h("span", { class: "s-gifting-error" }, this.errors['receiver.mobile']) : ''), this.physicalProducts &&
+                            index.h("span", { class: "s-gifting-error" }, this.errors['receiver.mobile']) : ''), this.isPhysical() &&
                             index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.country'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { class: "s-form-label" }, this.receiverCountryFieldLabel), index.h("select", { name: "country", class: "s-form-control", onChange: (event) => this.handleCountryChange(event), required: true }, index.h("option", { value: "" }, this.selectCountry), this.gift?.countries?.map((country) => (index.h("option", { value: country.id }, country.name)))), this.errors && this.errors['receiver.country'] ?
-                                index.h("span", { class: "s-gifting-error" }, this.errors['receiver.country']) : ''), this.physicalProducts && this.isKSA &&
+                                index.h("span", { class: "s-gifting-error" }, this.errors['receiver.country']) : ''), this.isPhysical() && this.isKSA &&
                             index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.region'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { class: "s-form-label" }, this.receiverRegionFieldLabel), index.h("select", { name: "region", class: "s-form-control", onChange: (event) => this.handleRegionChange(event), disabled: this.loadingRegions }, index.h("option", { value: "", selected: true }, this.loadingRegions ? salla.lang.get('common.elements.loading') : this.selectRegion), this.regions?.map((region) => (index.h("option", { value: region.id }, region.name)))), this.errors && this.errors['receiver.region'] ?
-                                index.h("span", { class: "s-gifting-error" }, this.errors['receiver.region']) : ''), this.physicalProducts &&
+                                index.h("span", { class: "s-gifting-error" }, this.errors['receiver.region']) : ''), this.isPhysical() &&
                             index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.city_id'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { class: "s-form-label" }, this.receiverCityFieldLabel), index.h("select", { name: "city", "aria-label": salla.lang.get('blocks.buy_as_gift.select_city'), class: "s-form-control", onChange: (event) => this.handleReceiverCity(event), disabled: this.loadingCities || (this.isKSA && !this.selectedRegionId) }, index.h("option", { value: "", selected: true }, this.loadingCities ? salla.lang.get('common.elements.loading') : this.selectCity), this.gift?.cities?.map((city) => (index.h("option", { value: city.id }, city.name)))), this.errors && this.errors['receiver.city_id'] ?
-                                index.h("span", { class: "s-gifting-error" }, this.errors['receiver.city_id']) : ''), this.physicalProducts &&
-                            index.h("div", { class: this.step2ItemClass('s-gifting-info') }, index.h("span", { innerHTML: Alert }), index.h("span", null, this.selectCityInfo)), !this.physicalProducts && index.h("div", { class: this.step2ItemClass() }, index.h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: `schedule-${this.hostId}` }, index.h("input", { type: "checkbox", name: 'schedule', id: `schedule-${this.hostId}`, onChange: () => this.toggleCalendar(), class: "s-checkbox" }), index.h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), index.h("div", { class: this.getCalendarClasses(), ref: (el) => this.calendarFormGroup = el }, index.h("label", { class: "s-form-label" }, this.selectSendDateAndTime), index.h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d h:i K", onPicked: (event) => this.handleDateTimePicker(event) }), index.h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), index.h("div", { class: this.step2ItemClass('s-gifting-step-two-footer') }, index.h("a", { href: "#!", innerHTML: arrowLeft.arrowLeft, onClick: (e) => this.goToStep1(e) }), index.h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, index.h("span", null, this.sendGift)))))
-                    ], index.h("slot", { key: '46da7ff69a3c10b75886a23936f2f9ad8ad0e7bf', name: "footer" })))
+                                index.h("span", { class: "s-gifting-error" }, this.errors['receiver.city_id']) : ''), this.isPhysical() &&
+                            index.h("div", { class: this.step2ItemClass('s-gifting-info') }, index.h("span", { innerHTML: Alert }), index.h("span", null, this.selectCityInfo)), !this.isPhysical() && index.h("div", { class: this.step2ItemClass() }, index.h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: `schedule-${this.hostId}` }, index.h("input", { type: "checkbox", name: 'schedule', id: `schedule-${this.hostId}`, onChange: () => this.toggleCalendar(), class: "s-checkbox" }), index.h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), index.h("div", { class: this.getCalendarClasses(), ref: (el) => this.calendarFormGroup = el }, index.h("label", { class: "s-form-label" }, this.selectSendDateAndTime), index.h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d h:i K", onPicked: (event) => this.handleDateTimePicker(event) }), index.h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), index.h("div", { class: this.step2ItemClass('s-gifting-step-two-footer') }, index.h("a", { href: "#!", innerHTML: arrowLeft.arrowLeft, onClick: (e) => this.goToStep1(e) }), index.h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, index.h("span", null, this.sendGift)))))
+                    ], index.h("slot", { key: '20793a5a50c708c93be79df033e43a36e615d075', name: "footer" })))
         ];
     }
 };
-SallaGifting.style = sallaGiftingCss();
+SallaGifting.style = sallaGiftingCss;
 
 exports.salla_gifting = SallaGifting;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 
 const SallaHook = class {
     constructor(hostRef) {
@@ -25,9 +25,6 @@ const SallaHook = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaHook.style = `:host {
-      all: unset;
-      display: none; /* marker only */
-    }`;
+SallaHook.style = ":host {\n      all: unset;\n      display: none; /* marker only */\n    }";
 
 exports.salla_hook = SallaHook;

package/dist/cjs/salla-infinite-scroll.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 
-const sallaInfiniteScrollCss = () => ``;
+const sallaInfiniteScrollCss = "";
 
 const SallaInfiniteScroll = class {
     constructor(hostRef) {
@@ -86,6 +86,6 @@ const SallaInfiniteScroll = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaInfiniteScroll.style = sallaInfiniteScrollCss();
+SallaInfiniteScroll.style = sallaInfiniteScrollCss;
 
 exports.salla_infinite_scroll = SallaInfiniteScroll;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.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}`;
+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}";
 
 const SallaInstallment = class {
     constructor(hostRef) {
@@ -275,6 +275,6 @@ const SallaInstallment = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaInstallment.style = sallaInstallmentCss();
+SallaInstallment.style = sallaInstallmentCss;
 
 exports.salla_installment = SallaInstallment;

package/dist/cjs/salla-list-tile.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 
-const sallaListTileCss = () => ``;
+const sallaListTileCss = "";
 
 const SallaListTile = class {
     constructor(hostRef) {
@@ -29,6 +29,6 @@ const SallaListTile = class {
         return (index.h(index.Host, { key: 'e1528afcea1eda05a5ce206e95791e7611d24dd0' }, index.h("a", { key: '749a73c76d68ad36f1a6609ada69778662d56566', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, index.h("div", { key: '7bfd448f86790b2afe0b7a5b8a5460c3b2be66ee', class: "s-list-tile-item-icon" }, index.h("slot", { key: '383e28a8832483e8ecc61e4f48a3ff1fe5db1038', name: 'icon' })), index.h("div", { key: 'c42bf126a9ff4014a4e2d85ff12b41d1a88a0e03', class: "s-list-tile-item-content" }, index.h("div", { key: '18a4a9ebd39e3a710f70dc33554d24e3c2850e53', class: "s-list-tile-item-title" }, index.h("slot", { key: '7211d627511bf2448cf161f40cc82b1822dd1e7a', name: 'title' })), index.h("div", { key: '044a7d76e05841f484387c7ed299107f33c9bc21', class: "s-list-tile-item-subtitle" }, index.h("slot", { key: 'df131034f1c5434722543e25552caed142794d55', name: "subtitle" }))), index.h("div", { key: '37abe0abab720da11cd55660578ec256c062e763', class: "s-list-tile-item-action" }, index.h("slot", { key: 'fcac02da17981ef4c6fa3cea50c551e3010352d9', name: 'action' })))));
     }
 };
-SallaListTile.style = sallaListTileCss();
+SallaListTile.style = sallaListTileCss;
 
 exports.salla_list_tile = SallaListTile;

package/dist/cjs/salla-localization-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 
 const SallaLocalizationModal = class {
     constructor(hostRef) {

package/dist/cjs/salla-login-modal.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 
-const sallaLoginModalCss = () => `iframe{-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;width:100%}`;
+const sallaLoginModalCss = "iframe{-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;width:100%}";
 
 const SallaLoginModal = class {
     constructor(hostRef) {
@@ -314,6 +314,6 @@ const SallaLoginModal = class {
     }
     get host() { return index.getElement(this); }
 };
-SallaLoginModal.style = sallaLoginModalCss();
+SallaLoginModal.style = sallaLoginModalCss;
 
 exports.salla_login_modal = SallaLoginModal;

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 
-const sallaLoyaltyPrizeItemCss = () => `salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}`;
+const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 
 const SallaLoyaltyPrizeItem = class {
     constructor(hostRef) {
@@ -19,6 +19,6 @@ const SallaLoyaltyPrizeItem = class {
         return (index.h(index.Host, { key: '91162ebf1e2f76c4b90df9518d57a136e71fa573' }, index.h("div", { key: '80416871b0f60857b3279525bdaa87327b75890a', onClick: this.onPrizeItemClick.bind(this) }, index.h("img", { key: 'd7afdc106a822c0f7640136bec591bfa48fe1802', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), index.h("div", { key: '727f131b7fa00b75aab57f2bb5ea4616f0d3929a', class: "s-loyalty-prize-item-title" }, this.item.name), index.h("div", { key: '6e2b9263b7d2c1b7a9e372ede63a6b10a23b0d1d', class: "s-loyalty-prize-item-subtitle" }, this.item.description), index.h("div", { key: '97b7710e76e3d73afe68abe6e8094483960884da', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
 };
-SallaLoyaltyPrizeItem.style = sallaLoyaltyPrizeItemCss();
+SallaLoyaltyPrizeItem.style = sallaLoyaltyPrizeItemCss;
 
 exports.salla_loyalty_prize_item = SallaLoyaltyPrizeItem;

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

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-C5VeFDQ0.js');
+var index = require('./index-BGJUbcXt.js');
 var gift = require('./gift-CJ-3Yw_x.js');
 
-const sallaLoyaltyProgramCss = () => ``;
+const sallaLoyaltyProgramCss = "";
 
 const formatDate = (timestamp) => {
     if (!timestamp)
@@ -81,6 +81,6 @@ const SallaWalletTable = class {
         return (index.h(index.Host, { key: '4a8cb15322b005a124eb5792044d6435fd52922e' }, index.h("div", { key: '54a08cfdb24116455b8c137d20ec5ef22a34ff85' }, this.isLoadingLoyalty ? (index.h("salla-loading", null)) : (index.h("div", null, this.loyaltyPointsArray.length > 0 ? (index.h("div", null, index.h("table", { class: "s-loyalty-program-table" }, index.h("thead", { class: "s-loyalty-program-table-head" }, index.h("tr", { class: "s-loyalty-program-table-head-tr" }, index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.note')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.status')))), index.h("tbody", { class: "s-loyalty-program-table-tbody" }, this.loyaltyPointsArray.map(point => (index.h("tr", { class: "s-loyalty-program-table-tbody-tr" }, index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, point?.type === 'plus' ? '+' : '', point?.points || '', " ", salla.lang.get('pages.loyalty_program.point')), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.points_expire_date)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.key)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.status_key))))))), index.h("div", { class: "s-infinite-scroll-wrapper" }, !!this.nextPageUrlLoyalty && (index.h("salla-button", { onClick: this.handleClick, loading: this.isLoadingLoyalty }, salla.lang.get('common.elements.load_more')))))) : (index.h("div", null, index.h("div", { class: "s-loyalty-program-table-empty-state" }, index.h("span", { innerHTML: gift.loyaltyProgramIcon }), index.h("div", { class: "s-loyalty-program-table-placeholder-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_title')), index.h("div", { class: "s-loyalty-program-table-placeholder-sub-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_sub_title'))))))))));
     }
 };
-SallaWalletTable.style = sallaLoyaltyProgramCss();
+SallaWalletTable.style = sallaLoyaltyProgramCss;
 
 exports.salla_loyalty_program = SallaWalletTable;