@salla.sa/twilight-components 2.14.558 → 2.14.559
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{filepond-plugin-file-poster-DexU9y97.js → filepond-plugin-file-poster-DTiAXF5c.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-validate-size-BJJ_spY7.js → filepond-plugin-file-validate-size-BuMc19fV.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-validate-type-BYz_biwv.js → filepond-plugin-file-validate-type-5CKRAI6_.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-edit-C3R9xG9P.js → filepond-plugin-image-edit-CXXhiTdn.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-exif-orientation-DC7e2K9l.js → filepond-plugin-image-exif-orientation-DvMNhQGm.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-preview-DLbo1P7r.js → filepond-plugin-image-preview-nHwj0lr7.js} +1 -1
- package/dist/cjs/{filepond-LS8ytqmE.js → filepond-vI0B-67n.js} +1 -1
- package/dist/cjs/{index-BkcJlC9S.js → index-CwneDx5o.js} +2 -2
- package/dist/cjs/{intlTelInput-DvZz7cvU.js → intlTelInput-CzMsUlkW.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/salla-accordion-body_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-accordion_6.cjs.entry.js +1 -1
- package/dist/cjs/salla-add-product-button_5.cjs.entry.js +1 -1
- package/dist/cjs/salla-advertisement.cjs.entry.js +1 -1
- package/dist/cjs/salla-alert_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-app-install-alert.cjs.entry.js +1 -1
- package/dist/cjs/salla-applied-filters.cjs.entry.js +1 -1
- package/dist/cjs/salla-apps-icons.cjs.entry.js +1 -1
- package/dist/cjs/salla-attachment-view_9.cjs.entry.js +10 -10
- package/dist/cjs/salla-badge.cjs.entry.js +1 -1
- package/dist/cjs/salla-basket-gap.cjs.entry.js +1 -1
- package/dist/cjs/salla-bullet-delivery_3.cjs.entry.js +25 -4
- package/dist/cjs/salla-cart-coupons.cjs.entry.js +1 -1
- package/dist/cjs/salla-cart-item-offers_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-cart-summary-card.cjs.entry.js +1 -1
- package/dist/cjs/salla-cashback-banner.cjs.entry.js +1 -1
- package/dist/cjs/salla-comment-factors.cjs.entry.js +1 -1
- package/dist/cjs/salla-comment-form_9.cjs.entry.js +1 -1
- package/dist/cjs/salla-conditional-offer.cjs.entry.js +1 -1
- package/dist/cjs/salla-contacts.cjs.entry.js +1 -1
- package/dist/cjs/salla-cookies-bar.cjs.entry.js +1 -1
- package/dist/cjs/salla-count-down_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-custom-fields.cjs.entry.js +1 -1
- package/dist/cjs/salla-delivery-promise.cjs.entry.js +1 -1
- package/dist/cjs/salla-edit-order-button.cjs.entry.js +1 -1
- package/dist/cjs/salla-filters-widget.cjs.entry.js +1 -1
- package/dist/cjs/salla-filters.cjs.entry.js +1 -1
- package/dist/cjs/salla-fulfillment-methods.cjs.entry.js +35 -17
- package/dist/cjs/salla-gifting.cjs.entry.js +1 -1
- package/dist/cjs/salla-hook.cjs.entry.js +1 -1
- package/dist/cjs/salla-infinite-scroll.cjs.entry.js +1 -1
- package/dist/cjs/salla-installment.cjs.entry.js +1 -1
- package/dist/cjs/salla-list-tile.cjs.entry.js +1 -1
- package/dist/cjs/salla-localization-modal.cjs.entry.js +1 -1
- package/dist/cjs/salla-login-modal.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-banner_10.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-exchange-product-card.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-points-banner.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-points-history.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty.cjs.entry.js +1 -1
- package/dist/cjs/salla-maintenance-alert.cjs.entry.js +1 -1
- package/dist/cjs/salla-map_3.cjs.entry.js +1 -1
- package/dist/cjs/salla-menu.cjs.entry.js +1 -1
- package/dist/cjs/salla-metadata.cjs.entry.js +1 -1
- package/dist/cjs/salla-multiple-bundle-product-cart_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-multiple-bundle-product-options-modal_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-multiple-bundle-product.cjs.entry.js +1 -1
- package/dist/cjs/salla-next-order-coupon.cjs.entry.js +1 -1
- package/dist/cjs/salla-notification-item_2.cjs.entry.js +1 -1
- package/dist/cjs/salla-offer-modal.cjs.entry.js +1 -1
- package/dist/cjs/salla-offer.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-branch.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-cancel.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-details-options.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-details.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-edit-item.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-edit-product-card.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-edit.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-shipments.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-summary.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-totals-card.cjs.entry.js +1 -1
- package/dist/cjs/salla-orders.cjs.entry.js +1 -1
- package/dist/cjs/salla-payments.cjs.entry.js +4 -4
- package/dist/cjs/salla-placeholder.cjs.entry.js +1 -1
- package/dist/cjs/salla-price-range.cjs.entry.js +1 -1
- package/dist/cjs/salla-product-card-embed.cjs.entry.js +1 -1
- package/dist/cjs/salla-product-card.cjs.entry.js +1 -1
- package/dist/cjs/salla-product-size-guide.cjs.entry.js +1 -1
- package/dist/cjs/salla-products-list.cjs.entry.js +1 -1
- package/dist/cjs/salla-products-slider.cjs.entry.js +1 -1
- package/dist/cjs/salla-quick-order.cjs.entry.js +1 -1
- package/dist/cjs/salla-rating-modal-v2.cjs.entry.js +1 -1
- package/dist/cjs/salla-rating-modal.cjs.entry.js +1 -1
- package/dist/cjs/salla-review-factors-tags.cjs.entry.js +1 -1
- package/dist/cjs/salla-review-order-item.cjs.entry.js +1 -1
- package/dist/cjs/salla-scopes.cjs.entry.js +1 -1
- package/dist/cjs/salla-search.cjs.entry.js +1 -1
- package/dist/cjs/salla-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/salla-social-share.cjs.entry.js +1 -1
- package/dist/cjs/salla-social.cjs.entry.js +1 -1
- package/dist/cjs/salla-tab-content_3.cjs.entry.js +1 -1
- package/dist/cjs/salla-tiered-offer.cjs.entry.js +1 -1
- package/dist/cjs/salla-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/salla-trust-badges.cjs.entry.js +1 -1
- package/dist/cjs/salla-user-menu.cjs.entry.js +1 -1
- package/dist/cjs/salla-user-profile.cjs.entry.js +1 -1
- package/dist/cjs/salla-user-settings.cjs.entry.js +1 -1
- package/dist/cjs/salla-verify.cjs.entry.js +1 -1
- package/dist/cjs/salla-wallet.cjs.entry.js +1 -1
- package/dist/cjs/salla-wishlist-actions.cjs.entry.js +1 -1
- package/dist/cjs/twilight.cjs.js +1 -1
- package/dist/cjs/{vanilla-picker-COagKVR0.js → vanilla-picker-BSGZg-Y0.js} +1 -1
- package/dist/collection/components/salla-bullet-delivery/salla-bullet-delivery.css +3 -3
- package/dist/collection/components/salla-bullet-delivery/salla-bullet-delivery.js +23 -2
- package/dist/collection/components/salla-fulfillment-methods/salla-fulfillment-methods.css +3 -0
- package/dist/collection/components/salla-fulfillment-methods/salla-fulfillment-methods.js +38 -16
- package/dist/collection/components/salla-payments/salla-payments.js +3 -3
- package/dist/components/index.js +2 -2
- package/dist/components/salla-bullet-delivery.js +24 -3
- package/dist/components/salla-fulfillment-methods.js +34 -16
- package/dist/components/salla-payments.js +3 -3
- package/dist/esm/{filepond-D5Fnwsco.js → filepond-BkGwWgIk.js} +1 -1
- package/dist/esm/{filepond-plugin-file-poster-BfePPO64.js → filepond-plugin-file-poster-TmS7u3EZ.js} +1 -1
- package/dist/esm/{filepond-plugin-file-validate-size-CVpLCDVB.js → filepond-plugin-file-validate-size-DzPOS-Ef.js} +1 -1
- package/dist/esm/{filepond-plugin-file-validate-type-BhzMnQfH.js → filepond-plugin-file-validate-type-tOom5t-_.js} +1 -1
- package/dist/esm/{filepond-plugin-image-edit-Bvj3qwXE.js → filepond-plugin-image-edit-F_8PCaA1.js} +1 -1
- package/dist/esm/{filepond-plugin-image-exif-orientation-NlBBLgPL.js → filepond-plugin-image-exif-orientation-myByjSqP.js} +1 -1
- package/dist/esm/{filepond-plugin-image-preview-CA1k8ex-.js → filepond-plugin-image-preview-qqR31pR_.js} +1 -1
- package/dist/esm/{index-B6Lo-Jz2.js → index-D6VagDRi.js} +2 -2
- package/dist/esm/{intlTelInput-nu7FH85H.js → intlTelInput-B1ulDRaQ.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/salla-accordion-body_2.entry.js +1 -1
- package/dist/esm/salla-accordion_6.entry.js +1 -1
- package/dist/esm/salla-add-product-button_5.entry.js +1 -1
- package/dist/esm/salla-advertisement.entry.js +1 -1
- package/dist/esm/salla-alert_2.entry.js +1 -1
- package/dist/esm/salla-app-install-alert.entry.js +1 -1
- package/dist/esm/salla-applied-filters.entry.js +1 -1
- package/dist/esm/salla-apps-icons.entry.js +1 -1
- package/dist/esm/salla-attachment-view_9.entry.js +10 -10
- package/dist/esm/salla-badge.entry.js +1 -1
- package/dist/esm/salla-basket-gap.entry.js +1 -1
- package/dist/esm/salla-bullet-delivery_3.entry.js +25 -4
- package/dist/esm/salla-cart-coupons.entry.js +1 -1
- package/dist/esm/salla-cart-item-offers_2.entry.js +1 -1
- package/dist/esm/salla-cart-summary-card.entry.js +1 -1
- package/dist/esm/salla-cashback-banner.entry.js +1 -1
- package/dist/esm/salla-comment-factors.entry.js +1 -1
- package/dist/esm/salla-comment-form_9.entry.js +1 -1
- package/dist/esm/salla-conditional-offer.entry.js +1 -1
- package/dist/esm/salla-contacts.entry.js +1 -1
- package/dist/esm/salla-cookies-bar.entry.js +1 -1
- package/dist/esm/salla-count-down_2.entry.js +1 -1
- package/dist/esm/salla-custom-fields.entry.js +1 -1
- package/dist/esm/salla-delivery-promise.entry.js +1 -1
- package/dist/esm/salla-edit-order-button.entry.js +1 -1
- package/dist/esm/salla-filters-widget.entry.js +1 -1
- package/dist/esm/salla-filters.entry.js +1 -1
- package/dist/esm/salla-fulfillment-methods.entry.js +35 -17
- package/dist/esm/salla-gifting.entry.js +1 -1
- package/dist/esm/salla-hook.entry.js +1 -1
- package/dist/esm/salla-infinite-scroll.entry.js +1 -1
- package/dist/esm/salla-installment.entry.js +1 -1
- package/dist/esm/salla-list-tile.entry.js +1 -1
- package/dist/esm/salla-localization-modal.entry.js +1 -1
- package/dist/esm/salla-login-modal.entry.js +1 -1
- package/dist/esm/salla-loyalty-banner_10.entry.js +1 -1
- package/dist/esm/salla-loyalty-exchange-product-card.entry.js +1 -1
- package/dist/esm/salla-loyalty-points-banner.entry.js +1 -1
- package/dist/esm/salla-loyalty-points-history.entry.js +1 -1
- package/dist/esm/salla-loyalty-prize-item.entry.js +1 -1
- package/dist/esm/salla-loyalty.entry.js +1 -1
- package/dist/esm/salla-maintenance-alert.entry.js +1 -1
- package/dist/esm/salla-map_3.entry.js +1 -1
- package/dist/esm/salla-menu.entry.js +1 -1
- package/dist/esm/salla-metadata.entry.js +1 -1
- package/dist/esm/salla-multiple-bundle-product-cart_2.entry.js +1 -1
- package/dist/esm/salla-multiple-bundle-product-options-modal_2.entry.js +1 -1
- package/dist/esm/salla-multiple-bundle-product.entry.js +1 -1
- package/dist/esm/salla-next-order-coupon.entry.js +1 -1
- package/dist/esm/salla-notification-item_2.entry.js +1 -1
- package/dist/esm/salla-offer-modal.entry.js +1 -1
- package/dist/esm/salla-offer.entry.js +1 -1
- package/dist/esm/salla-order-branch.entry.js +1 -1
- package/dist/esm/salla-order-cancel.entry.js +1 -1
- package/dist/esm/salla-order-details-multiple-bundle-product.entry.js +1 -1
- package/dist/esm/salla-order-details-options.entry.js +1 -1
- package/dist/esm/salla-order-details.entry.js +1 -1
- package/dist/esm/salla-order-edit-item.entry.js +1 -1
- package/dist/esm/salla-order-edit-product-card.entry.js +1 -1
- package/dist/esm/salla-order-edit.entry.js +1 -1
- package/dist/esm/salla-order-shipments.entry.js +1 -1
- package/dist/esm/salla-order-summary.entry.js +1 -1
- package/dist/esm/salla-order-totals-card.entry.js +1 -1
- package/dist/esm/salla-orders.entry.js +1 -1
- package/dist/esm/salla-payments.entry.js +4 -4
- package/dist/esm/salla-placeholder.entry.js +1 -1
- package/dist/esm/salla-price-range.entry.js +1 -1
- package/dist/esm/salla-product-card-embed.entry.js +1 -1
- package/dist/esm/salla-product-card.entry.js +1 -1
- package/dist/esm/salla-product-size-guide.entry.js +1 -1
- package/dist/esm/salla-products-list.entry.js +1 -1
- package/dist/esm/salla-products-slider.entry.js +1 -1
- package/dist/esm/salla-quick-order.entry.js +1 -1
- package/dist/esm/salla-rating-modal-v2.entry.js +1 -1
- package/dist/esm/salla-rating-modal.entry.js +1 -1
- package/dist/esm/salla-review-factors-tags.entry.js +1 -1
- package/dist/esm/salla-review-order-item.entry.js +1 -1
- package/dist/esm/salla-scopes.entry.js +1 -1
- package/dist/esm/salla-search.entry.js +1 -1
- package/dist/esm/salla-skeleton.entry.js +1 -1
- package/dist/esm/salla-social-share.entry.js +1 -1
- package/dist/esm/salla-social.entry.js +1 -1
- package/dist/esm/salla-tab-content_3.entry.js +1 -1
- package/dist/esm/salla-tiered-offer.entry.js +1 -1
- package/dist/esm/salla-tooltip.entry.js +1 -1
- package/dist/esm/salla-trust-badges.entry.js +1 -1
- package/dist/esm/salla-user-menu.entry.js +1 -1
- package/dist/esm/salla-user-profile.entry.js +1 -1
- package/dist/esm/salla-user-settings.entry.js +1 -1
- package/dist/esm/salla-verify.entry.js +1 -1
- package/dist/esm/salla-wallet.entry.js +1 -1
- package/dist/esm/salla-wishlist-actions.entry.js +1 -1
- package/dist/esm/twilight.js +2 -2
- package/dist/esm/{vanilla-picker-Dn7Q0By-.js → vanilla-picker-DvtnWkFb.js} +1 -1
- package/dist/twilight/{p-2cb160a8.entry.js → p-00dfdb20.entry.js} +1 -1
- package/dist/twilight/{p-a82db499.entry.js → p-019183b8.entry.js} +1 -1
- package/dist/twilight/{p-400c631e.entry.js → p-02153797.entry.js} +1 -1
- package/dist/twilight/{p-8ca39b58.entry.js → p-02a00a9d.entry.js} +1 -1
- package/dist/twilight/{p-647a1b63.entry.js → p-04e90ca8.entry.js} +1 -1
- package/dist/twilight/{p-6840449d.entry.js → p-06ba1041.entry.js} +1 -1
- package/dist/twilight/{p-e5169250.entry.js → p-0d8c219a.entry.js} +1 -1
- package/dist/twilight/{p-a1035984.entry.js → p-0f1abf9a.entry.js} +1 -1
- package/dist/twilight/{p-be292e0b.entry.js → p-13adff5c.entry.js} +1 -1
- package/dist/twilight/{p-c8c09f5c.entry.js → p-155ec7a7.entry.js} +1 -1
- package/dist/twilight/{p-5ffdb544.entry.js → p-16706fe0.entry.js} +1 -1
- package/dist/twilight/{p-7b286e8d.entry.js → p-17a708fc.entry.js} +1 -1
- package/dist/twilight/{p-100cb969.entry.js → p-18e32c1b.entry.js} +1 -1
- package/dist/twilight/{p-3f12a3a2.entry.js → p-19fe876a.entry.js} +1 -1
- package/dist/twilight/{p-1d220636.entry.js → p-267f1daf.entry.js} +1 -1
- package/dist/twilight/{p-31c017ae.entry.js → p-3532893e.entry.js} +1 -1
- package/dist/twilight/{p-2dc5f115.entry.js → p-3cad36ef.entry.js} +1 -1
- package/dist/twilight/{p-91ab3a03.entry.js → p-3feabe9a.entry.js} +1 -1
- package/dist/twilight/{p-4604590c.entry.js → p-43c67b9f.entry.js} +1 -1
- package/dist/twilight/{p-4f645457.entry.js → p-44d7890d.entry.js} +1 -1
- package/dist/twilight/{p-bf2f2a36.entry.js → p-451c2f06.entry.js} +1 -1
- package/dist/twilight/{p-5dcf8a71.entry.js → p-466b2437.entry.js} +1 -1
- package/dist/twilight/{p-7a78cbcd.entry.js → p-4dbed954.entry.js} +1 -1
- package/dist/twilight/{p-c8c34286.entry.js → p-4f29e469.entry.js} +1 -1
- package/dist/twilight/{p-28aeea5d.entry.js → p-51429c21.entry.js} +1 -1
- package/dist/twilight/{p-5d6db148.entry.js → p-52212098.entry.js} +1 -1
- package/dist/twilight/{p-e3a45456.entry.js → p-522a6125.entry.js} +1 -1
- package/dist/twilight/{p-344e7a53.entry.js → p-5381aac3.entry.js} +1 -1
- package/dist/twilight/{p-8e10a9a9.entry.js → p-54034038.entry.js} +1 -1
- package/dist/twilight/{p-05f65278.entry.js → p-56425cd0.entry.js} +1 -1
- package/dist/twilight/{p-2ebe428c.entry.js → p-56cc9936.entry.js} +1 -1
- package/dist/twilight/{p-7512638e.entry.js → p-57a0bb62.entry.js} +1 -1
- package/dist/twilight/{p-ba941354.entry.js → p-5b22403c.entry.js} +1 -1
- package/dist/twilight/{p-8f11c556.entry.js → p-5d247f18.entry.js} +1 -1
- package/dist/twilight/{p-29a9ff44.entry.js → p-5dc636e9.entry.js} +1 -1
- package/dist/twilight/{p-fa7c358f.entry.js → p-61035e79.entry.js} +1 -1
- package/dist/twilight/{p-d55b86b5.entry.js → p-61ad5ff4.entry.js} +1 -1
- package/dist/twilight/{p-abce7e02.entry.js → p-685b00b1.entry.js} +1 -1
- package/dist/twilight/{p-778f38ce.entry.js → p-7275e7da.entry.js} +1 -1
- package/dist/twilight/{p-191b4fa6.entry.js → p-731ac823.entry.js} +1 -1
- package/dist/twilight/{p-2de7945d.entry.js → p-7348f7e3.entry.js} +1 -1
- package/dist/twilight/{p-8ee698cc.entry.js → p-738d4d73.entry.js} +1 -1
- package/dist/twilight/{p-effc8ceb.entry.js → p-75778e67.entry.js} +1 -1
- package/dist/twilight/{p-8284d68b.entry.js → p-77305493.entry.js} +1 -1
- package/dist/twilight/{p-747fdf8c.entry.js → p-797317f9.entry.js} +1 -1
- package/dist/twilight/{p-b695db2e.entry.js → p-7cfcac49.entry.js} +1 -1
- package/dist/twilight/{p-0f9d25c2.entry.js → p-7e8965c3.entry.js} +1 -1
- package/dist/twilight/{p-adb31a76.entry.js → p-879aeb99.entry.js} +1 -1
- package/dist/twilight/{p-b5a68a1a.entry.js → p-87baa963.entry.js} +1 -1
- package/dist/twilight/{p-c39c8112.entry.js → p-890845d7.entry.js} +1 -1
- package/dist/twilight/{p-0e9845d3.entry.js → p-891abd9a.entry.js} +1 -1
- package/dist/twilight/{p-289574f0.entry.js → p-8fd6c03b.entry.js} +1 -1
- package/dist/twilight/{p-f2fb1121.entry.js → p-9060cf90.entry.js} +1 -1
- package/dist/twilight/{p-c56e1aa1.entry.js → p-90b20e78.entry.js} +1 -1
- package/dist/twilight/{p-0ea66288.entry.js → p-91daba79.entry.js} +1 -1
- package/dist/twilight/{p-44f20e64.entry.js → p-96a761f3.entry.js} +1 -1
- package/dist/twilight/{p-ea606acc.entry.js → p-978695b4.entry.js} +1 -1
- package/dist/twilight/{p-11234d66.entry.js → p-9bd0780a.entry.js} +1 -1
- package/dist/twilight/{p-DexDAAf1.js → p-B8n9WvuU.js} +1 -1
- package/dist/twilight/{p-BopTxsQ2.js → p-BBCnGXmN.js} +1 -1
- package/dist/twilight/{p-Ble2-eBI.js → p-BE6LvdyS.js} +1 -1
- package/dist/twilight/{p-CMHD60jb.js → p-CFzua46A.js} +1 -1
- package/dist/twilight/{p-CUuXQJdT.js → p-CsLeYzSv.js} +1 -1
- package/dist/twilight/{p-B6Lo-Jz2.js → p-D6VagDRi.js} +1 -1
- package/dist/twilight/{p-VJGJYEfb.js → p-DJ8VhVEV.js} +1 -1
- package/dist/twilight/{p-Dgq6RHqV.js → p-DoD9b-8A.js} +1 -1
- package/dist/twilight/{p-CvrBhStg.js → p-Xs77W4g6.js} +1 -1
- package/dist/twilight/{p-3c312812.entry.js → p-a07f577f.entry.js} +1 -1
- package/dist/twilight/{p-a8d3ae7e.entry.js → p-a0ac1fbf.entry.js} +1 -1
- package/dist/twilight/{p-4c422a3d.entry.js → p-a1b0bcae.entry.js} +1 -1
- package/dist/twilight/{p-1d9aa36c.entry.js → p-ab11570d.entry.js} +1 -1
- package/dist/twilight/{p-bfa7a257.entry.js → p-aede1dd3.entry.js} +1 -1
- package/dist/twilight/{p-7639c5a8.entry.js → p-af61bed0.entry.js} +1 -1
- package/dist/twilight/{p-1546f64d.entry.js → p-b46fa954.entry.js} +1 -1
- package/dist/twilight/{p-1d1bbac7.entry.js → p-b5184b83.entry.js} +1 -1
- package/dist/twilight/{p-529a60e2.entry.js → p-b55d6ca9.entry.js} +1 -1
- package/dist/twilight/{p-be34bd30.entry.js → p-b731bd2b.entry.js} +1 -1
- package/dist/twilight/{p-78cba566.entry.js → p-b8739111.entry.js} +1 -1
- package/dist/twilight/{p-63b48fb1.entry.js → p-b8f46367.entry.js} +1 -1
- package/dist/twilight/{p-051740db.entry.js → p-bb3df4d4.entry.js} +1 -1
- package/dist/twilight/{p-d41903f9.entry.js → p-bcc6a2c7.entry.js} +1 -1
- package/dist/twilight/{p-00f3dc2a.entry.js → p-bf0e5c4b.entry.js} +1 -1
- package/dist/twilight/{p-5f4331f0.entry.js → p-c0c80157.entry.js} +1 -1
- package/dist/twilight/{p-d72e0350.entry.js → p-cbe27157.entry.js} +1 -1
- package/dist/twilight/{p-257717f5.entry.js → p-ce60b709.entry.js} +1 -1
- package/dist/twilight/{p-3661b790.entry.js → p-ced0ad45.entry.js} +1 -1
- package/dist/twilight/{p-86622485.entry.js → p-d09195ba.entry.js} +1 -1
- package/dist/twilight/{p-bb94c4e4.entry.js → p-d25c8aeb.entry.js} +1 -1
- package/dist/twilight/{p-75ba562a.entry.js → p-da8c1307.entry.js} +1 -1
- package/dist/twilight/{p-d96bc0c1.entry.js → p-dd6a5747.entry.js} +1 -1
- package/dist/twilight/{p-19607f60.entry.js → p-de5c4eb3.entry.js} +1 -1
- package/dist/twilight/{p-5a2150e8.entry.js → p-e01c1fb9.entry.js} +1 -1
- package/dist/twilight/{p-a50073b5.entry.js → p-e1965ea1.entry.js} +1 -1
- package/dist/twilight/{p-785ac87d.entry.js → p-e64d3e62.entry.js} +1 -1
- package/dist/twilight/{p-a8d90638.entry.js → p-e7b32e74.entry.js} +1 -1
- package/dist/twilight/{p-df9d5f85.entry.js → p-e8393076.entry.js} +1 -1
- package/dist/twilight/{p-dd734bcb.entry.js → p-ebfb0b99.entry.js} +1 -1
- package/dist/twilight/{p-5d6f9c3e.entry.js → p-ef2354f0.entry.js} +1 -1
- package/dist/twilight/{p-db9f8104.entry.js → p-ef33b218.entry.js} +21 -21
- package/dist/twilight/p-f3540850.entry.js +4 -0
- package/dist/twilight/{p-ad12ab8c.entry.js → p-f3cbbe3e.entry.js} +1 -1
- package/dist/twilight/{p-9L0Aq4PZ.js → p-uMDizIlo.js} +1 -1
- package/dist/twilight/twilight.esm.js +1 -1
- package/dist/types/components/salla-bullet-delivery/interfaces.d.ts +10 -0
- package/dist/types/components/salla-bullet-delivery/salla-bullet-delivery.d.ts +2 -0
- package/dist/types/components/salla-fulfillment-methods/salla-fulfillment-methods.d.ts +8 -2
- package/dist/types/components.d.ts +20 -4
- package/package.json +5 -5
- package/dist/twilight/p-bbfaf5ac.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Crafted with ❤ by Salla
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as r,H as e,a as o,c as a}from"./p-B6Lo-Jz2.js";import{A as i,a as s}from"./p-Vqpj4CWE.js";import{C as n}from"./p-BsLF_HK7.js";import{C as l}from"./p-BV4kqbdL.js";import{H as d}from"./p-CUSw0W26.js";import{a as c}from"./p-BedNk7k1.js";import{a as p}from"./p-B9q7ymSg.js";import"./p-CgtvEd63.js";const m=class{constructor(r){t(this,r),this.collapsible=!0,this.bordered=!1,this.size="md",this.collapsed=!0,this.dir=document.dir||"rtl"}directionChangedHandler(t){this.dir=t.detail.dir}handleCollapse(t){this.collapsed=t.detail.payload.collapsed}setcollapsibleProp(){const t=this.host.querySelector("salla-accordion-head");this.collapsible&&t&&(t.setAttribute("collapsible","true"),t.setAttribute("collapsed",this.collapsed.toString()))}componentDidRender(){this.setcollapsibleProp();const t=this.host.querySelector("salla-accordion-body");this.collapsible&&(this.host.setAttribute("data-collapsed",this.collapsed.toString()),t?.setAttribute("data-collapsed",this.collapsed.toString()))}render(){return r(e,{key:"1ea35adcb3558cad1c5e675ed7330e3859c31d20",class:`s-accordion-wrapper ${this.dir} ${this.bordered?"s-accordion-wrapper-bordered":""} ${this.size?`size-${this.size}`:""}`,"data-collapsed":this.collapsed.toString()},r("slot",{key:"596f47501e2080874cd28a304bc55b88409699cf"}))}get host(){return o(this)}};m.style="/*!twlt*/.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-accordion-wrapper{display:flex;height:auto;width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-radius:0.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));outline:2px solid transparent;outline-offset:0px}.s-accordion-wrapper-bordered{border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.s-accordion-head-wrapper{display:flex;width:100%;cursor:pointer;align-items:center;justify-content:space-between;gap:0.5rem;border-radius:var(--s-radius, 0.25rem);border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;padding:1rem}@media (min-width: 768px){.s-accordion-head-wrapper{padding-left:1.2rem;padding-right:1.2rem;padding-bottom:1rem}}.s-accordion-wrapper[collapsible='false'] .s-accordion-head-wrapper{cursor:auto}.s-accordion-head-wrapper-start{display:flex;flex:1 1 0%;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0.5rem;text-align:start;font-size:1.1rem}@media (min-width: 1024px){.s-accordion-head-wrapper-start{flex-direction:row;align-items:center}}.s-accordion-head-wrapper-end{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:0.5rem}@media (min-width: 1024px){.s-accordion-head-wrapper-end{gap:1rem}}.s-accordion-head-wrapper [slot='progress']{display:flex;flex:1 1 0%;align-items:center;justify-content:flex-start;gap:0.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-accordion-head-wrapper [slot='note']{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:0.5rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-accordion-head-wrapper-toggle{display:flex;height:1.8rem;width:1.8rem;flex-shrink:0;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:9999px;border-width:1px;font-size:1.125rem;line-height:1.75rem;color:var(--color-primary);transition-property:all;transition-duration:150ms;transition-duration:var(--transition-duration);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.s-accordion-head-wrapper-toggle:hover{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.s-accordion-head-wrapper-toggle:active{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}@media (min-width: 1024px){.s-accordion-head-wrapper-toggle{height:2.625rem;width:2.625rem}}.s-accordion-head-wrapper-toggle.active{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:var(--color-primary);background-color:var(--color-primary);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-accordion-head-wrapper-toggle svg{fill:var(--color-primary)}.s-accordion-head-wrapper-toggle.active svg{fill:#fff}.s-accordion-head-wrapper-toggle-icon svg{width:0.75rem}@media (min-width: 1024px){.s-accordion-head-wrapper-toggle-icon svg{width:1rem}}.s-accordion-body-wrapper{visibility:visible;position:relative;display:block;height:100%;max-height:1000px;width:100%;overflow:hidden;border-bottom-right-radius:0.5rem;border-bottom-left-radius:0.5rem;padding:1rem;opacity:1;transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media (min-width: 768px){.s-accordion-body-wrapper{padding:1.714rem;padding-top:1rem}}.s-accordion-body-wrapper[data-collapsed='true']{visibility:hidden;max-height:0px;padding-top:0px;padding-bottom:0px;opacity:0}.s-accordion-body-wrapper[data-collapsed='true'] slot{display:none}.s-accordion-wrapper.size-sm .s-accordion-head-wrapper-toggle{height:1.9rem;width:1.9rem}.s-accordion-wrapper.size-sm .s-accordion-head-wrapper-toggle-icon svg{width:0.625rem}.s-offer-drawer-card .s-accordion-wrapper{margin:0px}.s-offer-drawer-card .s-accordion-head-wrapper{margin-right:60px;width:100%;max-width:370px;cursor:pointer;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-bottom:0.75rem;padding-right:0px;padding-top:0px}.s-offer-drawer-card .s-accordion-head-wrapper-end{display:none !important}.s-offer-drawer-card .s-accordion-body-wrapper{overflow:auto;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;padding-bottom:0px}.s-offer-drawer-card .s-accordion-body-wrapper::-webkit-scrollbar{width:5px}.s-offer-drawer-card .s-accordion-body-wrapper::-webkit-scrollbar-track{background-color:#eee}.s-offer-drawer-card .s-accordion-body-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}";const b=class{constructor(r){t(this,r),this.sessionStorageKey="breadcrumb_snapshot",this.itemSlot=this.host.querySelector('[slot="item"]')?.outerHTML||'<li class="s-breadcrumb-item"><a href={url}>{title}</a></li>',this.iconSlot=this.host.querySelector('[slot="icon"]')?.outerHTML}componentWillLoad(){return new Promise((t=>salla.onReady((()=>salla.lang.onLoaded(t))))).then((()=>{if(salla.url.is_page("index"))throw new Error("salla-breadcrumb:: breadcrumb not supported on home page")})).then((()=>{const t=salla.config.get("page");if("wishlist"===t?.slug)return void(this.breadcrumbs=[]);if(!salla.config.get("theme.settings.is_breadcrumbs_enabled",!0))throw new Error("salla-breadcrumb:: merchant disabled the feature");if(!t||!t.slug)return salla.logger.error('salla-breadcrumbs:: page object not existed on salla.config.get("page")!'),void(this.breadcrumbs=[]);let r=this.getSessionBreadcrumbs(),e=r[r.length-1];return"product.single"===t.slug&&r&&r.length>0&&e?.url&&t.parent?.url&&e.url===t.parent.url?(r.push({title:t.title,url:t.url}),this.breadcrumbs=this.setBreadcrumbsFromArray(r),this.storeBreadcrumbSnapshot()):r&&r.length>0?this.isNewPage(t,r)?(this.breadcrumbs=this.generateBreadcrumbs(t),this.storeBreadcrumbSnapshot()):this.breadcrumbs=this.setBreadcrumbsFromArray(r):(this.breadcrumbs=this.generateBreadcrumbs(t),this.storeBreadcrumbSnapshot()),this.breadcrumbs?.length&&(this.breadcrumbs[this.breadcrumbs.length-1].is_last=!0),this.breadcrumbs})).catch((t=>{salla.logger.error("salla-breadcrumb:: unexpected error!",t),this.breadcrumbs=[]}))}getSessionBreadcrumbs(){return"search-bar"===new URLSearchParams(window.location.search).get("from")?[]:JSON.parse(sessionStorage.getItem(this.sessionStorageKey)||"[]")}isNewPage(t,r){const e=r[r.length-1];return e?.url!==t.url}setBreadcrumbsFromArray(t){return t.map(((r,e)=>({...r,is_last:e===t.length-1})))}sanitizeBreadcrumbTitle(t,r=1){if(!t.includes("|"))return t.trim();const e=t.split("|").map((t=>t.trim())).filter(Boolean);return e[r]||e[0]||t.replace(/\|/g,"").trim()}generateBreadcrumbs(t){let r=[];if("product.single"===t.slug){const r=this.getSessionBreadcrumbs(),e=r[r.length-1];if(r.length>0&&e?.url&&t.parent?.url&&e.url===t.parent.url)return this.setBreadcrumbsFromArray([...r,{title:t.title,url:t.url}])}let e=t;for(;e;)e.title&&r.unshift({title:e.title,url:e.url}),e=e.parent;return t.slug.includes("customer")&&"customer.profile"!==t.slug&&r.unshift({title:salla.lang.get("common.titles.profile"),url:salla.url.get("account/profile")}),t.slug.includes("blog")&&r.unshift({title:salla.lang.get("blocks.footer.blog"),url:salla.url.get("blog")}),"brands.single"===t.slug&&r.unshift({title:salla.lang.get("common.titles.brands"),url:salla.url.get("brands")}),t.title||"loyalty"!==t.slug||r.unshift({title:salla.lang.get("common.titles.loyalty_program"),url:salla.url.get("loyalty")}),r.unshift({title:salla.lang.get("common.titles.home"),url:salla.url.get("")}),r}storeBreadcrumbSnapshot(){try{const t=salla.config.get("page");if("product.single"===t?.slug||"wishlist"===t?.slug)return;const r=[...this.breadcrumbs],e=r.length-1;e>=0&&(r[e].url=window.location.href);const o=JSON.stringify(r);sessionStorage.setItem(this.sessionStorageKey,o)}catch(t){salla.logger.error("salla-breadcrumb:: Failed to store breadcrumb snapshot in sessionStorage.",t)}}render(){if(this.breadcrumbs.length<=1)return salla.log("salla-breadcrumb:: There is no breadcrumbs!"),null;if("wishlist"===salla.config.get("page.slug"))return null;const t="product.single"===salla.config.get("page.slug");return[r("ol",{class:{"s-breadcrumb-wrapper":!0,"s-breadcrumb-dark":salla.url.is_page("loyalty"),"s-breadcrumb-primary-reverse":salla.config.get("page.slug").includes("customer")}},this.breadcrumbs.map((e=>{const o=t&&e.is_last?e.title:this.sanitizeBreadcrumbTitle(e.title),a=this.itemSlot.replace(/\{url\}/g,e.url).replace(/\{title\}/g,o);return[r("div",{class:"s-breadcrumb-slot",innerHTML:a}),this.getArrowDomForItem(e)]}))),r("script",{type:"application/ld+json",innerHTML:this.getJsonLd(t)})]}getJsonLd(t){const r=this.breadcrumbs.map(((r,e)=>{const o={"@type":"ListItem",position:e+1,name:t&&r.is_last?r.title:this.sanitizeBreadcrumbTitle(r.title)};return!r.is_last&&r.url&&(o.item=this.toAbsoluteUrl(r.url)),o}));return JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:r}).replace(/</g,"\\u003c")}toAbsoluteUrl(t){try{return new URL(t,window.location.origin).href}catch{return t}}getArrowDomForItem(t){if(t.is_last)return"";let e=this.iconSlot||(salla.config.get("theme.is_rtl",!0)?i:s);return r("li",{class:"s-breadcrumb-arrow"},r("div",{class:{"s-breadcrumb-icon-slot":!0,"s-breadcrumb-default-icon":!this.iconSlot},innerHTML:e}))}componentDidRender(){this.host.querySelectorAll(".s-breadcrumb-slot").forEach((t=>t.replaceWith(t.firstChild))),this.host.querySelectorAll(".s-breadcrumb-icon-slot.s-breadcrumb-default-icon").forEach((t=>t.replaceWith(t.querySelector("svg")))),this.host.querySelector('[slot="item"]')?.remove(),this.host.querySelector('[slot="icon"]')?.remove();let t=this.host.querySelectorAll(".s-breadcrumb-item")[this.breadcrumbs.length-1]?.querySelector("a");t&&t.replaceWith(t.firstChild)}componentDidLoad(){"wishlist"===salla.config.get("page.slug")&&document.getElementById("page-main-title")?.remove()}get host(){return o(this)}};b.style="/*!twlt*/:host{display:block}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-breadcrumb-wrapper{display:flex;flex-wrap:wrap;align-items:center;font-size:0.875rem;line-height:1.25rem}.s-breadcrumb-item{display:inline-block}.s-breadcrumb-dark{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-breadcrumb-dark a{--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important}.s-breadcrumb-dark svg{fill:var(--color-primary-reverse);opacity:0.7}.s-breadcrumb-primary-reverse a{color:var(--color-primary-reverse)}.s-breadcrumb-primary-reverse a:hover{opacity:0.8}.s-breadcrumb-primary-reverse li{color:var(--color-primary-reverse);opacity:0.8}.s-breadcrumb-primary-reverse svg{fill:var(--color-primary-reverse);opacity:0.7}.s-breadcrumb-arrow{margin-left:0.5rem;margin-right:0.5rem}.s-breadcrumb-arrow svg{height:0.875rem;width:0.875rem}";const w=class{constructor(r){t(this,r),this.shape="btn",this.color="primary",this.fill="solid",this.size="medium",this.width="normal",this.loading=!1,this.enableLoader=!0,this.disabled=!1,this.loaderPosition="after",this.type="button"}async load(){return"center"==this.loaderPosition&&this.text.classList.add("s-button-hide"),this.host.setAttribute("loading",""),this.host}async stop(){return this.host.removeAttribute("loading"),this.host.querySelector("button").removeAttribute("loading"),"center"==this.loaderPosition&&this.text.classList.remove("s-button-hide"),this.host}async setText(t){return this.text.innerHTML=t,this.host}async disable(){return this.host.setAttribute("disabled",""),this.host}async enable(){return this.host.removeAttribute("disabled"),this.host}getBtnAttributes(){const t=["color","fill","size","width","id","enable-loader"];this.enableLoader||t.push("loading");const r={};for(let e=0;e<this.host.attributes.length;e++)t.includes(this.host.attributes[e].name)||(r[this.host.attributes[e].name]=this.host.attributes[e].value);r.type=r.type||this.type;const e=r.class||"";return r.class=e+" s-button-element s-button-"+this.shape+" s-button-"+("none"==this.fill?"fill-none":this.fill)+("medium"!=this.size?" s-button-"+this.size:"")+("normal"!=this.width?" s-button-"+this.width:"")+("link"==this.shape?" s-button-"+this.color+"-link":"")+("link"!=this.shape&&"outline"!=this.fill?" s-button-"+this.color:"")+("outline"==this.fill?" s-button-"+this.color+"-outline":"")+(this.disabled?" s-button-disabled ":"")+("icon"==this.shape?" s-button-loader-center":" s-button-loader-"+this.loaderPosition),r["aria-label"]||r["aria-labelledby"]||(this.host.textContent||"").trim()||(e.includes("btn--wishlist")||e.includes("wishlist")?r["aria-label"]=salla.lang.getWithDefault("pages.products.add_to_wishlist","Add or remove to wishlist"):"icon"===this.shape&&console.warn("Icon button is missing aria-label attribute")),r}button(){return r("button",{...this.getBtnAttributes(),disabled:this.disabled},r("span",{class:"s-button-text",ref:t=>this.text=t},r("slot",null)),this.loading&&this.enableLoader?r("span",{class:"s-button-loader"}):"")}render(){return this.host.closest(".swiper-slide")?.classList.contains("swiper-slide-duplicate")?"":r(e,{class:"s-button-wrap"},this.href?r("a",{href:this.href},this.button()):this.button())}get host(){return o(this)}};w.style='/*!twlt*/.visible{visibility:visible}.fill-none{fill:none}.outline{outline-style:solid}.s-button-btn{position:relative;display:inline-flex;flex:1 1 0%;user-select:none;flex-direction:row-reverse;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--s-radius, 0.25rem);border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-btn:hover{opacity:0.8}.s-button-primary{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-button-primary:hover{background-color:var(--color-primary-dark)}.s-button-text{pointer-events:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-button-loader::before{display:inline-block;height:1rem;content:var(--tw-content);width:1rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-button-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:\'\';content:var(--tw-content)}.s-button-wrap{pointer-events:none}.s-button-wrap svg{height:1.25rem;width:1.25rem;fill:currentColor}.s-button-loader-center .s-button-loader{position:absolute;top:50%;left:50%;margin:0px !important;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-button-element:not(:disabled):not([loading]){pointer-events:auto}.s-button-wide{width:100%}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.btn{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.btn:hover{opacity:0.8}.s-add-product-button-with-sticky-bar salla-quick-buy .s-quick-buy-button .s-button-text span{display:none}@media (min-width: 768px){.s-add-product-button-with-sticky-bar salla-quick-buy .s-quick-buy-button .s-button-text span{display:block}}.s-basket-gap-card-btn salla-button .s-button-btn{border-radius:var(--s-radius, 0.25rem);border-width:1px !important;border-color:var(--color-primary) !important;background-color:transparent !important;color:var(--color-primary) !important}.s-basket-gap-card-btn salla-button .s-button-btn:hover{background-color:var(--color-primary) !important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important}.s-basket-gap-card-btn salla-button .s-button-loader:before{border-top-color:var(--color-primary) !important;border-left-color:var(--color-primary) !important;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1)) !important;--tw-border-opacity:1 !important;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1)) !important}.s-bottom-alert-modal-content-footer button .s-button-text{display:flex;align-items:center;gap:0.5rem}.s-button-wrap{pointer-events:none}.s-button-wrap[width=\'wide\']{width:100%}.s-button-wrap[type=\'submit\']{appearance:none}.s-button-wrap[type=\'button\']{appearance:none}.s-button-wrap[type=\'reset\']{appearance:none}.s-button-wrap[loading] .s-button-loader-center .s-button-text{opacity:0}.s-button-element:not(:disabled):not([loading]){pointer-events:auto}.s-button-btn{position:relative;display:inline-flex;flex:1 1 0%;user-select:none;flex-direction:row-reverse;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--s-radius, 0.25rem);border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-btn:hover{opacity:0.8}.s-button-wrap svg{height:1.25rem;width:1.25rem;fill:currentColor}.s-button-icon{position:relative;margin-left:0.25rem;margin-right:0.25rem;display:inline-flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px !important;padding:0px !important;font-weight:500;line-height:1 !important;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-icon .s-button-text{display:flex}.s-button-icon.s-button-large{height:3.5rem;width:3.5rem}.s-button-icon.s-button-large svg{height:2rem;width:2rem}.s-button-icon.s-button-small{height:1.5rem;width:1.5rem}.s-button-icon.s-button-small svg{height:0.875rem;width:0.875rem}.s-button-icon.s-button-small .s-button-loader:before{height:0.875rem;width:0.875rem}.s-button-link{fill:var(--color-primary);padding-left:0.25rem;padding-right:0.25rem;padding-top:0.125rem;padding-bottom:0.125rem;color:var(--color-primary);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-link:hover{opacity:0.7}.s-button-disabled{opacity:0.5}.s-button-fill-none{border-width:0px !important;background-color:transparent !important}.s-button-outline{border-width:1px;border-color:currentColor}.s-button-outline:hover{border-color:transparent}.s-button-outline .s-button-loader:before{border-top-color:currentColor;border-left-color:currentColor}.s-button-solid .s-button-loader:before{border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(255 255 255 / var(--tw-border-opacity, 1));border-bottom-color:rgb(255 255 255 / 0.2);border-left-color:rgb(255 255 255 / 0.2)}.s-button-primary{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-button-primary:hover{background-color:var(--color-primary-dark)}.s-button-success{border-width:1px;--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-success:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.s-button-danger{border-width:1px;--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-danger:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.s-button-warning{border-width:1px;--tw-border-opacity:1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-warning:hover{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.s-button-gray{border-width:1px;--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-gray:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.s-button-dark{border-width:1px;--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-dark:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.s-button-light{border-width:1px;--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-button-light:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.s-button-primary-outline{fill:var(--color-primary);color:var(--color-primary)}.s-button-primary-outline:hover{background-color:var(--color-primary);fill:var(--color-primary-reverse);color:var(--color-primary-reverse)}.s-button-success-outline{fill:#22c55e;--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.s-button-success-outline:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-danger-outline{fill:#f87171;--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.s-button-danger-outline:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-warning-outline{fill:#fbbf24;--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-button-warning-outline:hover{--tw-bg-opacity:1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-gray-outline{fill:#9ca3af;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-button-gray-outline:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-dark-outline{fill:#374151;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-button-dark-outline:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-light-outline{--tw-border-opacity:1 !important;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1)) !important;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));fill:#6b7280;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-button-light-outline:hover{--tw-border-opacity:1 !important;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1)) !important}.s-button-primary-link{fill:var(--color-primary);color:var(--color-primary)}.s-button-success-link{fill:#22c55e;--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.s-button-danger-link{fill:#f87171;--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.s-button-warning-link{fill:#fbbf24;--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-button-gray-link{fill:#9ca3af;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-button-dark-link{fill:#374151;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-button-light-link{fill:#6b7280;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-button-small{border-radius:0.125rem;padding-left:1rem;padding-right:1rem;padding-bottom:0.375rem;padding-top:0.25rem;font-size:0.75rem;line-height:1rem}.s-button-large{padding-left:2rem;padding-right:2rem;padding-bottom:1rem;padding-top:1rem;font-size:1.25rem;line-height:1.75rem}.s-button-wide{width:100%}.s-button-text{pointer-events:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-button-loader::before{display:inline-block;height:1rem;content:var(--tw-content);width:1rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-button-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:\'\';content:var(--tw-content)}.s-button-loader-after .s-button-loader{flex-direction:row}.s-button-loader-start.s-button-element:where([dir="ltr"],[dir="ltr"] *){padding-right:2rem;padding-left:2.5rem}.s-button-loader-start.s-button-element:where([dir="rtl"],[dir="rtl"] *){padding-left:2rem;padding-right:2.5rem}.s-button-loader-start .s-button-loader{position:absolute}.s-button-loader-start .s-button-loader:where([dir="ltr"],[dir="ltr"] *){left:0.5rem}.s-button-loader-start .s-button-loader:where([dir="rtl"],[dir="rtl"] *){right:0.5rem}.s-button-loader-end.s-button-element:where([dir="ltr"],[dir="ltr"] *){padding-left:2rem;padding-right:2.5rem}.s-button-loader-end.s-button-element:where([dir="rtl"],[dir="rtl"] *){padding-right:2rem;padding-left:2.5rem}.s-button-loader-end .s-button-loader{position:absolute}.s-button-loader-end .s-button-loader:where([dir="ltr"],[dir="ltr"] *){right:0.5rem}.s-button-loader-end .s-button-loader:where([dir="rtl"],[dir="rtl"] *){left:0.5rem}.s-button-loader-center .s-button-loader{position:absolute;top:50%;left:50%;margin:0px !important;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-count-down-with-button button .s-button-text{display:flex;align-items:center;column-gap:0.5rem}.s-count-down-with-button button .s-button-text:where([dir="ltr"],[dir="ltr"] *){flex-direction:row-reverse}.s-count-down-with-button button .s-button-text:where([dir="rtl"],[dir="rtl"] *){flex-direction:row}.s-gifting-widget .s-button-text{display:flex}.s-gifting-steps-wrapper .s-button-wrap{pointer-events:auto !important}.s-map-location-button .s-button-text{display:flex;align-items:center}@media (max-width: 768px){.s-order-edit-actions salla-button .s-button-element{width:100%;min-width:0;padding-inline:0.5rem}}.s-order-summary-item-copy-button.copied .s-button-text{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.s-product-card-compact .s-add-product-button-compact salla-button .s-button-btn{height:2rem;border-radius:0.375rem;border-width:1px;border-color:var(--color-primary);background-color:transparent;padding-left:0.75rem;padding-right:0.75rem;font-size:0.75rem;line-height:1rem;font-weight:500;color:var(--color-primary);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}.s-product-card-compact .s-add-product-button-compact salla-button .s-button-btn:hover{border-color:var(--color-primary);background-color:var(--color-primary);--tw-bg-opacity:0.1;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}';var h='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>alert-engine</title>\n<path d="M16 18.673c-0.736 0-1.333 0.604-1.333 1.34s0.597 1.333 1.333 1.333 1.333-0.597 1.333-1.333v-0.013c0-0.736-0.597-1.327-1.333-1.327zM2.667 16c0-3.092 1.083-6.105 3.047-8.484 0.469-0.568 0.389-1.408-0.179-1.877-0.568-0.468-1.408-0.388-1.877 0.179-2.359 2.857-3.657 6.473-3.657 10.183s1.299 7.325 3.657 10.183c0.264 0.319 0.645 0.484 1.029 0.484 0.299 0 0.6-0.1 0.848-0.305 0.568-0.469 0.648-1.309 0.179-1.877-1.964-2.379-3.047-5.392-3.047-8.484zM16 10.667c-0.736 0-1.333 0.597-1.333 1.333v4c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-4c0-0.736-0.597-1.333-1.333-1.333zM16 5.333c-5.881 0-10.667 4.785-10.667 10.667s4.785 10.667 10.667 10.667 10.667-4.785 10.667-10.667-4.785-10.667-10.667-10.667zM16 24c-4.412 0-8-3.588-8-8s3.588-8 8-8 8 3.588 8 8-3.588 8-8 8zM28.343 5.817c-0.469-0.567-1.307-0.647-1.877-0.179-0.568 0.469-0.648 1.309-0.179 1.877 1.964 2.379 3.047 5.392 3.047 8.484s-1.083 6.105-3.047 8.484c-0.469 0.568-0.389 1.408 0.179 1.877 0.249 0.205 0.549 0.305 0.848 0.305 0.384 0 0.765-0.165 1.028-0.484 2.36-2.857 3.659-6.473 3.659-10.183s-1.299-7.325-3.657-10.183z"></path>\n</svg>\n';const g=class{constructor(r){t(this,r),this.drawerVisibilityChanged=a(this,"drawerVisibilityChanged"),this.isClosable=!0,this.width="md",this.position="right",this.visible=!1,this.hasSkeleton=!1,this.isLoading=!1,this.subTitleFirst=!1,this.noPadding=!1,this.subTitle="",this.centered=!1,this.iconStyle=void 0,salla.event.on("drawer::open",(t=>t==this.host.id&&this.open())),salla.event.on("drawer::close",(t=>t==this.host.id&&this.close())),this.drawerTitle=this.host.getAttribute("drawer-title")}handleVisible(t){if(!t)return this.drawerVisibilityChanged.emit(!1),void this.toggleDrawer(!1);this.drawerVisibilityChanged.emit(!0),this.host.classList.remove("s-hidden"),setTimeout((()=>this.toggleDrawer(!0)))}handleKeyUp(t){"Escape"===t.key&&this.closeDrawer()}async open(){return this.host.setAttribute("visible",""),this.handleAutoFocus(),this.host}async close(){return this.host.removeAttribute("visible"),this.host}async setTitle(t){return this.drawerTitle=t,this.host}async loading(){return this.isLoading=!0,this.host}async stopLoading(){return this.isLoading=!1,this.host}handleAutoFocus(){const t=this.host.querySelector("input, textarea, select");t&&setTimeout((()=>{t.focus()}),100)}toggleDrawer(t){const r=this.host.querySelector(".s-drawer-body");d.toggleElementClassIf(r,"s-drawer-entering","s-drawer-leaving",(()=>t)).toggleElementClassIf(this.overlay,"s-drawer-entering","s-drawer-overlay-leaving",(()=>t)).toggleElementClassIf(document.body,"drawer-is-open","drawer-is-closed",(()=>t)),t||setTimeout((()=>this.host.classList.add("s-hidden")),350)}closeDrawer(t){this.isClosable&&(salla.event.dispatch("drawer::close",{reason:t}),this.host.removeAttribute("visible"))}iconBlockClasses(){return{"s-drawer-icon":!0,"s-drawer-bg-error":"error"==this.iconStyle,"s-drawer-bg-success":"success"==this.iconStyle,"s-drawer-bg-normal":!this.iconStyle,"s-drawer-bg-primary":"primary"==this.iconStyle}}getWidth(){return this.isLoading?this.hasSkeleton?"md":"xs":this.width}render(){return this.host.id=this.host.id||"salla-drawer",this.isLoading?r(e,{class:"salla-drawer s-drawer s-drawer-container s-hidden","aria-modal":"true",role:"dialog",onKeyUp:t=>this.handleKeyUp(t)},r("div",{class:"s-drawer-overlay s-drawer-overlay-leaving",ref:t=>this.overlay=t,onClick:()=>this.closeDrawer("backdropClick")}),r("div",{class:"s-drawer-wrapper s-drawer-wrapper-"+this.position},r("div",{class:"s-drawer-body flex justify-center s-drawer-leaving s-drawer-"+this.position+" s-drawer-"+this.getWidth()+(this.noPadding?" s-drawer-nopadding":" s-drawer-padding")},r("slot",{name:"loading"},r("salla-loading",null)),r("div",{class:"s-hidden"},r("slot",null))))):r(e,{class:"salla-drawer s-drawer s-drawer-container s-hidden","aria-modal":"true",role:"dialog"},r("div",{class:"s-drawer-overlay s-drawer-overlay-leaving",ref:t=>this.overlay=t,onClick:()=>this.closeDrawer("backdropClick")}),r("div",{class:"s-drawer-wrapper s-drawer-wrapper-"+this.position},r("div",{class:"s-drawer-body s-drawer-leaving s-drawer-"+this.position+" s-drawer-"+this.getWidth()+(this.noPadding?" s-drawer-nopadding":" s-drawer-padding")},r("div",{class:{"s-drawer-header":!0,"s-drawer-is-center":this.centered}},this.isClosable?r("button",{class:"s-drawer-close",onClick:()=>this.closeDrawer("closeButtonClick"),type:"button"},r("span",{innerHTML:n})):"",this.drawerTitle||this.subTitle?r("div",{class:"s-drawer-header-inner"},r("slot",{name:"icon"},this.iconStyle?r("div",{class:this.iconBlockClasses(),innerHTML:"error"==this.iconStyle?h:l}):""),r("div",{class:"s-drawer-header-content"},this.drawerTitle?r("div",{class:{"s-drawer-title":!0,"s-drawer-title-below":this.subTitleFirst},innerHTML:this.drawerTitle}):"",this.subTitle?r("p",{class:{"s-drawer-sub-title":!0},innerHTML:this.subTitle}):"")):""),r("slot",null),r("slot",{name:"footer"}))))}componentDidLoad(){document.body.append(this.host)}get host(){return o(this)}static get watchers(){return{visible:["handleVisible"]}}};g.style='/*!twlt*/.visible{visibility:visible}.flex{display:flex}.hidden{display:none}.justify-center{justify-content:center}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-hidden{display:none}.s-drawer-container{position:fixed;inset:0px;z-index:200;height:100vh;overflow:hidden}.s-drawer-wrapper{display:flex;height:100%;align-items:stretch;overflow-y:auto;overflow-x:hidden;text-align:center}.s-drawer-wrapper-left{justify-content:flex-start}.s-drawer-wrapper-right{justify-content:flex-end}.s-drawer-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-drawer-loader::before{display:inline-block;height:2.5rem;content:var(--tw-content);width:2.5rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-drawer-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:\'\';content:var(--tw-content)}.s-drawer-close{position:absolute;top:0.75rem;z-index:10;width:2.75rem;cursor:pointer;border-style:none;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:0.5rem;padding-right:0.5rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-drawer-close:focus{outline:2px solid transparent;outline-offset:2px}.s-drawer-close:where([dir="ltr"],[dir="ltr"] *){right:1rem}.s-drawer-close:where([dir="rtl"],[dir="rtl"] *){left:1rem}.s-drawer-close svg{width:1.25rem;fill:#f87171}.s-drawer-close svg:hover{fill:#ef4444}.s-drawer-header{display:flex}@media (min-width: 640px){.s-drawer-header{flex-direction:column}}.s-drawer-header-inner{margin-bottom:1.25rem;display:flex;align-items:center;padding:1rem;text-align:left;font-size:1.125rem;line-height:1.75rem;font-weight:500}.s-drawer-header-content{display:flex;flex-direction:column;text-align:left}@media (min-width: 768px){.s-drawer-header-content{text-align:center}}.s-drawer-header-content:where([dir="rtl"],[dir="rtl"] *){text-align:right}@media (min-width: 768px){.s-drawer-header-content:where([dir="rtl"],[dir="rtl"] *){text-align:center}}.s-drawer-header-img{margin-left:auto;margin-right:auto;max-width:150px}@media (min-width: 640px){.s-drawer-header-img{margin-bottom:1rem}}.s-drawer-icon{display:inline-flex;height:4rem;width:4rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));font-size:1.875rem;line-height:2.25rem}@media (min-width: 640px){.s-drawer-icon{margin-left:auto;margin-right:auto;margin-bottom:1rem;height:5rem;width:5rem}}.s-drawer-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0.5rem}@media (min-width: 640px){.s-drawer-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0px}}.s-drawer-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0.5rem}@media (min-width: 640px){.s-drawer-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0px}}.s-drawer-icon svg{fill:#9ca3af}.s-drawer-bg-normal{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.s-drawer-bg-success{--tw-border-opacity:1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.s-drawer-bg-success svg{fill:#16a34a}.s-drawer-bg-error{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.s-drawer-bg-error svg{fill:#dc2626}.s-drawer-bg-primary{border-color:var(--color-primary);background-color:var(--color-primary)}.s-drawer-bg-primary svg{fill:var(--color-primary-reverse)}.s-drawer-title{font-size:1.125rem;font-weight:700;line-height:1.5rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-drawer-title{margin-bottom:0.5rem}}.s-drawer-sub-title{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-drawer-sub-title{margin-bottom:0.5rem}}.s-drawer-title-below{order:10}.s-drawer-body-slot{width:100%}.s-drawer-body{position:fixed;bottom:0px;top:0px;width:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}@media (min-width: 640px){.s-drawer-body{position:relative;overflow:visible}}.s-drawer-body:where([dir="ltr"],[dir="ltr"] *){text-align:left}.s-drawer-body:where([dir="rtl"],[dir="rtl"] *){text-align:right}.s-drawer-padding{padding:1rem;padding-top:1.5rem}@media (min-width: 640px){.s-drawer-padding{padding:1.5rem}}.s-drawer-no-padding{padding:0px}.s-drawer-spacer{display:inline-block;height:100vh}.s-drawer-align-middle{vertical-align:bottom}@media (min-width: 640px){.s-drawer-align-middle{vertical-align:middle}}.s-drawer-align-top{vertical-align:bottom}@media (min-width: 640px){.s-drawer-align-top{vertical-align:top}}.s-drawer-align-bottom{vertical-align:bottom}.s-drawer-overlay{position:fixed;inset:0px;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));--tw-bg-opacity:0.75;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}.s-drawer-overlay-leaving{opacity:0}.s-drawer-entering{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1;transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.s-drawer-leaving{--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}@media (min-width: 640px){.s-drawer-leaving{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.s-drawer-is-center{align-items:center}@media (min-width: 640px){.s-drawer-is-center{text-align:center}}.s-drawer-left.s-drawer-leaving:where([dir="ltr"],[dir="ltr"] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-drawer-left.s-drawer-leaving:where([dir="rtl"],[dir="rtl"] *){--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-drawer-right.s-drawer-leaving:where([dir="ltr"],[dir="ltr"] *){--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-drawer-right.s-drawer-leaving:where([dir="rtl"],[dir="rtl"] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 480px){.s-drawer-xs{max-width:320px}}@media (min-width: 640px){.s-drawer-sm{max-width:400px}}@media (min-width: 768px){.s-drawer-md{max-width:500px}}.s-drawer-lg{max-width:600px}.s-drawer-xl{max-width:800px}.s-drawer-full{width:100%}@media (min-width: 768px){.s-drawer-full{width:calc(100% - 70px)}}';const u=class{constructor(r){t(this,r),this.size=32,this.width=2,this.color=void 0,this.bgColor="#e5e7eb"}render(){return r(e,{key:"0f3796a2a8f9610f40e20eb01e4d60fb56e11a03",class:"s-loading-container"},r("svg",{key:"d9d98cfa05e5c7d188237a0a4833c4cd13c2855c","aria-hidden":"true",style:{width:`${this.size}px`,height:`${this.size}px`,fill:this.color,color:this.bgColor},class:"s-loading",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"75ea4d6f86456c86249dab53f3e18d21cc0380ef",d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),r("path",{key:"8bfd0b7ea965749ed9456742f36d2ffa28cff9f3",d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})))}};u.style="/*!twlt*/.s-loading{animation:spin 1s linear infinite;fill:var(--color-primary)}.s-loading-container{display:flex;justify-content:center;align-items:center}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.border{border-width:1px}.s-loading-fill-color{fill:var(--color-primary)}.s-map-modal-body .s-loading-container{position:absolute;margin:0px;padding:5rem}";const y=class{constructor(r){t(this,r),this.modalVisibilityChanged=a(this,"modalVisibilityChanged"),this.modalBack=a(this,"modalBack"),this.isClosable=!0,this.width="md",this.customWidth=void 0,this.position="middle",this.visible=!1,this.hasSkeleton=!1,this.isLoading=!1,this.subTitleFirst=!1,this.noPadding=!1,this.subTitle="",this.centered=!1,this.iconStyle=void 0,this.showBack=!1,this.hideCloseButton=!1,salla.event.on("modal::open",(t=>t==this.host.id&&this.open())),salla.event.on("modal::close",(t=>t==this.host.id&&this.close())),this.modalTitle=this.host.getAttribute("modal-title")}handleVisible(t){if(!t)return this.modalVisibilityChanged.emit(!1),void this.toggleModal(!1);this.modalVisibilityChanged.emit(!0),this.host.classList.remove("s-hidden"),setTimeout((()=>this.toggleModal(!0)))}handleKeyUp(t){"Escape"===t.key&&this.closeModal()}async open(){return this.host.setAttribute("visible",""),this.handleAutoFocus(),this.host}async close(){return this.host.removeAttribute("visible"),this.host}async setTitle(t){return this.modalTitle=t,this.host}async loading(){return this.isLoading=!0,this.host}async stopLoading(){return this.isLoading=!1,this.host}handleAutoFocus(){const t=this.host.querySelector("input, textarea, select");t&&setTimeout((()=>{t.focus()}),100)}toggleModal(t){const r=this.host.querySelector(".s-modal-body");d.toggleElementClassIf(r,"s-modal-entering","s-modal-leaving",(()=>t)).toggleElementClassIf(this.overlay,"s-modal-entering","s-modal-overlay-leaving",(()=>t)).toggleElementClassIf(document.body,"modal-is-open","modal-is-closed",(()=>t)),t||setTimeout((()=>this.host.classList.add("s-hidden")),350)}closeModal(t){this.isClosable&&(salla.event.dispatch("modal::close",{reason:t}),this.host.removeAttribute("visible"))}handleBack(){this.modalBack.emit()}iconBlockClasses(){return{"s-modal-icon":!0,"s-modal-bg-error":"error"==this.iconStyle,"s-modal-bg-success":"success"==this.iconStyle,"s-modal-bg-normal":!this.iconStyle,"s-modal-bg-primary":"primary"==this.iconStyle}}getWidth(){return this.isLoading?this.hasSkeleton?"md":"xs":this.width}getCustomWidthStyle(){return"custom"===this.getWidth()&&this.customWidth?{"--s-modal-custom-width":this.customWidth}:{}}getBackIcon(){return"rtl"===document.documentElement.getAttribute("dir")?p:c}render(){return this.host.id=this.host.id||"salla-modal",this.isLoading?r(e,{class:"salla-modal s-modal s-modal-container s-hidden","aria-modal":"true",role:"dialog",onKeyUp:t=>this.handleKeyUp(t)},r("div",{class:"s-modal-overlay",ref:t=>this.overlay=t,onClick:()=>this.closeModal("backdropClick")}),r("div",{class:"s-modal-wrapper"},r("span",{class:"s-modal-spacer s-modal-align-"+this.position},""),r("div",{class:"s-modal-body s-modal-align-"+this.position+" s-modal-"+this.getWidth()+(this.noPadding?" s-modal-nopadding":" s-modal-padding"),style:this.getCustomWidthStyle()},r("slot",{name:"loading"},r("salla-loading",null)),r("div",{class:"s-hidden"},r("slot",null))))):r(e,{class:"salla-modal s-modal s-modal-container s-hidden","aria-modal":"true",role:"dialog"},r("div",{class:"s-modal-overlay",ref:t=>this.overlay=t,onClick:()=>this.closeModal("backdropClick")}),r("div",{class:"s-modal-wrapper"},r("span",{class:"s-modal-spacer s-modal-align-"+this.position},""),r("div",{class:"s-modal-body s-modal-align-"+this.position+" s-modal-"+this.getWidth()+(this.noPadding?" s-modal-nopadding":" s-modal-padding"),style:this.getCustomWidthStyle()},r("div",{class:{"s-modal-header":!0,"s-modal-is-center":this.centered}},this.showBack?r("salla-button",{class:"s-modal-back",shape:"icon",color:"light",size:"medium","aria-label":"Back",onClick:()=>this.handleBack()},r("span",{innerHTML:this.getBackIcon()})):"",this.isClosable&&!this.hideCloseButton?r("button",{class:"s-modal-close",onClick:()=>this.closeModal("closeButtonClick"),type:"button"},r("span",{innerHTML:n})):"",this.modalTitle||this.subTitle?r("div",{class:"s-modal-header-inner"},r("slot",{name:"icon"},this.iconStyle?r("div",{class:this.iconBlockClasses(),innerHTML:"error"==this.iconStyle?h:l}):""),r("div",{class:"s-modal-header-content"},this.modalTitle?r("div",{class:{"s-modal-title":!0,"s-modal-title-below":this.subTitleFirst},innerHTML:this.modalTitle}):"",this.subTitle?r("p",{class:{"s-modal-sub-title":!0},innerHTML:this.subTitle}):"")):""),r("slot",null),r("slot",{name:"footer"}))))}componentDidLoad(){document.body.append(this.host)}get host(){return o(this)}static get watchers(){return{visible:["handleVisible"]}}};y.style='/*!twlt*/@media screen and (max-width: 470px){.modal-is-open{position:fixed;width:100%}}@media screen and (max-width: 639px){.s-modal-body{max-height:calc(100vh - 2rem) !important;overflow-y:auto !important;overflow-x:hidden !important}}.s-modal-back{position:absolute;top:0.35rem;inset-inline-start:0.35rem;z-index:1;margin:0 !important;line-height:0}.s-modal-back .s-button-element,.s-modal-back .s-button-icon{margin:0 !important}.visible{visibility:visible}.hidden{display:none}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-hidden{display:none}.s-booking-field-modal .s-modal-body{overflow:hidden;padding:1.25rem}.s-booking-field-modal .s-modal-title{display:flex;justify-content:flex-start}.s-bottom-alert-modal .s-modal-body{padding-top:1rem;padding-bottom:1rem}.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body{padding:0px}@media (min-width: 768px){.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body{max-height:70dvh;overflow-y:auto}}.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body:has(.s-searchable-dropdown--open){overflow:visible !important}.s-comments-item-images-slider .s-modal-close{background-color:transparent}.s-delivery-promise-city-modal .s-modal-title{font-weight:700;color:var(--color-primary,#00897b)}.s-delivery-promise-city-modal .s-modal-sub-title{font-size:0.875rem;line-height:1.25rem;line-height:1.45;color:var(--color-text-secondary,#5c6c7c)}.s-delivery-promise-city-modal .s-modal-body{overflow:visible !important}.s-delivery-promise-city-modal .s-modal-body>salla-button{position:relative;z-index:0;margin-top:1rem}.s-gifting-modal .s-modal-header{display:block}.s-gifting-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;padding-bottom:2rem}@media (min-width: 640px){.s-gifting-modal .s-modal-body{padding-bottom:1.5rem}}@media (max-width: 768px){.s-loyalty-modal .s-modal-body{max-height:100%;overflow-y:scroll}}.s-modal-container{position:fixed;inset:0px;z-index:200;overflow:hidden}.s-modal-wrapper{height:100%;overflow-y:auto;text-align:center}.s-modal-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-modal-loader::before{display:inline-block;height:2.5rem;content:var(--tw-content);width:2.5rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-modal-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:\'\';content:var(--tw-content)}.s-modal-close{position:absolute;top:0.75rem;z-index:10;width:2.75rem;cursor:pointer;border-style:none;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:0.5rem;padding-right:0.5rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-modal-close:focus{outline:2px solid transparent;outline-offset:2px}.s-modal-close:where([dir="ltr"],[dir="ltr"] *){right:0px}.s-modal-close:where([dir="rtl"],[dir="rtl"] *){left:0px}.s-modal-close svg{width:1.25rem;fill:#f87171}.s-modal-close svg:hover{fill:#ef4444}.s-modal-header{flex-direction:column}.s-modal-header-inner{margin-bottom:1.25rem;display:flex;align-items:center;padding-right:2rem;text-align:center}@media (min-width: 640px){.s-modal-header-inner{display:block}}@media (min-width: 768px){.s-modal-header-inner{padding:0px !important}}.s-modal-header-inner:where([dir="rtl"],[dir="rtl"] *){padding-left:2rem;padding-right:0px}.s-modal-header-content{display:flex;flex-direction:column;text-align:left}@media (min-width: 768px){.s-modal-header-content{text-align:center}}.s-modal-header-content:where([dir="rtl"],[dir="rtl"] *){text-align:right}@media (min-width: 768px){.s-modal-header-content:where([dir="rtl"],[dir="rtl"] *){text-align:center}}.s-modal-header-img{margin-left:auto;margin-right:auto;max-width:150px}@media (min-width: 640px){.s-modal-header-img{margin-bottom:1rem}}.s-modal-icon{display:inline-flex;height:4rem;width:4rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));font-size:1.875rem;line-height:2.25rem}@media (min-width: 640px){.s-modal-icon{margin-left:auto;margin-right:auto;margin-bottom:1rem;height:5rem;width:5rem}}.s-modal-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0.5rem}@media (min-width: 640px){.s-modal-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0px}}.s-modal-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0.5rem}@media (min-width: 640px){.s-modal-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0px}}.s-modal-icon svg{fill:#9ca3af}.s-modal-bg-normal{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.s-modal-bg-success{--tw-border-opacity:1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.s-modal-bg-success svg{fill:#16a34a}.s-modal-bg-error{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.s-modal-bg-error svg{fill:#dc2626}.s-modal-bg-primary{border-color:var(--color-primary);background-color:var(--color-primary)}.s-modal-bg-primary svg{fill:var(--color-primary-reverse)}.s-modal-title{font-size:1.125rem;font-weight:700;line-height:1.5rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-modal-title{margin-bottom:0.5rem}}.s-modal-sub-title{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-modal-sub-title{margin-bottom:0.5rem}}.s-modal-title-below{order:10}.s-modal-body-slot{width:100%}.s-modal-body{position:fixed;left:0px;bottom:0px;display:inline-block;width:100%;--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;border-radius:var(--s-radius, 0.25rem);border-bottom-right-radius:0px;border-bottom-left-radius:0px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}@media (min-width: 640px){.s-modal-body{position:relative;margin-top:2rem;margin-bottom:2rem;--tw-translate-y:0px;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:visible;border-bottom-right-radius:var(--s-radius, 0.25rem);border-bottom-left-radius:var(--s-radius, 0.25rem)}}@media (min-width: 768px){.s-modal-body{left:unset;bottom:unset}}.s-modal-body:where([dir="ltr"],[dir="ltr"] *){text-align:left}.s-modal-body:where([dir="rtl"],[dir="rtl"] *){text-align:right}.s-modal-padding{padding:1rem;padding-top:1.5rem}@media (min-width: 640px){.s-modal-padding{padding:1.5rem}}.s-modal-spacer{display:inline-block;height:100vh}.s-modal-align-middle{vertical-align:bottom}@media (min-width: 640px){.s-modal-align-middle{vertical-align:middle}}.s-modal-align-top{vertical-align:bottom}@media (min-width: 640px){.s-modal-align-top{vertical-align:top}}.s-modal-align-bottom{vertical-align:bottom}.s-modal-overlay{position:fixed;inset:0px;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));--tw-bg-opacity:0.75;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}.s-modal-overlay-leaving{opacity:0}.s-modal-entering{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1;transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}@media (min-width: 640px){.s-modal-entering{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.s-modal-leaving{--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}@media (min-width: 640px){.s-modal-leaving{--tw-translate-y:0px;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.s-modal-is-center{align-items:center}@media (min-width: 640px){.s-modal-is-center{text-align:center}.s-modal-xs{max-width:380px}.s-modal-sm{max-width:480px}}@media (min-width: 768px){.s-modal-md{max-width:768px}}.s-modal-lg{max-width:992px}.s-modal-xl{max-width:1280px}.s-modal-full{height:100%;width:100%}@media (min-width: 768px){.s-modal-full{height:calc(100% - 70px);width:calc(100% - 70px)}}@media (min-width: 640px){.s-modal-auto{width:fit-content !important;max-width:90vw}.s-modal-custom{max-width:min(var(--s-modal-custom-width), 90vw) !important;width:var(--s-modal-custom-width) !important}}.s-offer-modal-type-discounts-table .s-modal-body{position:relative !important}salla-modal.s-order-cancel-modal .s-modal-body{display:inline-flex;max-height:100svh;flex-direction:column;overflow:hidden;text-align:start}@media (min-width: 768px){salla-modal.s-order-cancel-modal .s-modal-body{max-height:92svh}}salla-modal.s-order-cancel-modal .s-modal-header{width:100%;flex-shrink:0;align-items:flex-start;text-align:start}salla-modal.s-order-cancel-modal .s-modal-header-inner{margin-bottom:1.25rem;display:block !important;width:100%;padding-inline-end:2.5rem;padding-inline-start:0px;text-align:start}@media (min-width: 768px){salla-modal.s-order-cancel-modal .s-modal-header-inner{padding:0px}}salla-modal.s-order-cancel-modal .s-modal-header-inner:where([dir="rtl"],[dir="rtl"] *){padding-inline-start:2.5rem;padding-inline-end:0px}salla-modal.s-order-cancel-modal .s-modal-header-content{width:100%;align-items:flex-start;text-align:start}salla-modal.s-order-cancel-modal .s-modal-title{margin-bottom:0px;width:100%;text-align:start;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-product-size-guide-wrapper .s-modal-title{margin-bottom:0px !important}.s-rating-modal-wrap .s-modal-body{position:relative !important}.s-scopes-modal .s-modal-header{display:block !important}@media (min-width: 640px){.s-search-modal .s-modal-wrapper{align-items:flex-start;padding:0}.s-search-modal .s-modal-spacer{display:inline}}@media (max-width: 639px){.s-search-modal .s-modal-body{height:100dvh;max-height:100dvh !important}}@media (min-width: 640px){.s-search-modal .s-modal-body{padding:0;width:700px;max-width:90%;margin-top:3.2rem;border-radius:0.5rem;background:transparent;overflow:visible;position:relative !important}}.s-search-modal .s-modal-close{top:50%;transform:translateY(-50%)}@media (min-width: 640px){.s-search-modal.s-search-modal-new .s-modal-body{background:white;overflow:hidden;width:1100px;max-width:95%}}';export{m as salla_accordion,b as salla_breadcrumb,w as salla_button,g as salla_drawer,u as salla_loading,y as salla_modal}
|
|
4
|
+
import{r as t,h as r,H as e,a as o,c as a}from"./p-D6VagDRi.js";import{A as i,a as s}from"./p-Vqpj4CWE.js";import{C as n}from"./p-BsLF_HK7.js";import{C as l}from"./p-BV4kqbdL.js";import{H as d}from"./p-CUSw0W26.js";import{a as c}from"./p-BedNk7k1.js";import{a as p}from"./p-B9q7ymSg.js";import"./p-CgtvEd63.js";const m=class{constructor(r){t(this,r),this.collapsible=!0,this.bordered=!1,this.size="md",this.collapsed=!0,this.dir=document.dir||"rtl"}directionChangedHandler(t){this.dir=t.detail.dir}handleCollapse(t){this.collapsed=t.detail.payload.collapsed}setcollapsibleProp(){const t=this.host.querySelector("salla-accordion-head");this.collapsible&&t&&(t.setAttribute("collapsible","true"),t.setAttribute("collapsed",this.collapsed.toString()))}componentDidRender(){this.setcollapsibleProp();const t=this.host.querySelector("salla-accordion-body");this.collapsible&&(this.host.setAttribute("data-collapsed",this.collapsed.toString()),t?.setAttribute("data-collapsed",this.collapsed.toString()))}render(){return r(e,{key:"1ea35adcb3558cad1c5e675ed7330e3859c31d20",class:`s-accordion-wrapper ${this.dir} ${this.bordered?"s-accordion-wrapper-bordered":""} ${this.size?`size-${this.size}`:""}`,"data-collapsed":this.collapsed.toString()},r("slot",{key:"596f47501e2080874cd28a304bc55b88409699cf"}))}get host(){return o(this)}};m.style="/*!twlt*/.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-accordion-wrapper{display:flex;height:auto;width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-radius:0.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));outline:2px solid transparent;outline-offset:0px}.s-accordion-wrapper-bordered{border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.s-accordion-head-wrapper{display:flex;width:100%;cursor:pointer;align-items:center;justify-content:space-between;gap:0.5rem;border-radius:var(--s-radius, 0.25rem);border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;padding:1rem}@media (min-width: 768px){.s-accordion-head-wrapper{padding-left:1.2rem;padding-right:1.2rem;padding-bottom:1rem}}.s-accordion-wrapper[collapsible='false'] .s-accordion-head-wrapper{cursor:auto}.s-accordion-head-wrapper-start{display:flex;flex:1 1 0%;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0.5rem;text-align:start;font-size:1.1rem}@media (min-width: 1024px){.s-accordion-head-wrapper-start{flex-direction:row;align-items:center}}.s-accordion-head-wrapper-end{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:0.5rem}@media (min-width: 1024px){.s-accordion-head-wrapper-end{gap:1rem}}.s-accordion-head-wrapper [slot='progress']{display:flex;flex:1 1 0%;align-items:center;justify-content:flex-start;gap:0.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-accordion-head-wrapper [slot='note']{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:0.5rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-accordion-head-wrapper-toggle{display:flex;height:1.8rem;width:1.8rem;flex-shrink:0;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:9999px;border-width:1px;font-size:1.125rem;line-height:1.75rem;color:var(--color-primary);transition-property:all;transition-duration:150ms;transition-duration:var(--transition-duration);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.s-accordion-head-wrapper-toggle:hover{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.s-accordion-head-wrapper-toggle:active{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}@media (min-width: 1024px){.s-accordion-head-wrapper-toggle{height:2.625rem;width:2.625rem}}.s-accordion-head-wrapper-toggle.active{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:var(--color-primary);background-color:var(--color-primary);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-accordion-head-wrapper-toggle svg{fill:var(--color-primary)}.s-accordion-head-wrapper-toggle.active svg{fill:#fff}.s-accordion-head-wrapper-toggle-icon svg{width:0.75rem}@media (min-width: 1024px){.s-accordion-head-wrapper-toggle-icon svg{width:1rem}}.s-accordion-body-wrapper{visibility:visible;position:relative;display:block;height:100%;max-height:1000px;width:100%;overflow:hidden;border-bottom-right-radius:0.5rem;border-bottom-left-radius:0.5rem;padding:1rem;opacity:1;transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@media (min-width: 768px){.s-accordion-body-wrapper{padding:1.714rem;padding-top:1rem}}.s-accordion-body-wrapper[data-collapsed='true']{visibility:hidden;max-height:0px;padding-top:0px;padding-bottom:0px;opacity:0}.s-accordion-body-wrapper[data-collapsed='true'] slot{display:none}.s-accordion-wrapper.size-sm .s-accordion-head-wrapper-toggle{height:1.9rem;width:1.9rem}.s-accordion-wrapper.size-sm .s-accordion-head-wrapper-toggle-icon svg{width:0.625rem}.s-offer-drawer-card .s-accordion-wrapper{margin:0px}.s-offer-drawer-card .s-accordion-head-wrapper{margin-right:60px;width:100%;max-width:370px;cursor:pointer;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-bottom:0.75rem;padding-right:0px;padding-top:0px}.s-offer-drawer-card .s-accordion-head-wrapper-end{display:none !important}.s-offer-drawer-card .s-accordion-body-wrapper{overflow:auto;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;padding-bottom:0px}.s-offer-drawer-card .s-accordion-body-wrapper::-webkit-scrollbar{width:5px}.s-offer-drawer-card .s-accordion-body-wrapper::-webkit-scrollbar-track{background-color:#eee}.s-offer-drawer-card .s-accordion-body-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}";const b=class{constructor(r){t(this,r),this.sessionStorageKey="breadcrumb_snapshot",this.itemSlot=this.host.querySelector('[slot="item"]')?.outerHTML||'<li class="s-breadcrumb-item"><a href={url}>{title}</a></li>',this.iconSlot=this.host.querySelector('[slot="icon"]')?.outerHTML}componentWillLoad(){return new Promise((t=>salla.onReady((()=>salla.lang.onLoaded(t))))).then((()=>{if(salla.url.is_page("index"))throw new Error("salla-breadcrumb:: breadcrumb not supported on home page")})).then((()=>{const t=salla.config.get("page");if("wishlist"===t?.slug)return void(this.breadcrumbs=[]);if(!salla.config.get("theme.settings.is_breadcrumbs_enabled",!0))throw new Error("salla-breadcrumb:: merchant disabled the feature");if(!t||!t.slug)return salla.logger.error('salla-breadcrumbs:: page object not existed on salla.config.get("page")!'),void(this.breadcrumbs=[]);let r=this.getSessionBreadcrumbs(),e=r[r.length-1];return"product.single"===t.slug&&r&&r.length>0&&e?.url&&t.parent?.url&&e.url===t.parent.url?(r.push({title:t.title,url:t.url}),this.breadcrumbs=this.setBreadcrumbsFromArray(r),this.storeBreadcrumbSnapshot()):r&&r.length>0?this.isNewPage(t,r)?(this.breadcrumbs=this.generateBreadcrumbs(t),this.storeBreadcrumbSnapshot()):this.breadcrumbs=this.setBreadcrumbsFromArray(r):(this.breadcrumbs=this.generateBreadcrumbs(t),this.storeBreadcrumbSnapshot()),this.breadcrumbs?.length&&(this.breadcrumbs[this.breadcrumbs.length-1].is_last=!0),this.breadcrumbs})).catch((t=>{salla.logger.error("salla-breadcrumb:: unexpected error!",t),this.breadcrumbs=[]}))}getSessionBreadcrumbs(){return"search-bar"===new URLSearchParams(window.location.search).get("from")?[]:JSON.parse(sessionStorage.getItem(this.sessionStorageKey)||"[]")}isNewPage(t,r){const e=r[r.length-1];return e?.url!==t.url}setBreadcrumbsFromArray(t){return t.map(((r,e)=>({...r,is_last:e===t.length-1})))}sanitizeBreadcrumbTitle(t,r=1){if(!t.includes("|"))return t.trim();const e=t.split("|").map((t=>t.trim())).filter(Boolean);return e[r]||e[0]||t.replace(/\|/g,"").trim()}generateBreadcrumbs(t){let r=[];if("product.single"===t.slug){const r=this.getSessionBreadcrumbs(),e=r[r.length-1];if(r.length>0&&e?.url&&t.parent?.url&&e.url===t.parent.url)return this.setBreadcrumbsFromArray([...r,{title:t.title,url:t.url}])}let e=t;for(;e;)e.title&&r.unshift({title:e.title,url:e.url}),e=e.parent;return t.slug.includes("customer")&&"customer.profile"!==t.slug&&r.unshift({title:salla.lang.get("common.titles.profile"),url:salla.url.get("account/profile")}),t.slug.includes("blog")&&r.unshift({title:salla.lang.get("blocks.footer.blog"),url:salla.url.get("blog")}),"brands.single"===t.slug&&r.unshift({title:salla.lang.get("common.titles.brands"),url:salla.url.get("brands")}),t.title||"loyalty"!==t.slug||r.unshift({title:salla.lang.get("common.titles.loyalty_program"),url:salla.url.get("loyalty")}),r.unshift({title:salla.lang.get("common.titles.home"),url:salla.url.get("")}),r}storeBreadcrumbSnapshot(){try{const t=salla.config.get("page");if("product.single"===t?.slug||"wishlist"===t?.slug)return;const r=[...this.breadcrumbs],e=r.length-1;e>=0&&(r[e].url=window.location.href);const o=JSON.stringify(r);sessionStorage.setItem(this.sessionStorageKey,o)}catch(t){salla.logger.error("salla-breadcrumb:: Failed to store breadcrumb snapshot in sessionStorage.",t)}}render(){if(this.breadcrumbs.length<=1)return salla.log("salla-breadcrumb:: There is no breadcrumbs!"),null;if("wishlist"===salla.config.get("page.slug"))return null;const t="product.single"===salla.config.get("page.slug");return[r("ol",{class:{"s-breadcrumb-wrapper":!0,"s-breadcrumb-dark":salla.url.is_page("loyalty"),"s-breadcrumb-primary-reverse":salla.config.get("page.slug").includes("customer")}},this.breadcrumbs.map((e=>{const o=t&&e.is_last?e.title:this.sanitizeBreadcrumbTitle(e.title),a=this.itemSlot.replace(/\{url\}/g,e.url).replace(/\{title\}/g,o);return[r("div",{class:"s-breadcrumb-slot",innerHTML:a}),this.getArrowDomForItem(e)]}))),r("script",{type:"application/ld+json",innerHTML:this.getJsonLd(t)})]}getJsonLd(t){const r=this.breadcrumbs.map(((r,e)=>{const o={"@type":"ListItem",position:e+1,name:t&&r.is_last?r.title:this.sanitizeBreadcrumbTitle(r.title)};return!r.is_last&&r.url&&(o.item=this.toAbsoluteUrl(r.url)),o}));return JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:r}).replace(/</g,"\\u003c")}toAbsoluteUrl(t){try{return new URL(t,window.location.origin).href}catch{return t}}getArrowDomForItem(t){if(t.is_last)return"";let e=this.iconSlot||(salla.config.get("theme.is_rtl",!0)?i:s);return r("li",{class:"s-breadcrumb-arrow"},r("div",{class:{"s-breadcrumb-icon-slot":!0,"s-breadcrumb-default-icon":!this.iconSlot},innerHTML:e}))}componentDidRender(){this.host.querySelectorAll(".s-breadcrumb-slot").forEach((t=>t.replaceWith(t.firstChild))),this.host.querySelectorAll(".s-breadcrumb-icon-slot.s-breadcrumb-default-icon").forEach((t=>t.replaceWith(t.querySelector("svg")))),this.host.querySelector('[slot="item"]')?.remove(),this.host.querySelector('[slot="icon"]')?.remove();let t=this.host.querySelectorAll(".s-breadcrumb-item")[this.breadcrumbs.length-1]?.querySelector("a");t&&t.replaceWith(t.firstChild)}componentDidLoad(){"wishlist"===salla.config.get("page.slug")&&document.getElementById("page-main-title")?.remove()}get host(){return o(this)}};b.style="/*!twlt*/:host{display:block}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-breadcrumb-wrapper{display:flex;flex-wrap:wrap;align-items:center;font-size:0.875rem;line-height:1.25rem}.s-breadcrumb-item{display:inline-block}.s-breadcrumb-dark{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-breadcrumb-dark a{--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important}.s-breadcrumb-dark svg{fill:var(--color-primary-reverse);opacity:0.7}.s-breadcrumb-primary-reverse a{color:var(--color-primary-reverse)}.s-breadcrumb-primary-reverse a:hover{opacity:0.8}.s-breadcrumb-primary-reverse li{color:var(--color-primary-reverse);opacity:0.8}.s-breadcrumb-primary-reverse svg{fill:var(--color-primary-reverse);opacity:0.7}.s-breadcrumb-arrow{margin-left:0.5rem;margin-right:0.5rem}.s-breadcrumb-arrow svg{height:0.875rem;width:0.875rem}";const w=class{constructor(r){t(this,r),this.shape="btn",this.color="primary",this.fill="solid",this.size="medium",this.width="normal",this.loading=!1,this.enableLoader=!0,this.disabled=!1,this.loaderPosition="after",this.type="button"}async load(){return"center"==this.loaderPosition&&this.text.classList.add("s-button-hide"),this.host.setAttribute("loading",""),this.host}async stop(){return this.host.removeAttribute("loading"),this.host.querySelector("button").removeAttribute("loading"),"center"==this.loaderPosition&&this.text.classList.remove("s-button-hide"),this.host}async setText(t){return this.text.innerHTML=t,this.host}async disable(){return this.host.setAttribute("disabled",""),this.host}async enable(){return this.host.removeAttribute("disabled"),this.host}getBtnAttributes(){const t=["color","fill","size","width","id","enable-loader"];this.enableLoader||t.push("loading");const r={};for(let e=0;e<this.host.attributes.length;e++)t.includes(this.host.attributes[e].name)||(r[this.host.attributes[e].name]=this.host.attributes[e].value);r.type=r.type||this.type;const e=r.class||"";return r.class=e+" s-button-element s-button-"+this.shape+" s-button-"+("none"==this.fill?"fill-none":this.fill)+("medium"!=this.size?" s-button-"+this.size:"")+("normal"!=this.width?" s-button-"+this.width:"")+("link"==this.shape?" s-button-"+this.color+"-link":"")+("link"!=this.shape&&"outline"!=this.fill?" s-button-"+this.color:"")+("outline"==this.fill?" s-button-"+this.color+"-outline":"")+(this.disabled?" s-button-disabled ":"")+("icon"==this.shape?" s-button-loader-center":" s-button-loader-"+this.loaderPosition),r["aria-label"]||r["aria-labelledby"]||(this.host.textContent||"").trim()||(e.includes("btn--wishlist")||e.includes("wishlist")?r["aria-label"]=salla.lang.getWithDefault("pages.products.add_to_wishlist","Add or remove to wishlist"):"icon"===this.shape&&console.warn("Icon button is missing aria-label attribute")),r}button(){return r("button",{...this.getBtnAttributes(),disabled:this.disabled},r("span",{class:"s-button-text",ref:t=>this.text=t},r("slot",null)),this.loading&&this.enableLoader?r("span",{class:"s-button-loader"}):"")}render(){return this.host.closest(".swiper-slide")?.classList.contains("swiper-slide-duplicate")?"":r(e,{class:"s-button-wrap"},this.href?r("a",{href:this.href},this.button()):this.button())}get host(){return o(this)}};w.style='/*!twlt*/.visible{visibility:visible}.fill-none{fill:none}.outline{outline-style:solid}.s-button-btn{position:relative;display:inline-flex;flex:1 1 0%;user-select:none;flex-direction:row-reverse;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--s-radius, 0.25rem);border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-btn:hover{opacity:0.8}.s-button-primary{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-button-primary:hover{background-color:var(--color-primary-dark)}.s-button-text{pointer-events:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-button-loader::before{display:inline-block;height:1rem;content:var(--tw-content);width:1rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-button-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:\'\';content:var(--tw-content)}.s-button-wrap{pointer-events:none}.s-button-wrap svg{height:1.25rem;width:1.25rem;fill:currentColor}.s-button-loader-center .s-button-loader{position:absolute;top:50%;left:50%;margin:0px !important;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-button-element:not(:disabled):not([loading]){pointer-events:auto}.s-button-wide{width:100%}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.btn{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.btn:hover{opacity:0.8}.s-add-product-button-with-sticky-bar salla-quick-buy .s-quick-buy-button .s-button-text span{display:none}@media (min-width: 768px){.s-add-product-button-with-sticky-bar salla-quick-buy .s-quick-buy-button .s-button-text span{display:block}}.s-basket-gap-card-btn salla-button .s-button-btn{border-radius:var(--s-radius, 0.25rem);border-width:1px !important;border-color:var(--color-primary) !important;background-color:transparent !important;color:var(--color-primary) !important}.s-basket-gap-card-btn salla-button .s-button-btn:hover{background-color:var(--color-primary) !important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important}.s-basket-gap-card-btn salla-button .s-button-loader:before{border-top-color:var(--color-primary) !important;border-left-color:var(--color-primary) !important;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1)) !important;--tw-border-opacity:1 !important;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1)) !important}.s-bottom-alert-modal-content-footer button .s-button-text{display:flex;align-items:center;gap:0.5rem}.s-button-wrap{pointer-events:none}.s-button-wrap[width=\'wide\']{width:100%}.s-button-wrap[type=\'submit\']{appearance:none}.s-button-wrap[type=\'button\']{appearance:none}.s-button-wrap[type=\'reset\']{appearance:none}.s-button-wrap[loading] .s-button-loader-center .s-button-text{opacity:0}.s-button-element:not(:disabled):not([loading]){pointer-events:auto}.s-button-btn{position:relative;display:inline-flex;flex:1 1 0%;user-select:none;flex-direction:row-reverse;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--s-radius, 0.25rem);border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-btn:hover{opacity:0.8}.s-button-wrap svg{height:1.25rem;width:1.25rem;fill:currentColor}.s-button-icon{position:relative;margin-left:0.25rem;margin-right:0.25rem;display:inline-flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px !important;padding:0px !important;font-weight:500;line-height:1 !important;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-icon .s-button-text{display:flex}.s-button-icon.s-button-large{height:3.5rem;width:3.5rem}.s-button-icon.s-button-large svg{height:2rem;width:2rem}.s-button-icon.s-button-small{height:1.5rem;width:1.5rem}.s-button-icon.s-button-small svg{height:0.875rem;width:0.875rem}.s-button-icon.s-button-small .s-button-loader:before{height:0.875rem;width:0.875rem}.s-button-link{fill:var(--color-primary);padding-left:0.25rem;padding-right:0.25rem;padding-top:0.125rem;padding-bottom:0.125rem;color:var(--color-primary);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-link:hover{opacity:0.7}.s-button-disabled{opacity:0.5}.s-button-fill-none{border-width:0px !important;background-color:transparent !important}.s-button-outline{border-width:1px;border-color:currentColor}.s-button-outline:hover{border-color:transparent}.s-button-outline .s-button-loader:before{border-top-color:currentColor;border-left-color:currentColor}.s-button-solid .s-button-loader:before{border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(255 255 255 / var(--tw-border-opacity, 1));border-bottom-color:rgb(255 255 255 / 0.2);border-left-color:rgb(255 255 255 / 0.2)}.s-button-primary{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-button-primary:hover{background-color:var(--color-primary-dark)}.s-button-success{border-width:1px;--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-success:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.s-button-danger{border-width:1px;--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-danger:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.s-button-warning{border-width:1px;--tw-border-opacity:1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-warning:hover{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.s-button-gray{border-width:1px;--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-gray:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.s-button-dark{border-width:1px;--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-dark:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.s-button-light{border-width:1px;--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-button-light:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.s-button-primary-outline{fill:var(--color-primary);color:var(--color-primary)}.s-button-primary-outline:hover{background-color:var(--color-primary);fill:var(--color-primary-reverse);color:var(--color-primary-reverse)}.s-button-success-outline{fill:#22c55e;--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.s-button-success-outline:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-danger-outline{fill:#f87171;--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.s-button-danger-outline:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-warning-outline{fill:#fbbf24;--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-button-warning-outline:hover{--tw-bg-opacity:1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-gray-outline{fill:#9ca3af;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-button-gray-outline:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-dark-outline{fill:#374151;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-button-dark-outline:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));fill:#fff;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-button-light-outline{--tw-border-opacity:1 !important;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1)) !important;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));fill:#6b7280;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-button-light-outline:hover{--tw-border-opacity:1 !important;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1)) !important}.s-button-primary-link{fill:var(--color-primary);color:var(--color-primary)}.s-button-success-link{fill:#22c55e;--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.s-button-danger-link{fill:#f87171;--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.s-button-warning-link{fill:#fbbf24;--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-button-gray-link{fill:#9ca3af;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-button-dark-link{fill:#374151;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-button-light-link{fill:#6b7280;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-button-small{border-radius:0.125rem;padding-left:1rem;padding-right:1rem;padding-bottom:0.375rem;padding-top:0.25rem;font-size:0.75rem;line-height:1rem}.s-button-large{padding-left:2rem;padding-right:2rem;padding-bottom:1rem;padding-top:1rem;font-size:1.25rem;line-height:1.75rem}.s-button-wide{width:100%}.s-button-text{pointer-events:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-button-loader::before{display:inline-block;height:1rem;content:var(--tw-content);width:1rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-button-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:\'\';content:var(--tw-content)}.s-button-loader-after .s-button-loader{flex-direction:row}.s-button-loader-start.s-button-element:where([dir="ltr"],[dir="ltr"] *){padding-right:2rem;padding-left:2.5rem}.s-button-loader-start.s-button-element:where([dir="rtl"],[dir="rtl"] *){padding-left:2rem;padding-right:2.5rem}.s-button-loader-start .s-button-loader{position:absolute}.s-button-loader-start .s-button-loader:where([dir="ltr"],[dir="ltr"] *){left:0.5rem}.s-button-loader-start .s-button-loader:where([dir="rtl"],[dir="rtl"] *){right:0.5rem}.s-button-loader-end.s-button-element:where([dir="ltr"],[dir="ltr"] *){padding-left:2rem;padding-right:2.5rem}.s-button-loader-end.s-button-element:where([dir="rtl"],[dir="rtl"] *){padding-right:2rem;padding-left:2.5rem}.s-button-loader-end .s-button-loader{position:absolute}.s-button-loader-end .s-button-loader:where([dir="ltr"],[dir="ltr"] *){right:0.5rem}.s-button-loader-end .s-button-loader:where([dir="rtl"],[dir="rtl"] *){left:0.5rem}.s-button-loader-center .s-button-loader{position:absolute;top:50%;left:50%;margin:0px !important;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-count-down-with-button button .s-button-text{display:flex;align-items:center;column-gap:0.5rem}.s-count-down-with-button button .s-button-text:where([dir="ltr"],[dir="ltr"] *){flex-direction:row-reverse}.s-count-down-with-button button .s-button-text:where([dir="rtl"],[dir="rtl"] *){flex-direction:row}.s-gifting-widget .s-button-text{display:flex}.s-gifting-steps-wrapper .s-button-wrap{pointer-events:auto !important}.s-map-location-button .s-button-text{display:flex;align-items:center}@media (max-width: 768px){.s-order-edit-actions salla-button .s-button-element{width:100%;min-width:0;padding-inline:0.5rem}}.s-order-summary-item-copy-button.copied .s-button-text{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.s-product-card-compact .s-add-product-button-compact salla-button .s-button-btn{height:2rem;border-radius:0.375rem;border-width:1px;border-color:var(--color-primary);background-color:transparent;padding-left:0.75rem;padding-right:0.75rem;font-size:0.75rem;line-height:1rem;font-weight:500;color:var(--color-primary);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}.s-product-card-compact .s-add-product-button-compact salla-button .s-button-btn:hover{border-color:var(--color-primary);background-color:var(--color-primary);--tw-bg-opacity:0.1;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}';var h='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>alert-engine</title>\n<path d="M16 18.673c-0.736 0-1.333 0.604-1.333 1.34s0.597 1.333 1.333 1.333 1.333-0.597 1.333-1.333v-0.013c0-0.736-0.597-1.327-1.333-1.327zM2.667 16c0-3.092 1.083-6.105 3.047-8.484 0.469-0.568 0.389-1.408-0.179-1.877-0.568-0.468-1.408-0.388-1.877 0.179-2.359 2.857-3.657 6.473-3.657 10.183s1.299 7.325 3.657 10.183c0.264 0.319 0.645 0.484 1.029 0.484 0.299 0 0.6-0.1 0.848-0.305 0.568-0.469 0.648-1.309 0.179-1.877-1.964-2.379-3.047-5.392-3.047-8.484zM16 10.667c-0.736 0-1.333 0.597-1.333 1.333v4c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-4c0-0.736-0.597-1.333-1.333-1.333zM16 5.333c-5.881 0-10.667 4.785-10.667 10.667s4.785 10.667 10.667 10.667 10.667-4.785 10.667-10.667-4.785-10.667-10.667-10.667zM16 24c-4.412 0-8-3.588-8-8s3.588-8 8-8 8 3.588 8 8-3.588 8-8 8zM28.343 5.817c-0.469-0.567-1.307-0.647-1.877-0.179-0.568 0.469-0.648 1.309-0.179 1.877 1.964 2.379 3.047 5.392 3.047 8.484s-1.083 6.105-3.047 8.484c-0.469 0.568-0.389 1.408 0.179 1.877 0.249 0.205 0.549 0.305 0.848 0.305 0.384 0 0.765-0.165 1.028-0.484 2.36-2.857 3.659-6.473 3.659-10.183s-1.299-7.325-3.657-10.183z"></path>\n</svg>\n';const g=class{constructor(r){t(this,r),this.drawerVisibilityChanged=a(this,"drawerVisibilityChanged"),this.isClosable=!0,this.width="md",this.position="right",this.visible=!1,this.hasSkeleton=!1,this.isLoading=!1,this.subTitleFirst=!1,this.noPadding=!1,this.subTitle="",this.centered=!1,this.iconStyle=void 0,salla.event.on("drawer::open",(t=>t==this.host.id&&this.open())),salla.event.on("drawer::close",(t=>t==this.host.id&&this.close())),this.drawerTitle=this.host.getAttribute("drawer-title")}handleVisible(t){if(!t)return this.drawerVisibilityChanged.emit(!1),void this.toggleDrawer(!1);this.drawerVisibilityChanged.emit(!0),this.host.classList.remove("s-hidden"),setTimeout((()=>this.toggleDrawer(!0)))}handleKeyUp(t){"Escape"===t.key&&this.closeDrawer()}async open(){return this.host.setAttribute("visible",""),this.handleAutoFocus(),this.host}async close(){return this.host.removeAttribute("visible"),this.host}async setTitle(t){return this.drawerTitle=t,this.host}async loading(){return this.isLoading=!0,this.host}async stopLoading(){return this.isLoading=!1,this.host}handleAutoFocus(){const t=this.host.querySelector("input, textarea, select");t&&setTimeout((()=>{t.focus()}),100)}toggleDrawer(t){const r=this.host.querySelector(".s-drawer-body");d.toggleElementClassIf(r,"s-drawer-entering","s-drawer-leaving",(()=>t)).toggleElementClassIf(this.overlay,"s-drawer-entering","s-drawer-overlay-leaving",(()=>t)).toggleElementClassIf(document.body,"drawer-is-open","drawer-is-closed",(()=>t)),t||setTimeout((()=>this.host.classList.add("s-hidden")),350)}closeDrawer(t){this.isClosable&&(salla.event.dispatch("drawer::close",{reason:t}),this.host.removeAttribute("visible"))}iconBlockClasses(){return{"s-drawer-icon":!0,"s-drawer-bg-error":"error"==this.iconStyle,"s-drawer-bg-success":"success"==this.iconStyle,"s-drawer-bg-normal":!this.iconStyle,"s-drawer-bg-primary":"primary"==this.iconStyle}}getWidth(){return this.isLoading?this.hasSkeleton?"md":"xs":this.width}render(){return this.host.id=this.host.id||"salla-drawer",this.isLoading?r(e,{class:"salla-drawer s-drawer s-drawer-container s-hidden","aria-modal":"true",role:"dialog",onKeyUp:t=>this.handleKeyUp(t)},r("div",{class:"s-drawer-overlay s-drawer-overlay-leaving",ref:t=>this.overlay=t,onClick:()=>this.closeDrawer("backdropClick")}),r("div",{class:"s-drawer-wrapper s-drawer-wrapper-"+this.position},r("div",{class:"s-drawer-body flex justify-center s-drawer-leaving s-drawer-"+this.position+" s-drawer-"+this.getWidth()+(this.noPadding?" s-drawer-nopadding":" s-drawer-padding")},r("slot",{name:"loading"},r("salla-loading",null)),r("div",{class:"s-hidden"},r("slot",null))))):r(e,{class:"salla-drawer s-drawer s-drawer-container s-hidden","aria-modal":"true",role:"dialog"},r("div",{class:"s-drawer-overlay s-drawer-overlay-leaving",ref:t=>this.overlay=t,onClick:()=>this.closeDrawer("backdropClick")}),r("div",{class:"s-drawer-wrapper s-drawer-wrapper-"+this.position},r("div",{class:"s-drawer-body s-drawer-leaving s-drawer-"+this.position+" s-drawer-"+this.getWidth()+(this.noPadding?" s-drawer-nopadding":" s-drawer-padding")},r("div",{class:{"s-drawer-header":!0,"s-drawer-is-center":this.centered}},this.isClosable?r("button",{class:"s-drawer-close",onClick:()=>this.closeDrawer("closeButtonClick"),type:"button"},r("span",{innerHTML:n})):"",this.drawerTitle||this.subTitle?r("div",{class:"s-drawer-header-inner"},r("slot",{name:"icon"},this.iconStyle?r("div",{class:this.iconBlockClasses(),innerHTML:"error"==this.iconStyle?h:l}):""),r("div",{class:"s-drawer-header-content"},this.drawerTitle?r("div",{class:{"s-drawer-title":!0,"s-drawer-title-below":this.subTitleFirst},innerHTML:this.drawerTitle}):"",this.subTitle?r("p",{class:{"s-drawer-sub-title":!0},innerHTML:this.subTitle}):"")):""),r("slot",null),r("slot",{name:"footer"}))))}componentDidLoad(){document.body.append(this.host)}get host(){return o(this)}static get watchers(){return{visible:["handleVisible"]}}};g.style='/*!twlt*/.visible{visibility:visible}.flex{display:flex}.hidden{display:none}.justify-center{justify-content:center}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-hidden{display:none}.s-drawer-container{position:fixed;inset:0px;z-index:200;height:100vh;overflow:hidden}.s-drawer-wrapper{display:flex;height:100%;align-items:stretch;overflow-y:auto;overflow-x:hidden;text-align:center}.s-drawer-wrapper-left{justify-content:flex-start}.s-drawer-wrapper-right{justify-content:flex-end}.s-drawer-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-drawer-loader::before{display:inline-block;height:2.5rem;content:var(--tw-content);width:2.5rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-drawer-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:\'\';content:var(--tw-content)}.s-drawer-close{position:absolute;top:0.75rem;z-index:10;width:2.75rem;cursor:pointer;border-style:none;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:0.5rem;padding-right:0.5rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-drawer-close:focus{outline:2px solid transparent;outline-offset:2px}.s-drawer-close:where([dir="ltr"],[dir="ltr"] *){right:1rem}.s-drawer-close:where([dir="rtl"],[dir="rtl"] *){left:1rem}.s-drawer-close svg{width:1.25rem;fill:#f87171}.s-drawer-close svg:hover{fill:#ef4444}.s-drawer-header{display:flex}@media (min-width: 640px){.s-drawer-header{flex-direction:column}}.s-drawer-header-inner{margin-bottom:1.25rem;display:flex;align-items:center;padding:1rem;text-align:left;font-size:1.125rem;line-height:1.75rem;font-weight:500}.s-drawer-header-content{display:flex;flex-direction:column;text-align:left}@media (min-width: 768px){.s-drawer-header-content{text-align:center}}.s-drawer-header-content:where([dir="rtl"],[dir="rtl"] *){text-align:right}@media (min-width: 768px){.s-drawer-header-content:where([dir="rtl"],[dir="rtl"] *){text-align:center}}.s-drawer-header-img{margin-left:auto;margin-right:auto;max-width:150px}@media (min-width: 640px){.s-drawer-header-img{margin-bottom:1rem}}.s-drawer-icon{display:inline-flex;height:4rem;width:4rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));font-size:1.875rem;line-height:2.25rem}@media (min-width: 640px){.s-drawer-icon{margin-left:auto;margin-right:auto;margin-bottom:1rem;height:5rem;width:5rem}}.s-drawer-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0.5rem}@media (min-width: 640px){.s-drawer-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0px}}.s-drawer-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0.5rem}@media (min-width: 640px){.s-drawer-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0px}}.s-drawer-icon svg{fill:#9ca3af}.s-drawer-bg-normal{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.s-drawer-bg-success{--tw-border-opacity:1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.s-drawer-bg-success svg{fill:#16a34a}.s-drawer-bg-error{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.s-drawer-bg-error svg{fill:#dc2626}.s-drawer-bg-primary{border-color:var(--color-primary);background-color:var(--color-primary)}.s-drawer-bg-primary svg{fill:var(--color-primary-reverse)}.s-drawer-title{font-size:1.125rem;font-weight:700;line-height:1.5rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-drawer-title{margin-bottom:0.5rem}}.s-drawer-sub-title{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-drawer-sub-title{margin-bottom:0.5rem}}.s-drawer-title-below{order:10}.s-drawer-body-slot{width:100%}.s-drawer-body{position:fixed;bottom:0px;top:0px;width:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}@media (min-width: 640px){.s-drawer-body{position:relative;overflow:visible}}.s-drawer-body:where([dir="ltr"],[dir="ltr"] *){text-align:left}.s-drawer-body:where([dir="rtl"],[dir="rtl"] *){text-align:right}.s-drawer-padding{padding:1rem;padding-top:1.5rem}@media (min-width: 640px){.s-drawer-padding{padding:1.5rem}}.s-drawer-no-padding{padding:0px}.s-drawer-spacer{display:inline-block;height:100vh}.s-drawer-align-middle{vertical-align:bottom}@media (min-width: 640px){.s-drawer-align-middle{vertical-align:middle}}.s-drawer-align-top{vertical-align:bottom}@media (min-width: 640px){.s-drawer-align-top{vertical-align:top}}.s-drawer-align-bottom{vertical-align:bottom}.s-drawer-overlay{position:fixed;inset:0px;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));--tw-bg-opacity:0.75;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}.s-drawer-overlay-leaving{opacity:0}.s-drawer-entering{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1;transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.s-drawer-leaving{--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}@media (min-width: 640px){.s-drawer-leaving{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.s-drawer-is-center{align-items:center}@media (min-width: 640px){.s-drawer-is-center{text-align:center}}.s-drawer-left.s-drawer-leaving:where([dir="ltr"],[dir="ltr"] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-drawer-left.s-drawer-leaving:where([dir="rtl"],[dir="rtl"] *){--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-drawer-right.s-drawer-leaving:where([dir="ltr"],[dir="ltr"] *){--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-drawer-right.s-drawer-leaving:where([dir="rtl"],[dir="rtl"] *){--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 480px){.s-drawer-xs{max-width:320px}}@media (min-width: 640px){.s-drawer-sm{max-width:400px}}@media (min-width: 768px){.s-drawer-md{max-width:500px}}.s-drawer-lg{max-width:600px}.s-drawer-xl{max-width:800px}.s-drawer-full{width:100%}@media (min-width: 768px){.s-drawer-full{width:calc(100% - 70px)}}';const u=class{constructor(r){t(this,r),this.size=32,this.width=2,this.color=void 0,this.bgColor="#e5e7eb"}render(){return r(e,{key:"0f3796a2a8f9610f40e20eb01e4d60fb56e11a03",class:"s-loading-container"},r("svg",{key:"d9d98cfa05e5c7d188237a0a4833c4cd13c2855c","aria-hidden":"true",style:{width:`${this.size}px`,height:`${this.size}px`,fill:this.color,color:this.bgColor},class:"s-loading",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"75ea4d6f86456c86249dab53f3e18d21cc0380ef",d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),r("path",{key:"8bfd0b7ea965749ed9456742f36d2ffa28cff9f3",d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})))}};u.style="/*!twlt*/.s-loading{animation:spin 1s linear infinite;fill:var(--color-primary)}.s-loading-container{display:flex;justify-content:center;align-items:center}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.border{border-width:1px}.s-loading-fill-color{fill:var(--color-primary)}.s-map-modal-body .s-loading-container{position:absolute;margin:0px;padding:5rem}";const y=class{constructor(r){t(this,r),this.modalVisibilityChanged=a(this,"modalVisibilityChanged"),this.modalBack=a(this,"modalBack"),this.isClosable=!0,this.width="md",this.customWidth=void 0,this.position="middle",this.visible=!1,this.hasSkeleton=!1,this.isLoading=!1,this.subTitleFirst=!1,this.noPadding=!1,this.subTitle="",this.centered=!1,this.iconStyle=void 0,this.showBack=!1,this.hideCloseButton=!1,salla.event.on("modal::open",(t=>t==this.host.id&&this.open())),salla.event.on("modal::close",(t=>t==this.host.id&&this.close())),this.modalTitle=this.host.getAttribute("modal-title")}handleVisible(t){if(!t)return this.modalVisibilityChanged.emit(!1),void this.toggleModal(!1);this.modalVisibilityChanged.emit(!0),this.host.classList.remove("s-hidden"),setTimeout((()=>this.toggleModal(!0)))}handleKeyUp(t){"Escape"===t.key&&this.closeModal()}async open(){return this.host.setAttribute("visible",""),this.handleAutoFocus(),this.host}async close(){return this.host.removeAttribute("visible"),this.host}async setTitle(t){return this.modalTitle=t,this.host}async loading(){return this.isLoading=!0,this.host}async stopLoading(){return this.isLoading=!1,this.host}handleAutoFocus(){const t=this.host.querySelector("input, textarea, select");t&&setTimeout((()=>{t.focus()}),100)}toggleModal(t){const r=this.host.querySelector(".s-modal-body");d.toggleElementClassIf(r,"s-modal-entering","s-modal-leaving",(()=>t)).toggleElementClassIf(this.overlay,"s-modal-entering","s-modal-overlay-leaving",(()=>t)).toggleElementClassIf(document.body,"modal-is-open","modal-is-closed",(()=>t)),t||setTimeout((()=>this.host.classList.add("s-hidden")),350)}closeModal(t){this.isClosable&&(salla.event.dispatch("modal::close",{reason:t}),this.host.removeAttribute("visible"))}handleBack(){this.modalBack.emit()}iconBlockClasses(){return{"s-modal-icon":!0,"s-modal-bg-error":"error"==this.iconStyle,"s-modal-bg-success":"success"==this.iconStyle,"s-modal-bg-normal":!this.iconStyle,"s-modal-bg-primary":"primary"==this.iconStyle}}getWidth(){return this.isLoading?this.hasSkeleton?"md":"xs":this.width}getCustomWidthStyle(){return"custom"===this.getWidth()&&this.customWidth?{"--s-modal-custom-width":this.customWidth}:{}}getBackIcon(){return"rtl"===document.documentElement.getAttribute("dir")?p:c}render(){return this.host.id=this.host.id||"salla-modal",this.isLoading?r(e,{class:"salla-modal s-modal s-modal-container s-hidden","aria-modal":"true",role:"dialog",onKeyUp:t=>this.handleKeyUp(t)},r("div",{class:"s-modal-overlay",ref:t=>this.overlay=t,onClick:()=>this.closeModal("backdropClick")}),r("div",{class:"s-modal-wrapper"},r("span",{class:"s-modal-spacer s-modal-align-"+this.position},""),r("div",{class:"s-modal-body s-modal-align-"+this.position+" s-modal-"+this.getWidth()+(this.noPadding?" s-modal-nopadding":" s-modal-padding"),style:this.getCustomWidthStyle()},r("slot",{name:"loading"},r("salla-loading",null)),r("div",{class:"s-hidden"},r("slot",null))))):r(e,{class:"salla-modal s-modal s-modal-container s-hidden","aria-modal":"true",role:"dialog"},r("div",{class:"s-modal-overlay",ref:t=>this.overlay=t,onClick:()=>this.closeModal("backdropClick")}),r("div",{class:"s-modal-wrapper"},r("span",{class:"s-modal-spacer s-modal-align-"+this.position},""),r("div",{class:"s-modal-body s-modal-align-"+this.position+" s-modal-"+this.getWidth()+(this.noPadding?" s-modal-nopadding":" s-modal-padding"),style:this.getCustomWidthStyle()},r("div",{class:{"s-modal-header":!0,"s-modal-is-center":this.centered}},this.showBack?r("salla-button",{class:"s-modal-back",shape:"icon",color:"light",size:"medium","aria-label":"Back",onClick:()=>this.handleBack()},r("span",{innerHTML:this.getBackIcon()})):"",this.isClosable&&!this.hideCloseButton?r("button",{class:"s-modal-close",onClick:()=>this.closeModal("closeButtonClick"),type:"button"},r("span",{innerHTML:n})):"",this.modalTitle||this.subTitle?r("div",{class:"s-modal-header-inner"},r("slot",{name:"icon"},this.iconStyle?r("div",{class:this.iconBlockClasses(),innerHTML:"error"==this.iconStyle?h:l}):""),r("div",{class:"s-modal-header-content"},this.modalTitle?r("div",{class:{"s-modal-title":!0,"s-modal-title-below":this.subTitleFirst},innerHTML:this.modalTitle}):"",this.subTitle?r("p",{class:{"s-modal-sub-title":!0},innerHTML:this.subTitle}):"")):""),r("slot",null),r("slot",{name:"footer"}))))}componentDidLoad(){document.body.append(this.host)}get host(){return o(this)}static get watchers(){return{visible:["handleVisible"]}}};y.style='/*!twlt*/@media screen and (max-width: 470px){.modal-is-open{position:fixed;width:100%}}@media screen and (max-width: 639px){.s-modal-body{max-height:calc(100vh - 2rem) !important;overflow-y:auto !important;overflow-x:hidden !important}}.s-modal-back{position:absolute;top:0.35rem;inset-inline-start:0.35rem;z-index:1;margin:0 !important;line-height:0}.s-modal-back .s-button-element,.s-modal-back .s-button-icon{margin:0 !important}.visible{visibility:visible}.hidden{display:none}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-hidden{display:none}.s-booking-field-modal .s-modal-body{overflow:hidden;padding:1.25rem}.s-booking-field-modal .s-modal-title{display:flex;justify-content:flex-start}.s-bottom-alert-modal .s-modal-body{padding-top:1rem;padding-bottom:1rem}.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body{padding:0px}@media (min-width: 768px){.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body{max-height:70dvh;overflow-y:auto}}.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body:has(.s-searchable-dropdown--open){overflow:visible !important}.s-comments-item-images-slider .s-modal-close{background-color:transparent}.s-delivery-promise-city-modal .s-modal-title{font-weight:700;color:var(--color-primary,#00897b)}.s-delivery-promise-city-modal .s-modal-sub-title{font-size:0.875rem;line-height:1.25rem;line-height:1.45;color:var(--color-text-secondary,#5c6c7c)}.s-delivery-promise-city-modal .s-modal-body{overflow:visible !important}.s-delivery-promise-city-modal .s-modal-body>salla-button{position:relative;z-index:0;margin-top:1rem}.s-gifting-modal .s-modal-header{display:block}.s-gifting-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;padding-bottom:2rem}@media (min-width: 640px){.s-gifting-modal .s-modal-body{padding-bottom:1.5rem}}@media (max-width: 768px){.s-loyalty-modal .s-modal-body{max-height:100%;overflow-y:scroll}}.s-modal-container{position:fixed;inset:0px;z-index:200;overflow:hidden}.s-modal-wrapper{height:100%;overflow-y:auto;text-align:center}.s-modal-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-modal-loader::before{display:inline-block;height:2.5rem;content:var(--tw-content);width:2.5rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-modal-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:\'\';content:var(--tw-content)}.s-modal-close{position:absolute;top:0.75rem;z-index:10;width:2.75rem;cursor:pointer;border-style:none;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:0.5rem;padding-right:0.5rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-modal-close:focus{outline:2px solid transparent;outline-offset:2px}.s-modal-close:where([dir="ltr"],[dir="ltr"] *){right:0px}.s-modal-close:where([dir="rtl"],[dir="rtl"] *){left:0px}.s-modal-close svg{width:1.25rem;fill:#f87171}.s-modal-close svg:hover{fill:#ef4444}.s-modal-header{flex-direction:column}.s-modal-header-inner{margin-bottom:1.25rem;display:flex;align-items:center;padding-right:2rem;text-align:center}@media (min-width: 640px){.s-modal-header-inner{display:block}}@media (min-width: 768px){.s-modal-header-inner{padding:0px !important}}.s-modal-header-inner:where([dir="rtl"],[dir="rtl"] *){padding-left:2rem;padding-right:0px}.s-modal-header-content{display:flex;flex-direction:column;text-align:left}@media (min-width: 768px){.s-modal-header-content{text-align:center}}.s-modal-header-content:where([dir="rtl"],[dir="rtl"] *){text-align:right}@media (min-width: 768px){.s-modal-header-content:where([dir="rtl"],[dir="rtl"] *){text-align:center}}.s-modal-header-img{margin-left:auto;margin-right:auto;max-width:150px}@media (min-width: 640px){.s-modal-header-img{margin-bottom:1rem}}.s-modal-icon{display:inline-flex;height:4rem;width:4rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));font-size:1.875rem;line-height:2.25rem}@media (min-width: 640px){.s-modal-icon{margin-left:auto;margin-right:auto;margin-bottom:1rem;height:5rem;width:5rem}}.s-modal-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0.5rem}@media (min-width: 640px){.s-modal-icon:where([dir="ltr"],[dir="ltr"] *){margin-right:0px}}.s-modal-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0.5rem}@media (min-width: 640px){.s-modal-icon:where([dir="rtl"],[dir="rtl"] *){margin-left:0px}}.s-modal-icon svg{fill:#9ca3af}.s-modal-bg-normal{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.s-modal-bg-success{--tw-border-opacity:1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.s-modal-bg-success svg{fill:#16a34a}.s-modal-bg-error{--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.s-modal-bg-error svg{fill:#dc2626}.s-modal-bg-primary{border-color:var(--color-primary);background-color:var(--color-primary)}.s-modal-bg-primary svg{fill:var(--color-primary-reverse)}.s-modal-title{font-size:1.125rem;font-weight:700;line-height:1.5rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-modal-title{margin-bottom:0.5rem}}.s-modal-sub-title{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.s-modal-sub-title{margin-bottom:0.5rem}}.s-modal-title-below{order:10}.s-modal-body-slot{width:100%}.s-modal-body{position:fixed;left:0px;bottom:0px;display:inline-block;width:100%;--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;border-radius:var(--s-radius, 0.25rem);border-bottom-right-radius:0px;border-bottom-left-radius:0px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}@media (min-width: 640px){.s-modal-body{position:relative;margin-top:2rem;margin-bottom:2rem;--tw-translate-y:0px;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:visible;border-bottom-right-radius:var(--s-radius, 0.25rem);border-bottom-left-radius:var(--s-radius, 0.25rem)}}@media (min-width: 768px){.s-modal-body{left:unset;bottom:unset}}.s-modal-body:where([dir="ltr"],[dir="ltr"] *){text-align:left}.s-modal-body:where([dir="rtl"],[dir="rtl"] *){text-align:right}.s-modal-padding{padding:1rem;padding-top:1.5rem}@media (min-width: 640px){.s-modal-padding{padding:1.5rem}}.s-modal-spacer{display:inline-block;height:100vh}.s-modal-align-middle{vertical-align:bottom}@media (min-width: 640px){.s-modal-align-middle{vertical-align:middle}}.s-modal-align-top{vertical-align:bottom}@media (min-width: 640px){.s-modal-align-top{vertical-align:top}}.s-modal-align-bottom{vertical-align:bottom}.s-modal-overlay{position:fixed;inset:0px;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));--tw-bg-opacity:0.75;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}.s-modal-overlay-leaving{opacity:0}.s-modal-entering{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1;transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}@media (min-width: 640px){.s-modal-entering{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.s-modal-leaving{--tw-translate-y:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}@media (min-width: 640px){.s-modal-leaving{--tw-translate-y:0px;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.s-modal-is-center{align-items:center}@media (min-width: 640px){.s-modal-is-center{text-align:center}.s-modal-xs{max-width:380px}.s-modal-sm{max-width:480px}}@media (min-width: 768px){.s-modal-md{max-width:768px}}.s-modal-lg{max-width:992px}.s-modal-xl{max-width:1280px}.s-modal-full{height:100%;width:100%}@media (min-width: 768px){.s-modal-full{height:calc(100% - 70px);width:calc(100% - 70px)}}@media (min-width: 640px){.s-modal-auto{width:fit-content !important;max-width:90vw}.s-modal-custom{max-width:min(var(--s-modal-custom-width), 90vw) !important;width:var(--s-modal-custom-width) !important}}.s-offer-modal-type-discounts-table .s-modal-body{position:relative !important}salla-modal.s-order-cancel-modal .s-modal-body{display:inline-flex;max-height:100svh;flex-direction:column;overflow:hidden;text-align:start}@media (min-width: 768px){salla-modal.s-order-cancel-modal .s-modal-body{max-height:92svh}}salla-modal.s-order-cancel-modal .s-modal-header{width:100%;flex-shrink:0;align-items:flex-start;text-align:start}salla-modal.s-order-cancel-modal .s-modal-header-inner{margin-bottom:1.25rem;display:block !important;width:100%;padding-inline-end:2.5rem;padding-inline-start:0px;text-align:start}@media (min-width: 768px){salla-modal.s-order-cancel-modal .s-modal-header-inner{padding:0px}}salla-modal.s-order-cancel-modal .s-modal-header-inner:where([dir="rtl"],[dir="rtl"] *){padding-inline-start:2.5rem;padding-inline-end:0px}salla-modal.s-order-cancel-modal .s-modal-header-content{width:100%;align-items:flex-start;text-align:start}salla-modal.s-order-cancel-modal .s-modal-title{margin-bottom:0px;width:100%;text-align:start;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-product-size-guide-wrapper .s-modal-title{margin-bottom:0px !important}.s-rating-modal-wrap .s-modal-body{position:relative !important}.s-scopes-modal .s-modal-header{display:block !important}@media (min-width: 640px){.s-search-modal .s-modal-wrapper{align-items:flex-start;padding:0}.s-search-modal .s-modal-spacer{display:inline}}@media (max-width: 639px){.s-search-modal .s-modal-body{height:100dvh;max-height:100dvh !important}}@media (min-width: 640px){.s-search-modal .s-modal-body{padding:0;width:700px;max-width:90%;margin-top:3.2rem;border-radius:0.5rem;background:transparent;overflow:visible;position:relative !important}}.s-search-modal .s-modal-close{top:50%;transform:translateY(-50%)}@media (min-width: 640px){.s-search-modal.s-search-modal-new .s-modal-body{background:white;overflow:hidden;width:1100px;max-width:95%}}';export{m as salla_accordion,b as salla_breadcrumb,w as salla_button,g as salla_drawer,u as salla_loading,y as salla_modal}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Crafted with ❤ by Salla
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as a,H as i,a as s}from"./p-B6Lo-Jz2.js";const e=class{constructor(a){t(this,a),this.tabbyBorderRemoved=!1,this.tabbyRemoveBorderTries=0,this.language=salla.config.get("user.language_code"),this.currency=salla.config.get("user.currency_code"),this.country=salla.config.get("user.country_code"),this.installment_sheria_text=(t,a)=>salla.lang.get(t,a)}async componentWillLoad(){await salla.onReady(),await salla.lang.onLoaded(),this.currency=salla.config.get("user.currency_code")||"SAR",this.language=salla.config.get("user.language_code")||"ar",this.country=salla.config.get("user.country_code")||"SA",[{key:"pages.products.installments",installments:3},{key:"pages.products.installments_emkan",installments:5}].forEach((t=>{this.installment_sheria_text(t.key,{payment:salla.money(parseFloat(this.price)),amount:salla.money((parseFloat(this.price)/t.installments).toFixed(2)).replace(/\.00$/,""),installments:t.installments})}));const t=salla.config.get("store.settings.installments");t&&(this.tamaraIsActive=t.tamara,this.tabbyIsActive=t.tabby,this.spotiiIsActive=t.spotii,this.mispayActive=t.mispay,this.emkanIsActive=t.emkan,this.madfuActive=t.madfu,this.rajehiIsActive=t.mokafaa_alrajhi,this.klarnaIsActive=t.klarna),salla.event.on("product::price.updated",(({data:t})=>{t.price&&t.price!=this.price&&(this.price=t.price,this.renderInstallments(!0))}))}componentDidLoad(){this.renderInstallments()}render(){const t="SAR"===this.currency;return this.isValidPrice(this.price)?a(i,null,this.tamaraIsActive&&(this.tamaraIsActive?.publicKey?a("div",{class:"mb-5"},a("tamara-widget",{type:"tamara-summary","inline-type":"2",amount:this.price})):a("div",{class:"tamara-product-widget","data-price":this.price,"data-currency":this.currency,"data-lang":this.language,"data-payment-type":"installment"})),this.tabbyIsActive?a("div",{id:"tabbyPromoWrapper"},a("div",{id:"tabbyPromo"})):"",this.spotiiIsActive?a("div",{class:"spotii-wrapper"},a("div",{class:"spotii-promo"})):"",this.shouldShowMispay()&&(this.mispayActive.publicKey?a("div",{class:"mb-5"},a("mispay-widget",{amount:this.price,lang:this.language})):a("div",{class:"s-installment-mispay-wrapper"},a("div",{class:"s-installment-mispay-content"},a("img",{src:salla.url.cdn("images/payment/png/mispay.png"),alt:"mispay"}),a("span",{class:"s-installment-mispay-content-text",innerHTML:this.installment_sheria_text("pages.products.installments",{payment:salla.money(parseFloat(this.price)),amount:salla.money((parseFloat(this.price)/4).toFixed(2)),installments:4})})))),this.emkanIsActive&&"SAR"===this.currency?a("div",{class:"s-installment-emkan-wrapper"},a("div",{class:"s-installment-emkan-content"},a("img",{src:salla.url.assetsCdn("images/payment/png/emkan.png"),alt:"emkan"}),a("span",{class:"s-installment-emkan-content-text",innerHTML:this.installment_sheria_text("pages.products.installments_emkan",{payment:salla.money(parseFloat(this.price)),installments:5})}))):"",this.madfuActive&&"SAR"===this.currency?a("div",{class:"s-installment-madfu-wrapper"},a("div",{class:"s-installment-madfu-content"},a("img",{src:salla.url.cdn("images/payment/png/madfu.png"),alt:"madfu"}),a("span",{class:"s-installment-madfu-content-text"},salla.lang.get("pages.products.installments_madfu")))):"",t&&this.rajehiIsActive?a("div",{class:"s-installment-rajehi-wrapper"},a("div",{class:"s-installment-rajehi-content"},a("img",{src:salla.url.cdn("images/payment/png/mokafaa_alrajhi_loyalty.png"),alt:"mokafaa_alrajhi_loyalty"}),a("span",{class:"s-installment-rajehi-content-text"},salla.lang.get("pages.products.rajahi_earn_points",{points:Math.floor(+this.price*this.rajehiIsActive.pointsPerRiyal)})))):"",this.klarnaIsActive&&this.klarnaIsActive.locales?.length>0&&a("div",{class:"s-installment-klarna-wrapper"},a("klarna-placement",{"data-key":this.klarnaIsActive.dataKey||"credit-promotion-badge","data-locale":this.getKlarnaLocale(),"data-purchase-amount":String(Math.round(100*parseFloat(this.price)))}))):""}renderInstallments(t=!1){if(this.isValidPrice(this.price)){if(this.tamaraIsActive&&this.loadTamara({isUpdating:t}),this.tabbyIsActive){if(t){var a=this.host.querySelector("#tabbyPromoWrapper");a&&a.remove();var i=document.createElement("div");i.setAttribute("id","tabbyPromoWrapper");var s=document.createElement("div");s.setAttribute("id","tabbyPromo"),i.appendChild(s),this.host.appendChild(i);var e=document.querySelector('script[src="https://checkout.tabby.ai/tabby-promo.js"]');e&&e.remove()}var r=document.createElement("script");r.setAttribute("src","https://checkout.tabby.ai/tabby-promo.js"),document.head.appendChild(r),r.onload=()=>{new(0,window.TabbyPromo)({selector:"#tabbyPromo",currency:this.currency,price:this.price,lang:this.language,publicKey:salla.config.get("store.settings.installments.tabby.publicKey"),merchantCode:salla.config.get("store.settings.installments.tabby.merchantCode")}),document.querySelectorAll(".tabby-promo-snippet__logo").forEach((function(t){t.setAttribute("aria-label","Tabby Logo")}))},this.removeTabbyBorder()}if(this.spotiiIsActive){if(t){var n=this.host.querySelector(".spotii-wrapper");n&&n.remove();var o=document.createElement("div");o.classList.add("spotii-wrapper");var l=document.createElement("div");l.classList.add("spotii-promo"),o.appendChild(l),this.host.appendChild(o);var p=document.querySelector('script[src="'+salla.url.cdn("js/price-widget-ar-salla.js")+'"]');p&&p.remove()}let a=salla.money((Number(this.price)/3).toFixed(2),!1),i=salla.config.get("theme.is_rtl",!0);window.spotiiConfig={targetXPath:[".spotii-wrapper"],renderToPath:[".spotii-promo"],numberOfPayment:3,currency:this.currency,templateLine:"${textOne} ${number} ${textTwo} "+a+"${logo} ${info}",textOne:i?"جزء الدفع على":"Split it into",textTwo:i?"أقساط متساوية بدون تكاليف اضافية بقيمة":"payments of",textThree:"مع",price:this.price};var m=document.createElement("script");m.setAttribute("src",salla.url.cdn("js/price-widget-ar-salla.js")),document.head.appendChild(m)}this.klarnaIsActive&&this.klarnaIsActive.locales?.length>0&&this.loadKlarna(t),this.shouldShowMispay()&&this.mispayActive.publicKey&&this.loadExternalScript({position:"head",src:`https://widget.mispay.co/v1/sdk.js?authorize=${this.mispayActive.publicKey}`})}}isValidPrice(t){const a=/^\d+(\.\d{1,3})?$/.test(t),i=parseFloat(t)>0;return a&&i}loadExternalScript({src:t,onLoad:a,position:i}){const s=document.createElement("script");s.src=t,s.onload=a,document[i].appendChild(s)}loadTamara({isUpdating:t}){const a=!!this.tamaraIsActive?.publicKey;if(t)setTimeout((()=>{if(a)return window.TamaraWidgetV2?.refresh();window.TamaraProductWidget?.render()}),300);else if(a){const t=salla.config.get("user.language_code"),a=["ar","en"].includes(t)?t:"ar",i=this.currency?.slice(0,-1),s=["SA","AE","KW","BH","OM","QA"].includes(i)?i:null;s?(window.tamaraWidgetConfig={lang:a,country:s,publicKey:this.tamaraIsActive.publicKey,style:{fontSize:"14px"}},this.loadExternalScript({position:"head",src:"https://cdn.tamara.co/widget-v2/tamara-widget.js"})):console.error("Tamara: Country code is not supported",i)}else this.loadExternalScript({position:"head",src:"https://cdn.tamara.co/widget/product-widget.min.js",onLoad:()=>{window.TamaraProductWidget.init({lang:this.language}),setTimeout((()=>{window.TamaraProductWidget.render()}),300)}})}loadKlarna(t){if(window.KlarnaOnsiteService=window.KlarnaOnsiteService||[],t){const t=this.host.querySelector("klarna-placement");t&&(t.setAttribute("data-purchase-amount",String(Math.round(100*parseFloat(this.price)))),window.KlarnaOnsiteService.push({eventName:"refresh-placements"}))}else if(document.querySelector('script[src="https://js.klarna.com/web-sdk/v1/klarna.js"]'))window.KlarnaOnsiteService.push({eventName:"refresh-placements"});else{var a=document.createElement("script");a.async=!0,a.setAttribute("src","https://js.klarna.com/web-sdk/v1/klarna.js"),a.setAttribute("data-client-id",this.klarnaIsActive.clientId),a.onload=()=>{window.KlarnaOnsiteService.push({eventName:"refresh-placements"})},document.body.appendChild(a)}}getKlarnaLocale(){const t=this.klarnaIsActive?.locales||[];if(!t.length)return null;const a=new Map(t?.map((t=>[t.split("-")[0],t])));return a.get(this.language)??a.get("en")??t[0]}shouldShowMispay(){return"SAR"===this.currency&&this.mispayActive}removeTabbyBorder(){this.tabbyBorderRemoved||this.tabbyRemoveBorderTries>5||(this.tabbyRemoveBorderTries++,setTimeout((()=>{let t=document.querySelector("#tabbyPromo>div>div");t=t&&t.shadowRoot?t.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]'):null,t?(t.style="border: none; margin: 15px 0!important;",this.tabbyBorderRemoved=!0):this.removeTabbyBorder()}),500*this.tabbyRemoveBorderTries))}get host(){return s(this)}};e.style="/*!twlt*/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}.s-installment-klarna-wrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;padding:10px}.salla-y .s-installment-klarna-wrapper{border:1px solid var(--color-grey-dark);border-radius:12px}.s-installment-klarna-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)}.mb-5{margin-bottom:1.25rem}.border{border-width:1px}";export{e as salla_installment}
|
|
4
|
+
import{r as t,h as a,H as i,a as s}from"./p-D6VagDRi.js";const e=class{constructor(a){t(this,a),this.tabbyBorderRemoved=!1,this.tabbyRemoveBorderTries=0,this.language=salla.config.get("user.language_code"),this.currency=salla.config.get("user.currency_code"),this.country=salla.config.get("user.country_code"),this.installment_sheria_text=(t,a)=>salla.lang.get(t,a)}async componentWillLoad(){await salla.onReady(),await salla.lang.onLoaded(),this.currency=salla.config.get("user.currency_code")||"SAR",this.language=salla.config.get("user.language_code")||"ar",this.country=salla.config.get("user.country_code")||"SA",[{key:"pages.products.installments",installments:3},{key:"pages.products.installments_emkan",installments:5}].forEach((t=>{this.installment_sheria_text(t.key,{payment:salla.money(parseFloat(this.price)),amount:salla.money((parseFloat(this.price)/t.installments).toFixed(2)).replace(/\.00$/,""),installments:t.installments})}));const t=salla.config.get("store.settings.installments");t&&(this.tamaraIsActive=t.tamara,this.tabbyIsActive=t.tabby,this.spotiiIsActive=t.spotii,this.mispayActive=t.mispay,this.emkanIsActive=t.emkan,this.madfuActive=t.madfu,this.rajehiIsActive=t.mokafaa_alrajhi,this.klarnaIsActive=t.klarna),salla.event.on("product::price.updated",(({data:t})=>{t.price&&t.price!=this.price&&(this.price=t.price,this.renderInstallments(!0))}))}componentDidLoad(){this.renderInstallments()}render(){const t="SAR"===this.currency;return this.isValidPrice(this.price)?a(i,null,this.tamaraIsActive&&(this.tamaraIsActive?.publicKey?a("div",{class:"mb-5"},a("tamara-widget",{type:"tamara-summary","inline-type":"2",amount:this.price})):a("div",{class:"tamara-product-widget","data-price":this.price,"data-currency":this.currency,"data-lang":this.language,"data-payment-type":"installment"})),this.tabbyIsActive?a("div",{id:"tabbyPromoWrapper"},a("div",{id:"tabbyPromo"})):"",this.spotiiIsActive?a("div",{class:"spotii-wrapper"},a("div",{class:"spotii-promo"})):"",this.shouldShowMispay()&&(this.mispayActive.publicKey?a("div",{class:"mb-5"},a("mispay-widget",{amount:this.price,lang:this.language})):a("div",{class:"s-installment-mispay-wrapper"},a("div",{class:"s-installment-mispay-content"},a("img",{src:salla.url.cdn("images/payment/png/mispay.png"),alt:"mispay"}),a("span",{class:"s-installment-mispay-content-text",innerHTML:this.installment_sheria_text("pages.products.installments",{payment:salla.money(parseFloat(this.price)),amount:salla.money((parseFloat(this.price)/4).toFixed(2)),installments:4})})))),this.emkanIsActive&&"SAR"===this.currency?a("div",{class:"s-installment-emkan-wrapper"},a("div",{class:"s-installment-emkan-content"},a("img",{src:salla.url.assetsCdn("images/payment/png/emkan.png"),alt:"emkan"}),a("span",{class:"s-installment-emkan-content-text",innerHTML:this.installment_sheria_text("pages.products.installments_emkan",{payment:salla.money(parseFloat(this.price)),installments:5})}))):"",this.madfuActive&&"SAR"===this.currency?a("div",{class:"s-installment-madfu-wrapper"},a("div",{class:"s-installment-madfu-content"},a("img",{src:salla.url.cdn("images/payment/png/madfu.png"),alt:"madfu"}),a("span",{class:"s-installment-madfu-content-text"},salla.lang.get("pages.products.installments_madfu")))):"",t&&this.rajehiIsActive?a("div",{class:"s-installment-rajehi-wrapper"},a("div",{class:"s-installment-rajehi-content"},a("img",{src:salla.url.cdn("images/payment/png/mokafaa_alrajhi_loyalty.png"),alt:"mokafaa_alrajhi_loyalty"}),a("span",{class:"s-installment-rajehi-content-text"},salla.lang.get("pages.products.rajahi_earn_points",{points:Math.floor(+this.price*this.rajehiIsActive.pointsPerRiyal)})))):"",this.klarnaIsActive&&this.klarnaIsActive.locales?.length>0&&a("div",{class:"s-installment-klarna-wrapper"},a("klarna-placement",{"data-key":this.klarnaIsActive.dataKey||"credit-promotion-badge","data-locale":this.getKlarnaLocale(),"data-purchase-amount":String(Math.round(100*parseFloat(this.price)))}))):""}renderInstallments(t=!1){if(this.isValidPrice(this.price)){if(this.tamaraIsActive&&this.loadTamara({isUpdating:t}),this.tabbyIsActive){if(t){var a=this.host.querySelector("#tabbyPromoWrapper");a&&a.remove();var i=document.createElement("div");i.setAttribute("id","tabbyPromoWrapper");var s=document.createElement("div");s.setAttribute("id","tabbyPromo"),i.appendChild(s),this.host.appendChild(i);var e=document.querySelector('script[src="https://checkout.tabby.ai/tabby-promo.js"]');e&&e.remove()}var r=document.createElement("script");r.setAttribute("src","https://checkout.tabby.ai/tabby-promo.js"),document.head.appendChild(r),r.onload=()=>{new(0,window.TabbyPromo)({selector:"#tabbyPromo",currency:this.currency,price:this.price,lang:this.language,publicKey:salla.config.get("store.settings.installments.tabby.publicKey"),merchantCode:salla.config.get("store.settings.installments.tabby.merchantCode")}),document.querySelectorAll(".tabby-promo-snippet__logo").forEach((function(t){t.setAttribute("aria-label","Tabby Logo")}))},this.removeTabbyBorder()}if(this.spotiiIsActive){if(t){var n=this.host.querySelector(".spotii-wrapper");n&&n.remove();var o=document.createElement("div");o.classList.add("spotii-wrapper");var l=document.createElement("div");l.classList.add("spotii-promo"),o.appendChild(l),this.host.appendChild(o);var p=document.querySelector('script[src="'+salla.url.cdn("js/price-widget-ar-salla.js")+'"]');p&&p.remove()}let a=salla.money((Number(this.price)/3).toFixed(2),!1),i=salla.config.get("theme.is_rtl",!0);window.spotiiConfig={targetXPath:[".spotii-wrapper"],renderToPath:[".spotii-promo"],numberOfPayment:3,currency:this.currency,templateLine:"${textOne} ${number} ${textTwo} "+a+"${logo} ${info}",textOne:i?"جزء الدفع على":"Split it into",textTwo:i?"أقساط متساوية بدون تكاليف اضافية بقيمة":"payments of",textThree:"مع",price:this.price};var m=document.createElement("script");m.setAttribute("src",salla.url.cdn("js/price-widget-ar-salla.js")),document.head.appendChild(m)}this.klarnaIsActive&&this.klarnaIsActive.locales?.length>0&&this.loadKlarna(t),this.shouldShowMispay()&&this.mispayActive.publicKey&&this.loadExternalScript({position:"head",src:`https://widget.mispay.co/v1/sdk.js?authorize=${this.mispayActive.publicKey}`})}}isValidPrice(t){const a=/^\d+(\.\d{1,3})?$/.test(t),i=parseFloat(t)>0;return a&&i}loadExternalScript({src:t,onLoad:a,position:i}){const s=document.createElement("script");s.src=t,s.onload=a,document[i].appendChild(s)}loadTamara({isUpdating:t}){const a=!!this.tamaraIsActive?.publicKey;if(t)setTimeout((()=>{if(a)return window.TamaraWidgetV2?.refresh();window.TamaraProductWidget?.render()}),300);else if(a){const t=salla.config.get("user.language_code"),a=["ar","en"].includes(t)?t:"ar",i=this.currency?.slice(0,-1),s=["SA","AE","KW","BH","OM","QA"].includes(i)?i:null;s?(window.tamaraWidgetConfig={lang:a,country:s,publicKey:this.tamaraIsActive.publicKey,style:{fontSize:"14px"}},this.loadExternalScript({position:"head",src:"https://cdn.tamara.co/widget-v2/tamara-widget.js"})):console.error("Tamara: Country code is not supported",i)}else this.loadExternalScript({position:"head",src:"https://cdn.tamara.co/widget/product-widget.min.js",onLoad:()=>{window.TamaraProductWidget.init({lang:this.language}),setTimeout((()=>{window.TamaraProductWidget.render()}),300)}})}loadKlarna(t){if(window.KlarnaOnsiteService=window.KlarnaOnsiteService||[],t){const t=this.host.querySelector("klarna-placement");t&&(t.setAttribute("data-purchase-amount",String(Math.round(100*parseFloat(this.price)))),window.KlarnaOnsiteService.push({eventName:"refresh-placements"}))}else if(document.querySelector('script[src="https://js.klarna.com/web-sdk/v1/klarna.js"]'))window.KlarnaOnsiteService.push({eventName:"refresh-placements"});else{var a=document.createElement("script");a.async=!0,a.setAttribute("src","https://js.klarna.com/web-sdk/v1/klarna.js"),a.setAttribute("data-client-id",this.klarnaIsActive.clientId),a.onload=()=>{window.KlarnaOnsiteService.push({eventName:"refresh-placements"})},document.body.appendChild(a)}}getKlarnaLocale(){const t=this.klarnaIsActive?.locales||[];if(!t.length)return null;const a=new Map(t?.map((t=>[t.split("-")[0],t])));return a.get(this.language)??a.get("en")??t[0]}shouldShowMispay(){return"SAR"===this.currency&&this.mispayActive}removeTabbyBorder(){this.tabbyBorderRemoved||this.tabbyRemoveBorderTries>5||(this.tabbyRemoveBorderTries++,setTimeout((()=>{let t=document.querySelector("#tabbyPromo>div>div");t=t&&t.shadowRoot?t.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]'):null,t?(t.style="border: none; margin: 15px 0!important;",this.tabbyBorderRemoved=!0):this.removeTabbyBorder()}),500*this.tabbyRemoveBorderTries))}get host(){return s(this)}};e.style="/*!twlt*/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}.s-installment-klarna-wrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;padding:10px}.salla-y .s-installment-klarna-wrapper{border:1px solid var(--color-grey-dark);border-radius:12px}.s-installment-klarna-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)}.mb-5{margin-bottom:1.25rem}.border{border-width:1px}";export{e as salla_installment}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Crafted with ❤ by Salla
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as s,a}from"./p-B6Lo-Jz2.js";import{S as r}from"./p-Ctkfc4K-.js";import{l as i}from"./p-BChI23pG.js";import{T as o}from"./p-CJUR4sUM.js";import{A as c}from"./p-DCZbpt2a.js";import{C as n}from"./p-gFG8By9O.js";import{a as l}from"./p-CgtvEd63.js";const f=class{constructor(e){t(this,e),this.internalOffers=[],this.showAll=!1,this.freeLabel="",this.receivedOffer="",this.discountAmountLabel="",this.showMoreOffers="",this.icons={DiscountCouponIcon:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>discount-coupon</title>\n<path d="M27 28h-22c-0.552 0-1-0.448-1-1v0c0-1.657-1.343-3-3-3v0c-0.552 0-1-0.448-1-1v0-12c0-0.552 0.448-1 1-1v0c1.657 0 3-1.343 3-3v0c0-0.552 0.448-1 1-1v0h22c0.552 0 1 0.448 1 1v0c0 1.657 1.343 3 3 3v0c0.552 0 1 0.448 1 1v0 12c0 0.552-0.448 1-1 1v0c-1.657 0-3 1.343-3 3v0c0 0.552-0.448 1-1 1v0zM5.9 26h20.2c0.415-1.964 1.936-3.485 3.867-3.894l0.033-0.006v-10.2c-1.964-0.415-3.485-1.936-3.894-3.867l-0.006-0.033h-20.2c-0.415 1.964-1.936 3.485-3.867 3.894l-0.033 0.006v10.2c1.964 0.415 3.485 1.936 3.894 3.867l0.006 0.033zM20 7h2v3h-2v-3zM20 12h2v4h-2v-4zM20 18h2v4h-2v-4zM20 24h2v3h-2v-3zM9 16c-1.657 0-3-1.343-3-3s1.343-3 3-3c1.657 0 3 1.343 3 3v0c0 1.657-1.343 3-3 3v0zM9 12c-0.552 0-1 0.448-1 1s0.448 1 1 1c0.552 0 1-0.448 1-1v0c0-0.552-0.448-1-1-1v0zM15 24c-1.657 0-3-1.343-3-3s1.343-3 3-3c1.657 0 3 1.343 3 3v0c0 1.657-1.343 3-3 3v0zM15 20c-0.552 0-1 0.448-1 1s0.448 1 1 1c0.552 0 1-0.448 1-1v0c0-0.552-0.448-1-1-1v0zM7 24c-0.552-0-1-0.448-1-1 0-0.244 0.088-0.468 0.233-0.642l-0.001 0.002 10-12c0.185-0.221 0.461-0.36 0.769-0.36 0.553 0 1.001 0.448 1.001 1.001 0 0.245-0.088 0.469-0.233 0.643l0.001-0.002-10 12c-0.185 0.22-0.46 0.358-0.767 0.358-0.001 0-0.002 0-0.003 0h0z"></path>\n</svg>\n',GiftIcon:i,FireIcon:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>fire</title>\n<path d="M21.56 3.009c-0.052-0.047-0.116-0.065-0.173-0.103-0.073-0.048-0.143-0.1-0.223-0.132-0.083-0.033-0.165-0.047-0.252-0.063-0.081-0.016-0.16-0.035-0.243-0.035-0.089 0-0.172 0.020-0.26 0.037-0.080 0.016-0.159 0.028-0.236 0.059-0.084 0.035-0.157 0.088-0.235 0.14-0.053 0.036-0.115 0.053-0.165 0.097-0.049 0.044-0.988 0.895-2.288 2.255-2.364-2.839-4.476-4.815-4.576-4.908-0.056-0.052-0.127-0.075-0.188-0.115-0.075-0.049-0.143-0.105-0.224-0.137-0.080-0.032-0.163-0.041-0.245-0.057-0.085-0.016-0.167-0.040-0.252-0.040-0.084 0-0.163 0.023-0.245 0.039-0.087 0.016-0.172 0.025-0.253 0.059-0.080 0.032-0.147 0.087-0.22 0.135-0.063 0.041-0.133 0.064-0.189 0.116-0.453 0.423-11.092 10.408-11.092 18.095 0 7.977 4.935 13.549 12 13.549h8.667c6.673 0 11.333-5.115 11.333-12.439 0-7.052-10.013-16.167-10.44-16.552zM20.667 29.333h-7.777c-2.924 0-4.889-2.044-4.889-5.084 0-2.317 2.816-6.441 4.888-8.887 0.76 0.909 2.755 3.397 3.969 5.869 0.212 0.431 0.639 0.715 1.117 0.743 0.489 0.031 0.937-0.203 1.197-0.605 0.552-0.849 1.109-1.596 1.497-2.093 1.491 1.897 3.331 4.78 3.331 6.399 0 2.188-1.34 3.659-3.333 3.659zM26.537 27.052c0.081-0.44 0.129-0.899 0.129-1.377 0-3.269-3.713-7.847-4.46-8.735l-0.523-0.617c-0.507-0.599-1.528-0.599-2.035 0l-0.531 0.627c-0.147 0.175-0.495 0.599-0.936 1.187-1.595-2.597-3.495-4.776-3.595-4.889l-0.697-0.793c-0.507-0.577-1.499-0.577-2.004 0l-0.697 0.795c-0.6 0.684-5.856 6.803-5.856 11.001 0 0.881 0.127 1.712 0.356 2.484-1.896-1.933-3.023-4.821-3.023-8.283 0-4.915 6.073-11.997 9.329-15.255 1.001 1.008 2.692 2.789 4.368 4.927 0.243 0.309 0.609 0.496 1.001 0.509h0.048c0.376 0 0.735-0.159 0.988-0.439 0.889-0.981 1.693-1.795 2.269-2.359 3.051 2.965 8.663 9.323 8.663 13.727 0 3.171-1.031 5.769-2.796 7.491z"></path>\n</svg>\n',SpecialDiscountIcon:r,TagMoneyIcon:o},this.visibleOffersCount=3,this.handleCartItemUpdated=t=>{const e=t.data?.cart?.items?.find((t=>String(t.id)===String(this.itemId)));e&&(this.internalQuantity=e.quantity,this.internalOffers=e.detailed_offers||[],this.internalProductPrice=e.product_price)},this.toggleShowAll=()=>{this.showAll=!this.showAll}}async componentWillLoad(){await Salla.onReady(),await salla.lang.onLoaded((()=>{this.freeLabel=salla.lang.get("common.elements.freeExclam"),this.receivedOffer=salla.lang.get("pages.cart.received_offer"),this.discountAmountLabel=salla.lang.get("pages.cart.discount_amount"),this.showMoreOffers=salla.lang.get("pages.cart.show_more_offers")})),this.internalQuantity=this.quantity,this.internalOffers=this.parseOffers(this.offers),this.internalProductPrice=this.productPrice}componentDidLoad(){Salla.cart.event.onLatestFetched(this.handleCartItemUpdated),Salla.cart.event.onItemUpdated(this.handleCartItemUpdated),Salla.cart.event.onCouponAdded(this.handleCartItemUpdated),Salla.cart.event.onCouponDeleted(this.handleCartItemUpdated)}parseOffers(t){try{if("string"!=typeof t)return console.warn("Offers is not a string. Returning as-is.",t),Array.isArray(t)?t:[];const e=JSON.parse(t||"[]");return Array.isArray(e)?e:[]}catch(t){return console.error("Failed to parse offers",t),[]}}get visibleOffers(){return this.internalOffers.slice(0,this.visibleOffersCount)}get hiddenOffers(){return this.internalOffers.slice(this.visibleOffersCount)}getPaidQty(t,e){return t-e.free_quantity}renderOffer(t,s){const a=this.getPaidQty(t,s);return e("div",{class:"s-cart-item-offers-box"},s.free_quantity>0&&a>0&&e("div",{class:"s-cart-item-offers-paid-free"},e("div",{class:"s-cart-item-offers-line"},salla.helpers.number(a)," × ",e("span",{innerHTML:salla.money(this.internalProductPrice)})),e("div",{class:"s-cart-item-offers-line"},salla.helpers.number(s.free_quantity)," ×",e("span",{class:"s-cart-item-offers-regular-price",innerHTML:salla.money(this.internalProductPrice)}),e("span",{class:"s-cart-item-offers-free-label"},this.freeLabel))),e("div",{class:"s-cart-item-offers-details"},e("span",{class:"s-cart-item-offers-icon",innerHTML:this.icons[s.discount_icon]||""}),e("div",null,e("p",{class:"s-cart-item-offers-title"},this.receivedOffer.replace(":offer",s.offer_name)),e("p",{class:"s-cart-item-offers-discount"},e("span",{innerHTML:this.discountAmountLabel.replace(":amount",salla.money(s.discount_amount.toFixed(2)))})))))}render(){return this.internalOffers?.length?e("div",{class:"s-cart-item-offers-container",id:`offers_list_${this.itemId}`},this.visibleOffers.map((t=>this.renderOffer(this.internalQuantity,t))),this.internalOffers?.length>this.visibleOffersCount&&e("div",{class:"s-cart-item-offers-show-more"},e("button",{class:"s-cart-item-offers-show-more-btn",onClick:this.toggleShowAll,type:"button"},e("span",{class:"s-cart-item-offers-show-more-label"},"+",this.hiddenOffers.length," ",this.showMoreOffers,e("span",{innerHTML:c,class:{"s-cart-item-offers-arrow-icon":!0,"s-cart-item-offers-arrow-open":this.showAll}})))),this.showAll&&e("div",{class:"s-cart-item-offers-collapsed",id:`offers_${this.itemId}`},this.hiddenOffers.map((t=>this.renderOffer(this.internalQuantity,t))))):null}};f.style="/*!twlt*/:host{display:block}.s-cart-item-offers-box{margin-bottom:0.75rem}.s-cart-item-offers-container{margin-top:1.25rem}.s-cart-item-offers-paid-free{margin-bottom:0.75rem}.s-cart-item-offers-paid-free>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.s-cart-item-offers-paid-free{font-weight:500}.s-cart-item-offers-line{text-align:start}.s-cart-item-offers-regular-price{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));text-decoration-line:line-through}.s-cart-item-offers-free-label{margin-left:0.5rem;margin-right:0.5rem;display:inline-block;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.s-cart-item-offers-details{display:flex;align-items:flex-start;gap:0.625rem;--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.s-cart-item-offers-icon{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.s-cart-item-offers-icon svg{width:18px;fill:currentColor}.s-cart-item-offers-title{margin-bottom:0.5rem;font-weight:500}.s-cart-item-offers-message{font-size:0.875rem;line-height:1.25rem}.s-cart-item-offers-discount{margin-top:0px;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-cart-item-offers-show-more-btn{display:flex;align-items:center;justify-content:flex-start !important;background-color:transparent !important;padding-left:0px !important;padding-right:0px !important;font-size:0.875rem;line-height:1.25rem}.s-cart-item-offers-show-more-btn:hover{--tw-text-opacity:1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.s-cart-item-offers-arrow-icon{margin-left:0.125rem;margin-right:0.125rem;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-cart-item-offers-arrow-open{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-cart-item-offers-show-more-btn svg{width:18px}.s-cart-item-offers-show-more-label{display:flex;align-items:center}.s-cart-item-offers-collapsed{margin-top:0.5rem}";const m=class{constructor(e){t(this,e),this.cartSummaryCount=salla.storage.get("cart.summary.count")||0,this.cartSummaryTotal=salla.storage.get("cart.summary.total")||0,this.cartLabel="ar"===salla.config.get("user.language_code")?"السلة":"Cart",this.handleCheckoutClick=t=>{salla.mobile?.isSpaWebview?.()&&salla.mobile.openCheckout&&(t.preventDefault(),salla.mobile.openCheckout(this.getCartLink()))},salla.cart.event.onUpdated((t=>{this.cartSummaryCount=t.count||0,this.cartSummaryTotal=t.total||0}))}async animateToCart(t){if(document.querySelectorAll(".s-cart-thumb").forEach((t=>t.remove())),!t?.src)return void salla.log("Failed to get the img element");let e=this.host.querySelector("#s-cart-icon"),s=e.getBoundingClientRect(),a=s.top+window.scrollY,r=s.left+window.scrollX,i=t.getBoundingClientRect(),o=t.offsetWidth+"px",c=t.offsetHeight+"px",n=i.top,f=i.left,m=document.createElement("img");m.src=t.getAttribute("src"),m.className="s-cart-thumb",m.setAttribute("style","object-fit:cover; width:"+o+"; height:"+c+"; top:"+n+"px; left:"+f+"px;z-index:99999999; "),document.body.append(m);let h=document.querySelector(".s-cart-thumb");e.classList.remove("animated","rubberBand"),(new l.timeline).add({targets:h,width:[150,30],height:[150,30],top:[n,window.scrollY>0?a-window.scrollY-40:a-40],left:[f,r],borderRadius:["20%","50%"],easing:"easeOutExpo",duration:1200},"+=200").add({targets:h,width:[30,0],height:[30,0],opacity:[1,0],easing:"easeOutExpo",top:[window.scrollY>0?a-window.scrollY-40:a-40,window.scrollY>0?a-window.scrollY+10:a+10],left:[r,r+10]},"-=500").add({complete:function(){e.classList.add("animated","rubberBand"),h.remove()}},"-=1700")}componentWillLoad(){return new Promise((t=>salla.onReady(t)))}getCartLink(){let t=salla.url.get("cart");const e=salla.storage.get("scope")||salla.config.get("store.scope");if(e&&e.id)try{const s=new URL(t);return s.searchParams.set("scope",e.id),e.allocation_type&&s.searchParams.set("allocation_type",e.allocation_type),e.allocation_id&&s.searchParams.set("allocation_id",e.allocation_id),s.toString()}catch(s){const a=t.includes("?")?"&":"?",r=new URLSearchParams;return r.set("scope",String(e.id)),e.allocation_type&&r.set("allocation_type",e.allocation_type),e.allocation_id&&r.set("allocation_id",e.allocation_id),`${t}${a}${r.toString()}`}return t}render(){return e(s,{key:"27e472fb912afff849c94a8a93a9a71778c6819d"},e("a",{key:"f9ef99f2a7205fcfdc0bdd799b1b751ab40bcb35",class:"s-cart-summary-wrapper",href:this.getCartLink(),onClick:this.handleCheckoutClick},e("div",{key:"1b0d26d3e17b0fb5d6b2cbdc1cd14c079a5fb47b",id:"s-cart-icon"},e("slot",{key:"3c64b2afa8782a4018dd086e657f16373a91f997",name:"icon"},e("i",{key:"46f1cebfa346e20d27f8ffed1206c05828be004a",class:"s-cart-summary-icon",innerHTML:n}))),e("span",{key:"72bd9fc2d2949b74109b9e57e823c4c4cc99d287",class:"s-cart-summary-count"},salla.helpers.number(this.cartSummaryCount)),e("p",{key:"d65efd069e4f5968c8f592bf341b35853b000bda",class:"s-cart-summary-content"},this.showCartLabel&&e("span",{key:"ecbd5350d56131aee746913bb7c6e662431f7001",class:"s-cart-summary-label"},this.cartLabel),e("b",{key:"aeebd5d52966dc183111e49289061c3649087a8f",class:"s-cart-summary-total",innerHTML:salla.money(this.cartSummaryTotal)}))))}get host(){return a(this)}};m.style='/*!twlt*/.block{display:block}.s-cart-summary-wrapper{text-decoration:none;color:var(--color-text);transition:all .5s cubic-bezier(0.2, 1, 0.3, 1);align-items:center;font-weight:bolder;position:relative;display:inline-flex}.s-cart-thumb{position:fixed;transition:all 0.3s cubic-bezier(0.2, 1, 0.3, 1)}.s-cart-summary-icon svg{height:1.25rem;width:1.25rem;fill:var(--color-text)}.s-cart-summary-count{position:absolute;top:-8px;left:-15px;display:inline-flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1));padding:0.25rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-cart-summary-count:where([dir="rtl"],[dir="rtl"] *){left:unset;right:-15px}';export{f as salla_cart_item_offers,m as salla_cart_summary}
|
|
4
|
+
import{r as t,h as e,H as s,a}from"./p-D6VagDRi.js";import{S as r}from"./p-Ctkfc4K-.js";import{l as i}from"./p-BChI23pG.js";import{T as o}from"./p-CJUR4sUM.js";import{A as c}from"./p-DCZbpt2a.js";import{C as n}from"./p-gFG8By9O.js";import{a as l}from"./p-CgtvEd63.js";const f=class{constructor(e){t(this,e),this.internalOffers=[],this.showAll=!1,this.freeLabel="",this.receivedOffer="",this.discountAmountLabel="",this.showMoreOffers="",this.icons={DiscountCouponIcon:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>discount-coupon</title>\n<path d="M27 28h-22c-0.552 0-1-0.448-1-1v0c0-1.657-1.343-3-3-3v0c-0.552 0-1-0.448-1-1v0-12c0-0.552 0.448-1 1-1v0c1.657 0 3-1.343 3-3v0c0-0.552 0.448-1 1-1v0h22c0.552 0 1 0.448 1 1v0c0 1.657 1.343 3 3 3v0c0.552 0 1 0.448 1 1v0 12c0 0.552-0.448 1-1 1v0c-1.657 0-3 1.343-3 3v0c0 0.552-0.448 1-1 1v0zM5.9 26h20.2c0.415-1.964 1.936-3.485 3.867-3.894l0.033-0.006v-10.2c-1.964-0.415-3.485-1.936-3.894-3.867l-0.006-0.033h-20.2c-0.415 1.964-1.936 3.485-3.867 3.894l-0.033 0.006v10.2c1.964 0.415 3.485 1.936 3.894 3.867l0.006 0.033zM20 7h2v3h-2v-3zM20 12h2v4h-2v-4zM20 18h2v4h-2v-4zM20 24h2v3h-2v-3zM9 16c-1.657 0-3-1.343-3-3s1.343-3 3-3c1.657 0 3 1.343 3 3v0c0 1.657-1.343 3-3 3v0zM9 12c-0.552 0-1 0.448-1 1s0.448 1 1 1c0.552 0 1-0.448 1-1v0c0-0.552-0.448-1-1-1v0zM15 24c-1.657 0-3-1.343-3-3s1.343-3 3-3c1.657 0 3 1.343 3 3v0c0 1.657-1.343 3-3 3v0zM15 20c-0.552 0-1 0.448-1 1s0.448 1 1 1c0.552 0 1-0.448 1-1v0c0-0.552-0.448-1-1-1v0zM7 24c-0.552-0-1-0.448-1-1 0-0.244 0.088-0.468 0.233-0.642l-0.001 0.002 10-12c0.185-0.221 0.461-0.36 0.769-0.36 0.553 0 1.001 0.448 1.001 1.001 0 0.245-0.088 0.469-0.233 0.643l0.001-0.002-10 12c-0.185 0.22-0.46 0.358-0.767 0.358-0.001 0-0.002 0-0.003 0h0z"></path>\n</svg>\n',GiftIcon:i,FireIcon:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>fire</title>\n<path d="M21.56 3.009c-0.052-0.047-0.116-0.065-0.173-0.103-0.073-0.048-0.143-0.1-0.223-0.132-0.083-0.033-0.165-0.047-0.252-0.063-0.081-0.016-0.16-0.035-0.243-0.035-0.089 0-0.172 0.020-0.26 0.037-0.080 0.016-0.159 0.028-0.236 0.059-0.084 0.035-0.157 0.088-0.235 0.14-0.053 0.036-0.115 0.053-0.165 0.097-0.049 0.044-0.988 0.895-2.288 2.255-2.364-2.839-4.476-4.815-4.576-4.908-0.056-0.052-0.127-0.075-0.188-0.115-0.075-0.049-0.143-0.105-0.224-0.137-0.080-0.032-0.163-0.041-0.245-0.057-0.085-0.016-0.167-0.040-0.252-0.040-0.084 0-0.163 0.023-0.245 0.039-0.087 0.016-0.172 0.025-0.253 0.059-0.080 0.032-0.147 0.087-0.22 0.135-0.063 0.041-0.133 0.064-0.189 0.116-0.453 0.423-11.092 10.408-11.092 18.095 0 7.977 4.935 13.549 12 13.549h8.667c6.673 0 11.333-5.115 11.333-12.439 0-7.052-10.013-16.167-10.44-16.552zM20.667 29.333h-7.777c-2.924 0-4.889-2.044-4.889-5.084 0-2.317 2.816-6.441 4.888-8.887 0.76 0.909 2.755 3.397 3.969 5.869 0.212 0.431 0.639 0.715 1.117 0.743 0.489 0.031 0.937-0.203 1.197-0.605 0.552-0.849 1.109-1.596 1.497-2.093 1.491 1.897 3.331 4.78 3.331 6.399 0 2.188-1.34 3.659-3.333 3.659zM26.537 27.052c0.081-0.44 0.129-0.899 0.129-1.377 0-3.269-3.713-7.847-4.46-8.735l-0.523-0.617c-0.507-0.599-1.528-0.599-2.035 0l-0.531 0.627c-0.147 0.175-0.495 0.599-0.936 1.187-1.595-2.597-3.495-4.776-3.595-4.889l-0.697-0.793c-0.507-0.577-1.499-0.577-2.004 0l-0.697 0.795c-0.6 0.684-5.856 6.803-5.856 11.001 0 0.881 0.127 1.712 0.356 2.484-1.896-1.933-3.023-4.821-3.023-8.283 0-4.915 6.073-11.997 9.329-15.255 1.001 1.008 2.692 2.789 4.368 4.927 0.243 0.309 0.609 0.496 1.001 0.509h0.048c0.376 0 0.735-0.159 0.988-0.439 0.889-0.981 1.693-1.795 2.269-2.359 3.051 2.965 8.663 9.323 8.663 13.727 0 3.171-1.031 5.769-2.796 7.491z"></path>\n</svg>\n',SpecialDiscountIcon:r,TagMoneyIcon:o},this.visibleOffersCount=3,this.handleCartItemUpdated=t=>{const e=t.data?.cart?.items?.find((t=>String(t.id)===String(this.itemId)));e&&(this.internalQuantity=e.quantity,this.internalOffers=e.detailed_offers||[],this.internalProductPrice=e.product_price)},this.toggleShowAll=()=>{this.showAll=!this.showAll}}async componentWillLoad(){await Salla.onReady(),await salla.lang.onLoaded((()=>{this.freeLabel=salla.lang.get("common.elements.freeExclam"),this.receivedOffer=salla.lang.get("pages.cart.received_offer"),this.discountAmountLabel=salla.lang.get("pages.cart.discount_amount"),this.showMoreOffers=salla.lang.get("pages.cart.show_more_offers")})),this.internalQuantity=this.quantity,this.internalOffers=this.parseOffers(this.offers),this.internalProductPrice=this.productPrice}componentDidLoad(){Salla.cart.event.onLatestFetched(this.handleCartItemUpdated),Salla.cart.event.onItemUpdated(this.handleCartItemUpdated),Salla.cart.event.onCouponAdded(this.handleCartItemUpdated),Salla.cart.event.onCouponDeleted(this.handleCartItemUpdated)}parseOffers(t){try{if("string"!=typeof t)return console.warn("Offers is not a string. Returning as-is.",t),Array.isArray(t)?t:[];const e=JSON.parse(t||"[]");return Array.isArray(e)?e:[]}catch(t){return console.error("Failed to parse offers",t),[]}}get visibleOffers(){return this.internalOffers.slice(0,this.visibleOffersCount)}get hiddenOffers(){return this.internalOffers.slice(this.visibleOffersCount)}getPaidQty(t,e){return t-e.free_quantity}renderOffer(t,s){const a=this.getPaidQty(t,s);return e("div",{class:"s-cart-item-offers-box"},s.free_quantity>0&&a>0&&e("div",{class:"s-cart-item-offers-paid-free"},e("div",{class:"s-cart-item-offers-line"},salla.helpers.number(a)," × ",e("span",{innerHTML:salla.money(this.internalProductPrice)})),e("div",{class:"s-cart-item-offers-line"},salla.helpers.number(s.free_quantity)," ×",e("span",{class:"s-cart-item-offers-regular-price",innerHTML:salla.money(this.internalProductPrice)}),e("span",{class:"s-cart-item-offers-free-label"},this.freeLabel))),e("div",{class:"s-cart-item-offers-details"},e("span",{class:"s-cart-item-offers-icon",innerHTML:this.icons[s.discount_icon]||""}),e("div",null,e("p",{class:"s-cart-item-offers-title"},this.receivedOffer.replace(":offer",s.offer_name)),e("p",{class:"s-cart-item-offers-discount"},e("span",{innerHTML:this.discountAmountLabel.replace(":amount",salla.money(s.discount_amount.toFixed(2)))})))))}render(){return this.internalOffers?.length?e("div",{class:"s-cart-item-offers-container",id:`offers_list_${this.itemId}`},this.visibleOffers.map((t=>this.renderOffer(this.internalQuantity,t))),this.internalOffers?.length>this.visibleOffersCount&&e("div",{class:"s-cart-item-offers-show-more"},e("button",{class:"s-cart-item-offers-show-more-btn",onClick:this.toggleShowAll,type:"button"},e("span",{class:"s-cart-item-offers-show-more-label"},"+",this.hiddenOffers.length," ",this.showMoreOffers,e("span",{innerHTML:c,class:{"s-cart-item-offers-arrow-icon":!0,"s-cart-item-offers-arrow-open":this.showAll}})))),this.showAll&&e("div",{class:"s-cart-item-offers-collapsed",id:`offers_${this.itemId}`},this.hiddenOffers.map((t=>this.renderOffer(this.internalQuantity,t))))):null}};f.style="/*!twlt*/:host{display:block}.s-cart-item-offers-box{margin-bottom:0.75rem}.s-cart-item-offers-container{margin-top:1.25rem}.s-cart-item-offers-paid-free{margin-bottom:0.75rem}.s-cart-item-offers-paid-free>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}.s-cart-item-offers-paid-free{font-weight:500}.s-cart-item-offers-line{text-align:start}.s-cart-item-offers-regular-price{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));text-decoration-line:line-through}.s-cart-item-offers-free-label{margin-left:0.5rem;margin-right:0.5rem;display:inline-block;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.s-cart-item-offers-details{display:flex;align-items:flex-start;gap:0.625rem;--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.s-cart-item-offers-icon{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.s-cart-item-offers-icon svg{width:18px;fill:currentColor}.s-cart-item-offers-title{margin-bottom:0.5rem;font-weight:500}.s-cart-item-offers-message{font-size:0.875rem;line-height:1.25rem}.s-cart-item-offers-discount{margin-top:0px;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-cart-item-offers-show-more-btn{display:flex;align-items:center;justify-content:flex-start !important;background-color:transparent !important;padding-left:0px !important;padding-right:0px !important;font-size:0.875rem;line-height:1.25rem}.s-cart-item-offers-show-more-btn:hover{--tw-text-opacity:1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.s-cart-item-offers-arrow-icon{margin-left:0.125rem;margin-right:0.125rem;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-cart-item-offers-arrow-open{--tw-rotate:-180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-cart-item-offers-show-more-btn svg{width:18px}.s-cart-item-offers-show-more-label{display:flex;align-items:center}.s-cart-item-offers-collapsed{margin-top:0.5rem}";const m=class{constructor(e){t(this,e),this.cartSummaryCount=salla.storage.get("cart.summary.count")||0,this.cartSummaryTotal=salla.storage.get("cart.summary.total")||0,this.cartLabel="ar"===salla.config.get("user.language_code")?"السلة":"Cart",this.handleCheckoutClick=t=>{salla.mobile?.isSpaWebview?.()&&salla.mobile.openCheckout&&(t.preventDefault(),salla.mobile.openCheckout(this.getCartLink()))},salla.cart.event.onUpdated((t=>{this.cartSummaryCount=t.count||0,this.cartSummaryTotal=t.total||0}))}async animateToCart(t){if(document.querySelectorAll(".s-cart-thumb").forEach((t=>t.remove())),!t?.src)return void salla.log("Failed to get the img element");let e=this.host.querySelector("#s-cart-icon"),s=e.getBoundingClientRect(),a=s.top+window.scrollY,r=s.left+window.scrollX,i=t.getBoundingClientRect(),o=t.offsetWidth+"px",c=t.offsetHeight+"px",n=i.top,f=i.left,m=document.createElement("img");m.src=t.getAttribute("src"),m.className="s-cart-thumb",m.setAttribute("style","object-fit:cover; width:"+o+"; height:"+c+"; top:"+n+"px; left:"+f+"px;z-index:99999999; "),document.body.append(m);let h=document.querySelector(".s-cart-thumb");e.classList.remove("animated","rubberBand"),(new l.timeline).add({targets:h,width:[150,30],height:[150,30],top:[n,window.scrollY>0?a-window.scrollY-40:a-40],left:[f,r],borderRadius:["20%","50%"],easing:"easeOutExpo",duration:1200},"+=200").add({targets:h,width:[30,0],height:[30,0],opacity:[1,0],easing:"easeOutExpo",top:[window.scrollY>0?a-window.scrollY-40:a-40,window.scrollY>0?a-window.scrollY+10:a+10],left:[r,r+10]},"-=500").add({complete:function(){e.classList.add("animated","rubberBand"),h.remove()}},"-=1700")}componentWillLoad(){return new Promise((t=>salla.onReady(t)))}getCartLink(){let t=salla.url.get("cart");const e=salla.storage.get("scope")||salla.config.get("store.scope");if(e&&e.id)try{const s=new URL(t);return s.searchParams.set("scope",e.id),e.allocation_type&&s.searchParams.set("allocation_type",e.allocation_type),e.allocation_id&&s.searchParams.set("allocation_id",e.allocation_id),s.toString()}catch(s){const a=t.includes("?")?"&":"?",r=new URLSearchParams;return r.set("scope",String(e.id)),e.allocation_type&&r.set("allocation_type",e.allocation_type),e.allocation_id&&r.set("allocation_id",e.allocation_id),`${t}${a}${r.toString()}`}return t}render(){return e(s,{key:"27e472fb912afff849c94a8a93a9a71778c6819d"},e("a",{key:"f9ef99f2a7205fcfdc0bdd799b1b751ab40bcb35",class:"s-cart-summary-wrapper",href:this.getCartLink(),onClick:this.handleCheckoutClick},e("div",{key:"1b0d26d3e17b0fb5d6b2cbdc1cd14c079a5fb47b",id:"s-cart-icon"},e("slot",{key:"3c64b2afa8782a4018dd086e657f16373a91f997",name:"icon"},e("i",{key:"46f1cebfa346e20d27f8ffed1206c05828be004a",class:"s-cart-summary-icon",innerHTML:n}))),e("span",{key:"72bd9fc2d2949b74109b9e57e823c4c4cc99d287",class:"s-cart-summary-count"},salla.helpers.number(this.cartSummaryCount)),e("p",{key:"d65efd069e4f5968c8f592bf341b35853b000bda",class:"s-cart-summary-content"},this.showCartLabel&&e("span",{key:"ecbd5350d56131aee746913bb7c6e662431f7001",class:"s-cart-summary-label"},this.cartLabel),e("b",{key:"aeebd5d52966dc183111e49289061c3649087a8f",class:"s-cart-summary-total",innerHTML:salla.money(this.cartSummaryTotal)}))))}get host(){return a(this)}};m.style='/*!twlt*/.block{display:block}.s-cart-summary-wrapper{text-decoration:none;color:var(--color-text);transition:all .5s cubic-bezier(0.2, 1, 0.3, 1);align-items:center;font-weight:bolder;position:relative;display:inline-flex}.s-cart-thumb{position:fixed;transition:all 0.3s cubic-bezier(0.2, 1, 0.3, 1)}.s-cart-summary-icon svg{height:1.25rem;width:1.25rem;fill:var(--color-text)}.s-cart-summary-count{position:absolute;top:-8px;left:-15px;display:inline-flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1));padding:0.25rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-cart-summary-count:where([dir="rtl"],[dir="rtl"] *){left:unset;right:-15px}';export{f as salla_cart_item_offers,m as salla_cart_summary}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Crafted with ❤ by Salla
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as r,F as t,H as o}from"./p-
|
|
4
|
+
import{r as e,h as r,F as t,H as o}from"./p-D6VagDRi.js";const i=class{constructor(r){e(this,r)}parseOrderDetailsData(e){this.parsedOrderDetailsData=e,this.parsedOrderDetailsData="string"==typeof this.orderDetails?JSON.parse(e):e}componentWillLoad(){this.parseOrderDetailsData(this.orderDetails),console.log("Parent componentWillLoad - parsedOrderDetailsData:",this.parsedOrderDetailsData)}renderOrderDetailsContent(){return this.parsedOrderDetailsData?[this.parsedOrderDetailsData.options&&this.parsedOrderDetailsData.options.length>0&&r("salla-order-details-options",{options:this.parsedOrderDetailsData.options}),this.parsedOrderDetailsData.sub_products&&this.parsedOrderDetailsData.sub_products.length>0&&r(t,null,r("h2",{class:"s-order-details-bundle-title"},salla.lang.get("pages.orders.sub_products")),r("div",{class:"s-order-details-bundle-content"},this.parsedOrderDetailsData.sub_products.map((e=>r("salla-order-details-multiple-bundle-product",{key:e?.id,productDetails:e})))))]:(console.warn("No parsedOrderDetailsData available"),null)}render(){return r(o,{key:"ffa22cae6c347b5acbe4836378f1f3843184e8f5",class:"s-order-details-wrapper"},this.renderOrderDetailsContent())}static get watchers(){return{orderDetails:["parseOrderDetailsData"]}}};i.style='/*!twlt*/.s-order-details-multiple-bundle-product{display:flex;height:auto;width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-radius:0.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));outline:2px solid transparent;outline-offset:0px}.s-order-details-wrapper{display:block}.s-order-details-bundle-content{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;padding-bottom:1rem}.s-order-details-bundle-title{margin-bottom:0.75rem;font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-order-details-product{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.s-order-details-product-content{min-width:0px}.s-order-details-product-info{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-order-details-product-image{display:flex;height:3.5rem;width:3.5rem;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.s-order-details-product-image img{height:100%;width:100%;object-fit:cover}.s-order-details-product-details{display:flex;min-width:0px;flex-grow:1;flex-direction:column;gap:0.25rem}.s-order-details-product-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));text-decoration-line:none}.s-order-details-product-name:hover{color:var(--color-primary)}.s-order-details-product-price{font-size:0.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-order-details-product-price-sale{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.s-order-details-product-regular-price{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));text-decoration-line:line-through}.s-order-details-product-quantity{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-order-details-options{margin-top:1rem}.s-order-details-option{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding-top:0.5rem;padding-bottom:0.5rem}.s-order-details-option:last-child{border-bottom-width:0px}.s-order-details-option-name{font-size:0.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-order-details-option-value{text-align:right;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-order-details-option-value:where([dir="rtl"],[dir="rtl"] *){text-align:left}.s-order-details-options-title{margin-top:1.25rem;margin-bottom:0.875rem;font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-order-details-options-container{margin-bottom:0.5rem;display:flow-root;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-left:1rem;padding-right:1rem}.s-order-details-options-container-borderless{margin-bottom:0.5rem;display:flow-root}.s-order-details-options-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.s-order-details-options-list{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.s-order-details-options-item{display:flex;align-items:center;justify-content:space-between;padding-top:0.625rem;padding-bottom:0.625rem}.s-order-details-options-item-name{margin-bottom:0.5rem}@media (min-width: 768px){.s-order-details-options-item-name{margin-bottom:0px}}.s-order-details-options-item-value{font-weight:500}.s-order-details-options-item-value-image{font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-order-details-options-item-value-text{font-size:0.75rem;line-height:1rem;font-weight:500}.s-order-details-option-image-container{display:flex}.s-order-details-option-image-container>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.625rem * var(--tw-space-x-reverse));margin-left:calc(0.625rem * calc(1 - var(--tw-space-x-reverse)))}.s-order-details-option-image-container:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-order-details-option-image{height:1.5rem;width:1.5rem;border-radius:0.375rem;object-fit:cover}.s-order-details-option-color-swatch{display:inline-block;height:1.5rem;width:1.5rem;border-radius:9999px;--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-order-details-option-color-swatch:where([dir="ltr"],[dir="ltr"] *){margin-left:0.5rem}.s-order-details-option-color-swatch:where([dir="rtl"],[dir="rtl"] *){margin-right:0.5rem}.s-order-details-option-file-link{font-size:0.875rem;line-height:1.25rem;color:var(--color-primary);text-decoration-line:underline}.s-order-details-option-color-picker{display:flex;width:fit-content;border-radius:var(--s-radius, 0.25rem);border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.s-order-details-option-color-picker-content{display:flex;align-items:center;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.s-order-details-option-color-picker-content:where([dir="ltr"],[dir="ltr"] *){border-right-width:1px;padding-right:0.25rem}.s-order-details-option-color-picker-content:where([dir="rtl"],[dir="rtl"] *){border-left-width:1px;padding-left:0.25rem}.s-order-details-option-color-picker-text{padding-left:0.25rem;padding-right:0.25rem;font-size:0.75rem;line-height:1rem}.s-order-details-option-color-picker-swatch{display:inline-block;height:1rem;border-radius:var(--s-radius, 0.25rem);border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding:0.25rem;--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-order-details-option-color-picker-swatch:where([dir="ltr"],[dir="ltr"] *){margin-left:0.25rem}.s-order-details-option-color-picker-swatch:where([dir="rtl"],[dir="rtl"] *){margin-right:0.25rem}.s-order-details-option-color-picker-button{padding-left:0.25rem;padding-right:0.25rem;padding-top:0.25rem}.s-order-details-option-color-picker-icon{pointer-events:none;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-order-details-option-map-button{font-size:0.875rem;line-height:1.25rem;color:var(--color-primary)}.s-order-details-option-default-text{font-size:0.75rem;line-height:1rem}.s-order-details-option-color-copy-icon svg{height:1rem;width:1rem;fill:#6b7280}';export{i as salla_order_details}
|